diff --git a/.ado/templates/apple-job-javascript.yml b/.ado/templates/apple-job-javascript.yml
index 0f0277e097aac1..1eb7f5b9e400fc 100644
--- a/.ado/templates/apple-job-javascript.yml
+++ b/.ado/templates/apple-job-javascript.yml
@@ -17,10 +17,6 @@ steps:
 
   - template: apple-xcode-select.yml
 
-  - template: apple-droid-node-patching.yml
-    parameters:
-      apply_office_patches: $(apply_office_patches)
-
   - script: 'yarn install'
     displayName: 'yarn install'
 
@@ -42,4 +38,4 @@ steps:
     displayName: 'yarn lint'
 
   - script: 'yarn format-check'
-    displayName: 'yarn format-check'
\ No newline at end of file
+    displayName: 'yarn format-check'
diff --git a/.ado/templates/apple-job-react-native.yml b/.ado/templates/apple-job-react-native.yml
index 5ba1fc0dc98d08..70bdd2440fc00f 100644
--- a/.ado/templates/apple-job-react-native.yml
+++ b/.ado/templates/apple-job-react-native.yml
@@ -28,13 +28,9 @@ steps:
   - script: brew link node@12 --overwrite --force
     displayName: 'ensure node 12'
 
-  # Task Group: XCode select proper version
+  # Task Group: Xcode select proper version
   - template: apple-xcode-select.yml
 
-  - template: apple-droid-node-patching.yml
-    parameters:
-      apply_office_patches: $(apply_office_patches)
-
   - task: CmdLine@2
     displayName: yarn install
     inputs:
diff --git a/.appveyor/config.yml b/.appveyor/config.yml
deleted file mode 100644
index ed8162cf135899..00000000000000
--- a/.appveyor/config.yml
+++ /dev/null
@@ -1,47 +0,0 @@
-environment:
-  ANDROID_HOME: "C:\\android-sdk-windows"
-  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-r19c-windows-x86_64.zip
-
-  matrix:
-    - nodejs_version: 8
-    - nodejs_version: 10
-
-install:
-  # Install Android SDK Tools
-  - mkdir "%ANDROID_HOME%"
-  - appveyor DownloadFile "%SDK_TOOLS_URL%" -FileName "%TMP%/sdk-tools.zip"
-  - 7z x "%TMP%/sdk-tools.zip" -o"%ANDROID_HOME%" > nul
-  - set PATH=%PATH%;"%ANDROID_HOME%\tools\bin"
-
-  - yes 2> nul | sdkmanager --licenses > nul
-  - yes 2> nul | sdkmanager "system-images;android-19;google_apis;armeabi-v7a"
-  - yes 2> nul | sdkmanager "platforms;android-%ANDROID_BUILD_VERSION%"
-  - yes 2> nul | sdkmanager "build-tools;%ANDROID_TOOLS_VERSION%"
-  - yes 2> nul | sdkmanager "add-ons;addon-google_apis-google-23"
-  - yes 2> nul | sdkmanager "extras;android;m2repository"
-
-  - appveyor DownloadFile "%NDK_TOOLS_URL%" -FileName "%TMP%/ndk.zip"
-  - 7z x "%TMP%/ndk.zip" -o"%ANDROID_HOME%" > nul
-
-  - ps: Install-Product node $env:nodejs_version x64
-  - npx envinfo@latest
-  - appveyor-retry yarn install
-
-build_script:
-  - yarn run flow-check-android
-  - yarn run flow-check-ios
-  - yarn run test
-  # - gradlew.bat RNTester:android:app:assembleRelease
-
-cache:
-  - node_modules
-  - "%LOCALAPPDATA%/Yarn"
-  - "%USERPROFILE%/.gradle/caches"
-  - "%USERPROFILE%/.gradle/wrapper"
diff --git a/.buckconfig b/.buckconfig
index 14ee0b460b6e1c..dc22ddc157f629 100644
--- a/.buckconfig
+++ b/.buckconfig
@@ -1,6 +1,6 @@
 
 [android]
-  target = android-28
+  target = android-29
 
 [download]
   max_number_of_retries = 3
diff --git a/.circleci/Dockerfiles/Dockerfile.android b/.circleci/Dockerfiles/Dockerfile.android
index 6d7e400c534fc6..2fa8e3f8e0d240 100644
--- a/.circleci/Dockerfiles/Dockerfile.android
+++ b/.circleci/Dockerfiles/Dockerfile.android
@@ -14,7 +14,7 @@
 # and build a Android application that can be used to run the
 # tests specified in the scripts/ directory.
 #
-FROM reactnativecommunity/react-native-android:2019-9-4
+FROM reactnativecommunity/react-native-android:2019-10-18
 
 LABEL Description="React Native Android Test Image"
 LABEL maintainer="Héctor Ramos <hector@fb.com>"
diff --git a/.circleci/config.yml b/.circleci/config.yml
index a749a0110bf58e..e50d25cbc858dd 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -1,5 +1,12 @@
 version: 2.1
 
+# -------------------------
+#        ORBS
+# -------------------------
+
+orbs:
+  win: circleci/windows@2.4.0
+
 # -------------------------
 #        DEFAULTS
 # -------------------------
@@ -7,23 +14,29 @@ defaults: &defaults
   working_directory: ~/react-native
   environment:
     - GIT_COMMIT_DESC: git log --format=oneline -n 1 $CIRCLE_SHA1
+    # The public github tokens are publicly visible by design
+    - PUBLIC_PULLBOT_GITHUB_TOKEN_A: "a6edf8e8d40ce4e8b11a"
+    - PUBLIC_PULLBOT_GITHUB_TOKEN_B: "150e1341f4dd9c944d2a"
+    - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A: &github_token_a "78a72af35445ca3f8180"
+    - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B: &github_token_b "b1a98e0bbd56ff1ccba1"
+
 
 # -------------------------
 #        EXECUTORS
 # -------------------------
 executors:
-  node8:
+  nodelts:
     <<: *defaults
     docker:
-      - image: circleci/node:8
-  nodelts:
+      - image: circleci/node:12
+  nodeprevlts:
     <<: *defaults
     docker:
-      - image: circleci/node:lts
+      - image: circleci/node:10
   reactnativeandroid:
     <<: *defaults
     docker:
-      - image: reactnativecommunity/react-native-android:2019-9-4
+      - image: reactnativecommunity/react-native-android:2019-10-18
     resource_class: "large"
     environment:
       - TERM: "dumb"
@@ -31,10 +44,13 @@ executors:
       - _JAVA_OPTIONS: "-XX:+UnlockExperimentalVMOptions -XX:+UseCGroupMemoryLimitForHeap"
       - GRADLE_OPTS: '-Dorg.gradle.daemon=false -Dorg.gradle.jvmargs="-XX:+HeapDumpOnOutOfMemoryError"'
       - BUILD_THREADS: 2
+      # Repeated here, as the environment key in this executor will overwrite the one in defaults
+      - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A: *github_token_a
+      - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B: *github_token_b
   reactnativeios:
     <<: *defaults
     macos:
-      xcode: "10.3.0"
+      xcode: &_XCODE_VERSION "11.3.1"
 
 # -------------------------
 #        COMMANDS
@@ -53,7 +69,7 @@ commands:
     steps:
       - run:
           name: Initial Setup
-          command: mkdir -p ~/reports/{buck,build,junit,outputs}
+          command: mkdir -p ./reports/{buck,build,junit,outputs}
 
   run_yarn:
     steps:
@@ -62,7 +78,7 @@ commands:
             - v4-yarn-cache-{{ arch }}-{{ checksum "yarn.lock" }}
             - v4-yarn-cache-{{ arch }}
       - run:
-          name: Run Yarn
+          name: "Yarn: Install Dependencies"
           command: |
             # Skip yarn install on metro bump commits as the package is not yet
             # available on npm
@@ -94,13 +110,21 @@ commands:
             - ~/okbuck
           key: v3-buck-v2019.01.10.01-{{ checksum "scripts/circleci/buck_fetch.sh" }}
 
+  install_github_bot_deps:
+    steps:
+      - run:
+          name: "Yarn: Install dependencies (GitHub bots)"
+          command: cd bots && yarn install --non-interactive --cache-folder ~/.cache/yarn
+
   brew_install:
     parameters:
       package:
         description: Homebrew package to install
         type: string
     steps:
-      - run: HOMEBREW_NO_AUTO_UPDATE=1 brew install << parameters.package >> >/dev/null
+      - run: 
+          name: "Brew: Install << parameters.package >>"
+          command: HOMEBREW_NO_AUTO_UPDATE=1 brew install << parameters.package >> >/dev/null
 
   with_brew_cache_span:
     parameters:
@@ -109,15 +133,15 @@ commands:
     steps:
       - restore_cache:
           keys:
-            - v2-brew
+            - v3-brew
       - steps: << parameters.steps >>
       - save_cache:
           paths:
             - /usr/local/Homebrew
             - ~/Library/Caches/Homebrew
-          key: v2-brew
+          key: v3-brew
 
-  with_pods_cache_span:
+  with_rntester_pods_cache_span:
     parameters:
       steps:
         type: steps
@@ -158,24 +182,33 @@ commands:
           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:
+  run_e2e:
+    parameters:
+      platform:
+        description: Target platform
+        type: enum
+        enum: ["android", "ios", "js"]
+        default: "js"
+      retries:
+        description: How many times the job should try to run these tests
+        type: integer
+        default: 3
     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:
+          name: "Run Tests: << parameters.platform >> End-to-End Tests"
+          command: node ./scripts/run-ci-e2e-tests.js --<< parameters.platform >> --retries << parameters.retries >>
+
+  report_bundle_size:
+    parameters:
+      platform:
+        description: Target platform
+        type: enum
+        enum: ["android", "ios"]
     steps:
+      - install_github_bot_deps
       - run:
-          name: Android End-to-End Test Suite
-          command: node ./scripts/run-ci-e2e-tests.js --android --retries 3;
+          name: Report size of RNTester.app (analysis-bot)
+          command: GITHUB_TOKEN="$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A""$PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B" scripts/circleci/report-bundle-size.sh << parameters.platform >>
 
 # -------------------------
 #          JOBS
@@ -185,7 +218,7 @@ jobs:
     parameters:
         executor:
           type: executor
-          default: node8
+          default: nodelts
         checkout_type:
           type: string
           default: node
@@ -205,23 +238,16 @@ jobs:
   # This workflow should only fail if the bots fail to run.
   analyze_pr:
     executor: nodelts
-    # The public github tokens are publicly visible by design
-    environment:
-      - PUBLIC_PULLBOT_GITHUB_TOKEN_A: "a6edf8e8d40ce4e8b11a"
-      - PUBLIC_PULLBOT_GITHUB_TOKEN_B: "150e1341f4dd9c944d2a"
-      - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A: "78a72af35445ca3f8180"
-      - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_B: "b1a98e0bbd56ff1ccba1"
-
     steps:
       - restore_cache_checkout:
           checkout_type: node
       - run_yarn
 
+      - install_github_bot_deps
+
       - run:
-          name: Install dependencies
-          command: |
-            sudo apt update && sudo apt install -y shellcheck jq
-            cd bots && yarn install --non-interactive --cache-folder ~/.cache/yarn
+          name: Install additional GitHub bot dependencies
+          command: sudo apt update && sudo apt install -y shellcheck jq
 
       - run:
           name: Run linters against modified files (analysis-bot)
@@ -239,7 +265,7 @@ jobs:
   #    JOBS: Analyze Code
   # -------------------------
   analyze_code:
-    executor: node8
+    executor: nodelts
     steps:
       - restore_cache_checkout:
           checkout_type: node
@@ -248,7 +274,7 @@ jobs:
 
       - run:
           name: Lint code
-          command: scripts/circleci/exec_swallow_error.sh yarn lint --format junit -o ~/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:
@@ -274,42 +300,70 @@ jobs:
           when: always
 
       - store_test_results:
-          path: ~/reports/junit
+          path: ./reports/junit
 
   # -------------------------
   #   JOBS: Test JavaScript
   # -------------------------
-  # Runs JavaScript tests
   test_js:
     parameters:
       executor:
         type: executor
-        default: node8
+        default: nodelts
+      run_disabled_tests:
+        type: boolean
+        default: false
     executor: << parameters.executor >>
     steps:
       - restore_cache_checkout:
           checkout_type: node
       - setup_artifacts
       - run_yarn
+      - run:
+          name: Install rsync
+          command: sudo apt-get install rsync
 
+      # -------------------------
+      # Run JavaScript tests
       - run:
-          name: JavaScript Test Suite
+          name: "Run Tests: JavaScript Tests"
           command: node ./scripts/run-ci-javascript-tests.js --maxWorkers 2
+      - run_e2e:
+          platform: js
+
+      # Optionally, run disabled tests
+      - when:
+          condition: << parameters.run_disabled_tests >>
+          steps:
+            - run: echo "Failing tests may be moved here temporarily."
+      # -------------------------
 
       - store_test_results:
-          path: ~/reports/junit
+          path: ./reports/junit
+
   # -------------------------
   #     JOBS: Test iOS
   # -------------------------
-  # Runs unit tests on iOS devices
   test_ios:
     executor: reactnativeios
     parameters:
       use_frameworks:
         type: boolean
         default: false
+      run_unit_tests:
+        description: Specifies whether unit tests should run.
+        type: boolean
+        default: false
+      run_detox_tests:
+        description: Specifies whether Detox e2e tests should run.
+        type: boolean
+        default: false
+      run_disabled_tests:
+        description: Specifies whether disabled tests should run. Set this to true to debug failing tests.
+        type: boolean
+        default: false
     environment:
-      - REPORTS_DIR: "./reports"
+      - REPORTS_DIR: "./reports/junit"
     steps:
       - restore_cache_checkout:
           checkout_type: ios
@@ -323,119 +377,103 @@ jobs:
           name: Boot iPhone Simulator
           command: source scripts/.tests.env && xcrun simctl boot "$IOS_DEVICE" || true
 
-      - run:
-          name: Fetch CocoaPods Specs
-          command: |
-            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: ~/reports/junit
-
-  # Runs iOS end-to-end tests
-  test_ios_e2e:
-    executor: reactnativeios
-    steps:
-      - restore_cache_checkout:
-          checkout_type: ios
-      - setup_artifacts
-      - run_yarn
-
-      - run:
-          name: Boot iPhone Simulator
-          command: source scripts/.tests.env && xcrun simctl boot "$IOS_DEVICE" || true
-
       - run:
           name: Configure Environment Variables
           command: |
-            echo 'export PATH=/usr/local/opt/node@8/bin:$PATH' >> $BASH_ENV
+            echo 'export PATH=/usr/local/opt/node@10/bin:$PATH' >> $BASH_ENV
             source $BASH_ENV
 
-      # Brew
       - with_brew_cache_span:
           steps:
             - brew_install:
-                package: node@8
-            - run: HOMEBREW_NO_AUTO_UPDATE=1 brew tap wix/brew >/dev/null
+                package: watchman
             - brew_install:
-                package: applesimutils
+                package: node@10
+            - run:
+                name: "Brew: Tap wix/brew"
+                command: HOMEBREW_NO_AUTO_UPDATE=1 brew tap wix/brew >/dev/null
             - brew_install:
-                package: watchman
-      # Configure Watchman
-      - run: touch .watchmanconfig
-
-      - restore_cache:
-          keys:
-            - v1-cocoapods-{{ checksum "template/ios/Podfile" }}
-            - v1-cocoapods-
-
-      - run: pod setup
+                package: applesimutils
 
       - run:
-          name: Generate RNTesterPods Workspace
-          command: pushd RNTester && pod install --verbose && popd
+          name: Configure Watchman
+          command: touch .watchmanconfig
 
-      - run:
-          name: Run Detox iOS End-to-End Tests
-          command: yarn run build-ios-e2e && yarn run test-ios-e2e
-          when: always
+      - when:
+          condition: << parameters.use_frameworks >>
+          steps:
+            - run:
+                name: Set USE_FRAMEWORKS=1
+                command: echo "export USE_FRAMEWORKS=1" >> $BASH_ENV
 
       - run:
-          name: Run iOS End-to-End Tests
+          name: Fetch CocoaPods Specs
           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 --ios --retries 3;
-          when: always
-
-      - save_cache:
-          paths:
-            - ~/.cocoapods/repos
-          key: v1-cocoapods-{{ checksum "template/ios/Podfile" }}
+            curl https://cocoapods-specs.circleci.com/fetch-cocoapods-repo-from-s3.sh | bash -s cf
+      - run: 
+          name: Setup the CocoaPods environment
+          command: pod setup
 
-  test_js_e2e:
-    executor: node8
-    steps:
-      - restore_cache_checkout:
-          checkout_type: node
-      - setup_artifacts
-      - run_yarn
-      - run: sudo apt-get install rsync
+      - with_rntester_pods_cache_span:
+          steps:
+            - run:
+                name: Generate RNTesterPods Workspace
+                command: cd RNTester && pod install --verbose
 
       - run:
-          name: Run JavaScript End-to-End Tests
-          command: node ./scripts/run-ci-e2e-tests.js --js --retries 3
+          name: Generate RNTesterPods Xcode Workspace
+          command: pushd RNTester && pod install --verbose && popd
+
+      # -------------------------
+      # Runs iOS unit tests
+      - when:
+          condition: << parameters.run_unit_tests >>
+          steps:
+            - run: 
+                name: "Run Tests: iOS Unit and Integration Tests"
+                command: yarn test-ios
+      # Runs iOS Detox e2e tests
+      - when:
+          condition: << parameters.run_detox_tests >>
+          steps:
+            - run:
+                name: "Run Tests: Detox iOS End-to-End Tests"
+                command: yarn run build-ios-e2e && yarn run test-ios-e2e
+
+      # Optionally, run disabled tests
+      - when:
+          condition: << parameters.run_disabled_tests >>
+          steps:
+            - run: echo "Failing tests may be moved here temporarily."
+            - run:
+                name: "Run Tests: CocoaPods"
+                command: ./scripts/process-podspecs.sh
+            - run:
+                name: Free up port 8081 for iOS 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
+            - run_e2e:
+                platform: ios
+      # -------------------------
 
+      # Collect Results
+      - report_bundle_size:
+          platform: ios
       - store_test_results:
-          path: ~/reports/junit
+          path: ./reports/junit
 
   # -------------------------
   #    JOBS: Test Android
   # -------------------------
-  # Run Android tests
   test_android:
     executor: reactnativeandroid
+    parameters:
+      run_disabled_tests:
+        type: boolean
+        default: false    
     steps:
       - restore_cache_checkout:
           checkout_type: android
@@ -458,6 +496,10 @@ jobs:
 
       # Keep configuring Android dependencies while AVD boots up
 
+      - run:
+          name: Install rsync
+          command: apt-get update -y && apt-get install rsync -y
+
       # Install Buck
       - install_buck_tooling
 
@@ -490,37 +532,48 @@ jobs:
           name: Wait for Android Virtual Device
           command: source scripts/android-setup.sh && waitForAVD
 
-      # Test Suite
       - run:
-          name: Run Unit Tests
-          command: buck test ReactAndroid/src/test/... --config build.threads=$BUILD_THREADS --xml ~/reports/buck/all-results-raw.xml
+          name: Assemble RNTester App
+          command: ./gradlew RNTester:android:app:assembleRelease
 
+      # -------------------------
+      # Run Android tests
+      - run:
+          name: "Run Tests: Android Unit Tests"
+          command: buck test ReactAndroid/src/test/... --config build.threads=$BUILD_THREADS --xml ./reports/buck/all-results-raw.xml
       - run:
-          name: Run Instrumentation Tests
+          name: "Run Tests: Android Instrumentation Tests"
           command: |
             if [[ ! -e ReactAndroid/src/androidTest/assets/AndroidTestBundle.js ]]; then
               echo "JavaScript bundle missing, cannot run instrumentation tests. Verify Build JavaScript Bundle step completed successfully."; exit 1;
             fi
             source scripts/android-setup.sh && NO_BUCKD=1 retry3 timeout 300 buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests --config build.threads=$BUILD_THREADS
 
-      - run:
-          name: Build Android RNTester App
-          command: ./gradlew RNTester:android:app:assembleRelease
+      # Optionally, run disabled tests
+      - when:
+          condition: << parameters.run_disabled_tests >>
+          steps:
+            - run: echo "Failing tests may be moved here temporarily."
+            - run_e2e:
+                platform: android
+      # -------------------------
 
       # Collect Results
+      - report_bundle_size:
+          platform: android
       - run:
           name: Collect Test Results
           command: |
-            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/ \;
+            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
+              cd ~/okbuck
+              ./tooling/junit/buck_to_junit.sh ~/react-native/reports/buck/all-results-raw.xml ~/react-native/reports/junit/results.xml
             fi
           when: always
-
       - store_test_results:
-          path: ~/reports/junit
+          path: ./reports/junit
 
   # -------------------------
   #    JOBS: Test Docker
@@ -539,12 +592,89 @@ jobs:
             yarn run docker-setup-android
             yarn run docker-build-android
 
+  # -------------------------
+  #    JOBS: Windows
+  # -------------------------
+  test_windows:
+    executor:
+      name: win/default
+    parameters:
+      run_disabled_tests:
+        type: boolean
+        default: false
+    environment:
+      - ANDROID_HOME: "C:\\Android\\android-sdk"
+      - ANDROID_NDK: "C:\\Android\\android-sdk\\ndk\\19.2.5345600"
+      - ANDROID_BUILD_VERSION: 28
+      - ANDROID_TOOLS_VERSION: 29.0.2
+      - GRADLE_OPTS: -Dorg.gradle.daemon=false
+      - NDK_VERSION: 19.2.5345600
+    steps:
+      - checkout
+
+      # Setup Dependencies
+      - run:
+          name: Install Yarn
+          command: choco install yarn
+
+      - run:
+          name: Display Environment info
+          command: npx envinfo@latest
+
+      - restore_cache:
+          keys:
+            - v1-win-yarn-cache-{{ arch }}-{{ checksum "yarn.lock" }}
+            - v1-win-yarn-cache-{{ arch }}-
+      - run:
+          name: "Yarn: Install Dependencies"
+          command: yarn install --frozen-lockfile --non-interactive
+      - save_cache:
+          key: v1-win-yarn-cache-{{ arch }}-{{ checksum "yarn.lock" }}
+          paths:
+            - C:\Users\circleci\AppData\Local\Yarn
+
+      - run:
+          name: Install Android SDK Tools
+          command: choco install android-sdk
+
+      - run:
+          name: Setup Android SDKs
+          command: |
+            sdkmanager --licenses
+            sdkmanager "system-images;android-19;google_apis;armeabi-v7a"
+            sdkmanager "platforms;android-%ANDROID_BUILD_VERSION%"
+            sdkmanager "build-tools;%ANDROID_TOOLS_VERSION%"
+            sdkmanager "add-ons;addon-google_apis-google-23"
+            sdkmanager "extras;android;m2repository"
+            sdkmanager "ndk;%NDK_VERSION%"
+
+      # -------------------------
+      # Run Tests
+      - run:
+          name: "Flow: Check Android"
+          command: yarn flow-check-android
+      - run:
+          name: "Flow: Check iOS"
+          command: yarn flow-check-ios
+      - run:
+          name: "Run Tests: JavaScript Tests"
+          command: yarn test
+
+      # Optionally, run disabled tests
+      - when:
+          condition: << parameters.run_disabled_tests >>
+          steps:
+            - run: echo "Failing tests may be moved here temporarily."
+            - run:
+                name: Android Build
+                command: ./gradlew.bat RNTester:android:app:assembleRelease
+
   # -------------------------
   #      JOBS: Coverage
   # -------------------------
   # Collect JavaScript test coverage
   js_coverage:
-    executor: node8
+    executor: nodelts
     environment:
       - CI_BRANCH: $CIRCLE_BRANCH
       - CI_PULL_REQUEST: $CIRCLE_PULL_REQUEST
@@ -556,11 +686,12 @@ jobs:
       - setup_artifacts
       - run_yarn
       - run:
-          name: Test coverage
+          name: Collect test coverage information
           command: |
-            yarn test --coverage --maxWorkers=2
-            cat ./coverage/lcov.info | ./node_modules/.bin/coveralls
-          when: always
+            scripts/circleci/exec_swallow_error.sh yarn test --coverage --maxWorkers=2
+            if [[ -e ./coverage/lcov.info ]]; then
+              cat ./coverage/lcov.info | scripts/circleci/exec_swallow_error.sh ./node_modules/.bin/coveralls
+            fi
       - store_artifacts:
           path: ~/react-native/coverage/
 
@@ -569,6 +700,10 @@ jobs:
   # -------------------------
   # Publishes a new version onto npm
   publish_npm_package:
+    parameters:
+      publish_npm_args:
+        type: string
+        default: --nonightly
     executor: reactnativeandroid
     steps:
       - run:
@@ -587,12 +722,25 @@ jobs:
           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
+      - run: node ./scripts/publish-npm.js << parameters.publish_npm_args >>
+
+  # -------------------------
+  #    JOBS: Nightly
+  # -------------------------
+  nightly_job:
+    machine: true
+    steps:
+      - run:
+          name: Nightly
+          command: |
+            echo "Nightly build run"
 
 # -------------------------
 #        WORK FLOWS
 # -------------------------
 workflows:
+  version: 2
+
   tests:
     jobs:
       - setup:
@@ -616,35 +764,40 @@ workflows:
               # TODO(macOS ISS#2323203): disable this test which is redundant to Azure Devops test and it requires a CCI plan with resource-class:large.
               ignore: /.*/
       - test_js:
+          run_disabled_tests: false
           requires:
             - setup_js
-      - test_js_e2e:
-          requires:
-            - setup_js
-            - test_js
-          # [TODO(macOS ISS#2323203): disable this test which is redundant to Azure Devops test and it fails in the fork because it tries to 'npm install' the template.
-          filters:
-            branches:
-              ignore: /.*/
-          # ]TODO(macOS ISS#2323203)
       - test_android:
+          run_disabled_tests: false
           requires:
             - setup_android
       - test_ios:
+          name: test_ios_unit
+          run_disabled_tests: false
+          run_unit_tests: true
           requires:
             - setup_ios
       - test_ios:
-          name: test_ios_frameworks
+          name: test_ios_unit_frameworks
           use_frameworks: true
+          run_unit_tests: true
           requires:
             - setup_ios
-      - test_ios_e2e:
+      - test_ios:
+          name: test_ios_detox
+          run_disabled_tests: false
+          run_detox_tests: true
+          requires:
+            - setup_ios
+      - test_ios:
+          name: test_ios_detox_frameworks
+          use_frameworks: true
+          run_detox_tests: true
           requires:
             - setup_ios
-            - test_js
       - test_js:
-          name: test_js_lts
-          executor: nodelts
+          name: test_js_prev_lts
+          executor: nodeprevlts
           requires:
             - setup_js
       - test_docker:
@@ -652,6 +805,12 @@ workflows:
             branches:
               # TODO(macOS ISS#2323203): disable this test which is redundant to Azure Devops test and in the fork it fails because of Microsoft's V8 upgrade to Android
               ignore: /.*/
+      - test_windows:
+          filters:
+            branches:
+              ignore: gh-pages
+          run_disabled_tests: false
+
   releases:
     jobs:
       - setup:
@@ -707,3 +866,26 @@ workflows:
             branches:
               ignore: /.*/
           # ]TODO(macOS ISS#2323203)
+  nightly:
+    triggers:
+      - schedule:
+          cron: "0 0 * * *"
+          filters:
+            branches:
+              # [TODO(macOS ISS#2323203): disable this release.  We never want to release anything from this fork via CCI.
+              ignore: /.*/
+              # only:
+              #   - master
+              # ]TODO(macOS ISS#2323203)
+    jobs:
+      - nightly_job
+
+      - setup:
+          name: setup_android
+          checkout_type: android
+          executor: reactnativeandroid
+
+      - publish_npm_package:
+          publish_npm_args: --nightly
+          requires:
+            - setup_android
diff --git a/.eslintignore b/.eslintignore
index f485f90b89c3ca..479b10a7655330 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1,14 +1,16 @@
 # node_modules ignored by default
 
-**/staticBundle.js
 **/main.js
-Libraries/vendor/**/*
+**/staticBundle.js
+bots/node_modules
+docs/generatedComponentApiDocs.js
+flow/
 Libraries/Renderer/*
+Libraries/vendor/**/*
 packages/*/node_modules
 packages/*/lib
 packages/*/lib-commonjs
 pr-inactivity-bookmarklet.js
 question-bookmarklet.js
-flow/
 bots/node_modules
 android-patches/
diff --git a/.eslintrc b/.eslintrc
index 9385a7481c3ce6..7795e95b40cd3c 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -13,6 +13,7 @@
       rules: {
         '@react-native-community/no-haste-imports': 2,
         '@react-native-community/error-subclass-name': 2,
+        '@react-native-community/platform-colors': 2,
       }
     },
     {
diff --git a/.flowconfig b/.flowconfig
index 6c780e7543d1cd..87fd42b63f3ac5 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -75,10 +75,10 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
+unsafe-addition=error
 
 [strict]
 deprecated-type
@@ -90,4 +90,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.113.0
+^0.122.0
diff --git a/.flowconfig.android b/.flowconfig.android
index f0aadb57289f21..25c6ad92d010e2 100644
--- a/.flowconfig.android
+++ b/.flowconfig.android
@@ -78,10 +78,10 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
+unsafe-addition=error
 
 [strict]
 deprecated-type
@@ -93,4 +93,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.113.0
+^0.122.0
diff --git a/.flowconfig.macos b/.flowconfig.macos
index c13da62f1bad21..228c57f1770316 100644
--- a/.flowconfig.macos
+++ b/.flowconfig.macos
@@ -75,7 +75,6 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
@@ -90,4 +89,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.113.0
+^0.122.0
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index b18fb13e017294..d16bc898be18a2 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -1,2 +1,3 @@
 ** @acoates-ms
 ** @tom-un
+** @alloy
diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md
index 44f933bfbf8528..015f815215f18b 100644
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,3 +1 @@
 GitHub Issues in the `microsoft/react-native-macos` repository are used exclusively for tracking bugs in the Microsoft/React Native for macOS fork.  If the issue concerns Facebook's react-native, submit the issue to `facebook/react-native`.
-
-Note: to keep the backlog clean and actionable, issues may be immediately closed if they do not follow one of the above issue templates.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 00000000000000..7821e038ec89ee
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,14 @@
+blank_issues_enabled: false
+contact_links:
+    - name: 📃 Documentation Issue
+      url: https://github.com/facebook/react-native-website/issues
+      about: Please report documentation issues in the React Native website repository.
+    - name: ⤴️ Upgrade Issue
+      url: https://github.com/react-native-community/upgrade-support
+      about: Need help upgrading to a newer React Native version? Visit the Upgrade Support repository.
+    - name: 🤔 Questions and Help
+      url: https://reactnative.dev/help
+      about: Looking for help with your app? Please refer to the React Native community's support resources.
+    - name: 🚀 Discussions and Proposals
+      url: https://github.com/react-native-community/discussions-and-proposals
+      about: Discuss the future of React Native in the React Native community's discussions and proposals repository.
diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md
deleted file mode 100644
index e82b973392fa06..00000000000000
--- a/.github/ISSUE_TEMPLATE/question.md
+++ /dev/null
@@ -1,9 +0,0 @@
----
-name: Question
-about: I have a question
-title: "'Question: [your question here]'"
-labels: question
-assignees: ''
-
----
-
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index dab90d600d4308..f34e5777e55052 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -23,7 +23,9 @@ If you are making a new change then one of the following should be done:
 
 ## Changelog
 
-<!-- Help reviewers and the release process by writing your own changelog entry. See https://github.com/facebook/react-native/wiki/Changelog for an example. -->
+<!-- Help reviewers and the release process by writing your own changelog entry. For an example, see:
+https://github.com/facebook/react-native/wiki/Changelog
+-->
 
 [CATEGORY] [TYPE] - Message
 
diff --git a/.github/SUPPORT.md b/.github/SUPPORT.md
index d229644aa40f9d..4e313c997e3094 100644
--- a/.github/SUPPORT.md
+++ b/.github/SUPPORT.md
@@ -32,4 +32,4 @@ If you want to participate in casual discussions about the use of React Native,
 - [React Native Community Facebook Group](https://www.facebook.com/groups/react.native.community)
 
 
-> For a full list of community resources, check out [React Native's Community page](https://facebook.github.io/react-native/help).
+> For a full list of community resources, check out [React Native's Community page](https://reactnative.dev/help).
diff --git a/.github/label-actions.yml b/.github/label-actions.yml
new file mode 100644
index 00000000000000..e0636f4c614438
--- /dev/null
+++ b/.github/label-actions.yml
@@ -0,0 +1,52 @@
+# Configuration for Label Actions - https://github.com/marketplace/actions/label-actions
+
+"Type: Invalid":
+  close: true
+"Type: Question":
+  comment: >
+    We are using GitHub issues exclusively to track bugs in React Native. GitHub may not be the ideal place to ask a question, but you can try asking over on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native), or on [Reactiflux](https://www.reactiflux.com/).
+  close: true
+"Type: Docs":
+  comment: >
+    Please report documentation issues in the [`react-native-website`](https://github.com/facebook/react-native-website/issues) repository.
+  close: true
+"Resolution: For Stack Overflow":
+  comment: >
+    We are using GitHub issues exclusively to track bugs in the core React Native library. Please try asking over on [Stack Overflow](http://stackoverflow.com/questions/tagged/react-native) as it is better suited for this type of question.
+  close: true
+"Needs: Issue Template":
+  comment: >
+    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
+    Missing Required Fields
+    </th></tr><tr><td>:information_source:</td><td>
+    It looks like your issue may be missing some necessary information. GitHub provides an example template whenever a <a href="/facebook/react-native/issues/new?template=bug_report.md">new issue is created</a>. Could you go back and make sure to fill out the template? You may edit this issue, or close it and open a new one.
+    </td></tr></tbody></table>
+  labels:
+    - "Needs: Author Feedback"
+"Needs: Environment Info":
+  comment: >
+    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
+    Missing Environment Information
+    </th></tr><tr><td>:information_source:</td><td>
+    Your issue may be missing information about your development environment. You can obtain the missing information by running <code>react-native info</code> in a console.
+    </td></tr></tbody></table>
+  labels:
+    - "Needs: Author Feedback"
+"Needs: Verify on Latest Version":
+  comment: >
+    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
+    Using Old Version
+    </th></tr><tr><td>:information_source:</td><td>
+    It looks like you are using an older version of React Native. Please <a href="https://reactnative.dev/docs/upgrading">upgrade</a> to the latest version, and verify if the issue persists. If it does not, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the current release.
+    </td></tr></tbody></table>
+  labels:
+    - "Needs: Author Feedback"
+"Needs: Repro":
+  comment: >
+    <table><tbody><tr><th width="50">:warning:</th><th width="100%">
+    Missing Reproducible Example
+    </th></tr><tr><td>:information_source:</td><td>
+    It looks like your issue is missing a reproducible example. Please provide a <a href="https://snack.expo.io">Snack</a> or a repository that demonstrates the issue you are reporting in a <a href="https://stackoverflow.com/help/minimal-reproducible-example">minimal, complete, and reproducible</a> manner.
+    </td></tr></tbody></table>
+  labels:
+    - "Needs: Author Feedback"
diff --git a/.github/workflows/needs-attention.yml b/.github/workflows/needs-attention.yml
new file mode 100644
index 00000000000000..e5c1a979653171
--- /dev/null
+++ b/.github/workflows/needs-attention.yml
@@ -0,0 +1,21 @@
+name: Issue Needs Attention
+# This workflow is triggered on issue comments.
+on:
+  issue_comment:
+    types: created
+
+jobs:
+  applyNeedsAttentionLabel:
+    name: Apply Needs Attention Label
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Apply Needs Attention Label
+        uses: hramos/needs-attention@v1
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          response-required-label: "Needs: Author Feedback"
+          needs-attention-label: "Needs: Attention"
+        id: needs-attention
+      - name: Result
+        run: echo '${{ steps.needs-attention.outputs.result }}'
diff --git a/.github/workflows/process-label-actions.yml b/.github/workflows/process-label-actions.yml
new file mode 100644
index 00000000000000..2c63100f6e8392
--- /dev/null
+++ b/.github/workflows/process-label-actions.yml
@@ -0,0 +1,16 @@
+name: Label Actions
+# This workflow is triggered when a label is added to an issue.
+on:
+  issues:
+    types: labeled
+
+jobs:
+  processLabelAction:
+    name: Process Label Action
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Process Label Action
+        uses: hramos/label-actions@v1
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.gitignore b/.gitignore
index 90688e0daa381d..b316422451ca77 100644
--- a/.gitignore
+++ b/.gitignore
@@ -31,14 +31,16 @@ project.xcworkspace/*
 /RNTester/android/app/gradlew
 /RNTester/android/app/gradlew.bat
 /ReactAndroid/build/
+/ReactAndroid/gradle/
+/ReactAndroid/gradlew
+/ReactAndroid/gradlew.bat
 /build_deps/
 /ReactAndroid/packages/
 
 # Buck
 .buckd
 buck-out
-/ReactAndroid/src/main/jni/prebuilt/lib/armeabi-v7a/
-/ReactAndroid/src/main/jni/prebuilt/lib/x86/
+/ReactAndroid/src/main/jni/prebuilt/lib/
 /ReactAndroid/src/main/gen
 
 # Android Studio
diff --git a/IntegrationTests/IntegrationTestsApp.js b/IntegrationTests/IntegrationTestsApp.js
index c52fe515221ede..1e52877b7b9908 100644
--- a/IntegrationTests/IntegrationTestsApp.js
+++ b/IntegrationTests/IntegrationTestsApp.js
@@ -79,6 +79,9 @@ class IntegrationTestsApp extends React.Component<{...}, $FlowFixMeState> {
           {TESTS.map(test => [
             <TouchableOpacity
               onPress={() => this.setState({test})}
+              /* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+               * suppresses an error found when Flow v0.115 was deployed. To
+               * see the error, delete this comment and run Flow. */
               style={styles.row}>
               <Text style={styles.testName}>{test.displayName}</Text>
             </TouchableOpacity>,
diff --git a/Libraries/ART/ARTSurfaceView.m b/Libraries/ART/ARTSurfaceView.m
index 93a9efee9fd04f..2e557b948103fa 100644
--- a/Libraries/ART/ARTSurfaceView.m
+++ b/Libraries/ART/ARTSurfaceView.m
@@ -47,9 +47,7 @@ - (void)invalidate
 
 - (void)drawRect:(CGRect)rect
 {
-// [TODO(OSS Candidate ISS#2710739): for macOS and iOS dark mode
   [super drawRect:rect];
-// ]TODO(OSS Candidate ISS#2710739)
   CGContextRef context = UIGraphicsGetCurrentContext();
   for (ARTNode *node in self.subviews) {
     [node renderTo:context];
diff --git a/Libraries/ART/React-ART.podspec b/Libraries/ART/React-ART.podspec
index 23794a425375da..e04351c9dca68a 100644
--- a/Libraries/ART/React-ART.podspec
+++ b/Libraries/ART/React-ART.podspec
@@ -20,10 +20,10 @@ Pod::Spec.new do |s|
   s.name                   = "React-ART"
   s.version                = version
   s.summary                = "A library for drawing vector graphics."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "**/*.{m}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
diff --git a/Libraries/ActionSheetIOS/ActionSheetIOS.js b/Libraries/ActionSheetIOS/ActionSheetIOS.js
index accb7e1abdb07c..e330253df81b08 100644
--- a/Libraries/ActionSheetIOS/ActionSheetIOS.js
+++ b/Libraries/ActionSheetIOS/ActionSheetIOS.js
@@ -14,12 +14,13 @@ import RCTActionSheetManager from './NativeActionSheetManager';
 
 const invariant = require('invariant');
 const processColor = require('../StyleSheet/processColor');
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
+import type {ProcessedColorValue} from '../StyleSheet/processColor';
 
 /**
  * Display action sheets and share sheets on iOS.
  *
- * See http://facebook.github.io/react-native/docs/actionsheetios.html
+ * See https://reactnative.dev/docs/actionsheetios.html
  */
 const ActionSheetIOS = {
   /**
@@ -36,7 +37,7 @@ const ActionSheetIOS = {
    * The 'callback' function takes one parameter, the zero-based index
    * of the selected item.
    *
-   * See http://facebook.github.io/react-native/docs/actionsheetios.html#showactionsheetwithoptions
+   * See https://reactnative.dev/docs/actionsheetios.html#showactionsheetwithoptions
    */
   showActionSheetWithOptions(
     options: {|
@@ -46,7 +47,8 @@ const ActionSheetIOS = {
       +destructiveButtonIndex?: ?number | ?Array<number>,
       +cancelButtonIndex?: ?number,
       +anchor?: ?number,
-      +tintColor?: number | string | NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
+      +tintColor?: ColorValue | ProcessedColorValue,
+      +userInterfaceStyle?: string,
     |},
     callback: (buttonIndex: number) => void,
   ) {
@@ -66,10 +68,15 @@ const ActionSheetIOS = {
       destructiveButtonIndices = [destructiveButtonIndex];
     }
 
+    const processedTintColor = processColor(tintColor);
+    invariant(
+      processedTintColor == null || typeof processedTintColor === 'number',
+      'Unexpected color given for ActionSheetIOS.showActionSheetWithOptions tintColor',
+    );
     RCTActionSheetManager.showActionSheetWithOptions(
       {
         ...remainingOptions,
-        tintColor: processColor(tintColor),
+        tintColor: processedTintColor,
         destructiveButtonIndices,
       },
       callback,
@@ -97,7 +104,7 @@ const ActionSheetIOS = {
    * - a boolean value signifying success or failure
    * - a string that, in the case of success, indicates the method of sharing
    *
-   * See http://facebook.github.io/react-native/docs/actionsheetios.html#showshareactionsheetwithoptions
+   * See https://reactnative.dev/docs/actionsheetios.html#showshareactionsheetwithoptions
    */
   showShareActionSheetWithOptions(
     options: Object,
diff --git a/Libraries/ActionSheetIOS/NativeActionSheetManager.js b/Libraries/ActionSheetIOS/NativeActionSheetManager.js
index f96fc7ec63aef7..be3b8c3afffdbe 100644
--- a/Libraries/ActionSheetIOS/NativeActionSheetManager.js
+++ b/Libraries/ActionSheetIOS/NativeActionSheetManager.js
@@ -12,7 +12,7 @@
 
 import type {TurboModule} from '../TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+import type {ProcessedColorValue} from '../StyleSheet/processColor'; // TODO(macOS ISS#2323203)
 
 export interface Spec extends TurboModule {
   +getConstants: () => {||};
@@ -24,7 +24,8 @@ export interface Spec extends TurboModule {
       +destructiveButtonIndices?: ?Array<number>,
       +cancelButtonIndex?: ?number,
       +anchor?: ?number,
-      +tintColor?: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+      +tintColor?: ?ProcessedColorValue, // TODO(macOS ISS#2323203)
+      +userInterfaceStyle?: ?string,
     |},
     callback: (buttonIndex: number) => void,
   ) => void;
@@ -34,8 +35,9 @@ export interface Spec extends TurboModule {
       +url?: ?string,
       +subject?: ?string,
       +anchor?: ?number,
-      +tintColor?: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+      +tintColor?: ?ProcessedColorValue, // TODO(macOS ISS#2323203)
       +excludedActivityTypes?: ?Array<string>,
+      +userInterfaceStyle?: ?string,
     |},
     failureCallback: (error: {|
       +domain: string,
diff --git a/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec b/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec
index 9574165e410882..1ba2b9c8d4d284 100644
--- a/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec
+++ b/Libraries/ActionSheetIOS/React-RCTActionSheet.podspec
@@ -20,11 +20,11 @@ Pod::Spec.new do |s|
   s.name                   = "React-RCTActionSheet"
   s.version                = version
   s.summary                = "An API for displaying iOS action sheets and share sheets."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/actionsheetios"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/actionsheetios"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "*.{m}"
   s.preserve_paths          = "package.json", "LICENSE", "LICENSE-docs"
diff --git a/Libraries/Alert/Alert.js b/Libraries/Alert/Alert.js
index 4f4f75d462b0ca..613d40c530f215 100644
--- a/Libraries/Alert/Alert.js
+++ b/Libraries/Alert/Alert.js
@@ -39,7 +39,7 @@ type Options = {
 /**
  * Launches an alert dialog with the specified title and message.
  *
- * See http://facebook.github.io/react-native/docs/alert.html
+ * See https://reactnative.dev/docs/alert.html
  */
 class Alert {
   static alert(
@@ -115,28 +115,6 @@ class Alert {
     keyboardType?: string,
   ): void {
     if (Platform.OS === 'ios') {
-      if (typeof type === 'function') {
-        console.warn(
-          'You passed a callback function as the "type" argument to Alert.prompt(). React Native is ' +
-            'assuming  you want to use the deprecated Alert.prompt(title, defaultValue, buttons, callback) ' +
-            'signature. The current signature is Alert.prompt(title, message, callbackOrButtons, type, defaultValue, ' +
-            'keyboardType) and the old syntax will be removed in a future version.',
-        );
-
-        const callback = type;
-        RCTAlertManager.alertWithArgs(
-          {
-            title: title || '',
-            type: 'plain-text',
-            defaultValue: message || '',
-          },
-          (id, value) => {
-            callback(value);
-          },
-        );
-        return;
-      }
-
       let callbacks = [];
       const buttons = [];
       let cancelButtonKey;
diff --git a/Libraries/Animated/src/Animated.js b/Libraries/Animated/src/Animated.js
index a42c0d395ba25c..450fc1c0264f13 100644
--- a/Libraries/Animated/src/Animated.js
+++ b/Libraries/Animated/src/Animated.js
@@ -18,7 +18,8 @@ import type {AnimatedComponentType} from './createAnimatedComponent';
 const AnimatedMock = require('./AnimatedMock');
 const AnimatedImplementation = require('./AnimatedImplementation');
 
-const Animated = ((Platform.isTesting
+//TODO(T57411659): Remove the bridgeless check when Animated perf regressions are fixed.
+const Animated = ((Platform.isTesting || global.RN$Bridgeless
   ? AnimatedMock
   : AnimatedImplementation): typeof AnimatedMock);
 
diff --git a/Libraries/Animated/src/AnimatedEvent.js b/Libraries/Animated/src/AnimatedEvent.js
index e3c0b814cf8888..91eb29ce413e29 100644
--- a/Libraries/Animated/src/AnimatedEvent.js
+++ b/Libraries/Animated/src/AnimatedEvent.js
@@ -22,14 +22,13 @@ export type Mapping = {[key: string]: Mapping, ...} | AnimatedValue;
 export type EventConfig = {
   listener?: ?Function,
   useNativeDriver: boolean,
-  ...
 };
 
 function attachNativeEvent(
   viewRef: any,
   eventName: string,
-  argMapping: Array<?Mapping>,
-): {|detach: () => void|} {
+  argMapping: $ReadOnlyArray<?Mapping>,
+): {detach: () => void} {
   // Find animated values in `argMapping` and create an array representing their
   // key path inside the `nativeEvent` object. Ex.: ['contentOffset', 'x'].
   const eventMappings = [];
@@ -58,7 +57,6 @@ function attachNativeEvent(
   traverse(argMapping[0].nativeEvent, []);
 
   const viewTag = ReactNative.findNodeHandle(viewRef);
-
   if (viewTag != null) {
     eventMappings.forEach(mapping => {
       NativeAnimatedHelper.API.addAnimatedEventToView(
@@ -84,19 +82,64 @@ function attachNativeEvent(
   };
 }
 
+function validateMapping(argMapping, args) {
+  const validate = (recMapping, recEvt, key) => {
+    if (recMapping instanceof AnimatedValue) {
+      invariant(
+        typeof recEvt === 'number',
+        'Bad mapping of event key ' +
+          key +
+          ', should be number but got ' +
+          typeof recEvt,
+      );
+      return;
+    }
+    if (typeof recEvt === 'number') {
+      invariant(
+        recMapping instanceof AnimatedValue,
+        'Bad mapping of type ' +
+          typeof recMapping +
+          ' for key ' +
+          key +
+          ', event value must map to AnimatedValue',
+      );
+      return;
+    }
+    invariant(
+      typeof recMapping === 'object',
+      'Bad mapping of type ' + typeof recMapping + ' for key ' + key,
+    );
+    invariant(
+      typeof recEvt === 'object',
+      'Bad event of type ' + typeof recEvt + ' for key ' + key,
+    );
+    for (const mappingKey in recMapping) {
+      validate(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
+    }
+  };
+
+  invariant(
+    args.length >= argMapping.length,
+    'Event has less arguments than mapping',
+  );
+  argMapping.forEach((mapping, idx) => {
+    validate(mapping, args[idx], 'arg' + idx);
+  });
+}
+
 class AnimatedEvent {
-  _argMapping: Array<?Mapping>;
+  _argMapping: $ReadOnlyArray<?Mapping>;
   _listeners: Array<Function> = [];
   _callListeners: Function;
   _attachedEvent: ?{detach: () => void, ...};
   __isNative: boolean;
 
-  constructor(argMapping: Array<?Mapping>, config: EventConfig) {
+  constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig) {
     this._argMapping = argMapping;
 
     if (config == null) {
       console.warn('Animated.event now requires a second argument for options');
-      config = {};
+      config = {useNativeDriver: false};
     }
 
     if (config.listener) {
@@ -105,10 +148,6 @@ class AnimatedEvent {
     this._callListeners = this._callListeners.bind(this);
     this._attachedEvent = null;
     this.__isNative = shouldUseNativeDriver(config);
-
-    if (__DEV__) {
-      this._validateMapping();
-    }
   }
 
   __addListener(callback: Function): void {
@@ -143,28 +182,45 @@ class AnimatedEvent {
 
   __getHandler(): any | ((...args: any) => void) {
     if (this.__isNative) {
-      return this._callListeners;
+      if (__DEV__) {
+        let validatedMapping = false;
+        return (...args: any) => {
+          if (!validatedMapping) {
+            validateMapping(this._argMapping, args);
+            validatedMapping = true;
+          }
+          this._callListeners(...args);
+        };
+      } else {
+        return this._callListeners;
+      }
     }
 
+    let validatedMapping = false;
     return (...args: any) => {
+      if (__DEV__ && !validatedMapping) {
+        validateMapping(this._argMapping, args);
+        validatedMapping = true;
+      }
+
       const traverse = (recMapping, recEvt, key) => {
-        if (typeof recEvt === 'number' && recMapping instanceof AnimatedValue) {
-          recMapping.setValue(recEvt);
+        if (recMapping instanceof AnimatedValue) {
+          if (typeof recEvt === 'number') {
+            recMapping.setValue(recEvt);
+          }
         } else if (typeof recMapping === 'object') {
           for (const mappingKey in recMapping) {
-            /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This
-             * comment suppresses an error when upgrading Flow's support for
-             * React. To see the error delete this comment and run Flow. */
+            /* $FlowFixMe(>=0.120.0) This comment suppresses an error found
+             * when Flow v0.120 was deployed. To see the error, delete this
+             * comment and run Flow. */
             traverse(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
           }
         }
       };
+      this._argMapping.forEach((mapping, idx) => {
+        traverse(mapping, args[idx], 'arg' + idx);
+      });
 
-      if (!this.__isNative) {
-        this._argMapping.forEach((mapping, idx) => {
-          traverse(mapping, args[idx], 'arg' + idx);
-        });
-      }
       this._callListeners(...args);
     };
   }
@@ -172,33 +228,6 @@ class AnimatedEvent {
   _callListeners(...args: any) {
     this._listeners.forEach(listener => listener(...args));
   }
-
-  _validateMapping() {
-    const traverse = (recMapping, recEvt, key) => {
-      if (typeof recEvt === 'number') {
-        invariant(
-          recMapping instanceof AnimatedValue,
-          'Bad mapping of type ' +
-            typeof recMapping +
-            ' for key ' +
-            key +
-            ', event value must map to AnimatedValue',
-        );
-        return;
-      }
-      invariant(
-        typeof recMapping === 'object',
-        'Bad mapping of type ' + typeof recMapping + ' for key ' + key,
-      );
-      invariant(
-        typeof recEvt === 'object',
-        'Bad event of type ' + typeof recEvt + ' for key ' + key,
-      );
-      for (const mappingKey in recMapping) {
-        traverse(recMapping[mappingKey], recEvt[mappingKey], mappingKey);
-      }
-    };
-  }
 }
 
 module.exports = {AnimatedEvent, attachNativeEvent};
diff --git a/Libraries/Animated/src/AnimatedImplementation.js b/Libraries/Animated/src/AnimatedImplementation.js
index a1ce333acd214e..5045ed398ffa5b 100644
--- a/Libraries/Animated/src/AnimatedImplementation.js
+++ b/Libraries/Animated/src/AnimatedImplementation.js
@@ -91,7 +91,7 @@ const diffClamp = function(
 
 const _combineCallbacks = function(
   callback: ?EndCallback,
-  config: AnimationConfig,
+  config: {...AnimationConfig, ...},
 ) {
   if (callback && config.onComplete) {
     return (...args) => {
@@ -170,9 +170,6 @@ const spring = function(
 
       _startNativeLoop: function(iterations?: number): void {
         const singleConfig = {...config, iterations};
-        /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses
-         * an error found when Flow v0.111 was deployed. To see the error,
-         * delete this comment and run Flow. */
         start(value, singleConfig);
       },
 
@@ -227,9 +224,6 @@ const timing = function(
 
       _startNativeLoop: function(iterations?: number): void {
         const singleConfig = {...config, iterations};
-        /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses
-         * an error found when Flow v0.111 was deployed. To see the error,
-         * delete this comment and run Flow. */
         start(value, singleConfig);
       },
 
@@ -272,9 +266,6 @@ const decay = function(
 
       _startNativeLoop: function(iterations?: number): void {
         const singleConfig = {...config, iterations};
-        /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses
-         * an error found when Flow v0.111 was deployed. To see the error,
-         * delete this comment and run Flow. */
         start(value, singleConfig);
       },
 
@@ -522,7 +513,10 @@ function unforkEvent(
   }
 }
 
-const event = function(argMapping: Array<?Mapping>, config: EventConfig): any {
+const event = function(
+  argMapping: $ReadOnlyArray<?Mapping>,
+  config: EventConfig,
+): any {
   const animatedEvent = new AnimatedEvent(argMapping, config);
   if (animatedEvent.__isNative) {
     return animatedEvent;
@@ -539,33 +533,33 @@ const event = function(argMapping: Array<?Mapping>, config: EventConfig): any {
  * If additional transforms are added, be sure to include them in
  * AnimatedMock.js as well.
  *
- * See http://facebook.github.io/react-native/docs/animated.html
+ * See https://reactnative.dev/docs/animated.html
  */
 module.exports = {
   /**
    * Standard value class for driving animations.  Typically initialized with
    * `new Animated.Value(0);`
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#value
+   * See https://reactnative.dev/docs/animated.html#value
    */
   Value: AnimatedValue,
   /**
    * 2D value class for driving 2D animations, such as pan gestures.
    *
-   * See https://facebook.github.io/react-native/docs/animatedvaluexy.html
+   * See https://reactnative.dev/docs/animatedvaluexy.html
    */
   ValueXY: AnimatedValueXY,
   /**
    * Exported to use the Interpolation type in flow.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#interpolation
+   * See https://reactnative.dev/docs/animated.html#interpolation
    */
   Interpolation: AnimatedInterpolation,
   /**
    * Exported for ease of type checking. All animated values derive from this
    * class.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#node
+   * See https://reactnative.dev/docs/animated.html#node
    */
   Node: AnimatedNode,
 
@@ -573,21 +567,21 @@ module.exports = {
    * Animates a value from an initial velocity to zero based on a decay
    * coefficient.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#decay
+   * See https://reactnative.dev/docs/animated.html#decay
    */
   decay,
   /**
    * Animates a value along a timed easing curve. The Easing module has tons of
    * predefined curves, or you can use your own function.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#timing
+   * See https://reactnative.dev/docs/animated.html#timing
    */
   timing,
   /**
    * Animates a value according to an analytical spring model based on
    * damped harmonic oscillation.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#spring
+   * See https://reactnative.dev/docs/animated.html#spring
    */
   spring,
 
@@ -595,7 +589,7 @@ module.exports = {
    * Creates a new Animated value composed from two Animated values added
    * together.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#add
+   * See https://reactnative.dev/docs/animated.html#add
    */
   add,
 
@@ -603,7 +597,7 @@ module.exports = {
    * Creates a new Animated value composed by subtracting the second Animated
    * value from the first Animated value.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#subtract
+   * See https://reactnative.dev/docs/animated.html#subtract
    */
   subtract,
 
@@ -611,7 +605,7 @@ module.exports = {
    * Creates a new Animated value composed by dividing the first Animated value
    * by the second Animated value.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#divide
+   * See https://reactnative.dev/docs/animated.html#divide
    */
   divide,
 
@@ -619,7 +613,7 @@ module.exports = {
    * Creates a new Animated value composed from two Animated values multiplied
    * together.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#multiply
+   * See https://reactnative.dev/docs/animated.html#multiply
    */
   multiply,
 
@@ -627,7 +621,7 @@ module.exports = {
    * Creates a new Animated value that is the (non-negative) modulo of the
    * provided Animated value.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#modulo
+   * See https://reactnative.dev/docs/animated.html#modulo
    */
   modulo,
 
@@ -636,14 +630,14 @@ module.exports = {
    * difference between the last value so even if the value is far from the
    * bounds it will start changing when the value starts getting closer again.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#diffclamp
+   * See https://reactnative.dev/docs/animated.html#diffclamp
    */
   diffClamp,
 
   /**
    * Starts an animation after the given delay.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#delay
+   * See https://reactnative.dev/docs/animated.html#delay
    */
   delay,
   /**
@@ -651,7 +645,7 @@ module.exports = {
    * before starting the next. If the current running animation is stopped, no
    * following animations will be started.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#sequence
+   * See https://reactnative.dev/docs/animated.html#sequence
    */
   sequence,
   /**
@@ -659,21 +653,21 @@ module.exports = {
    * of the animations is stopped, they will all be stopped. You can override
    * this with the `stopTogether` flag.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#parallel
+   * See https://reactnative.dev/docs/animated.html#parallel
    */
   parallel,
   /**
    * Array of animations may run in parallel (overlap), but are started in
    * sequence with successive delays.  Nice for doing trailing effects.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#stagger
+   * See https://reactnative.dev/docs/animated.html#stagger
    */
   stagger,
   /**
    * Loops a given animation continuously, so that each time it reaches the
    * end, it resets and begins again from the start.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#loop
+   * See https://reactnative.dev/docs/animated.html#loop
    */
   loop,
 
@@ -681,14 +675,14 @@ module.exports = {
    * Takes an array of mappings and extracts values from each arg accordingly,
    * then calls `setValue` on the mapped outputs.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#event
+   * See https://reactnative.dev/docs/animated.html#event
    */
   event,
 
   /**
    * Make any React component Animatable.  Used to create `Animated.View`, etc.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#createanimatedcomponent
+   * See https://reactnative.dev/docs/animated.html#createanimatedcomponent
    */
   createAnimatedComponent,
 
@@ -696,7 +690,7 @@ module.exports = {
    * Imperative API to attach an animated value to an event on a view. Prefer
    * using `Animated.event` with `useNativeDrive: true` if possible.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#attachnativeevent
+   * See https://reactnative.dev/docs/animated.html#attachnativeevent
    */
   attachNativeEvent,
 
@@ -704,7 +698,7 @@ module.exports = {
    * Advanced imperative API for snooping on animated events that are passed in
    * through props. Use values directly where possible.
    *
-   * See http://facebook.github.io/react-native/docs/animated.html#forkevent
+   * See https://reactnative.dev/docs/animated.html#forkevent
    */
   forkEvent,
   unforkEvent,
diff --git a/Libraries/Animated/src/NativeAnimatedHelper.js b/Libraries/Animated/src/NativeAnimatedHelper.js
index 25fde53b6286a6..f21066bb07ff65 100644
--- a/Libraries/Animated/src/NativeAnimatedHelper.js
+++ b/Libraries/Animated/src/NativeAnimatedHelper.js
@@ -172,6 +172,7 @@ const STYLES_WHITELIST = {
   borderTopRightRadius: true,
   borderTopStartRadius: true,
   elevation: true,
+  zIndex: true,
   /* ios styles */
   shadowOpacity: true,
   shadowRadius: true,
@@ -276,7 +277,9 @@ function assertNativeAnimatedModule(): void {
 
 let _warnedMissingNativeAnimated = false;
 
-function shouldUseNativeDriver(config: AnimationConfig | EventConfig): boolean {
+function shouldUseNativeDriver(
+  config: {...AnimationConfig, ...} | EventConfig,
+): boolean {
   if (config.useNativeDriver == null) {
     console.warn(
       'Animated: `useNativeDriver` was not specified. This is a required ' +
@@ -291,7 +294,7 @@ function shouldUseNativeDriver(config: AnimationConfig | EventConfig): boolean {
           'animated module is missing. Falling back to JS-based animation. To ' +
           'resolve this, add `RCTAnimation` module to this app, or remove ' +
           '`useNativeDriver`. ' +
-          'More info: https://github.com/facebook/react-native/issues/11094#issuecomment-263240420',
+          'Make sure to run `pod install` first. Read more about autolinking: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md',
       );
       _warnedMissingNativeAnimated = true;
     }
diff --git a/Libraries/Animated/src/__tests__/AnimatedNative-test.js b/Libraries/Animated/src/__tests__/AnimatedNative-test.js
index c511638be6add8..89024cdb883fe4 100644
--- a/Libraries/Animated/src/__tests__/AnimatedNative-test.js
+++ b/Libraries/Animated/src/__tests__/AnimatedNative-test.js
@@ -260,9 +260,9 @@ describe('Native Animated', () => {
         listener,
       });
       const handler = event.__getHandler();
-      handler({foo: 42});
+      handler({nativeEvent: {foo: 42}});
       expect(listener).toHaveBeenCalledTimes(1);
-      expect(listener).toBeCalledWith({foo: 42});
+      expect(listener).toBeCalledWith({nativeEvent: {foo: 42}});
     });
   });
 
diff --git a/Libraries/Animated/src/animations/Animation.js b/Libraries/Animated/src/animations/Animation.js
index 4d2ac80752330a..fd0c2218858452 100644
--- a/Libraries/Animated/src/animations/Animation.js
+++ b/Libraries/Animated/src/animations/Animation.js
@@ -22,7 +22,6 @@ export type AnimationConfig = {
   useNativeDriver: boolean,
   onComplete?: ?EndCallback,
   iterations?: number,
-  ...
 };
 
 // Important note: start() and stop() will only be called at most once.
diff --git a/Libraries/Animated/src/animations/DecayAnimation.js b/Libraries/Animated/src/animations/DecayAnimation.js
index 6f4039cf40e604..c3dce534f84baa 100644
--- a/Libraries/Animated/src/animations/DecayAnimation.js
+++ b/Libraries/Animated/src/animations/DecayAnimation.js
@@ -17,7 +17,8 @@ const {shouldUseNativeDriver} = require('../NativeAnimatedHelper');
 import type AnimatedValue from '../nodes/AnimatedValue';
 import type {AnimationConfig, EndCallback} from './Animation';
 
-export type DecayAnimationConfig = AnimationConfig & {
+export type DecayAnimationConfig = {
+  ...AnimationConfig,
   velocity:
     | number
     | {
@@ -26,13 +27,12 @@ export type DecayAnimationConfig = AnimationConfig & {
         ...
       },
   deceleration?: number,
-  ...
 };
 
-export type DecayAnimationConfigSingle = AnimationConfig & {
+export type DecayAnimationConfigSingle = {
+  ...AnimationConfig,
   velocity: number,
   deceleration?: number,
-  ...
 };
 
 class DecayAnimation extends Animation {
diff --git a/Libraries/Animated/src/animations/SpringAnimation.js b/Libraries/Animated/src/animations/SpringAnimation.js
index 61ff7cfa7cc0f5..aec87e5cecb732 100644
--- a/Libraries/Animated/src/animations/SpringAnimation.js
+++ b/Libraries/Animated/src/animations/SpringAnimation.js
@@ -12,6 +12,7 @@
 
 const AnimatedValue = require('../nodes/AnimatedValue');
 const AnimatedValueXY = require('../nodes/AnimatedValueXY');
+const AnimatedInterpolation = require('../nodes/AnimatedInterpolation');
 const Animation = require('./Animation');
 const SpringConfig = require('../SpringConfig');
 
@@ -21,7 +22,8 @@ const {shouldUseNativeDriver} = require('../NativeAnimatedHelper');
 
 import type {AnimationConfig, EndCallback} from './Animation';
 
-export type SpringAnimationConfig = AnimationConfig & {
+export type SpringAnimationConfig = {
+  ...AnimationConfig,
   toValue:
     | number
     | AnimatedValue
@@ -30,7 +32,8 @@ export type SpringAnimationConfig = AnimationConfig & {
         y: number,
         ...
       }
-    | AnimatedValueXY,
+    | AnimatedValueXY
+    | AnimatedInterpolation,
   overshootClamping?: boolean,
   restDisplacementThreshold?: number,
   restSpeedThreshold?: number,
@@ -49,11 +52,11 @@ export type SpringAnimationConfig = AnimationConfig & {
   damping?: number,
   mass?: number,
   delay?: number,
-  ...
 };
 
-export type SpringAnimationConfigSingle = AnimationConfig & {
-  toValue: number | AnimatedValue,
+export type SpringAnimationConfigSingle = {
+  ...AnimationConfig,
+  toValue: number | AnimatedValue | AnimatedInterpolation,
   overshootClamping?: boolean,
   restDisplacementThreshold?: number,
   restSpeedThreshold?: number,
@@ -66,7 +69,6 @@ export type SpringAnimationConfigSingle = AnimationConfig & {
   damping?: number,
   mass?: number,
   delay?: number,
-  ...
 };
 
 class SpringAnimation extends Animation {
diff --git a/Libraries/Animated/src/animations/TimingAnimation.js b/Libraries/Animated/src/animations/TimingAnimation.js
index f88f7207e60d88..ffe8c8313be2f7 100644
--- a/Libraries/Animated/src/animations/TimingAnimation.js
+++ b/Libraries/Animated/src/animations/TimingAnimation.js
@@ -12,13 +12,15 @@
 
 const AnimatedValue = require('../nodes/AnimatedValue');
 const AnimatedValueXY = require('../nodes/AnimatedValueXY');
+const AnimatedInterpolation = require('../nodes/AnimatedInterpolation');
 const Animation = require('./Animation');
 
 const {shouldUseNativeDriver} = require('../NativeAnimatedHelper');
 
 import type {AnimationConfig, EndCallback} from './Animation';
 
-export type TimingAnimationConfig = AnimationConfig & {
+export type TimingAnimationConfig = {
+  ...AnimationConfig,
   toValue:
     | number
     | AnimatedValue
@@ -27,19 +29,19 @@ export type TimingAnimationConfig = AnimationConfig & {
         y: number,
         ...
       }
-    | AnimatedValueXY,
+    | AnimatedValueXY
+    | AnimatedInterpolation,
   easing?: (value: number) => number,
   duration?: number,
   delay?: number,
-  ...
 };
 
-export type TimingAnimationConfigSingle = AnimationConfig & {
-  toValue: number | AnimatedValue,
+export type TimingAnimationConfigSingle = {
+  ...AnimationConfig,
+  toValue: number | AnimatedValue | AnimatedInterpolation,
   easing?: (value: number) => number,
   duration?: number,
   delay?: number,
-  ...
 };
 
 let _easeInOut;
diff --git a/Libraries/Animated/src/components/AnimatedFlatList.js b/Libraries/Animated/src/components/AnimatedFlatList.js
index a17a13e9e9fcc4..ca2922aaf4cd5f 100644
--- a/Libraries/Animated/src/components/AnimatedFlatList.js
+++ b/Libraries/Animated/src/components/AnimatedFlatList.js
@@ -13,9 +13,10 @@
 import * as React from 'react';
 
 const FlatList = require('../../../Lists/FlatList');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
@@ -25,4 +26,7 @@ const FlatListWithEventThrottle = React.forwardRef((props, ref) => (
 
 module.exports = (createAnimatedComponent(
   FlatListWithEventThrottle,
-): $FlowFixMe);
+): AnimatedComponentType<
+  React.ElementConfig<typeof FlatList>,
+  React.ElementRef<typeof FlatList>,
+>);
diff --git a/Libraries/Animated/src/components/AnimatedImage.js b/Libraries/Animated/src/components/AnimatedImage.js
index 89fee4d29ea8da..f5e801845f32b2 100644
--- a/Libraries/Animated/src/components/AnimatedImage.js
+++ b/Libraries/Animated/src/components/AnimatedImage.js
@@ -10,8 +10,16 @@
 
 'use strict';
 
-const Image = require('../../../Image/Image');
+import * as React from 'react';
 
+const Image = require('../../../Image/Image');
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = (createAnimatedComponent(Image): $FlowFixMe);
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
+module.exports = (createAnimatedComponent(
+  (Image: $FlowFixMe),
+): AnimatedComponentType<
+  React.ElementConfig<typeof Image>,
+  React.ElementRef<typeof Image>,
+>);
diff --git a/Libraries/Animated/src/components/AnimatedScrollView.js b/Libraries/Animated/src/components/AnimatedScrollView.js
index 9938b594868881..afed39b31cfa06 100644
--- a/Libraries/Animated/src/components/AnimatedScrollView.js
+++ b/Libraries/Animated/src/components/AnimatedScrollView.js
@@ -13,9 +13,10 @@
 import * as React from 'react';
 
 const ScrollView = require('../../../Components/ScrollView/ScrollView');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
@@ -25,4 +26,7 @@ const ScrollViewWithEventThrottle = React.forwardRef((props, ref) => (
 
 module.exports = (createAnimatedComponent(
   ScrollViewWithEventThrottle,
-): $FlowFixMe);
+): AnimatedComponentType<
+  React.ElementConfig<typeof ScrollView>,
+  React.ElementRef<typeof ScrollView>,
+>);
diff --git a/Libraries/Animated/src/components/AnimatedSectionList.js b/Libraries/Animated/src/components/AnimatedSectionList.js
index 49e95e4adc7431..002f8a14c7646b 100644
--- a/Libraries/Animated/src/components/AnimatedSectionList.js
+++ b/Libraries/Animated/src/components/AnimatedSectionList.js
@@ -13,9 +13,10 @@
 import * as React from 'react';
 
 const SectionList = require('../../../Lists/SectionList');
-
 const createAnimatedComponent = require('../createAnimatedComponent');
 
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
 /**
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
@@ -25,4 +26,7 @@ const SectionListWithEventThrottle = React.forwardRef((props, ref) => (
 
 module.exports = (createAnimatedComponent(
   SectionListWithEventThrottle,
-): $FlowFixMe);
+): AnimatedComponentType<
+  React.ElementConfig<typeof SectionList>,
+  React.ElementRef<typeof SectionList>,
+>);
diff --git a/Libraries/Animated/src/components/AnimatedText.js b/Libraries/Animated/src/components/AnimatedText.js
index 81b016cca18d41..55b8fb8c42fd01 100644
--- a/Libraries/Animated/src/components/AnimatedText.js
+++ b/Libraries/Animated/src/components/AnimatedText.js
@@ -10,8 +10,16 @@
 
 'use strict';
 
-const Text = require('../../../Text/Text');
+import * as React from 'react';
 
+const Text = require('../../../Text/Text');
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-module.exports = (createAnimatedComponent(Text): $FlowFixMe);
+import type {AnimatedComponentType} from '../createAnimatedComponent';
+
+module.exports = (createAnimatedComponent(
+  (Text: $FlowFixMe),
+): AnimatedComponentType<
+  React.ElementConfig<typeof Text>,
+  React.ElementRef<typeof Text>,
+>);
diff --git a/Libraries/Animated/src/components/AnimatedView.js b/Libraries/Animated/src/components/AnimatedView.js
index 3396337eda3f50..6e7badcced34d7 100644
--- a/Libraries/Animated/src/components/AnimatedView.js
+++ b/Libraries/Animated/src/components/AnimatedView.js
@@ -10,12 +10,11 @@
 
 'use strict';
 
-const View = require('../../../Components/View/View');
+import * as React from 'react';
 
+const View = require('../../../Components/View/View');
 const createAnimatedComponent = require('../createAnimatedComponent');
 
-const React = require('react');
-
 import type {AnimatedComponentType} from '../createAnimatedComponent';
 
 module.exports = (createAnimatedComponent(View): AnimatedComponentType<
diff --git a/Libraries/Animated/src/createAnimatedComponent.js b/Libraries/Animated/src/createAnimatedComponent.js
index 0672962354a97f..099e71c8faaaaf 100644
--- a/Libraries/Animated/src/createAnimatedComponent.js
+++ b/Libraries/Animated/src/createAnimatedComponent.js
@@ -79,7 +79,28 @@ function createAnimatedComponent<Props: {+[string]: mixed, ...}, Instance>(
         typeof this._component.setNativeProps !== 'function' ||
         // In Fabric, force animations to go through forceUpdate and skip setNativeProps
         // eslint-disable-next-line dot-notation
-        this._component['_internalInstanceHandle']?.stateNode?.canonical != null
+        this._component['_internalInstanceHandle']?.stateNode?.canonical !=
+          null ||
+        // Some components have a setNativeProps function but aren't a host component
+        // such as lists like FlatList and SectionList. These should also use
+        // forceUpdate in Fabric since setNativeProps doesn't exist on the underlying
+        // host component. This crazy hack is essentially special casing those lists and
+        // ScrollView itself to use forceUpdate in Fabric.
+        // If these components end up using forwardRef then these hacks can go away
+        // as this._component would actually be the underlying host component and the above check
+        // would be sufficient.
+        (this._component.getNativeScrollRef != null &&
+          this._component.getNativeScrollRef() != null &&
+          // eslint-disable-next-line dot-notation
+          this._component.getNativeScrollRef()['_internalInstanceHandle']
+            ?.stateNode?.canonical != null) ||
+        (this._component.getScrollResponder != null &&
+          this._component.getScrollResponder().getNativeScrollRef != null &&
+          this._component.getScrollResponder().getNativeScrollRef() != null &&
+          this._component.getScrollResponder().getNativeScrollRef()[
+            // eslint-disable-next-line dot-notation
+            '_internalInstanceHandle'
+          ]?.stateNode?.canonical != null)
       ) {
         this.forceUpdate();
       } else if (!this._propsAnimated.__isNative) {
diff --git a/Libraries/Animated/src/nodes/AnimatedInterpolation.js b/Libraries/Animated/src/nodes/AnimatedInterpolation.js
index 0fad54dc4085ca..a32bb9c2a7c190 100644
--- a/Libraries/Animated/src/nodes/AnimatedInterpolation.js
+++ b/Libraries/Animated/src/nodes/AnimatedInterpolation.js
@@ -22,17 +22,12 @@ const normalizeColor = require('../../../StyleSheet/normalizeColor');
 type ExtrapolateType = 'extend' | 'identity' | 'clamp';
 
 export type InterpolationConfigType = {
-  inputRange: Array<number>,
-  /* $FlowFixMe(>=0.38.0 site=react_native_fb,react_native_oss) - Flow error
-   * detected during the deployment of v0.38.0. To see the error, remove this
-   * comment and run flow
-   */
-  outputRange: Array<number> | Array<string>,
+  inputRange: $ReadOnlyArray<number>,
+  outputRange: $ReadOnlyArray<number> | $ReadOnlyArray<string>,
   easing?: (input: number) => number,
   extrapolate?: ExtrapolateType,
   extrapolateLeft?: ExtrapolateType,
   extrapolateRight?: ExtrapolateType,
-  ...
 };
 
 const linear = t => t;
@@ -169,20 +164,17 @@ function interpolate(
 }
 
 function colorToRgba(input: string): string {
-  let int32Color = normalizeColor(input);
-  if (
-    int32Color === null ||
-    typeof int32Color !== 'number' /* TODO(macOS ISS#2323203) */
-  ) {
+  let normalizedColor = normalizeColor(input);
+  if (normalizedColor === null || typeof normalizedColor !== 'number') {
     return input;
   }
 
-  int32Color = int32Color || 0;
+  normalizedColor = normalizedColor || 0;
 
-  const r = (int32Color & 0xff000000) >>> 24;
-  const g = (int32Color & 0x00ff0000) >>> 16;
-  const b = (int32Color & 0x0000ff00) >>> 8;
-  const a = (int32Color & 0x000000ff) / 255;
+  const r = (normalizedColor & 0xff000000) >>> 24;
+  const g = (normalizedColor & 0x00ff0000) >>> 16;
+  const b = (normalizedColor & 0x0000ff00) >>> 8;
+  const a = (normalizedColor & 0x000000ff) / 255;
 
   return `rgba(${r}, ${g}, ${b}, ${a})`;
 }
@@ -226,11 +218,10 @@ function createInterpolationFromStringOutputRange(
     });
   });
 
-  /* $FlowFixMe(>=0.18.0): `outputRange[0].match()` can return `null`. Need to
-   * guard against this possibility.
-   */
   const interpolations = outputRange[0]
     .match(stringShapeRegex)
+    /* $FlowFixMe(>=0.18.0): `outputRange[0].match()` can return `null`. Need
+     * to guard against this possibility. */
     .map((value, i) => {
       return createInterpolation({
         ...config,
@@ -261,7 +252,7 @@ function isRgbOrRgba(range) {
   return typeof range === 'string' && range.startsWith('rgb');
 }
 
-function checkPattern(arr: Array<string>) {
+function checkPattern(arr: $ReadOnlyArray<string>) {
   const pattern = arr[0].replace(stringShapeRegex, '');
   for (let i = 1; i < arr.length; ++i) {
     invariant(
@@ -271,7 +262,7 @@ function checkPattern(arr: Array<string>) {
   }
 }
 
-function findRange(input: number, inputRange: Array<number>) {
+function findRange(input: number, inputRange: $ReadOnlyArray<number>) {
   let i;
   for (i = 1; i < inputRange.length - 1; ++i) {
     if (inputRange[i] >= input) {
@@ -281,7 +272,7 @@ function findRange(input: number, inputRange: Array<number>) {
   return i - 1;
 }
 
-function checkValidInputRange(arr: Array<number>) {
+function checkValidInputRange(arr: $ReadOnlyArray<number>) {
   invariant(arr.length >= 2, 'inputRange must have at least 2 elements');
   for (let i = 1; i < arr.length; ++i) {
     invariant(
@@ -297,7 +288,7 @@ function checkValidInputRange(arr: Array<number>) {
   }
 }
 
-function checkInfiniteRange(name: string, arr: Array<number>) {
+function checkInfiniteRange(name: string, arr: $ReadOnlyArray<number>) {
   invariant(arr.length >= 2, name + ' must have at least 2 elements');
   invariant(
     arr.length !== 2 || arr[0] !== -Infinity || arr[1] !== Infinity,
@@ -367,6 +358,8 @@ class AnimatedInterpolation extends AnimatedWithChildren {
     return {
       inputRange: this._config.inputRange,
       // Only the `outputRange` can contain strings so we don't need to transform `inputRange` here
+      /* $FlowFixMe(>=0.38.0) - Flow error detected during the deployment of
+       * v0.38.0. To see the error, remove this comment and run flow */
       outputRange: this.__transformDataType(this._config.outputRange),
       extrapolateLeft:
         this._config.extrapolateLeft || this._config.extrapolate || 'extend',
diff --git a/Libraries/Animated/src/nodes/AnimatedNode.js b/Libraries/Animated/src/nodes/AnimatedNode.js
index 4b6a079bf732ad..7371d49fd5b355 100644
--- a/Libraries/Animated/src/nodes/AnimatedNode.js
+++ b/Libraries/Animated/src/nodes/AnimatedNode.js
@@ -65,7 +65,7 @@ class AnimatedNode {
    * animations.  This is useful because there is no way to
    * synchronously read the value because it might be driven natively.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#addlistener
+   * See https://reactnative.dev/docs/animatedvalue.html#addlistener
    */
   addListener(callback: (value: any) => mixed): string {
     const id = String(_uniqueId++);
@@ -80,7 +80,7 @@ class AnimatedNode {
    * Unregister a listener. The `id` param shall match the identifier
    * previously returned by `addListener()`.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#removelistener
+   * See https://reactnative.dev/docs/animatedvalue.html#removelistener
    */
   removeListener(id: string): void {
     delete this._listeners[id];
@@ -92,7 +92,7 @@ class AnimatedNode {
   /**
    * Remove all registered listeners.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#removealllisteners
+   * See https://reactnative.dev/docs/animatedvalue.html#removealllisteners
    */
   removeAllListeners(): void {
     this._listeners = {};
diff --git a/Libraries/Animated/src/nodes/AnimatedValue.js b/Libraries/Animated/src/nodes/AnimatedValue.js
index 4fa35ed27c20ab..7306fc77b94c05 100644
--- a/Libraries/Animated/src/nodes/AnimatedValue.js
+++ b/Libraries/Animated/src/nodes/AnimatedValue.js
@@ -66,7 +66,7 @@ function _flush(rootNode: AnimatedValue): void {
  * mechanism at a time.  Using a new mechanism (e.g. starting a new animation,
  * or calling `setValue`) will stop any previous ones.
  *
- * See http://facebook.github.io/react-native/docs/animatedvalue.html
+ * See https://reactnative.dev/docs/animatedvalue.html
  */
 class AnimatedValue extends AnimatedWithChildren {
   _value: number;
@@ -77,6 +77,9 @@ class AnimatedValue extends AnimatedWithChildren {
 
   constructor(value: number) {
     super();
+    if (typeof value !== 'number') {
+      throw new Error('AnimatedValue: Attempting to set value to undefined');
+    }
     this._startingValue = this._value = value;
     this._offset = 0;
     this._animation = null;
@@ -95,7 +98,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Directly set the value.  This will stop any animations running on the value
    * and update all the bound properties.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#setvalue
+   * See https://reactnative.dev/docs/animatedvalue.html#setvalue
    */
   setValue(value: number): void {
     if (this._animation) {
@@ -116,7 +119,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * `setValue`, an animation, or `Animated.event`.  Useful for compensating
    * things like the start of a pan gesture.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#setoffset
+   * See https://reactnative.dev/docs/animatedvalue.html#setoffset
    */
   setOffset(offset: number): void {
     this._offset = offset;
@@ -129,7 +132,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Merges the offset value into the base value and resets the offset to zero.
    * The final output of the value is unchanged.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#flattenoffset
+   * See https://reactnative.dev/docs/animatedvalue.html#flattenoffset
    */
   flattenOffset(): void {
     this._value += this._offset;
@@ -143,7 +146,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Sets the offset value to the base value, and resets the base value to zero.
    * The final output of the value is unchanged.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#extractoffset
+   * See https://reactnative.dev/docs/animatedvalue.html#extractoffset
    */
   extractOffset(): void {
     this._offset += this._value;
@@ -158,7 +161,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * final value after stopping the animation, which is useful for updating
    * state to match the animation position with layout.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#stopanimation
+   * See https://reactnative.dev/docs/animatedvalue.html#stopanimation
    */
   stopAnimation(callback?: ?(value: number) => void): void {
     this.stopTracking();
@@ -170,7 +173,7 @@ class AnimatedValue extends AnimatedWithChildren {
   /**
    * Stops any animation and resets the value to its original.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#resetanimation
+   * See https://reactnative.dev/docs/animatedvalue.html#resetanimation
    */
   resetAnimation(callback?: ?(value: number) => void): void {
     this.stopAnimation(callback);
@@ -193,7 +196,7 @@ class AnimatedValue extends AnimatedWithChildren {
    * Typically only used internally, but could be used by a custom Animation
    * class.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvalue.html#animate
+   * See https://reactnative.dev/docs/animatedvalue.html#animate
    */
   animate(animation: Animation, callback: ?EndCallback): void {
     let handle = null;
@@ -239,6 +242,10 @@ class AnimatedValue extends AnimatedWithChildren {
   }
 
   _updateValue(value: number, flush: boolean): void {
+    if (value === undefined) {
+      throw new Error('AnimatedValue: Attempting to set value to undefined');
+    }
+
     this._value = value;
     if (flush) {
       _flush(this);
diff --git a/Libraries/Animated/src/nodes/AnimatedValueXY.js b/Libraries/Animated/src/nodes/AnimatedValueXY.js
index 2e845b26219d84..28d3395db8a802 100644
--- a/Libraries/Animated/src/nodes/AnimatedValueXY.js
+++ b/Libraries/Animated/src/nodes/AnimatedValueXY.js
@@ -27,7 +27,7 @@ let _uniqueId = 1;
  * 2D Value for driving 2D animations, such as pan gestures. Almost identical
  * API to normal `Animated.Value`, but multiplexed.
  *
- * See http://facebook.github.io/react-native/docs/animatedvaluexy.html
+ * See https://reactnative.dev/docs/animatedvaluexy.html
  */
 class AnimatedValueXY extends AnimatedWithChildren {
   x: AnimatedValue;
@@ -69,7 +69,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Directly set the value. This will stop any animations running on the value
    * and update all the bound properties.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#setvalue
+   * See https://reactnative.dev/docs/animatedvaluexy.html#setvalue
    */
   setValue(value: {x: number, y: number, ...}) {
     this.x.setValue(value.x);
@@ -81,7 +81,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * via `setValue`, an animation, or `Animated.event`. Useful for compensating
    * things like the start of a pan gesture.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#setoffset
+   * See https://reactnative.dev/docs/animatedvaluexy.html#setoffset
    */
   setOffset(offset: {x: number, y: number, ...}) {
     this.x.setOffset(offset.x);
@@ -92,7 +92,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Merges the offset value into the base value and resets the offset to zero.
    * The final output of the value is unchanged.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#flattenoffset
+   * See https://reactnative.dev/docs/animatedvaluexy.html#flattenoffset
    */
   flattenOffset(): void {
     this.x.flattenOffset();
@@ -103,7 +103,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Sets the offset value to the base value, and resets the base value to
    * zero. The final output of the value is unchanged.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#extractoffset
+   * See https://reactnative.dev/docs/animatedvaluexy.html#extractoffset
    */
   extractOffset(): void {
     this.x.extractOffset();
@@ -124,7 +124,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Stops any animation and resets the value to its original.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#resetanimation
+   * See https://reactnative.dev/docs/animatedvaluexy.html#resetanimation
    */
   resetAnimation(
     callback?: (value: {
@@ -143,7 +143,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * final value after stopping the animation, which is useful for updating
    * state to match the animation position with layout.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#stopanimation
+   * See https://reactnative.dev/docs/animatedvaluexy.html#stopanimation
    */
   stopAnimation(
     callback?: (value: {
@@ -164,7 +164,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    *
    * Returns a string that serves as an identifier for the listener.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#addlistener
+   * See https://reactnative.dev/docs/animatedvaluexy.html#addlistener
    */
   addListener(callback: ValueXYListenerCallback): string {
     const id = String(_uniqueId++);
@@ -182,7 +182,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
    * Unregister a listener. The `id` param shall match the identifier
    * previously returned by `addListener()`.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#removelistener
+   * See https://reactnative.dev/docs/animatedvaluexy.html#removelistener
    */
   removeListener(id: string): void {
     this.x.removeListener(this._listeners[id].x);
@@ -193,7 +193,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Remove all registered listeners.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#removealllisteners
+   * See https://reactnative.dev/docs/animatedvaluexy.html#removealllisteners
    */
   removeAllListeners(): void {
     this.x.removeAllListeners();
@@ -204,7 +204,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Converts `{x, y}` into `{left, top}` for use in style.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#getlayout
+   * See https://reactnative.dev/docs/animatedvaluexy.html#getlayout
    */
   getLayout(): {[key: string]: AnimatedValue, ...} {
     return {
@@ -216,7 +216,7 @@ class AnimatedValueXY extends AnimatedWithChildren {
   /**
    * Converts `{x, y}` into a useable translation transform.
    *
-   * See http://facebook.github.io/react-native/docs/animatedvaluexy.html#gettranslatetransform
+   * See https://reactnative.dev/docs/animatedvaluexy.html#gettranslatetransform
    */
   getTranslateTransform(): Array<{[key: string]: AnimatedValue, ...}> {
     return [{translateX: this.x}, {translateY: this.y}];
diff --git a/Libraries/AppState/AppState.js b/Libraries/AppState/AppState.js
index 30a0808f4400b3..b5fb59bd9fd5db 100644
--- a/Libraries/AppState/AppState.js
+++ b/Libraries/AppState/AppState.js
@@ -22,7 +22,7 @@ import NativeAppState from './NativeAppState';
  * `AppState` can tell you if the app is in the foreground or background,
  * and notify you when the state changes.
  *
- * See http://facebook.github.io/react-native/docs/appstate.html
+ * See https://reactnative.dev/docs/appstate.html
  */
 class AppState extends NativeEventEmitter {
   _eventHandlers: Object;
@@ -73,7 +73,7 @@ class AppState extends NativeEventEmitter {
    * Add a handler to AppState changes by listening to the `change` event type
    * and providing the handler.
    *
-   * See http://facebook.github.io/react-native/docs/appstate.html#addeventlistener
+   * See https://reactnative.dev/docs/appstate.html#addeventlistener
    */
   addEventListener(type: string, handler: Function) {
     invariant(
@@ -120,7 +120,7 @@ class AppState extends NativeEventEmitter {
   /**
    * Remove a handler by passing the `change` event type and the handler.
    *
-   * See http://facebook.github.io/react-native/docs/appstate.html#removeeventlistener
+   * See https://reactnative.dev/docs/appstate.html#removeeventlistener
    */
   removeEventListener(type: string, handler: Function) {
     invariant(
diff --git a/Libraries/BatchedBridge/MessageQueue.js b/Libraries/BatchedBridge/MessageQueue.js
index 8c35ee9f8eaa95..3756b083fbd412 100644
--- a/Libraries/BatchedBridge/MessageQueue.js
+++ b/Libraries/BatchedBridge/MessageQueue.js
@@ -15,7 +15,7 @@ const Systrace = require('../Performance/Systrace');
 
 const deepFreezeAndThrowOnMutationInDev = require('../Utilities/deepFreezeAndThrowOnMutationInDev');
 const invariant = require('invariant');
-const stringifySafe = require('../Utilities/stringifySafe');
+const stringifySafe = require('../Utilities/stringifySafe').default;
 const warnOnce = require('../Utilities/warnOnce');
 
 export type SpyData = {
@@ -74,9 +74,6 @@ class MessageQueue {
     (this: any).callFunctionReturnFlushedQueue = this.callFunctionReturnFlushedQueue.bind(
       this,
     );
-    (this: any).callFunctionReturnResultAndFlushedQueue = this.callFunctionReturnResultAndFlushedQueue.bind(
-      this,
-    );
     (this: any).flushedQueue = this.flushedQueue.bind(this);
     (this: any).invokeCallbackAndReturnFlushedQueue = this.invokeCallbackAndReturnFlushedQueue.bind(
       this,
@@ -115,18 +112,12 @@ class MessageQueue {
     return this.flushedQueue();
   }
 
+  // Deprecated. T61834641: Remove me once native clients have updated
   callFunctionReturnResultAndFlushedQueue(
     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);
-    });
-
-    return [result, this.flushedQueue()];
-  }
+  ): void {}
 
   invokeCallbackAndReturnFlushedQueue(
     cbID: number,
@@ -398,7 +389,7 @@ class MessageQueue {
     Systrace.endEvent();
   }
 
-  __callFunction(module: string, method: string, args: any[]): any {
+  __callFunction(module: string, method: string, args: any[]): void {
     this._lastFlush = Date.now();
     this._eventLoopStartTime = this._lastFlush;
     if (__DEV__ || this.__spy) {
@@ -422,9 +413,8 @@ class MessageQueue {
       method,
       module,
     );
-    const result = moduleMethods[method].apply(moduleMethods, args);
+    moduleMethods[method].apply(moduleMethods, args);
     Systrace.endEvent();
-    return result;
   }
 
   __invokeCallback(cbID: number, args: any[]) {
diff --git a/Libraries/Blob/FileReader.js b/Libraries/Blob/FileReader.js
index fc769f8a544a72..15a8b44d0bb522 100644
--- a/Libraries/Blob/FileReader.js
+++ b/Libraries/Blob/FileReader.js
@@ -85,9 +85,15 @@ class FileReader extends (EventTarget(...READER_EVENTS): any) {
     throw new Error('FileReader.readAsArrayBuffer is not implemented');
   }
 
-  readAsDataURL(blob: Blob) {
+  readAsDataURL(blob: ?Blob) {
     this._aborted = false;
 
+    if (blob == null) {
+      throw new TypeError(
+        "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'",
+      );
+    }
+
     NativeFileReaderModule.readAsDataURL(blob.data).then(
       (text: string) => {
         if (this._aborted) {
@@ -106,9 +112,15 @@ class FileReader extends (EventTarget(...READER_EVENTS): any) {
     );
   }
 
-  readAsText(blob: Blob, encoding: string = 'UTF-8') {
+  readAsText(blob: ?Blob, encoding: string = 'UTF-8') {
     this._aborted = false;
 
+    if (blob == null) {
+      throw new TypeError(
+        "Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'",
+      );
+    }
+
     NativeFileReaderModule.readAsText(blob.data, encoding).then(
       (text: string) => {
         if (this._aborted) {
diff --git a/Libraries/Blob/NativeBlobModule.js b/Libraries/Blob/NativeBlobModule.js
index 4810cd89f88431..ab2572bd0ea8b7 100644
--- a/Libraries/Blob/NativeBlobModule.js
+++ b/Libraries/Blob/NativeBlobModule.js
@@ -14,7 +14,7 @@ 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|};
+  +getConstants: () => {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|};
   +addNetworkingHandler: () => void;
   +addWebSocketHandler: (id: number) => void;
   +removeWebSocketHandler: (id: number) => void;
diff --git a/Libraries/Blob/RCTBlobManager.mm b/Libraries/Blob/RCTBlobManager.mm
index c4ab554f088faf..1f68ec27aa5345 100755
--- a/Libraries/Blob/RCTBlobManager.mm
+++ b/Libraries/Blob/RCTBlobManager.mm
@@ -38,6 +38,7 @@ @implementation RCTBlobManager
 
 @synthesize bridge = _bridge;
 @synthesize methodQueue = _methodQueue;
+@synthesize turboModuleLookupDelegate = _turboModuleLookupDelegate;
 
 - (void)setBridge:(RCTBridge *)bridge
 {
@@ -139,9 +140,17 @@ - (void)remove:(NSString *)blobId
 
 RCT_EXPORT_METHOD(addNetworkingHandler)
 {
-  dispatch_async(_bridge.networking.methodQueue, ^{
-    [self->_bridge.networking addRequestHandler:self];
-    [self->_bridge.networking addResponseHandler:self];
+  RCTNetworking *const networking = _bridge ? _bridge.networking : [_turboModuleLookupDelegate moduleForName:"RCTNetworking"];
+
+  // TODO(T63516227): Why can methodQueue be nil here? 
+  // We don't want to do anything when methodQueue is nil.
+  if (!networking.methodQueue) {
+    return;
+  }
+
+  dispatch_async(networking.methodQueue, ^{
+    [networking addRequestHandler:self];
+    [networking addResponseHandler:self];
   });
 }
 
@@ -301,9 +310,12 @@ - (id)processWebsocketMessage:(id)message
   };
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeBlobModuleSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeBlobModuleSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Blob/RCTFileReaderModule.mm b/Libraries/Blob/RCTFileReaderModule.mm
index 5cf41adc991fd5..7d6eda4d5c4f3b 100644
--- a/Libraries/Blob/RCTFileReaderModule.mm
+++ b/Libraries/Blob/RCTFileReaderModule.mm
@@ -71,10 +71,12 @@ @implementation RCTFileReaderModule
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-  (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeFileReaderModuleSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeFileReaderModuleSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Blob/React-RCTBlob.podspec b/Libraries/Blob/React-RCTBlob.podspec
index 8b295657043a94..f13d6b5a403d42 100644
--- a/Libraries/Blob/React-RCTBlob.podspec
+++ b/Libraries/Blob/React-RCTBlob.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTBlob"
   s.version                = version
   s.summary                = "An API for displaying iOS action sheets and share sheets."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -41,6 +41,7 @@ Pod::Spec.new do |s|
   s.dependency "RCT-Folly", folly_version
   s.dependency "FBReactNativeSpec", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
   s.dependency "React-Core/RCTBlobHeaders", version
   s.dependency "React-Core/RCTWebSocket", version
   s.dependency "React-RCTNetwork", version
diff --git a/Libraries/CameraRoll/RCTCameraRollManager.mm b/Libraries/CameraRoll/RCTCameraRollManager.mm
index 106d94d8475f07..279ca7218c589b 100644
--- a/Libraries/CameraRoll/RCTCameraRollManager.mm
+++ b/Libraries/CameraRoll/RCTCameraRollManager.mm
@@ -8,7 +8,6 @@
 #import "RCTCameraRollManager.h"
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
-#import <CoreLocation/CoreLocation.h>
 #import <Foundation/Foundation.h>
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <Photos/Photos.h>
@@ -356,9 +355,12 @@ static void checkPhotoLibraryConfig()
 #endif
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeCameraRollManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeCameraRollManagerSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/CameraRoll/RCTImagePickerManager.mm b/Libraries/CameraRoll/RCTImagePickerManager.mm
index 5180a1365bdc63..5319a856c9ceaf 100644
--- a/Libraries/CameraRoll/RCTImagePickerManager.mm
+++ b/Libraries/CameraRoll/RCTImagePickerManager.mm
@@ -236,6 +236,9 @@ - (void)_dismissPicker:(UIImagePickerController *)picker args:(NSArray *)args
 - (void)cameraChanged:(NSNotification *)notification
 {
   for (UIImagePickerController *picker in _pickers) {
+    if (picker.sourceType != UIImagePickerControllerSourceTypeCamera) {
+      continue;
+    }
     if ([picker isKindOfClass:[RCTImagePickerController class]]
       && ((RCTImagePickerController *)picker).unmirrorFrontFacingCamera
       && picker.cameraDevice == UIImagePickerControllerCameraDeviceFront) {
@@ -246,9 +249,12 @@ - (void)cameraChanged:(NSNotification *)notification
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeImagePickerIOSSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeImagePickerIOSSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
index 1840dfce692a0d..9a99eb6fb6bae9 100644
--- a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
+++ b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.android.js
@@ -34,7 +34,7 @@ const _subscriptions = new Map();
  * well as to register to be notified when the state of the screen reader
  * changes.
  *
- * See http://facebook.github.io/react-native/docs/accessibilityinfo.html
+ * See https://reactnative.dev/docs/accessibilityinfo.html
  */
 
 const AccessibilityInfo = {
@@ -93,7 +93,7 @@ const AccessibilityInfo = {
    */
   get fetch(): () => Promise<boolean> {
     console.warn(
-      'AccessibilityInfo.fetch is deprecated, call Accessibility.isScreenReaderEnabled instead',
+      'AccessibilityInfo.fetch is deprecated, call AccessibilityInfo.isScreenReaderEnabled instead',
     );
     return this.isScreenReaderEnabled;
   },
@@ -138,7 +138,7 @@ const AccessibilityInfo = {
   /**
    * Set accessibility focus to a react component.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
+   * See https://reactnative.dev/docs/accessibilityinfo.html#setaccessibilityfocus
    */
   setAccessibilityFocus: function(reactTag: number): void {
     UIManager.sendAccessibilityEvent(
@@ -150,7 +150,7 @@ const AccessibilityInfo = {
   /**
    * Post a string to be announced by the screen reader.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
+   * See https://reactnative.dev/docs/accessibilityinfo.html#announceforaccessibility
    */
   announceForAccessibility: function(announcement: string): void {
     if (NativeAccessibilityInfo) {
diff --git a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
index 4627b70d2ae003..9e721a776b75cc 100644
--- a/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
+++ b/Libraries/Components/AccessibilityInfo/AccessibilityInfo.ios.js
@@ -46,7 +46,7 @@ const _subscriptions = new Map();
  * well as to register to be notified when the state of the screen reader
  * changes.
  *
- * See http://facebook.github.io/react-native/docs/accessibilityinfo.html
+ * See https://reactnative.dev/docs/accessibilityinfo.html
  */
 const AccessibilityInfo = {
   /**
@@ -55,7 +55,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when bold text is enabled and `false` otherwise.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#isBoldTextEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo.html#isBoldTextEnabled
    */
   isBoldTextEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -73,7 +73,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when grayscale is enabled and `false` otherwise.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#isGrayscaleEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo.html#isGrayscaleEnabled
    */
   isGrayscaleEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -91,7 +91,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when invert color is enabled and `false` otherwise.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#isInvertColorsEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo.html#isInvertColorsEnabled
    */
   isInvertColorsEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -109,7 +109,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when a reduce motion is enabled and `false` otherwise.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#isReduceMotionEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo.html#isReduceMotionEnabled
    */
   isReduceMotionEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -127,7 +127,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when a reduce transparency is enabled and `false` otherwise.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#isReduceTransparencyEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo.html#isReduceTransparencyEnabled
    */
   isReduceTransparencyEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -148,7 +148,7 @@ const AccessibilityInfo = {
    * Returns a promise which resolves to a boolean.
    * The result is `true` when a screen reader is enabled and `false` otherwise.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#isScreenReaderEnabled
+   * See https://reactnative.dev/docs/accessibilityinfo.html#isScreenReaderEnabled
    */
   isScreenReaderEnabled: function(): Promise<boolean> {
     return new Promise((resolve, reject) => {
@@ -167,7 +167,7 @@ const AccessibilityInfo = {
    */
   get fetch(): $FlowFixMe {
     console.warn(
-      'AccessibilityInfo.fetch is deprecated, call Accessibility.isScreenReaderEnabled instead',
+      'AccessibilityInfo.fetch is deprecated, call AccessibilityInfo.isScreenReaderEnabled instead',
     );
     return this.isScreenReaderEnabled;
   },
@@ -201,7 +201,7 @@ const AccessibilityInfo = {
    *     - `success`: A boolean indicating whether the announcement was
    *       successfully made.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#addeventlistener
+   * See https://reactnative.dev/docs/accessibilityinfo.html#addeventlistener
    */
   addEventListener: function(
     eventName: ChangeEventName,
@@ -231,7 +231,7 @@ const AccessibilityInfo = {
   /**
    * Set accessibility focus to a react component.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#setaccessibilityfocus
+   * See https://reactnative.dev/docs/accessibilityinfo.html#setaccessibilityfocus
    */
   setAccessibilityFocus: function(reactTag: number): void {
     if (NativeAccessibilityManager) {
@@ -242,7 +242,7 @@ const AccessibilityInfo = {
   /**
    * Post a string to be announced by the screen reader.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#announceforaccessibility
+   * See https://reactnative.dev/docs/accessibilityinfo.html#announceforaccessibility
    */
   announceForAccessibility: function(announcement: string): void {
     if (NativeAccessibilityManager) {
@@ -253,7 +253,7 @@ const AccessibilityInfo = {
   /**
    * Remove an event handler.
    *
-   * See http://facebook.github.io/react-native/docs/accessibilityinfo.html#removeeventlistener
+   * See https://reactnative.dev/docs/accessibilityinfo.html#removeeventlistener
    */
   removeEventListener: function(
     eventName: ChangeEventName,
diff --git a/Libraries/Components/ActivityIndicator/ActivityIndicator.js b/Libraries/Components/ActivityIndicator/ActivityIndicator.js
index 98c3c5313ebf29..9d0df8f0a739e7 100644
--- a/Libraries/Components/ActivityIndicator/ActivityIndicator.js
+++ b/Libraries/Components/ActivityIndicator/ActivityIndicator.js
@@ -16,7 +16,7 @@ const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 
 const PlatformActivityIndicator =
   Platform.OS === 'android'
@@ -31,7 +31,7 @@ type IOSProps = $ReadOnly<{|
   /**
    * Whether the indicator should hide when not animating (true by default).
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#hideswhenstopped
+   * See https://reactnative.dev/docs/activityindicator.html#hideswhenstopped
    */
   hidesWhenStopped?: ?boolean,
 |}>;
@@ -42,22 +42,22 @@ type Props = $ReadOnly<{|
   /**
    * Whether to show the indicator (true, the default) or hide it (false).
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#animating
+   * See https://reactnative.dev/docs/activityindicator.html#animating
    */
   animating?: ?boolean,
 
   /**
    * The foreground color of the spinner (default is gray).
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#color
+   * See https://reactnative.dev/docs/activityindicator.html#color
    */
-  color?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  color?: ?ColorValue,
 
   /**
    * Size of the indicator (default is 'small').
    * Passing a number to the size prop is only supported on Android.
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#size
+   * See https://reactnative.dev/docs/activityindicator.html#size
    */
   size?: ?IndicatorSize,
 |}>;
@@ -65,7 +65,7 @@ type Props = $ReadOnly<{|
 /**
  * Displays a circular loading indicator.
  *
- * See http://facebook.github.io/react-native/docs/activityindicator.html
+ * See https://reactnative.dev/docs/activityindicator.html
  */
 const ActivityIndicator = (props: Props, forwardedRef?: any) => {
   const {onLayout, style, size, ...restProps} = props;
diff --git a/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js b/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
index a91460f31fed94..37898d2607ae04 100644
--- a/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
+++ b/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
@@ -24,21 +24,21 @@ type NativeProps = $ReadOnly<{|
   /**
    * Whether the indicator should hide when not animating (true by default).
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#hideswhenstopped
+   * See https://reactnative.dev/docs/activityindicator.html#hideswhenstopped
    */
   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
+   * See https://reactnative.dev/docs/activityindicator.html#animating
    */
   animating?: WithDefault<boolean, false>,
 
   /**
    * The foreground color of the spinner (default is gray).
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#color
+   * See https://reactnative.dev/docs/activityindicator.html#color
    */
   color?: ?ColorValue,
 
@@ -46,7 +46,7 @@ type NativeProps = $ReadOnly<{|
    * Size of the indicator (default is 'small').
    * Passing a number to the size prop is only supported on Android.
    *
-   * See http://facebook.github.io/react-native/docs/activityindicator.html#size
+   * See https://reactnative.dev/docs/activityindicator.html#size
    */
   size?: WithDefault<'small' | 'large', 'small'>,
 |}>;
diff --git a/Libraries/Components/Button.js b/Libraries/Components/Button.js
index 3293d9a404c32d..73d32d1285fab0 100644
--- a/Libraries/Components/Button.js
+++ b/Libraries/Components/Button.js
@@ -22,6 +22,7 @@ const invariant = require('invariant');
 
 import type {PressEvent} from '../Types/CoreEventTypes';
 import type {FocusEvent, BlurEvent} from './TextInput/TextInput'; // TODO(OSS Candidate ISS#2710739)
+import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
 
 type ButtonProps = $ReadOnly<{|
   /**
@@ -42,7 +43,7 @@ type ButtonProps = $ReadOnly<{|
   /**
    * Color of the text (iOS), or background color of the button (Android)
    */
-  color?: ?string,
+  color?: ?ColorValue,
 
   /**
    * TV preferred focus (see documentation for the View component).
diff --git a/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js b/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
index 29fd1d954a8d6a..2afb9892690d05 100644
--- a/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
+++ b/Libraries/Components/CheckBox/AndroidCheckBoxNativeComponent.js
@@ -19,7 +19,7 @@ const requireNativeComponent = require('../../ReactNative/requireNativeComponent
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 
 type CheckBoxEvent = SyntheticEvent<
   $ReadOnly<{|
@@ -50,8 +50,8 @@ type NativeProps = $ReadOnly<{|
   enabled?: boolean,
   tintColors:
     | {|
-        true: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-        false: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+        true: ?ProcessedColorValue,
+        false: ?ProcessedColorValue,
       |}
     | typeof undefined,
 |}>;
diff --git a/Libraries/Components/CheckBox/CheckBox.android.js b/Libraries/Components/CheckBox/CheckBox.android.js
index b953fdc2a60ead..aed9cd9eb389c4 100644
--- a/Libraries/Components/CheckBox/CheckBox.android.js
+++ b/Libraries/Components/CheckBox/CheckBox.android.js
@@ -12,12 +12,15 @@
 
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
+const invariant = require('invariant');
 const processColor = require('../../StyleSheet/processColor');
 
 const nullthrows = require('nullthrows');
 const setAndForwardRef = require('../../Utilities/setAndForwardRef');
 
-import AndroidCheckBoxNativeComponent from './AndroidCheckBoxNativeComponent';
+import AndroidCheckBoxNativeComponent, {
+  Commands as AndroidCheckBoxCommands,
+} from './AndroidCheckBoxNativeComponent';
 
 import type {ViewProps} from '../View/ViewPropTypes';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
@@ -141,7 +144,7 @@ class CheckBox extends React.Component<Props> {
 
   _onChange = (event: CheckBoxEvent) => {
     const value = this.props.value ?? false;
-    nullthrows(this._nativeRef).setNativeProps({value: value});
+    AndroidCheckBoxCommands.setNativeValue(nullthrows(this._nativeRef), value);
     // Change the props after the native props are set in case the props
     // change removes the component
     this.props.onChange && this.props.onChange(event);
@@ -150,12 +153,26 @@ class CheckBox extends React.Component<Props> {
   };
 
   _getTintColors(tintColors) {
-    return tintColors
-      ? {
-          true: processColor(tintColors.true),
-          false: processColor(tintColors.false),
-        }
-      : undefined;
+    if (tintColors) {
+      const processedTextColorTrue = processColor(tintColors.true);
+      invariant(
+        processedTextColorTrue == null ||
+          typeof processedTextColorTrue === 'number',
+        'Unexpected color given for tintColors.true',
+      );
+      const processedTextColorFalse = processColor(tintColors.true);
+      invariant(
+        processedTextColorFalse == null ||
+          typeof processedTextColorFalse === 'number',
+        'Unexpected color given for tintColors.false',
+      );
+      return {
+        true: processedTextColorTrue,
+        false: processedTextColorFalse,
+      };
+    } else {
+      return undefined;
+    }
   }
 
   render() {
diff --git a/Libraries/Components/DatePicker/RCTDatePickerNativeComponent.js b/Libraries/Components/DatePicker/RCTDatePickerNativeComponent.js
index d4690e86945b43..b569ae2bea5515 100644
--- a/Libraries/Components/DatePicker/RCTDatePickerNativeComponent.js
+++ b/Libraries/Components/DatePicker/RCTDatePickerNativeComponent.js
@@ -11,7 +11,6 @@
 'use strict';
 
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
 import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
diff --git a/Libraries/Components/DatePickerMacOS/RCTDatePickerNativeComponentMacOS.js b/Libraries/Components/DatePickerMacOS/RCTDatePickerNativeComponentMacOS.js
index 04ccdb8d78d061..0d6de69389714e 100644
--- a/Libraries/Components/DatePickerMacOS/RCTDatePickerNativeComponentMacOS.js
+++ b/Libraries/Components/DatePickerMacOS/RCTDatePickerNativeComponentMacOS.js
@@ -16,7 +16,7 @@ const requireNativeComponent = require('../../ReactNative/requireNativeComponent
 
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeComponent} from '../../Renderer/shims/ReactNative';
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
 
 type Event = SyntheticEvent<
   $ReadOnly<{|
@@ -34,7 +34,7 @@ type NativeProps = $ReadOnly<{|
   pickerStyle?: ?['textfield-stepper', 'clock-calendar', 'textfield'],
   timeZoneOffsetInMinutes?: ?number,
 |}>;
-type RCTDatePickerNativeType = Class<NativeComponent<NativeProps>>;
+type RCTDatePickerNativeType = HostComponent<NativeProps>;
 
 module.exports = ((requireNativeComponent(
   'RCTDatePicker',
diff --git a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
index b09f2fc8e8dd38..3758c669fd1de6 100644
--- a/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
+++ b/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js
@@ -185,7 +185,7 @@ class DrawerLayoutAndroid extends React.Component<Props, State> {
       ...props
     } = this.props;
     const drawStatusBar =
-      Platform.Version >= 21 && this.props.statusBarBackgroundColor;
+      Platform.Version >= 21 && this.props.statusBarBackgroundColor != null;
     const drawerViewWrapper = (
       <View
         style={[
diff --git a/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js b/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js
index 3f48805554ce90..156b78afe824ba 100644
--- a/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js
+++ b/Libraries/Components/Picker/AndroidDialogPickerNativeComponent.js
@@ -14,7 +14,6 @@ import * as React from 'react';
 
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import requireNativeComponent from '../../ReactNative/requireNativeComponent';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 import type {
   DirectEventHandler,
@@ -24,11 +23,12 @@ import type {
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 import type {ViewProps} from '../../Components/View/ViewPropTypes';
 
 type PickerItem = $ReadOnly<{|
   label: string,
-  color?: ?Int32 | ?NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
+  color?: ?ProcessedColorValue,
 |}>;
 
 type PickerItemSelectEvent = $ReadOnly<{|
@@ -41,6 +41,7 @@ type NativeProps = $ReadOnly<{|
 
   // Props
   color?: ?ColorValue,
+  backgroundColor?: ?ColorValue,
   enabled?: WithDefault<boolean, true>,
   items: $ReadOnlyArray<PickerItem>,
   prompt?: WithDefault<string, ''>,
diff --git a/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js b/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js
index e557859c322c2e..bf0b9e9ead63ec 100644
--- a/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js
+++ b/Libraries/Components/Picker/AndroidDropdownPickerNativeComponent.js
@@ -14,7 +14,6 @@ import * as React from 'react';
 
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import requireNativeComponent from '../../ReactNative/requireNativeComponent';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 import type {
   DirectEventHandler,
@@ -24,11 +23,12 @@ import type {
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 import type {ViewProps} from '../../Components/View/ViewPropTypes';
 
 type PickerItem = $ReadOnly<{|
   label: string,
-  color?: ?Int32 | ?NativeOrDynamicColorType, // TODO(macOS ISS#2323203)
+  color?: ?ProcessedColorValue,
 |}>;
 
 type PickerItemSelectEvent = $ReadOnly<{|
@@ -41,6 +41,7 @@ type NativeProps = $ReadOnly<{|
 
   // Props
   color?: ?ColorValue,
+  backgroundColor?: ?ColorValue,
   enabled?: WithDefault<boolean, true>,
   items: $ReadOnlyArray<PickerItem>,
   prompt?: WithDefault<string, ''>,
diff --git a/Libraries/Components/Picker/Picker.js b/Libraries/Components/Picker/Picker.js
index 9547b2850632f9..edac8099e960a1 100644
--- a/Libraries/Components/Picker/Picker.js
+++ b/Libraries/Components/Picker/Picker.js
@@ -96,6 +96,12 @@ type PickerProps = $ReadOnly<{|
    */
   itemStyle?: ?TextStyleProp,
 
+  /**
+   * Color of the item background.
+   * @platform android
+   */
+  backgroundColor?: ColorValue,
+
   /**
    * Prompt string for this picker, used on Android in dialog mode as the title of the dialog.
    * @platform android
@@ -106,6 +112,10 @@ type PickerProps = $ReadOnly<{|
    * Used to locate this view in end-to-end tests.
    */
   testID?: ?string,
+  /**
+   * The string used for the accessibility label. Will be read once focused on the picker but not on change.
+   */
+  accessibilityLabel?: ?string,
 |}>;
 
 /**
diff --git a/Libraries/Components/Picker/PickerAndroid.android.js b/Libraries/Components/Picker/PickerAndroid.android.js
index 4fddefb8014887..a47d29bd5ec6a7 100644
--- a/Libraries/Components/Picker/PickerAndroid.android.js
+++ b/Libraries/Components/Picker/PickerAndroid.android.js
@@ -10,12 +10,18 @@
 
 'use strict';
 
-import AndroidDropdownPickerNativeComponent from './AndroidDropdownPickerNativeComponent';
-import AndroidDialogPickerNativeComponent from './AndroidDialogPickerNativeComponent';
+import AndroidDropdownPickerNativeComponent, {
+  Commands as AndroidDropdownPickerCommands,
+} from './AndroidDropdownPickerNativeComponent';
+import AndroidDialogPickerNativeComponent, {
+  Commands as AndroidDialogPickerCommands,
+} from './AndroidDialogPickerNativeComponent';
 import * as React from 'react';
 import StyleSheet from '../../StyleSheet/StyleSheet';
+import invariant from 'invariant';
 import processColor from '../../StyleSheet/processColor';
 
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 
@@ -31,6 +37,7 @@ type Props = $ReadOnly<{|
   accessibilityLabel?: ?Stringish,
   children?: React.Node,
   style?: ?TextStyleProp,
+  backgroundColor?: ?ColorValue,
   selectedValue?: ?PickerItemValue,
   enabled?: ?boolean,
   mode?: ?('dialog' | 'dropdown'),
@@ -57,8 +64,13 @@ function PickerAndroid(props: Props): React.Node {
         selected = index;
       }
       const {color, label} = child.props;
+      const processedColor = processColor(color);
+      invariant(
+        processedColor == null || typeof processedColor === 'number',
+        'Unexpected color given for PickerAndroid color prop',
+      );
       return {
-        color: color == null ? null : processColor(color),
+        color: color == null ? null : processedColor,
         label,
       };
     });
@@ -83,13 +95,22 @@ function PickerAndroid(props: Props): React.Node {
           onValueChange(null, position);
         }
       }
-
       const {current} = pickerRef;
       if (current != null && position !== selected) {
-        current.setNativeProps({selected});
+        const Commands =
+          props.mode === 'dropdown'
+            ? AndroidDropdownPickerCommands
+            : AndroidDialogPickerCommands;
+        Commands.setNativeSelectedPosition(current, selected);
       }
     },
-    [props.children, props.onValueChange, props.selectedValue, selected],
+    [
+      props.children,
+      props.onValueChange,
+      props.selectedValue,
+      props.mode,
+      selected,
+    ],
   );
 
   const rootProps = {
@@ -104,6 +125,7 @@ function PickerAndroid(props: Props): React.Node {
       styles.pickerAndroid,
       props.style,
     ),
+    backgroundColor: props.backgroundColor,
     testID: props.testID,
   };
   return props.mode === 'dropdown' ? (
diff --git a/Libraries/Components/Picker/PickerIOS.ios.js b/Libraries/Components/Picker/PickerIOS.ios.js
index 90296128e6b279..9cdacdf3c86eac 100644
--- a/Libraries/Components/Picker/PickerIOS.ios.js
+++ b/Libraries/Components/Picker/PickerIOS.ios.js
@@ -16,6 +16,8 @@ const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
 const View = require('../View/View');
 const Platform = require('../../Utilities/Platform'); // TODO(macOS ISS#2323203)
+
+const invariant = require('invariant');
 const processColor = require('../../StyleSheet/processColor');
 
 import RCTPickerNativeComponent, {
@@ -23,9 +25,9 @@ import RCTPickerNativeComponent, {
 } from './RCTPickerNativeComponent';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 type PickerIOSChangeEvent = SyntheticEvent<
   $ReadOnly<{|
@@ -37,7 +39,7 @@ type PickerIOSChangeEvent = SyntheticEvent<
 type RCTPickerIOSItemType = $ReadOnly<{|
   label: ?Label,
   value: ?(number | string),
-  textColor: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  textColor: ?ProcessedColorValue,
 |}>;
 
 type Label = Stringish | number;
@@ -49,6 +51,7 @@ type Props = $ReadOnly<{|
   onChange?: ?(event: PickerIOSChangeEvent) => mixed,
   onValueChange?: ?(itemValue: string | number, itemIndex: number) => mixed,
   selectedValue: ?(number | string),
+  accessibilityLabel?: ?string,
 |}>;
 
 type State = {|
@@ -86,10 +89,15 @@ class PickerIOS extends React.Component<Props, State> {
         if (child.props.value === props.selectedValue) {
           selectedIndex = index;
         }
+        const processedTextColor = processColor(child.props.color);
+        invariant(
+          processedTextColor == null || typeof processedTextColor === 'number',
+          'Unexpected color given for PickerIOSItem color',
+        );
         items.push({
           value: child.props.value,
           label: child.props.label,
-          textColor: processColor(child.props.color),
+          textColor: processedTextColor,
         });
       });
     return {selectedIndex, items};
@@ -107,6 +115,7 @@ class PickerIOS extends React.Component<Props, State> {
           items={this.state.items}
           selectedIndex={this.state.selectedIndex}
           onChange={this._onChange}
+          accessibilityLabel={this.props.accessibilityLabel}
         />
       </View>
     );
diff --git a/Libraries/Components/Picker/RCTPickerNativeComponent.js b/Libraries/Components/Picker/RCTPickerNativeComponent.js
index ab95ab8aa81a3a..ca42471b6025ce 100644
--- a/Libraries/Components/Picker/RCTPickerNativeComponent.js
+++ b/Libraries/Components/Picker/RCTPickerNativeComponent.js
@@ -15,9 +15,9 @@ const requireNativeComponent = require('../../ReactNative/requireNativeComponent
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
 import type {SyntheticEvent} from '../../Types/CoreEventTypes';
 import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
 import * as React from 'react';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // ]TODO(macOS ISS#2323203)
 
 type PickerIOSChangeEvent = SyntheticEvent<
   $ReadOnly<{|
@@ -29,7 +29,7 @@ type PickerIOSChangeEvent = SyntheticEvent<
 type RCTPickerIOSItemType = $ReadOnly<{|
   label: ?Label,
   value: ?(number | string),
-  textColor: ?(number | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  textColor: ?ProcessedColorValue,
 |}>;
 
 type Label = Stringish | number;
@@ -40,6 +40,7 @@ type NativeProps = $ReadOnly<{|
   selectedIndex: number,
   style?: ?TextStyleProp,
   testID?: ?string,
+  accessibilityLabel?: ?string,
 |}>;
 
 type ComponentType = HostComponent<NativeProps>;
diff --git a/Libraries/Components/Pressable/Pressable.js b/Libraries/Components/Pressable/Pressable.js
new file mode 100644
index 00000000000000..c35c9e3337a6d3
--- /dev/null
+++ b/Libraries/Components/Pressable/Pressable.js
@@ -0,0 +1,240 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 * as React from 'react';
+import {useMemo, useState, useRef, useImperativeHandle} from 'react';
+import useAndroidRippleForView, {
+  type RippleConfig,
+} from './useAndroidRippleForView';
+import type {
+  AccessibilityActionEvent,
+  AccessibilityActionInfo,
+  AccessibilityRole,
+  AccessibilityState,
+  AccessibilityValue,
+} from '../View/ViewAccessibility';
+import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
+import usePressability from '../../Pressability/usePressability';
+import {normalizeRect, type RectOrSize} from '../../StyleSheet/Rect';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {LayoutEvent, PressEvent} from '../../Types/CoreEventTypes';
+import View from '../View/View';
+
+type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
+
+export type StateCallbackType = $ReadOnly<{|
+  pressed: boolean,
+|}>;
+
+type Props = $ReadOnly<{|
+  /**
+   * Accessibility.
+   */
+  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
+  accessibilityElementsHidden?: ?boolean,
+  accessibilityHint?: ?Stringish,
+  accessibilityIgnoresInvertColors?: ?boolean,
+  accessibilityLabel?: ?Stringish,
+  accessibilityLiveRegion?: ?('none' | 'polite' | 'assertive'),
+  accessibilityRole?: ?AccessibilityRole,
+  accessibilityState?: ?AccessibilityState,
+  accessibilityValue?: ?AccessibilityValue,
+  accessibilityViewIsModal?: ?boolean,
+  accessible?: ?boolean,
+  focusable?: ?boolean,
+  importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+
+  /**
+   * Either children or a render prop that receives a boolean reflecting whether
+   * the component is currently pressed.
+   */
+  children: React.Node | ((state: StateCallbackType) => React.Node),
+
+  /**
+   * Duration (in milliseconds) from `onPressIn` before `onLongPress` is called.
+   */
+  delayLongPress?: ?number,
+
+  /**
+   * Whether the press behavior is disabled.
+   */
+  disabled?: ?boolean,
+
+  /**
+   * Additional distance outside of this view in which a press is detected.
+   */
+  hitSlop?: ?RectOrSize,
+
+  /**
+   * Additional distance outside of this view in which a touch is considered a
+   * press before `onPressOut` is triggered.
+   */
+  pressRetentionOffset?: ?RectOrSize,
+
+  /**
+   * Called when this view's layout changes.
+   */
+  onLayout?: ?(event: LayoutEvent) => void,
+
+  /**
+   * Called when a long-tap gesture is detected.
+   */
+  onLongPress?: ?(event: PressEvent) => void,
+
+  /**
+   * Called when a single tap gesture is detected.
+   */
+  onPress?: ?(event: PressEvent) => void,
+
+  /**
+   * Called when a touch is engaged before `onPress`.
+   */
+  onPressIn?: ?(event: PressEvent) => void,
+
+  /**
+   * Called when a touch is released before `onPress`.
+   */
+  onPressOut?: ?(event: PressEvent) => void,
+
+  /**
+   * Either view styles or a function that receives a boolean reflecting whether
+   * the component is currently pressed and returns view styles.
+   */
+  style?: ViewStyleProp | ((state: StateCallbackType) => ViewStyleProp),
+
+  /**
+   * Identifier used to find this view in tests.
+   */
+  testID?: ?string,
+
+  /**
+   * If true, doesn't play system sound on touch.
+   */
+  android_disableSound?: ?boolean,
+
+  /**
+   * Enables the Android ripple effect and configures its color.
+   */
+  android_ripple?: ?RippleConfig,
+
+  /**
+   * Used only for documentation or testing (e.g. snapshot testing).
+   */
+  testOnly_pressed?: ?boolean,
+|}>;
+
+/**
+ * Component used to build display components that should respond to whether the
+ * component is currently pressed or not.
+ */
+function Pressable(props: Props, forwardedRef): React.Node {
+  const {
+    accessible,
+    android_disableSound,
+    android_ripple,
+    children,
+    delayLongPress,
+    disabled,
+    focusable,
+    onLongPress,
+    onPress,
+    onPressIn,
+    onPressOut,
+    pressRetentionOffset,
+    style,
+    testOnly_pressed,
+    ...restProps
+  } = props;
+
+  const viewRef = useRef<React.ElementRef<typeof View> | null>(null);
+  useImperativeHandle(forwardedRef, () => viewRef.current);
+
+  const android_rippleConfig = useAndroidRippleForView(android_ripple, viewRef);
+
+  const [pressed, setPressed] = usePressState(testOnly_pressed === true);
+
+  const hitSlop = normalizeRect(props.hitSlop);
+
+  const config = useMemo(
+    () => ({
+      disabled,
+      hitSlop,
+      pressRectOffset: pressRetentionOffset,
+      android_disableSound,
+      delayLongPress,
+      onLongPress,
+      onPress,
+      onPressIn(event: PressEvent): void {
+        if (android_rippleConfig != null) {
+          android_rippleConfig.onPressIn(event);
+        }
+        setPressed(true);
+        if (onPressIn != null) {
+          onPressIn(event);
+        }
+      },
+      onPressMove: android_rippleConfig?.onPressMove,
+      onPressOut(event: PressEvent): void {
+        if (android_rippleConfig != null) {
+          android_rippleConfig.onPressOut(event);
+        }
+        setPressed(false);
+        if (onPressOut != null) {
+          onPressOut(event);
+        }
+      },
+    }),
+    [
+      android_disableSound,
+      android_rippleConfig,
+      delayLongPress,
+      disabled,
+      hitSlop,
+      onLongPress,
+      onPress,
+      onPressIn,
+      onPressOut,
+      pressRetentionOffset,
+      setPressed,
+    ],
+  );
+  const eventHandlers = usePressability(config);
+
+  return (
+    <View
+      {...restProps}
+      {...eventHandlers}
+      {...android_rippleConfig?.viewProps}
+      accessible={accessible !== false}
+      focusable={focusable !== false}
+      hitSlop={hitSlop}
+      ref={viewRef}
+      style={typeof style === 'function' ? style({pressed}) : style}>
+      {typeof children === 'function' ? children({pressed}) : children}
+      {__DEV__ ? <PressabilityDebugView color="red" hitSlop={hitSlop} /> : null}
+    </View>
+  );
+}
+
+function usePressState(forcePressed: boolean): [boolean, (boolean) => void] {
+  const [pressed, setPressed] = useState(false);
+  return [pressed || forcePressed, setPressed];
+}
+
+const MemoedPressable = React.memo(React.forwardRef(Pressable));
+MemoedPressable.displayName = 'Pressable';
+
+export default (MemoedPressable: React.AbstractComponent<
+  Props,
+  React.ElementRef<typeof View>,
+>);
diff --git a/Libraries/Components/Pressable/__tests__/Pressable-test.js b/Libraries/Components/Pressable/__tests__/Pressable-test.js
new file mode 100644
index 00000000000000..a8c5af535e8518
--- /dev/null
+++ b/Libraries/Components/Pressable/__tests__/Pressable-test.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
+ * @emails oncall+react_native
+ * @flow strict-local
+ */
+
+'use strict';
+
+import * as React from 'react';
+
+import Pressable from '../Pressable';
+import View from '../../View/View';
+import {expectRendersMatchingSnapshot} from '../../../Utilities/ReactNativeTestTools';
+
+describe('<Pressable />', () => {
+  it('should render as expected', () => {
+    expectRendersMatchingSnapshot(
+      'Pressable',
+      () => (
+        <Pressable>
+          <View />
+        </Pressable>
+      ),
+      () => {
+        jest.dontMock('../Pressable');
+      },
+    );
+  });
+});
diff --git a/Libraries/Components/Pressable/__tests__/__snapshots__/Pressable-test.js.snap b/Libraries/Components/Pressable/__tests__/__snapshots__/Pressable-test.js.snap
new file mode 100644
index 00000000000000..5c82f9ab1c7e67
--- /dev/null
+++ b/Libraries/Components/Pressable/__tests__/__snapshots__/Pressable-test.js.snap
@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Pressable /> should render as expected: should deep render when mocked (please verify output manually) 1`] = `
+<View
+  accessible={true}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+>
+  <View />
+</View>
+`;
+
+exports[`<Pressable /> should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
+<View
+  accessible={true}
+  focusable={true}
+  onBlur={[Function]}
+  onClick={[Function]}
+  onFocus={[Function]}
+  onResponderGrant={[Function]}
+  onResponderMove={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminate={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onStartShouldSetResponder={[Function]}
+>
+  <View />
+</View>
+`;
+
+exports[`<Pressable /> should render as expected: should shallow render as <Pressable /> when mocked 1`] = `
+<Memo(Pressable)>
+  <View />
+</Memo(Pressable)>
+`;
+
+exports[`<Pressable /> should render as expected: should shallow render as <Pressable /> when not mocked 1`] = `
+<Memo(Pressable)>
+  <View />
+</Memo(Pressable)>
+`;
diff --git a/Libraries/Components/Pressable/useAndroidRippleForView.js b/Libraries/Components/Pressable/useAndroidRippleForView.js
new file mode 100644
index 00000000000000..44972fb860f669
--- /dev/null
+++ b/Libraries/Components/Pressable/useAndroidRippleForView.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 strict-local
+ * @format
+ */
+
+'use strict';
+
+import invariant from 'invariant';
+import {Commands} from '../View/ViewNativeComponent';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {PressEvent} from '../../Types/CoreEventTypes';
+import {Platform, View, processColor} from 'react-native';
+import * as React from 'react';
+import {useMemo} from 'react';
+
+type NativeBackgroundProp = $ReadOnly<{|
+  type: 'RippleAndroid',
+  color: ?number,
+  borderless: boolean,
+  rippleRadius: ?number,
+|}>;
+
+export type RippleConfig = {|
+  color?: ?ColorValue,
+  borderless?: ?boolean,
+  radius?: ?number,
+|};
+
+/**
+ * Provides the event handlers and props for configuring the ripple effect on
+ * supported versions of Android.
+ */
+export default function useAndroidRippleForView(
+  rippleConfig: ?RippleConfig,
+  viewRef: {|current: null | React.ElementRef<typeof View>|},
+): ?$ReadOnly<{|
+  onPressIn: (event: PressEvent) => void,
+  onPressMove: (event: PressEvent) => void,
+  onPressOut: (event: PressEvent) => void,
+  viewProps: $ReadOnly<{|
+    nativeBackgroundAndroid: NativeBackgroundProp,
+  |}>,
+|}> {
+  const {color, borderless, radius} = rippleConfig ?? {};
+  const normalizedBorderless = borderless === true;
+
+  return useMemo(() => {
+    if (
+      Platform.OS === 'android' &&
+      Platform.Version >= 21 &&
+      (color != null || normalizedBorderless || radius != null)
+    ) {
+      const processedColor = processColor(color);
+      invariant(
+        processedColor == null || typeof processedColor === 'number',
+        'Unexpected color given for Ripple color',
+      );
+
+      return {
+        viewProps: {
+          // Consider supporting `nativeForegroundAndroid`
+          nativeBackgroundAndroid: {
+            type: 'RippleAndroid',
+            color: processedColor,
+            borderless: normalizedBorderless,
+            rippleRadius: radius,
+          },
+        },
+        onPressIn(event: PressEvent): void {
+          const view = viewRef.current;
+          if (view != null) {
+            Commands.setPressed(view, true);
+            Commands.hotspotUpdate(
+              view,
+              event.nativeEvent.locationX ?? 0,
+              event.nativeEvent.locationY ?? 0,
+            );
+          }
+        },
+        onPressMove(event: PressEvent): void {
+          const view = viewRef.current;
+          if (view != null) {
+            Commands.hotspotUpdate(
+              view,
+              event.nativeEvent.locationX ?? 0,
+              event.nativeEvent.locationY ?? 0,
+            );
+          }
+        },
+        onPressOut(event: PressEvent): void {
+          const view = viewRef.current;
+          if (view != null) {
+            Commands.setPressed(view, false);
+          }
+        },
+      };
+    }
+    return null;
+  }, [color, normalizedBorderless, radius, viewRef]);
+}
diff --git a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
index a2651088bbdc39..7b10a0521522f1 100644
--- a/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
+++ b/Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js
@@ -15,6 +15,7 @@ const React = require('react');
 import ProgressBarAndroidNativeComponent from './ProgressBarAndroidNativeComponent';
 
 import type {ViewProps} from '../View/ViewPropTypes';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 
 export type ProgressBarAndroidProps = $ReadOnly<{|
   ...ViewProps,
@@ -49,7 +50,7 @@ export type ProgressBarAndroidProps = $ReadOnly<{|
   /**
    * Color of the progress bar.
    */
-  color?: ?string,
+  color?: ?ColorValue,
   /**
    * Used to locate this view in end-to-end tests.
    */
diff --git a/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js b/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
index 553a3a46ba0603..8134b8a486fd7e 100644
--- a/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
+++ b/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
@@ -61,4 +61,5 @@ export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
 
 export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
   paperComponentName: 'RCTRefreshControl',
+  excludedPlatform: 'android',
 }): HostComponent<NativeProps>);
diff --git a/Libraries/Components/RefreshControl/RefreshControl.js b/Libraries/Components/RefreshControl/RefreshControl.js
index 43ebf012308822..f3ffa4980d4fe3 100644
--- a/Libraries/Components/RefreshControl/RefreshControl.js
+++ b/Libraries/Components/RefreshControl/RefreshControl.js
@@ -15,8 +15,12 @@ const React = require('react');
 
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../View/ViewPropTypes';
-import AndroidSwipeRefreshLayoutNativeComponent from './AndroidSwipeRefreshLayoutNativeComponent';
-import PullToRefreshViewNativeComponent from './PullToRefreshViewNativeComponent';
+import AndroidSwipeRefreshLayoutNativeComponent, {
+  Commands as AndroidSwipeRefreshLayoutCommands,
+} from './AndroidSwipeRefreshLayoutNativeComponent';
+import PullToRefreshViewNativeComponent, {
+  Commands as PullToRefreshCommands,
+} from './PullToRefreshViewNativeComponent';
 
 let RefreshLayoutConsts: any;
 if (Platform.OS === 'android') {
@@ -79,7 +83,7 @@ export type RefreshControlProps = $ReadOnly<{|
   /**
    * Called when the view starts refreshing.
    */
-  onRefresh?: ?() => void,
+  onRefresh?: ?() => void | Promise<void>,
 
   /**
    * Whether the view should be indicating an active refresh.
@@ -135,7 +139,10 @@ export type RefreshControlProps = $ReadOnly<{|
 class RefreshControl extends React.Component<RefreshControlProps> {
   static SIZE: any = RefreshLayoutConsts.SIZE;
 
-  _setNativePropsOnRef: ?({refreshing: boolean, ...}) => void;
+  _nativeRef: ?React.ElementRef<
+    | typeof PullToRefreshViewNativeComponent
+    | typeof AndroidSwipeRefreshLayoutNativeComponent,
+  >;
   _lastNativeRefreshing = false;
 
   componentDidMount() {
@@ -150,18 +157,24 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       this._lastNativeRefreshing = this.props.refreshing;
     } else if (
       this.props.refreshing !== this._lastNativeRefreshing &&
-      this._setNativePropsOnRef
+      this._nativeRef
     ) {
-      this._setNativePropsOnRef({
-        refreshing: this.props.refreshing,
-      });
+      if (Platform.OS === 'android') {
+        AndroidSwipeRefreshLayoutCommands.setNativeRefreshing(
+          this._nativeRef,
+          this.props.refreshing,
+        );
+      } else {
+        PullToRefreshCommands.setNativeRefreshing(
+          this._nativeRef,
+          this.props.refreshing,
+        );
+      }
       this._lastNativeRefreshing = this.props.refreshing;
     }
   }
 
   render(): React.Node {
-    const setRef = ref =>
-      (this._setNativePropsOnRef = ref ? ref.setNativeProps.bind(ref) : null);
     if (Platform.OS === 'ios') {
       const {
         enabled,
@@ -174,7 +187,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       return (
         <PullToRefreshViewNativeComponent
           {...props}
-          ref={setRef}
+          ref={this._setNativeRef}
           onRefresh={this._onRefresh}
         />
       );
@@ -183,7 +196,7 @@ class RefreshControl extends React.Component<RefreshControlProps> {
       return (
         <AndroidSwipeRefreshLayoutNativeComponent
           {...props}
-          ref={setRef}
+          ref={this._setNativeRef}
           onRefresh={this._onRefresh}
         />
       );
@@ -199,6 +212,15 @@ class RefreshControl extends React.Component<RefreshControlProps> {
     // make sure it stays in sync with the js component.
     this.forceUpdate();
   };
+
+  _setNativeRef = (
+    ref: ?React.ElementRef<
+      | typeof PullToRefreshViewNativeComponent
+      | typeof AndroidSwipeRefreshLayoutNativeComponent,
+    >,
+  ) => {
+    this._nativeRef = ref;
+  };
 }
 
 module.exports = RefreshControl;
diff --git a/Libraries/Components/ScrollResponder.js b/Libraries/Components/ScrollResponder.js
index fe8652ca65c016..a520d17d2875fd 100644
--- a/Libraries/Components/ScrollResponder.js
+++ b/Libraries/Components/ScrollResponder.js
@@ -183,12 +183,12 @@ const ScrollResponderMixin = {
       return false;
     }
 
-    const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
+    const currentlyFocusedInput = TextInputState.currentlyFocusedInput();
 
     if (
       this.props.keyboardShouldPersistTaps === 'handled' &&
-      currentlyFocusedTextInput != null &&
-      ReactNative.findNodeHandle(e.target) !== currentlyFocusedTextInput
+      currentlyFocusedInput != null &&
+      e.target !== currentlyFocusedInput
     ) {
       return true;
     }
@@ -224,17 +224,26 @@ const ScrollResponderMixin = {
     // and a new touch starts with a non-textinput target (in which case the
     // first tap should be sent to the scroll view and dismiss the keyboard,
     // then the second tap goes to the actual interior view)
-    const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
+    const currentlyFocusedTextInput = TextInputState.currentlyFocusedInput();
     const {keyboardShouldPersistTaps} = this.props;
     const keyboardNeverPersistTaps =
       !keyboardShouldPersistTaps || keyboardShouldPersistTaps === 'never';
 
-    const reactTag = ReactNative.findNodeHandle(e.target);
+    if (typeof e.target === 'number') {
+      if (__DEV__) {
+        console.error(
+          'Did not expect event target to be a number. Should have been a native component',
+        );
+      }
+
+      return false;
+    }
+
     if (
       keyboardNeverPersistTaps &&
       currentlyFocusedTextInput != null &&
-      reactTag &&
-      !TextInputState.isTextInput(reactTag)
+      e.target != null &&
+      !TextInputState.isTextInput(e.target)
     ) {
       return true;
     }
@@ -300,14 +309,24 @@ const ScrollResponderMixin = {
   scrollResponderHandleResponderRelease: function(e: PressEvent) {
     this.props.onResponderRelease && this.props.onResponderRelease(e);
 
+    if (typeof e.target === 'number') {
+      if (__DEV__) {
+        console.error(
+          'Did not expect event target to be a number. Should have been a native component',
+        );
+      }
+
+      return;
+    }
+
     // By default scroll views will unfocus a textField
     // if another touch occurs outside of it
-    const currentlyFocusedTextInput = TextInputState.currentlyFocusedField();
+    const currentlyFocusedTextInput = TextInputState.currentlyFocusedInput();
     if (
       this.props.keyboardShouldPersistTaps !== true &&
       this.props.keyboardShouldPersistTaps !== 'always' &&
       currentlyFocusedTextInput != null &&
-      ReactNative.findNodeHandle(e.target) !== currentlyFocusedTextInput &&
+      e.target !== currentlyFocusedTextInput &&
       !this.state.observedScrollSinceBecomingResponder &&
       !this.state.becameResponderWhileAnimating
     ) {
@@ -570,10 +589,7 @@ const ScrollResponderMixin = {
    *        down to make it meet the keyboard's top. Default is false.
    */
   scrollResponderScrollNativeHandleToKeyboard: function<T>(
-    nodeHandle:
-      | number
-      | React.ElementRef<HostComponent<T>>
-      | React.ElementRef<Class<ReactNative.NativeComponent<T>>>,
+    nodeHandle: number | React.ElementRef<HostComponent<T>>,
     additionalOffset?: number,
     preventNegativeScrollOffset?: boolean,
   ) {
diff --git a/Libraries/Components/ScrollView/ScrollView.js b/Libraries/Components/ScrollView/ScrollView.js
index dc4cfa04ea7a2b..fe43061b80826a 100644
--- a/Libraries/Components/ScrollView/ScrollView.js
+++ b/Libraries/Components/ScrollView/ScrollView.js
@@ -24,9 +24,9 @@ const dismissKeyboard = require('../../Utilities/dismissKeyboard');
 const flattenStyle = require('../../StyleSheet/flattenStyle');
 const invariant = require('invariant');
 const processDecelerationRate = require('./processDecelerationRate');
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
 const resolveAssetSource = require('../../Image/resolveAssetSource');
 const splitLayoutProps = require('../../StyleSheet/splitLayoutProps');
+const setAndForwardRef = require('../../Utilities/setAndForwardRef');
 
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {PointProp} from '../../StyleSheet/PointPropType';
@@ -63,25 +63,31 @@ if (Platform.OS === 'android') {
 ) {
   RCTScrollView = ScrollViewNativeComponent;
   RCTScrollContentView = ScrollContentViewNativeComponent;
-} else {
-  RCTScrollView = requireNativeComponent('RCTScrollView');
-  RCTScrollContentView = requireNativeComponent('RCTScrollContentView');
 }
 
-export type ScrollResponderType = {
-  // We'd like to do ...ScrollView here, however Flow doesn't seem
-  // to see the imperative methods of ScrollView that way. Workaround the
-  // issue by specifying them manually.
+// Public methods for ScrollView
+export type ScrollViewImperativeMethods = $ReadOnly<{|
+  getScrollResponder: $PropertyType<ScrollView, 'getScrollResponder'>,
   getScrollableNode: $PropertyType<ScrollView, 'getScrollableNode'>,
   getInnerViewNode: $PropertyType<ScrollView, 'getInnerViewNode'>,
   getInnerViewRef: $PropertyType<ScrollView, 'getInnerViewRef'>,
   getNativeScrollRef: $PropertyType<ScrollView, 'getNativeScrollRef'>,
-  setNativeProps: $PropertyType<ScrollView, 'setNativeProps'>,
   scrollTo: $PropertyType<ScrollView, 'scrollTo'>,
+  scrollToEnd: $PropertyType<ScrollView, 'scrollToEnd'>,
   flashScrollIndicators: $PropertyType<ScrollView, 'flashScrollIndicators'>,
-  ...typeof ScrollResponder.Mixin,
-  ...
-};
+
+  // ScrollResponder.Mixin public methods
+  scrollResponderZoomTo: $PropertyType<
+    typeof ScrollResponder.Mixin,
+    'scrollResponderZoomTo',
+  >,
+  scrollResponderScrollNativeHandleToKeyboard: $PropertyType<
+    typeof ScrollResponder.Mixin,
+    'scrollResponderScrollNativeHandleToKeyboard',
+  >,
+|}>;
+
+export type ScrollResponderType = ScrollViewImperativeMethods;
 
 type IOSProps = $ReadOnly<{|
   /**
@@ -418,8 +424,8 @@ export type Props = $ReadOnly<{|
   /**
    * When true, the scroll view stops on the next index (in relation to scroll
    * position at release) regardless of how fast the gesture is. This can be
-   * used for horizontal pagination when the page is less than the width of
-   * the ScrollView. The default value is false.
+   * used for pagination when the page is less than the width of the
+   * horizontal ScrollView or the height of the vertical ScrollView. The default value is false.
    */
   disableIntervalMomentum?: ?boolean,
   /**
@@ -596,6 +602,19 @@ export type Props = $ReadOnly<{|
   // $FlowFixMe - how to handle generic type without existential operator?
   refreshControl?: ?React.Element<any>,
   children?: React.Node,
+  /**
+   * A ref to the inner View element of the ScrollView. This should be used
+   * instead of calling `getInnerViewRef`.
+   */
+  innerViewRef?: React.Ref<typeof View>,
+  /**
+   * A ref to the Native ScrollView component. This ref can be used to call
+   * all of ScrollView's public methods, in addition to native methods like
+   * measure, measureLayout, etc.
+   */
+  scrollViewRef?: React.Ref<
+    typeof ScrollViewNativeComponent & ScrollViewImperativeMethods,
+  >,
 |}>;
 
 type State = {|
@@ -619,11 +638,14 @@ function createScrollResponder(
 }
 
 type ContextType = {|horizontal: boolean|} | null;
-const Context = React.createContext<ContextType>(null);
+const Context: React.Context<ContextType> = React.createContext(null);
 const standardHorizontalContext: ContextType = Object.freeze({
   horizontal: true,
 });
 const standardVerticalContext: ContextType = Object.freeze({horizontal: false});
+type ScrollViewComponentStatics = $ReadOnly<{|
+  Context: typeof Context,
+|}>;
 
 /**
  * Component that wraps platform ScrollView while providing
@@ -641,7 +663,7 @@ const standardVerticalContext: ContextType = Object.freeze({horizontal: false});
  * view from becoming the responder.
  *
  *
- * `<ScrollView>` vs [`<FlatList>`](/react-native/docs/flatlist.html) - which one to use?
+ * `<ScrollView>` vs [`<FlatList>`](https://reactnative.dev/docs/flatlist.html) - which one to use?
  *
  * `ScrollView` simply renders all its react child components at once. That
  * makes it very easy to understand and use.
@@ -733,11 +755,9 @@ class ScrollView extends React.Component<Props, State> {
   UNSAFE_componentWillMount() {
     this._scrollResponder.UNSAFE_componentWillMount();
     this._scrollAnimatedValue = new AnimatedImplementation.Value(
-      this.props.contentOffset ? this.props.contentOffset.y : 0,
-    );
-    this._scrollAnimatedValue.setOffset(
-      this.props.contentInset ? this.props.contentInset.top || 0 : 0,
+      this.props.contentOffset?.y ?? 0,
     );
+    this._scrollAnimatedValue.setOffset(this.props.contentInset?.top ?? 0);
     this._stickyHeaderRefs = new Map();
     this._headerLayoutYs = new Map();
   }
@@ -769,9 +789,37 @@ class ScrollView extends React.Component<Props, State> {
     }
   }
 
-  setNativeProps(props: {[key: string]: mixed, ...}) {
-    this._scrollViewRef && this._scrollViewRef.setNativeProps(props);
-  }
+  _setNativeRef = setAndForwardRef({
+    getForwardedRef: () => this.props.scrollViewRef,
+    setLocalRef: ref => {
+      this._scrollViewRef = ref;
+
+      /*
+        This is a hack. Ideally we would forwardRef to the underlying
+        host component. However, since ScrollView has it's own methods that can be
+        called as well, if we used the standard forwardRef then these
+        methods wouldn't be accessible and thus be a breaking change.
+
+        Therefore we edit ref to include ScrollView's public methods so that
+        they are callable from the ref.
+      */
+      if (ref) {
+        ref.getScrollResponder = this.getScrollResponder;
+        ref.getScrollableNode = this.getScrollableNode;
+        ref.getInnerViewNode = this.getInnerViewNode;
+        ref.getInnerViewRef = this.getInnerViewRef;
+        ref.getNativeScrollRef = this.getNativeScrollRef;
+        ref.scrollTo = this.scrollTo;
+        ref.scrollToEnd = this.scrollToEnd;
+        ref.flashScrollIndicators = this.flashScrollIndicators;
+
+        // $FlowFixMe - This method was manually bound from ScrollResponder.mixin
+        ref.scrollResponderZoomTo = this.scrollResponderZoomTo;
+        // $FlowFixMe - This method was manually bound from ScrollResponder.mixin
+        ref.scrollResponderScrollNativeHandleToKeyboard = this.scrollResponderScrollNativeHandleToKeyboard;
+      }
+    },
+  });
 
   /**
    * Returns a reference to the underlying scroll responder, which supports
@@ -779,26 +827,26 @@ class ScrollView extends React.Component<Props, State> {
    * implement this method so that they can be composed while providing access
    * to the underlying scroll responder's methods.
    */
-  getScrollResponder(): ScrollResponderType {
+  getScrollResponder: () => ScrollResponderType = () => {
     // $FlowFixMe - overriding type to include ScrollResponder.Mixin
     return ((this: any): ScrollResponderType);
-  }
+  };
 
-  getScrollableNode(): ?number {
+  getScrollableNode: () => ?number = () => {
     return ReactNative.findNodeHandle(this._scrollViewRef);
-  }
+  };
 
   getInnerViewNode(): ?number {
     return ReactNative.findNodeHandle(this._innerViewRef);
   }
 
-  getInnerViewRef(): ?React.ElementRef<HostComponent<mixed>> {
+  getInnerViewRef(): ?React.ElementRef<typeof View> {
     return this._innerViewRef;
   }
 
-  getNativeScrollRef(): ?React.ElementRef<HostComponent<mixed>> {
+  getNativeScrollRef: () => ?React.ElementRef<HostComponent<mixed>> = () => {
     return this._scrollViewRef;
-  }
+  };
 
   /**
    * Scrolls to a given x, y offset, either immediately or with a smooth animation.
@@ -811,7 +859,7 @@ class ScrollView extends React.Component<Props, State> {
    * the function also accepts separate arguments as an alternative to the options object.
    * This is deprecated due to ambiguity (y before x), and SHOULD NOT BE USED.
    */
-  scrollTo(
+  scrollTo: (
     options?:
       | {
           x?: number,
@@ -822,7 +870,18 @@ class ScrollView extends React.Component<Props, State> {
       | number,
     deprecatedX?: number,
     deprecatedAnimated?: boolean,
-  ) {
+  ) => void = (
+    options?:
+      | {
+          x?: number,
+          y?: number,
+          animated?: boolean,
+          ...
+        }
+      | number,
+    deprecatedX?: number,
+    deprecatedAnimated?: boolean,
+  ) => {
     let x, y, animated;
     if (typeof options === 'number') {
       console.warn(
@@ -842,7 +901,7 @@ class ScrollView extends React.Component<Props, State> {
       y: y || 0,
       animated: animated !== false,
     });
-  }
+  };
 
   /**
    * If this is a vertical ScrollView scrolls to the bottom.
@@ -852,22 +911,24 @@ class ScrollView extends React.Component<Props, State> {
    * `scrollToEnd({animated: false})` for immediate scrolling.
    * If no options are passed, `animated` defaults to true.
    */
-  scrollToEnd(options?: ?{animated?: boolean, ...}) {
+  scrollToEnd: (options?: ?{animated?: boolean, ...}) => void = (
+    options?: ?{animated?: boolean, ...},
+  ) => {
     // Default to true
     const animated = (options && options.animated) !== false;
     this._scrollResponder.scrollResponderScrollToEnd({
       animated: animated,
     });
-  }
+  };
 
   /**
    * Displays the scroll indicators momentarily.
    *
    * @platform ios
    */
-  flashScrollIndicators() {
+  flashScrollIndicators: () => void = () => {
     this._scrollResponder.scrollResponderFlashScrollIndicators();
-  }
+  };
 
   _getKeyForIndex(index, childArray) {
     const child = childArray[index];
@@ -1051,14 +1112,14 @@ class ScrollView extends React.Component<Props, State> {
   };
 
   _scrollViewRef: ?React.ElementRef<HostComponent<mixed>> = null;
-  _setScrollViewRef = (ref: ?React.ElementRef<HostComponent<mixed>>) => {
-    this._scrollViewRef = ref;
-  };
 
-  _innerViewRef: ?React.ElementRef<HostComponent<mixed>> = null;
-  _setInnerViewRef = (ref: ?React.ElementRef<HostComponent<mixed>>) => {
-    this._innerViewRef = ref;
-  };
+  _innerViewRef: ?React.ElementRef<typeof View> = null;
+  _setInnerViewRef = setAndForwardRef({
+    getForwardedRef: () => this.props.innerViewRef,
+    setLocalRef: ref => {
+      this._innerViewRef = ref;
+    },
+  });
 
   render(): React.Node | React.Element<string> {
     let ScrollViewClass;
@@ -1277,7 +1338,10 @@ class ScrollView extends React.Component<Props, State> {
         // On iOS the RefreshControl is a child of the ScrollView.
         // tvOS lacks native support for RefreshControl, so don't include it in that case
         return (
-          <ScrollViewClass {...props} ref={this._setScrollViewRef}>
+          /* $FlowFixMe(>=0.117.0 site=react_native_fb) This comment suppresses
+           * an error found when Flow v0.117 was deployed. To see the error,
+           * delete this comment and run Flow. */
+          <ScrollViewClass {...props} ref={this._setNativeRef}>
             {Platform.isTV ? null : refreshControl}
             {contentContainer}
           </ScrollViewClass>
@@ -1295,14 +1359,14 @@ class ScrollView extends React.Component<Props, State> {
           <ScrollViewClass
             {...props}
             style={[baseStyle, inner]}
-            ref={this._setScrollViewRef}>
+            ref={this._setNativeRef}>
             {contentContainer}
           </ScrollViewClass>,
         );
       }
     }
     return (
-      <ScrollViewClass {...props} ref={this._setScrollViewRef}>
+      <ScrollViewClass {...props} ref={this._setNativeRef}>
         {contentContainer}
       </ScrollViewClass>
     );
@@ -1327,4 +1391,22 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = ScrollView;
+function Wrapper(props, ref) {
+  return <ScrollView {...props} scrollViewRef={ref} />;
+}
+Wrapper.displayName = 'ScrollView';
+const ForwardedScrollView = React.forwardRef(Wrapper);
+
+// $FlowFixMe Add static context to ForwardedScrollView
+ForwardedScrollView.Context = Context;
+
+ForwardedScrollView.displayName = 'ScrollView';
+
+module.exports = ((ForwardedScrollView: $FlowFixMe): React.AbstractComponent<
+  React.ElementConfig<typeof ScrollView>,
+  $ReadOnly<{|
+    ...$Exact<React.ElementRef<HostComponent<mixed>>>,
+    ...ScrollViewImperativeMethods,
+  |}>,
+> &
+  ScrollViewComponentStatics);
diff --git a/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js b/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
deleted file mode 100644
index 30e8cee004192b..00000000000000
--- a/Libraries/Components/ScrollView/__mocks__/ScrollViewMock.js
+++ /dev/null
@@ -1,39 +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
- */
-
-/* eslint-env jest */
-
-'use strict';
-
-const React = require('react');
-const View = require('../../View/View');
-
-const requireNativeComponent = require('../../../ReactNative/requireNativeComponent');
-
-import type {HostComponent} from '../../../Renderer/shims/ReactNativeTypes';
-
-const RCTScrollView: HostComponent<mixed> = requireNativeComponent<mixed>(
-  'RCTScrollView',
-);
-
-const ScrollViewComponent: $FlowFixMe = jest.genMockFromModule('../ScrollView');
-
-class ScrollViewMock extends ScrollViewComponent {
-  render(): React.Element<typeof RCTScrollView> {
-    return (
-      <RCTScrollView {...this.props}>
-        {this.props.refreshControl}
-        <View>{this.props.children}</View>
-      </RCTScrollView>
-    );
-  }
-}
-
-module.exports = ScrollViewMock;
diff --git a/Libraries/Components/ScrollView/__tests__/ScrollView-test.js b/Libraries/Components/ScrollView/__tests__/ScrollView-test.js
new file mode 100644
index 00000000000000..fb7aa74a55703e
--- /dev/null
+++ b/Libraries/Components/ScrollView/__tests__/ScrollView-test.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
+ * @emails oncall+react_native
+ * @flow-strict
+ */
+
+'use strict';
+
+const React = require('react');
+const ScrollView = require('../ScrollView');
+const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
+const ReactTestRenderer = require('react-test-renderer');
+const View = require('../../View/View');
+const Text = require('../../../Text/Text');
+
+describe('<ScrollView />', () => {
+  it('should render as expected', () => {
+    ReactNativeTestTools.expectRendersMatchingSnapshot(
+      'ScrollView',
+      () => (
+        <ScrollView>
+          <View>
+            <Text>Hello World!</Text>
+          </View>
+        </ScrollView>
+      ),
+      () => {
+        jest.dontMock('../ScrollView');
+      },
+    );
+  });
+  it('should mock native methods and instance methods when mocked', () => {
+    jest.resetModules();
+    jest.mock('../ScrollView');
+    const ref = React.createRef();
+
+    ReactTestRenderer.create(<ScrollView ref={ref} />);
+
+    expect(ref.current != null && ref.current.measure).toBeInstanceOf(
+      jest.fn().constructor,
+    );
+    expect(ref.current != null && ref.current.scrollTo).toBeInstanceOf(
+      jest.fn().constructor,
+    );
+  });
+});
diff --git a/Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap b/Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap
new file mode 100644
index 00000000000000..4e91eb9ba4bf20
--- /dev/null
+++ b/Libraries/Components/ScrollView/__tests__/__snapshots__/ScrollView-test.js.snap
@@ -0,0 +1,93 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ScrollView /> should render as expected: should deep render when mocked (please verify output manually) 1`] = `
+<RCTScrollView>
+  <View>
+    <View>
+      <Text>
+        Hello World!
+      </Text>
+    </View>
+  </View>
+</RCTScrollView>
+`;
+
+exports[`<ScrollView /> should render as expected: should deep render when not mocked (please verify output manually) 1`] = `
+<RCTScrollView
+  DEPRECATED_sendUpdatedChildFrames={false}
+  alwaysBounceVertical={true}
+  onContentSizeChange={null}
+  onLayout={[Function]}
+  onMomentumScrollBegin={[Function]}
+  onMomentumScrollEnd={[Function]}
+  onPreferredScrollerStyleDidChange={[Function]}
+  onResponderGrant={[Function]}
+  onResponderReject={[Function]}
+  onResponderRelease={[Function]}
+  onResponderTerminationRequest={[Function]}
+  onScroll={[Function]}
+  onScrollBeginDrag={[Function]}
+  onScrollEndDrag={[Function]}
+  onScrollKeyDown={[Function]}
+  onScrollShouldSetResponder={[Function]}
+  onStartShouldSetResponder={[Function]}
+  onStartShouldSetResponderCapture={[Function]}
+  onTouchCancel={[Function]}
+  onTouchEnd={[Function]}
+  onTouchMove={[Function]}
+  onTouchStart={[Function]}
+  pagingEnabled={false}
+  scrollBarThumbImage={null}
+  scrollViewRef={null}
+  sendMomentumEvents={false}
+  snapToEnd={true}
+  snapToStart={true}
+  style={
+    Array [
+      Object {
+        "flexDirection": "column",
+        "flexGrow": 1,
+        "flexShrink": 1,
+        "overflow": "scroll",
+      },
+      undefined,
+    ]
+  }
+>
+  <RCTScrollContentView
+    collapsable={false}
+    style={
+      Array [
+        false,
+        undefined,
+      ]
+    }
+  >
+    <View>
+      <Text>
+        Hello World!
+      </Text>
+    </View>
+  </RCTScrollContentView>
+</RCTScrollView>
+`;
+
+exports[`<ScrollView /> should render as expected: should shallow render as <ScrollView /> when mocked 1`] = `
+<ForwardRef(ScrollView)>
+  <View>
+    <Text>
+      Hello World!
+    </Text>
+  </View>
+</ForwardRef(ScrollView)>
+`;
+
+exports[`<ScrollView /> should render as expected: should shallow render as <ScrollView /> when not mocked 1`] = `
+<ForwardRef(ScrollView)>
+  <View>
+    <Text>
+      Hello World!
+    </Text>
+  </View>
+</ForwardRef(ScrollView)>
+`;
diff --git a/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js b/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js
index 405ab500acc589..8923582c394f74 100644
--- a/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js
+++ b/Libraries/Components/SegmentedControlIOS/RCTSegmentedControlNativeComponent.js
@@ -33,6 +33,8 @@ type NativeProps = $ReadOnly<{|
   selectedIndex?: WithDefault<Int32, 0>,
   enabled?: WithDefault<boolean, true>,
   tintColor?: ?ColorValue,
+  textColor?: ?ColorValue,
+  backgroundColor?: ?ColorValue,
   momentary?: WithDefault<boolean, false>,
 
   // Events
diff --git a/Libraries/Components/StaticContainer.react.js b/Libraries/Components/StaticContainer.react.js
index aab461272d19ff..a84731b08c8311 100644
--- a/Libraries/Components/StaticContainer.react.js
+++ b/Libraries/Components/StaticContainer.react.js
@@ -32,7 +32,7 @@ type Props = $ReadOnly<{|
   /**
    * Whether or not this component should update.
    */
-  shouldUpdate: ?boolean,
+  shouldUpdate?: ?boolean,
   /**
    * Content short-circuited by React reconciliation process.
    */
@@ -43,11 +43,8 @@ class StaticContainer extends React.Component<Props> {
     return !!nextProps.shouldUpdate;
   }
 
-  render(): null | React$Node {
-    const child = this.props.children;
-    return child === null || child === false
-      ? null
-      : React.Children.only(child);
+  render(): React.Node {
+    return this.props.children;
   }
 }
 
diff --git a/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js b/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
index bff7570477c502..b04ef0ff552604 100644
--- a/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
+++ b/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
@@ -12,17 +12,14 @@
 
 import type {TurboModule} from '../../TurboModule/RCTExport';
 import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+import type {ProcessedColorValue} from '../../StyleSheet/processColor'; // TODO(macOS ISS#2323203)
 
 export interface Spec extends TurboModule {
   +getConstants: () => {|
     +HEIGHT: number,
     +DEFAULT_BACKGROUND_COLOR: number,
   |};
-  +setColor: (
-    color: number | NativeOrDynamicColorType,
-    animated: boolean,
-  ) => void; // TODO(macOS ISS#2323203)
+  +setColor: (color: ProcessedColorValue, animated: boolean) => void; // TODO(macOS ISS#2323203)
   +setTranslucent: (translucent: boolean) => void;
 
   /**
diff --git a/Libraries/Components/StatusBar/StatusBar.js b/Libraries/Components/StatusBar/StatusBar.js
index e994f9fd5f00b6..6c588584e29a91 100644
--- a/Libraries/Components/StatusBar/StatusBar.js
+++ b/Libraries/Components/StatusBar/StatusBar.js
@@ -13,11 +13,12 @@
 const Platform = require('../../Utilities/Platform');
 const React = require('react');
 
+const invariant = require('invariant');
 const processColor = require('../../StyleSheet/processColor');
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 
 import NativeStatusBarManagerAndroid from './NativeStatusBarManagerAndroid';
 import NativeStatusBarManagerIOS from './NativeStatusBarManagerIOS';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes'; // TODO(macOS ISS#2323203)
 
 /**
  * Status bar style
@@ -62,7 +63,7 @@ type AndroidProps = $ReadOnly<{|
    * The background color of the status bar.
    * @platform android
    */
-  backgroundColor?: ?ColorValue, // TODO(macOS ISS#2323203)
+  backgroundColor?: ?ColorValue,
   /**
    * If the status bar is translucent.
    * When translucent is set to true, the app will draw under the status bar.
@@ -323,6 +324,10 @@ class StatusBar extends React.Component<Props> {
       );
       return;
     }
+    invariant(
+      typeof processedColor === 'number',
+      'Unexpected color given for StatusBar.setBackgroundColor',
+    );
 
     NativeStatusBarManagerAndroid.setColor(processedColor, animated);
   }
@@ -456,31 +461,25 @@ class StatusBar extends React.Component<Props> {
           );
         }
       } else if (Platform.OS === 'android') {
-        if (
-          !oldProps ||
-          oldProps.barStyle.value !== mergedProps.barStyle.value
-        ) {
-          NativeStatusBarManagerAndroid.setStyle(mergedProps.barStyle.value);
-        }
-        if (
-          !oldProps ||
-          oldProps.backgroundColor.value !== mergedProps.backgroundColor.value
-        ) {
-          const processedColor = processColor(
-            mergedProps.backgroundColor.value,
+        //todo(T60684787): Add back optimization to only update bar style and
+        //background color if the new value is different from the old value.
+        NativeStatusBarManagerAndroid.setStyle(mergedProps.barStyle.value);
+        const processedColor = processColor(mergedProps.backgroundColor.value);
+        if (processedColor == null) {
+          console.warn(
+            `\`StatusBar._updatePropsStack\`: Color ${
+              mergedProps.backgroundColor.value
+            } parsed to null or undefined`,
+          );
+        } else {
+          invariant(
+            typeof processedColor === 'number',
+            'Unexpected color given in StatusBar._updatePropsStack',
+          );
+          NativeStatusBarManagerAndroid.setColor(
+            processedColor,
+            mergedProps.backgroundColor.animated,
           );
-          if (processedColor == null) {
-            console.warn(
-              `\`StatusBar._updatePropsStack\`: Color ${
-                mergedProps.backgroundColor.value
-              } parsed to null or undefined`,
-            );
-          } else {
-            NativeStatusBarManagerAndroid.setColor(
-              processedColor,
-              mergedProps.backgroundColor.animated,
-            );
-          }
         }
         if (!oldProps || oldProps.hidden.value !== mergedProps.hidden.value) {
           NativeStatusBarManagerAndroid.setHidden(mergedProps.hidden.value);
diff --git a/Libraries/Components/Switch/AndroidSwitchNativeComponent.js b/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
index b5adfc8c5b050f..eddc96080e8632 100644
--- a/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
+++ b/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
@@ -11,7 +11,6 @@
 'use strict';
 
 import * as React from 'react';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 import type {
   WithDefault,
@@ -22,7 +21,7 @@ import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativ
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {ProcessedColorValue} from '../../StyleSheet/processColor'; // TODO(macOS ISS#2323203)
 import type {ViewProps} from '../View/ViewPropTypes';
 
 type SwitchChangeEvent = $ReadOnly<{|
@@ -35,13 +34,13 @@ type NativeProps = $ReadOnly<{|
   // Props
   disabled?: WithDefault<boolean, false>,
   enabled?: WithDefault<boolean, true>,
-  thumbColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackColorForFalse?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackColorForTrue?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  thumbColor?: ?(string | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  trackColorForFalse?: ?(string | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  trackColorForTrue?: ?(string | ProcessedColorValue), // TODO(macOS ISS#2323203)
   value?: WithDefault<boolean, false>,
   on?: WithDefault<boolean, false>,
-  thumbTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackTintColor?: ?(string | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  thumbTintColor?: ?(string | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  trackTintColor?: ?(string | ProcessedColorValue), // TODO(macOS ISS#2323203)
 
   // Events
   onChange?: BubblingEventHandler<SwitchChangeEvent>,
diff --git a/Libraries/Components/Switch/Switch.js b/Libraries/Components/Switch/Switch.js
index 36fba9446b8d1f..caf191c74a917e 100644
--- a/Libraries/Components/Switch/Switch.js
+++ b/Libraries/Components/Switch/Switch.js
@@ -11,9 +11,9 @@
 
 'use strict';
 
-const Platform = require('../../Utilities/Platform');
-const React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
+import Platform from '../../Utilities/Platform';
+import * as React from 'react';
+import StyleSheet from '../../StyleSheet/StyleSheet';
 
 import AndroidSwitchNativeComponent, {
   Commands as AndroidSwitchCommands,
@@ -113,48 +113,18 @@ class Switch extends React.Component<Props> {
       ...props
     } = this.props;
 
-    // Support deprecated color props.
-    let _thumbColor = thumbColor;
-    let _trackColorForFalse = trackColor?.false;
-    let _trackColorForTrue = trackColor?.true;
-
-    // TODO: Remove support for these props after a couple releases.
-    const {thumbTintColor, tintColor, onTintColor} = (props: $FlowFixMe);
-    if (thumbTintColor != null) {
-      _thumbColor = thumbTintColor;
-      if (__DEV__) {
-        console.warn(
-          'Switch: `thumbTintColor` is deprecated, use `thumbColor` instead.',
-        );
-      }
-    }
-    if (tintColor != null) {
-      _trackColorForFalse = tintColor;
-      if (__DEV__) {
-        console.warn(
-          'Switch: `tintColor` is deprecated, use `trackColor` instead.',
-        );
-      }
-    }
-    if (onTintColor != null) {
-      _trackColorForTrue = onTintColor;
-      if (__DEV__) {
-        console.warn(
-          'Switch: `onTintColor` is deprecated, use `trackColor` instead.',
-        );
-      }
-    }
+    const trackColorForFalse = trackColor?.false;
+    const trackColorForTrue = trackColor?.true;
 
     if (Platform.OS === 'android') {
       const platformProps = {
         enabled: disabled !== true,
         on: value === true,
         style,
-        thumbTintColor: _thumbColor,
-        trackColorForFalse: _trackColorForFalse,
-        trackColorForTrue: _trackColorForTrue,
-        trackTintColor:
-          value === true ? _trackColorForTrue : _trackColorForFalse,
+        thumbTintColor: thumbColor,
+        trackColorForFalse: trackColorForFalse,
+        trackColorForTrue: trackColorForTrue,
+        trackTintColor: value === true ? trackColorForTrue : trackColorForFalse,
       };
 
       return (
@@ -172,7 +142,7 @@ class Switch extends React.Component<Props> {
 
     const platformProps = {
       disabled,
-      onTintColor: _trackColorForTrue,
+      onTintColor: trackColorForTrue,
       style: StyleSheet.compose(
         {height: 31, width: 51},
         StyleSheet.compose(
@@ -185,8 +155,8 @@ class Switch extends React.Component<Props> {
               },
         ),
       ),
-      thumbTintColor: _thumbColor,
-      tintColor: _trackColorForFalse,
+      thumbTintColor: thumbColor,
+      tintColor: trackColorForFalse,
       value: value === true,
     };
 
diff --git a/Libraries/Components/Switch/SwitchNativeComponent.js b/Libraries/Components/Switch/SwitchNativeComponent.js
index c1916e10839574..4e1ced169fb2de 100644
--- a/Libraries/Components/Switch/SwitchNativeComponent.js
+++ b/Libraries/Components/Switch/SwitchNativeComponent.js
@@ -12,13 +12,13 @@
 
 import type {BubblingEventHandler, WithDefault} from '../../Types/CodegenTypes';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import type {ProcessedColorValue} from '../../StyleSheet/processColor'; // TODO(macOS ISS#2323203)
 import type {ViewProps} from '../View/ViewPropTypes';
 import * as React from 'react';
 
 import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
 import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
 type SwitchChangeEvent = $ReadOnly<{|
   value: boolean,
@@ -30,14 +30,14 @@ type NativeProps = $ReadOnly<{|
   // 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)
+  tintColor?: ?(ColorValue | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  onTintColor?: ?(ColorValue | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  thumbTintColor?: ?(ColorValue | ProcessedColorValue), // TODO(macOS ISS#2323203)
 
   // Deprecated props
-  thumbColor?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackColorForFalse?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
-  trackColorForTrue?: ?(ColorValue | NativeOrDynamicColorType), // TODO(macOS ISS#2323203)
+  thumbColor?: ?(ColorValue | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  trackColorForFalse?: ?(ColorValue | ProcessedColorValue), // TODO(macOS ISS#2323203)
+  trackColorForTrue?: ?(ColorValue | ProcessedColorValue), // TODO(macOS ISS#2323203)
 
   // Events
   onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
diff --git a/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js b/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
index c14b13ea10ab21..2ac53e759b825d 100644
--- a/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
+++ b/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
@@ -24,7 +24,10 @@ import type {TextStyleProp, ViewStyleProp} from '../../StyleSheet/StyleSheet';
 import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 import requireNativeComponent from '../../ReactNative/requireNativeComponent';
 import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
+import type {TextInputNativeCommands} from './TextInputNativeCommands';
 import * as React from 'react';
+import AndroidTextInputViewConfig from './AndroidTextInputViewConfig';
+const ReactNativeViewConfigRegistry = require('../../Renderer/shims/ReactNativeViewConfigRegistry');
 
 export type KeyboardType =
   // Cross Platform
@@ -538,33 +541,23 @@ export type NativeProps = $ReadOnly<{|
 
 type NativeType = HostComponent<NativeProps>;
 
-interface NativeCommands {
-  +focus: (viewRef: React.ElementRef<NativeType>) => void;
-  +blur: (viewRef: React.ElementRef<NativeType>) => void;
-  +setMostRecentEventCount: (
-    viewRef: React.ElementRef<NativeType>,
-    eventCount: Int32,
-  ) => void;
-  +setTextAndSelection: (
-    viewRef: React.ElementRef<NativeType>,
-    mostRecentEventCount: Int32,
-    value: ?string, // in theory this is nullable
-    start: Int32,
-    end: Int32,
-  ) => void;
-}
+type NativeCommands = TextInputNativeCommands<NativeType>;
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: [
-    'focus',
-    'blur',
-    'setMostRecentEventCount',
-    'setTextAndSelection',
-  ],
+  supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
 });
 
-const AndroidTextInputNativeComponent: HostComponent<NativeProps> = requireNativeComponent<NativeProps>(
-  'AndroidTextInput',
-);
+let AndroidTextInputNativeComponent;
+if (global.RN$Bridgeless) {
+  ReactNativeViewConfigRegistry.register('AndroidTextInput', () => {
+    return AndroidTextInputViewConfig;
+  });
+  AndroidTextInputNativeComponent = 'AndroidTextInput';
+} else {
+  AndroidTextInputNativeComponent = requireNativeComponent<NativeProps>(
+    'AndroidTextInput',
+  );
+}
 
-export default AndroidTextInputNativeComponent;
+// flowlint-next-line unclear-type:off
+export default ((AndroidTextInputNativeComponent: any): HostComponent<NativeProps>);
diff --git a/Libraries/Components/TextInput/AndroidTextInputViewConfig.js b/Libraries/Components/TextInput/AndroidTextInputViewConfig.js
new file mode 100644
index 00000000000000..c4a43a773398cb
--- /dev/null
+++ b/Libraries/Components/TextInput/AndroidTextInputViewConfig.js
@@ -0,0 +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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import ReactNativeViewViewConfig from '../../Components/View/ReactNativeViewViewConfig';
+import type {ReactNativeBaseComponentViewConfig} from '../../Renderer/shims/ReactNativeTypes';
+
+const AndroidTextInputViewConfig = {
+  uiViewClassName: 'AndroidTextInput',
+  bubblingEventTypes: {
+    topTextInput: {
+      phasedRegistrationNames: {
+        bubbled: 'onTextInput',
+        captured: 'onTextInputCapture',
+      },
+    },
+  },
+  directEventTypes: {},
+  validAttributes: {
+    ...ReactNativeViewViewConfig.validAttributes,
+
+    maxFontSizeMultiplier: true,
+    placeholder: true,
+    inlineImagePadding: true,
+    contextMenuHidden: true,
+    textShadowColor: {process: require('../../StyleSheet/processColor')},
+    maxLength: true,
+    selectTextOnFocus: true,
+    textShadowRadius: true,
+    underlineColorAndroid: {process: require('../../StyleSheet/processColor')},
+    textDecorationLine: true,
+    blurOnSubmit: true,
+    textAlignVertical: true,
+    fontStyle: true,
+    textShadowOffset: true,
+    selectionColor: {process: require('../../StyleSheet/processColor')},
+    selection: true,
+    placeholderTextColor: {process: require('../../StyleSheet/processColor')},
+    importantForAutofill: true,
+    lineHeight: true,
+    textTransform: true,
+    returnKeyType: true,
+    keyboardType: true,
+    multiline: true,
+    color: true,
+    autoCompleteType: true,
+    numberOfLines: true,
+    letterSpacing: true,
+    returnKeyLabel: true,
+    fontSize: true,
+    onKeyPress: true,
+    cursorColor: {process: require('../../StyleSheet/processColor')},
+    text: true,
+    showSoftInputOnFocus: true,
+    textAlign: true,
+    autoCapitalize: true,
+    autoCorrect: true,
+    caretHidden: true,
+    secureTextEntry: true,
+    textBreakStrategy: true,
+    onScroll: true,
+    onContentSizeChange: true,
+    disableFullscreenUI: true,
+    includeFontPadding: true,
+    fontWeight: true,
+    fontFamily: true,
+    allowFontScaling: true,
+    onSelectionChange: true,
+    mostRecentEventCount: true,
+    inlineImageLeft: true,
+    editable: true,
+    fontVariant: true,
+  },
+};
+
+module.exports = (AndroidTextInputViewConfig: ReactNativeBaseComponentViewConfig<>);
diff --git a/Libraries/Components/TextInput/InputAccessoryView.js b/Libraries/Components/TextInput/InputAccessoryView.js
index 67d314ca5a6c30..b35920d5bcb23d 100644
--- a/Libraries/Components/TextInput/InputAccessoryView.js
+++ b/Libraries/Components/TextInput/InputAccessoryView.js
@@ -10,7 +10,6 @@
 
 'use strict';
 
-const DeprecatedColorPropType = require('../../DeprecatedPropTypes/DeprecatedColorPropType');
 const Platform = require('../../Utilities/Platform');
 const React = require('react');
 const StyleSheet = require('../../StyleSheet/StyleSheet');
@@ -18,6 +17,7 @@ const StyleSheet = require('../../StyleSheet/StyleSheet');
 import RCTInputAccessoryViewNativeComponent from './RCTInputAccessoryViewNativeComponent';
 
 import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
 
 /**
  * Note: iOS only
@@ -85,7 +85,7 @@ type Props = $ReadOnly<{|
    */
   nativeID?: ?string,
   style?: ?ViewStyleProp,
-  backgroundColor?: ?DeprecatedColorPropType,
+  backgroundColor?: ?ColorValue,
 |}>;
 
 class InputAccessoryView extends React.Component<Props> {
diff --git a/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js b/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js
new file mode 100644
index 00000000000000..a0dd8841123f6d
--- /dev/null
+++ b/Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.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 {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import requireNativeComponent from '../../ReactNative/requireNativeComponent';
+import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
+import type {Int32} from '../../Types/CodegenTypes';
+import type {TextInputNativeCommands} from './TextInputNativeCommands';
+import * as React from 'react';
+
+type NativeType = HostComponent<mixed>;
+
+type NativeCommands = TextInputNativeCommands<NativeType>;
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
+});
+
+const SinglelineTextInputNativeComponent: HostComponent<mixed> = requireNativeComponent<mixed>(
+  'RCTMultilineTextInputView',
+);
+
+export default SinglelineTextInputNativeComponent;
diff --git a/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js b/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js
new file mode 100644
index 00000000000000..8a6f85756a6af6
--- /dev/null
+++ b/Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import requireNativeComponent from '../../ReactNative/requireNativeComponent';
+import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
+import type {Int32} from '../../Types/CodegenTypes';
+import * as React from 'react';
+import type {TextInputNativeCommands} from './TextInputNativeCommands';
+import RCTSinglelineTextInputViewConfig from './RCTSinglelineTextInputViewConfig';
+const ReactNativeViewConfigRegistry = require('../../Renderer/shims/ReactNativeViewConfigRegistry');
+
+type NativeType = HostComponent<mixed>;
+
+type NativeCommands = TextInputNativeCommands<NativeType>;
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['focus', 'blur', 'setTextAndSelection'],
+});
+
+let SinglelineTextInputNativeComponent;
+if (global.RN$Bridgeless) {
+  ReactNativeViewConfigRegistry.register('RCTSinglelineTextInputView', () => {
+    return RCTSinglelineTextInputViewConfig;
+  });
+  SinglelineTextInputNativeComponent = 'RCTSinglelineTextInputView';
+} else {
+  SinglelineTextInputNativeComponent = requireNativeComponent<mixed>(
+    'RCTSinglelineTextInputView',
+  );
+}
+
+// flowlint-next-line unclear-type:off
+export default ((SinglelineTextInputNativeComponent: any): HostComponent<mixed>);
diff --git a/Libraries/Components/TextInput/RCTSinglelineTextInputViewConfig.js b/Libraries/Components/TextInput/RCTSinglelineTextInputViewConfig.js
new file mode 100644
index 00000000000000..4836323d1a3615
--- /dev/null
+++ b/Libraries/Components/TextInput/RCTSinglelineTextInputViewConfig.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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import ReactNativeViewViewConfig from '../../Components/View/ReactNativeViewViewConfig';
+import type {ReactNativeBaseComponentViewConfig} from '../../Renderer/shims/ReactNativeTypes';
+
+const RCTSinglelineTextInputViewConfig = {
+  uiViewClassName: 'RCTSinglelineTextInputView',
+  bubblingEventTypes: {
+    topBlur: {
+      phasedRegistrationNames: {
+        bubbled: 'onBlur',
+        captured: 'onBlurCapture',
+      },
+    },
+    topChange: {
+      phasedRegistrationNames: {
+        bubbled: 'onChange',
+        captured: 'onChangeCapture',
+      },
+    },
+    topEndEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onEndEditing',
+        captured: 'onEndEditingCapture',
+      },
+    },
+    topFocus: {
+      phasedRegistrationNames: {
+        bubbled: 'onFocus',
+        captured: 'onFocusCapture',
+      },
+    },
+    topKeyPress: {
+      phasedRegistrationNames: {
+        bubbled: 'onKeyPress',
+        captured: 'onKeyPressCapture',
+      },
+    },
+    topSubmitEditing: {
+      phasedRegistrationNames: {
+        bubbled: 'onSubmitEditing',
+        captured: 'onSubmitEditingCapture',
+      },
+    },
+    topTouchCancel: {
+      phasedRegistrationNames: {
+        bubbled: 'onTouchCancel',
+        captured: 'onTouchCancelCapture',
+      },
+    },
+    topTouchEnd: {
+      phasedRegistrationNames: {
+        bubbled: 'onTouchEnd',
+        captured: 'onTouchEndCapture',
+      },
+    },
+
+    topTouchMove: {
+      phasedRegistrationNames: {
+        bubbled: 'onTouchMove',
+        captured: 'onTouchMoveCapture',
+      },
+    },
+  },
+  directEventTypes: {},
+  validAttributes: {
+    ...ReactNativeViewViewConfig.validAttributes,
+    fontSize: true,
+    fontWeight: true,
+    fontVariant: true,
+    // flowlint-next-line untyped-import:off
+    textShadowOffset: {diff: require('../../Utilities/differ/sizesDiffer')},
+    allowFontScaling: true,
+    fontStyle: true,
+    textTransform: true,
+    textAlign: true,
+    fontFamily: true,
+    lineHeight: true,
+    isHighlighted: true,
+    writingDirection: true,
+    textDecorationLine: true,
+    textShadowRadius: true,
+    letterSpacing: true,
+    textDecorationStyle: true,
+    textDecorationColor: {process: require('../../StyleSheet/processColor')},
+    color: {process: require('../../StyleSheet/processColor')},
+    maxFontSizeMultiplier: true,
+    textShadowColor: {process: require('../../StyleSheet/processColor')},
+    editable: true,
+    inputAccessoryViewID: true,
+    caretHidden: true,
+    enablesReturnKeyAutomatically: true,
+    placeholderTextColor: {process: require('../../StyleSheet/processColor')},
+    onSelectionChange: true,
+    clearButtonMode: true,
+    onContentSizeChange: true,
+    keyboardType: true,
+    selection: true,
+    returnKeyType: true,
+    blurOnSubmit: true,
+    mostRecentEventCount: true,
+    onChange: true,
+    scrollEnabled: true,
+    selectionColor: {process: require('../../StyleSheet/processColor')},
+    contextMenuHidden: true,
+    secureTextEntry: true,
+    onTextInput: true,
+    placeholder: true,
+    autoCorrect: true,
+    onScroll: true,
+    multiline: true,
+    textContentType: true,
+    maxLength: true,
+    autoCapitalize: true,
+    keyboardAppearance: true,
+    passwordRules: true,
+    spellCheck: true,
+    selectTextOnFocus: true,
+    text: true,
+    clearTextOnFocus: true,
+  },
+};
+
+module.exports = (RCTSinglelineTextInputViewConfig: ReactNativeBaseComponentViewConfig<>);
diff --git a/Libraries/Components/TextInput/TextInput.js b/Libraries/Components/TextInput/TextInput.js
index dc65b89fd4387e..585738e8105d18 100644
--- a/Libraries/Components/TextInput/TextInput.js
+++ b/Libraries/Components/TextInput/TextInput.js
@@ -22,7 +22,6 @@ const TouchableWithoutFeedback = require('../Touchable/TouchableWithoutFeedback'
 
 const invariant = require('invariant');
 const nullthrows = require('nullthrows');
-const requireNativeComponent = require('../../ReactNative/requireNativeComponent');
 const setAndForwardRef = require('../../Utilities/setAndForwardRef');
 
 import type {TextStyleProp, ViewStyleProp} from '../../StyleSheet/StyleSheet';
@@ -31,27 +30,35 @@ import type {ViewProps} from '../View/ViewPropTypes';
 import type {SyntheticEvent, ScrollEvent} from '../../Types/CoreEventTypes';
 import type {PressEvent} from '../../Types/CoreEventTypes';
 import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {TextInputNativeCommands} from './TextInputNativeCommands';
 
 const {useEffect, useRef, useState} = React;
 
 type ReactRefSetter<T> = {current: null | T, ...} | ((ref: null | T) => mixed);
 
 let AndroidTextInput;
-let RCTMultilineTextInputView;
+let AndroidTextInputCommands;
 let RCTSinglelineTextInputView;
+let RCTSinglelineTextInputNativeCommands;
+let RCTMultilineTextInputView;
+let RCTMultilineTextInputNativeCommands;
 
 if (Platform.OS === 'android') {
   AndroidTextInput = require('./AndroidTextInputNativeComponent').default;
+  AndroidTextInputCommands = require('./AndroidTextInputNativeComponent')
+    .Commands;
 } else if (
   Platform.OS === 'ios' ||
   Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
 ) {
-  RCTMultilineTextInputView = requireNativeComponent(
-    'RCTMultilineTextInputView',
-  );
-  RCTSinglelineTextInputView = requireNativeComponent(
-    'RCTSinglelineTextInputView',
-  );
+  RCTSinglelineTextInputView = require('./RCTSingelineTextInputNativeComponent')
+    .default;
+  RCTSinglelineTextInputNativeCommands = require('./RCTSingelineTextInputNativeComponent')
+    .Commands;
+  RCTMultilineTextInputView = require('./RCTMultilineTextInputNativeComponent')
+    .default;
+  RCTMultilineTextInputNativeCommands = require('./RCTMultilineTextInputNativeComponent')
+    .Commands;
 }
 
 export type ChangeEvent = SyntheticEvent<
@@ -285,9 +292,19 @@ type IOSProps = $ReadOnly<{|
    */
   textContentType?: ?TextContentType,
 
-  PasswordRules?: ?PasswordRules,
+  /**
+   * Provide rules for your password.
+   * For example, say you want to require a password with at least eight characters consisting of a mix of uppercase and lowercase letters, at least one number, and at most two consecutive characters.
+   * "required: upper; required: lower; required: digit; max-consecutive: 2; minlength: 8;"
+   * @platform ios
+   */
+  passwordRules?: ?PasswordRules,
 
   /*
+   * If `true`, allows TextInput to pass touch events to the parent component.
+   * This allows components 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?: ?boolean,
@@ -704,42 +721,6 @@ type ImperativeMethods = $ReadOnly<{|
 
 const emptyFunctionThatReturnsTrue = () => true;
 
-function useFocusOnMount(
-  initialAutoFocus: ?boolean,
-  inputRef: {|
-    current: null | React.ElementRef<HostComponent<mixed>>,
-  |},
-) {
-  const initialAutoFocusValue = useRef<?boolean>(initialAutoFocus);
-
-  useEffect(() => {
-    // We only want to autofocus on initial mount.
-    // Since initialAutoFocusValue and inputRef will never change
-    // this should match the expected behavior
-    if (initialAutoFocusValue.current) {
-      const focus = () => {
-        if (inputRef.current != null) {
-          inputRef.current.focus();
-        }
-      };
-
-      let rafId;
-      if (Platform.OS === 'android') {
-        // On Android this needs to be executed in a rAF callback
-        // otherwise the keyboard opens then closes immediately.
-        rafId = requestAnimationFrame(focus);
-      } else {
-        focus();
-      }
-
-      return () => {
-        if (rafId != null) {
-          cancelAnimationFrame(rafId);
-        }
-      };
-    }
-  }, [initialAutoFocusValue, inputRef]);
-}
 /**
  * A foundational component for inputting text into the app via a
  * keyboard. Props provide configurability for several features, such as
@@ -867,7 +848,15 @@ function useFocusOnMount(
 function InternalTextInput(props: Props): React.Node {
   const inputRef = useRef<null | React.ElementRef<HostComponent<mixed>>>(null);
 
-  const selection: ?Selection =
+  // Android sends a "onTextChanged" event followed by a "onSelectionChanged" event, for
+  // the same "most recent event count".
+  // For controlled selection, that means that immediately after text is updated,
+  // a controlled component will pass in the *previous* selection, even if the controlled
+  // component didn't mean to modify the selection at all.
+  // Therefore, we ignore selections and pass them through until the selection event has
+  // been sent.
+  // Note that this mitigation is NOT needed for Fabric.
+  let selection: ?Selection =
     props.selection == null
       ? null
       : {
@@ -875,10 +864,37 @@ function InternalTextInput(props: Props): React.Node {
           end: props.selection.end ?? props.selection.start,
         };
 
+  const [mostRecentEventCount, setMostRecentEventCount] = useState<number>(0);
+
   const [lastNativeText, setLastNativeText] = useState<?Stringish>(props.value);
-  const [lastNativeSelection, setLastNativeSelection] = useState<?Selection>(
-    selection,
-  );
+  const [lastNativeSelectionState, setLastNativeSelection] = useState<{|
+    selection: ?Selection,
+    mostRecentEventCount: number,
+  |}>({selection, mostRecentEventCount});
+
+  const lastNativeSelection = lastNativeSelectionState.selection;
+  const lastNativeSelectionEventCount =
+    lastNativeSelectionState.mostRecentEventCount;
+
+  if (lastNativeSelectionEventCount < mostRecentEventCount) {
+    selection = null;
+  }
+
+  let viewCommands: TextInputNativeCommands<HostComponent<any>>;
+  if (AndroidTextInputCommands) {
+    viewCommands = AndroidTextInputCommands;
+  } else {
+    viewCommands = props.multiline
+      ? RCTMultilineTextInputNativeCommands
+      : RCTSinglelineTextInputNativeCommands;
+  }
+
+  const text =
+    typeof props.value === 'string'
+      ? props.value
+      : typeof props.defaultValue === 'string'
+      ? props.defaultValue
+      : '';
 
   // This is necessary in case native updates the text and JS decides
   // that the update should be ignored and we should stick with the value
@@ -898,23 +914,42 @@ function InternalTextInput(props: Props): React.Node {
         lastNativeSelection.end !== selection.end)
     ) {
       nativeUpdate.selection = selection;
-      setLastNativeSelection(selection);
+      setLastNativeSelection({selection, mostRecentEventCount});
     }
 
-    if (Object.keys(nativeUpdate).length > 0 && inputRef.current) {
-      inputRef.current.setNativeProps(nativeUpdate);
+    if (Object.keys(nativeUpdate).length === 0) {
+      return;
     }
-  }, [inputRef, props.value, lastNativeText, selection, lastNativeSelection]);
 
-  useFocusOnMount(props.autoFocus, inputRef);
+    if (inputRef.current != null) {
+      viewCommands.setTextAndSelection(
+        inputRef.current,
+        mostRecentEventCount,
+        text,
+        selection?.start ?? -1,
+        selection?.end ?? -1,
+      );
+    }
+  }, [
+    mostRecentEventCount,
+    inputRef,
+    props.value,
+    props.defaultValue,
+    lastNativeText,
+    selection,
+    lastNativeSelection,
+    text,
+    viewCommands,
+  ]);
 
   useEffect(() => {
-    const tag = ReactNative.findNodeHandle(inputRef.current);
-    if (tag != null) {
-      TextInputState.registerInput(tag);
+    const inputRefValue = inputRef.current;
+
+    if (inputRefValue != null) {
+      TextInputState.registerInput(inputRefValue);
 
       return () => {
-        TextInputState.unregisterInput(tag);
+        TextInputState.unregisterInput(inputRefValue);
       };
     }
   }, [inputRef]);
@@ -930,30 +965,25 @@ function InternalTextInput(props: Props): React.Node {
 
   function clear(): void {
     if (inputRef.current != null) {
-      inputRef.current.setNativeProps({text: ''});
+      viewCommands.setTextAndSelection(
+        inputRef.current,
+        mostRecentEventCount,
+        '',
+        0,
+        0,
+      );
     }
   }
 
   // TODO: Fix this returning true on null === null, when no input is focused
   function isFocused(): boolean {
-    return (
-      TextInputState.currentlyFocusedField() ===
-      ReactNative.findNodeHandle(inputRef.current)
-    );
+    return TextInputState.currentlyFocusedInput() === inputRef.current;
   }
 
   function getNativeRef(): ?React.ElementRef<HostComponent<mixed>> {
     return inputRef.current;
   }
 
-  function _getText(): ?string {
-    return typeof props.value === 'string'
-      ? props.value
-      : typeof props.defaultValue === 'string'
-      ? props.defaultValue
-      : '';
-  }
-
   const _setNativeRef = setAndForwardRef({
     getForwardedRef: () => props.forwardedRef,
     setLocalRef: ref => {
@@ -996,48 +1026,48 @@ function InternalTextInput(props: Props): React.Node {
   };
 
   const _onChange = (event: ChangeEvent) => {
-    // Make sure to fire the mostRecentEventCount first so it is already set on
-    // native when the text value is set.
-    if (inputRef.current) {
-      inputRef.current.setNativeProps({
-        mostRecentEventCount: event.nativeEvent.eventCount,
-      });
-    }
-
     const text = event.nativeEvent.text;
     props.onChange && props.onChange(event);
     props.onChangeText && props.onChangeText(text);
 
-    if (!inputRef.current) {
+    if (inputRef.current == null) {
       // calling `props.onChange` or `props.onChangeText`
       // may clean up the input itself. Exits here.
       return;
     }
 
     setLastNativeText(text);
+    // This must happen last, after we call setLastNativeText.
+    // Different ordering can cause bugs when editing AndroidTextInputs
+    // with multiple Fragments.
+    // We must update this so that controlled input updates work.
+    setMostRecentEventCount(event.nativeEvent.eventCount);
   };
 
   const _onSelectionChange = (event: SelectionChangeEvent) => {
     props.onSelectionChange && props.onSelectionChange(event);
 
-    if (!inputRef.current) {
+    if (inputRef.current == null) {
       // calling `props.onSelectionChange`
       // may clean up the input itself. Exits here.
       return;
     }
 
-    setLastNativeSelection(event.nativeEvent.selection);
+    setLastNativeSelection({
+      selection: event.nativeEvent.selection,
+      mostRecentEventCount,
+    });
   };
 
   const _onFocus = (event: FocusEvent) => {
-    TextInputState.focusField(ReactNative.findNodeHandle(inputRef.current));
+    TextInputState.focusInput(inputRef.current);
     if (props.onFocus) {
       props.onFocus(event);
     }
   };
 
   const _onBlur = (event: BlurEvent) => {
-    TextInputState.blurField(ReactNative.findNodeHandle(inputRef.current));
+    TextInputState.blurInput(inputRef.current);
     if (props.onBlur) {
       props.onBlur(event);
     }
@@ -1076,6 +1106,7 @@ function InternalTextInput(props: Props): React.Node {
         ref={_setNativeRef}
         {...props}
         dataDetectorTypes={props.dataDetectorTypes}
+        mostRecentEventCount={mostRecentEventCount}
         onBlur={_onBlur}
         onChange={_onChange}
         onContentSizeChange={props.onContentSizeChange}
@@ -1085,7 +1116,7 @@ function InternalTextInput(props: Props): React.Node {
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}
         selection={selection}
         style={style}
-        text={_getText()}
+        text={text}
       />
     );
   } else if (Platform.OS === 'android') {
@@ -1111,15 +1142,17 @@ function InternalTextInput(props: Props): React.Node {
         autoCapitalize={autoCapitalize}
         children={children}
         disableFullscreenUI={props.disableFullscreenUI}
-        mostRecentEventCount={0}
+        mostRecentEventCount={mostRecentEventCount}
         onBlur={_onBlur}
         onChange={_onChange}
         onFocus={_onFocus}
+        /* $FlowFixMe the types for AndroidTextInput don't match up exactly
+         * with the props for TextInput. This will need to get fixed */
         onScroll={_onScroll}
         onSelectionChange={_onSelectionChange}
         selection={selection}
         style={style}
-        text={_getText()}
+        text={text}
         textBreakStrategy={props.textBreakStrategy}
       />
     );
@@ -1170,6 +1203,8 @@ ExportedForwardRef.propTypes = DeprecatedTextInputPropTypes;
 
 // $FlowFixMe
 ExportedForwardRef.State = {
+  currentlyFocusedInput: TextInputState.currentlyFocusedInput,
+
   currentlyFocusedField: TextInputState.currentlyFocusedField,
   focusTextInput: TextInputState.focusTextInput,
   blurTextInput: TextInputState.blurTextInput,
@@ -1177,6 +1212,7 @@ ExportedForwardRef.State = {
 
 type TextInputComponentStatics = $ReadOnly<{|
   State: $ReadOnly<{|
+    currentlyFocusedInput: typeof TextInputState.currentlyFocusedInput,
     currentlyFocusedField: typeof TextInputState.currentlyFocusedField,
     focusTextInput: typeof TextInputState.focusTextInput,
     blurTextInput: typeof TextInputState.blurTextInput,
diff --git a/Libraries/Components/TextInput/TextInputNativeCommands.js b/Libraries/Components/TextInput/TextInputNativeCommands.js
new file mode 100644
index 00000000000000..2584b7516c804b
--- /dev/null
+++ b/Libraries/Components/TextInput/TextInputNativeCommands.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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import * as React from 'react';
+
+import type {Int32} from '../../Types/CodegenTypes';
+
+export interface TextInputNativeCommands<T> {
+  +focus: (viewRef: React.ElementRef<T>) => void;
+  +blur: (viewRef: React.ElementRef<T>) => void;
+  +setTextAndSelection: (
+    viewRef: React.ElementRef<T>,
+    mostRecentEventCount: Int32,
+    value: ?string, // in theory this is nullable
+    start: Int32,
+    end: Int32,
+  ) => void;
+}
+
+const supportedCommands = ['focus', 'blur', 'setTextAndSelection'];
+
+export default supportedCommands;
diff --git a/Libraries/Components/TextInput/TextInputState.js b/Libraries/Components/TextInput/TextInputState.js
index 2f68e612a46604..8d16b0ca1c6e0b 100644
--- a/Libraries/Components/TextInput/TextInputState.js
+++ b/Libraries/Components/TextInput/TextInputState.js
@@ -14,30 +14,62 @@
 
 'use strict';
 
+const React = require('react');
 const Platform = require('../../Utilities/Platform');
-const UIManager = require('../../ReactNative/UIManager');
+const {findNodeHandle} = require('../../Renderer/shims/ReactNative');
+import {Commands as AndroidTextInputCommands} from '../../Components/TextInput/AndroidTextInputNativeComponent';
+import {Commands as iOSTextInputCommands} from '../../Components/TextInput/RCTSingelineTextInputNativeComponent';
 
-let currentlyFocusedID: ?number = null;
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+type ComponentRef = React.ElementRef<HostComponent<mixed>>;
+
+let currentlyFocusedInputRef: ?ComponentRef = null;
 const inputs = new Set();
 
+function currentlyFocusedInput(): ?ComponentRef {
+  return currentlyFocusedInputRef;
+}
+
 /**
  * Returns the ID of the currently focused text field, if one exists
  * If no text field is focused it returns null
  */
 function currentlyFocusedField(): ?number {
-  return currentlyFocusedID;
+  if (__DEV__) {
+    console.error(
+      'currentlyFocusedField is deprecated and will be removed in a future release. Use currentlyFocusedInput',
+    );
+  }
+
+  return findNodeHandle(currentlyFocusedInputRef);
+}
+
+function focusInput(textField: ?ComponentRef): void {
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    currentlyFocusedInputRef = textField;
+  }
+}
+
+function blurInput(textField: ?ComponentRef): void {
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    currentlyFocusedInputRef = null;
+  }
 }
 
 function focusField(textFieldID: ?number): void {
-  if (currentlyFocusedID !== textFieldID && textFieldID != null) {
-    currentlyFocusedID = textFieldID;
+  if (__DEV__) {
+    console.error('focusField no longer works. Use focusInput');
   }
+
+  return;
 }
 
 function blurField(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID != null) {
-    currentlyFocusedID = null;
+  if (__DEV__) {
+    console.error('blurField no longer works. Use blurInput');
   }
+
+  return;
 }
 
 /**
@@ -45,21 +77,31 @@ function blurField(textFieldID: ?number) {
  * Focuses the specified text field
  * noop if the text field was already focused
  */
-function focusTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID !== textFieldID && textFieldID != null) {
-    focusField(textFieldID);
+function focusTextInput(textField: ?ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef !== textField && textField != null) {
+    focusInput(textField);
     if (
       Platform.OS === 'ios' ||
       Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
     ) {
-      UIManager.focus(textFieldID);
+      // This isn't necessarily a single line text input
+      // But commands don't actually care as long as the thing being passed in
+      // actually has a command with that name. So this should work with single
+      // and multiline text inputs. Ideally we'll merge them into one component
+      // in the future.
+      iOSTextInputCommands.focus(textField);
     } else if (Platform.OS === 'android') {
-      UIManager.dispatchViewManagerCommand(
-        textFieldID,
-        UIManager.getViewManagerConfig('AndroidTextInput').Commands
-          .focusTextInput,
-        null,
-      );
+      AndroidTextInputCommands.focus(textField);
     }
   }
 }
@@ -69,38 +111,81 @@ function focusTextInput(textFieldID: ?number) {
  * Unfocuses the specified text field
  * noop if it wasn't focused
  */
-function blurTextInput(textFieldID: ?number) {
-  if (currentlyFocusedID === textFieldID && textFieldID != null) {
-    blurField(textFieldID);
+function blurTextInput(textField: ?ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'focusTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  if (currentlyFocusedInputRef === textField && textField != null) {
+    blurInput(textField);
     if (
       Platform.OS === 'ios' ||
       Platform.OS === 'macos' /* TODO(macOS ISS#2323203) */
     ) {
-      UIManager.blur(textFieldID);
+      // This isn't necessarily a single line text input
+      // But commands don't actually care as long as the thing being passed in
+      // actually has a command with that name. So this should work with single
+      // and multiline text inputs. Ideally we'll merge them into one component
+      // in the future.
+      iOSTextInputCommands.blur(textField);
     } else if (Platform.OS === 'android') {
-      UIManager.dispatchViewManagerCommand(
-        textFieldID,
-        UIManager.getViewManagerConfig('AndroidTextInput').Commands
-          .blurTextInput,
-        null,
-      );
+      AndroidTextInputCommands.blur(textField);
     }
   }
 }
 
-function registerInput(textFieldID: number) {
-  inputs.add(textFieldID);
+function registerInput(textField: ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'registerInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+
+  inputs.add(textField);
 }
 
-function unregisterInput(textFieldID: number) {
-  inputs.delete(textFieldID);
+function unregisterInput(textField: ComponentRef) {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'unregisterInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return;
+  }
+  inputs.delete(textField);
 }
 
-function isTextInput(textFieldID: number): boolean {
-  return inputs.has(textFieldID);
+function isTextInput(textField: ComponentRef): boolean {
+  if (typeof textField === 'number') {
+    if (__DEV__) {
+      console.error(
+        'isTextInput must be called with a host component. Passing a react tag is deprecated.',
+      );
+    }
+
+    return false;
+  }
+
+  return inputs.has(textField);
 }
 
 module.exports = {
+  currentlyFocusedInput,
+  focusInput,
+  blurInput,
+
   currentlyFocusedField,
   focusField,
   blurField,
diff --git a/Libraries/Components/TextInput/__tests__/TextInput-test.js b/Libraries/Components/TextInput/__tests__/TextInput-test.js
index 8eb8a477185dc8..38a64dccb6936c 100644
--- a/Libraries/Components/TextInput/__tests__/TextInput-test.js
+++ b/Libraries/Components/TextInput/__tests__/TextInput-test.js
@@ -87,6 +87,10 @@ describe('TextInput tests', () => {
 
     expect(textInputRef.current.isFocused()).toBe(false);
     ReactNative.findNodeHandle = jest.fn().mockImplementation(ref => {
+      if (ref == null) {
+        return null;
+      }
+
       if (
         ref === textInputRef.current ||
         ref === textInputRef.current.getNativeRef()
@@ -97,13 +101,17 @@ describe('TextInput tests', () => {
       return 2;
     });
 
-    const inputTag = ReactNative.findNodeHandle(textInputRef.current);
-
-    TextInput.State.focusTextInput(inputTag);
+    TextInput.State.focusTextInput(textInputRef.current);
     expect(textInputRef.current.isFocused()).toBe(true);
-    expect(TextInput.State.currentlyFocusedField()).toBe(inputTag);
-    TextInput.State.blurTextInput(inputTag);
+    expect(TextInput.State.currentlyFocusedInput()).toBe(textInputRef.current);
+    // This function is currently deprecated and will be removed in the future
+    expect(TextInput.State.currentlyFocusedField()).toBe(
+      ReactNative.findNodeHandle(textInputRef.current),
+    );
+    TextInput.State.blurTextInput(textInputRef.current);
     expect(textInputRef.current.isFocused()).toBe(false);
+    expect(TextInput.State.currentlyFocusedInput()).toBe(null);
+    // This function is currently deprecated and will be removed in the future
     expect(TextInput.State.currentlyFocusedField()).toBe(null);
   });
 
@@ -141,16 +149,20 @@ describe('TextInput tests', () => {
     const inputTag1 = ReactNative.findNodeHandle(textInputRe1.current);
     const inputTag2 = ReactNative.findNodeHandle(textInputRe2.current);
 
-    TextInput.State.focusTextInput(inputTag1);
+    TextInput.State.focusTextInput(textInputRe1.current);
 
     expect(textInputRe1.current.isFocused()).toBe(true);
     expect(textInputRe2.current.isFocused()).toBe(false);
+    expect(TextInput.State.currentlyFocusedInput()).toBe(textInputRe1.current);
+    // This function is currently deprecated and will be removed in the future
     expect(TextInput.State.currentlyFocusedField()).toBe(inputTag1);
 
-    TextInput.State.focusTextInput(inputTag2);
+    TextInput.State.focusTextInput(textInputRe2.current);
 
     expect(textInputRe1.current.isFocused()).toBe(false);
     expect(textInputRe2.current.isFocused()).toBe(true);
+    expect(TextInput.State.currentlyFocusedInput()).toBe(textInputRe2.current);
+    // This function is currently deprecated and will be removed in the future
     expect(TextInput.State.currentlyFocusedField()).toBe(inputTag2);
   });
 
diff --git a/Libraries/Components/TextInput/__tests__/__snapshots__/TextInput-test.js.snap b/Libraries/Components/TextInput/__tests__/__snapshots__/TextInput-test.js.snap
index 0f2f841dc5a432..6e14c9f23e84d5 100644
--- a/Libraries/Components/TextInput/__tests__/__snapshots__/TextInput-test.js.snap
+++ b/Libraries/Components/TextInput/__tests__/__snapshots__/TextInput-test.js.snap
@@ -8,6 +8,7 @@ exports[`TextInput tests should render as expected: should deep render when mock
   enableFocusRing={true}
   focusable={true}
   forwardedRef={null}
+  mostRecentEventCount={0}
   onBlur={[Function]}
   onChange={[Function]}
   onClick={[Function]}
@@ -36,6 +37,7 @@ exports[`TextInput tests should render as expected: should deep render when not
   enableFocusRing={true}
   focusable={true}
   forwardedRef={null}
+  mostRecentEventCount={0}
   onBlur={[Function]}
   onChange={[Function]}
   onClick={[Function]}
diff --git a/Libraries/Components/Touchable/TVTouchable.js b/Libraries/Components/Touchable/TVTouchable.js
index 8b827d0810846a..01e51ba766509a 100644
--- a/Libraries/Components/Touchable/TVTouchable.js
+++ b/Libraries/Components/Touchable/TVTouchable.js
@@ -11,7 +11,7 @@
 'use strict';
 
 import invariant from 'invariant';
-import ReactNative from '../../Renderer/shims/ReactNative.js';
+import ReactNative from '../../Renderer/shims/ReactNative';
 import type {
   BlurEvent,
   FocusEvent,
diff --git a/Libraries/Components/Touchable/TouchableBounce.js b/Libraries/Components/Touchable/TouchableBounce.js
index 2d24a59fcfa775..af315ce36d60b4 100644
--- a/Libraries/Components/Touchable/TouchableBounce.js
+++ b/Libraries/Components/Touchable/TouchableBounce.js
@@ -10,11 +10,13 @@
 
 'use strict';
 
-import Pressability from '../../Pressability/Pressability.js';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug.js';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet.js';
-import TVTouchable from './TVTouchable.js';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback.js';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
+import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
+import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import TVTouchable from './TVTouchable';
+import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
 import {Animated, Platform} from 'react-native';
 import * as React from 'react';
 
@@ -39,21 +41,20 @@ class TouchableBounce extends React.Component<Props, State> {
   _tvTouchable: ?TVTouchable;
 
   state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
+    pressability: new Pressability(this._createPressabilityConfig()),
+    scale: new Animated.Value(1),
+  };
+
+  _createPressabilityConfig(): PressabilityConfig {
+    return {
+      cancelable: !this.props.rejectResponderTermination,
+      disabled: this.props.disabled,
+      hitSlop: this.props.hitSlop,
+      delayLongPress: this.props.delayLongPress,
+      delayPressIn: this.props.delayPressIn,
+      delayPressOut: this.props.delayPressOut,
+      pressRectOffset: this.props.pressRetentionOffset,
+      android_disableSound: this.props.touchSoundDisabled,
       onBlur: event => {
         if (Platform.isTV) {
           this._bounceTo(1, 0.4, 0);
@@ -115,12 +116,8 @@ class TouchableBounce extends React.Component<Props, State> {
           this.props.onPressOut(event);
         }
       },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-    scale: new Animated.Value(1),
-  };
+    };
+  }
 
   _bounceTo(
     toValue: number,
@@ -222,6 +219,10 @@ class TouchableBounce extends React.Component<Props, State> {
     }
   }
 
+  componentDidUpdate(prevProps: Props, prevState: State) {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     if (Platform.isTV) {
       if (this._tvTouchable != null) {
diff --git a/Libraries/Components/Touchable/TouchableHighlight.js b/Libraries/Components/Touchable/TouchableHighlight.js
index 476a90c41f46fe..5e2f9c0b6f1341 100644
--- a/Libraries/Components/Touchable/TouchableHighlight.js
+++ b/Libraries/Components/Touchable/TouchableHighlight.js
@@ -10,12 +10,14 @@
 
 'use strict';
 
-import Pressability from '../../Pressability/Pressability.js';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug.js';
-import StyleSheet, {type ViewStyleProp} from '../../StyleSheet/StyleSheet.js';
-import type {ColorValue} from '../../StyleSheet/StyleSheetTypes.js';
-import TVTouchable from './TVTouchable.js';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback.js';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
+import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
+import StyleSheet, {type ViewStyleProp} from '../../StyleSheet/StyleSheet';
+import type {ColorValue} from '../../StyleSheet/StyleSheetTypes';
+import TVTouchable from './TVTouchable';
+import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
 import Platform from '../../Utilities/Platform';
 import View from '../../Components/View/View';
 import * as React from 'react';
@@ -159,21 +161,21 @@ class TouchableHighlight extends React.Component<Props, State> {
   _tvTouchable: ?TVTouchable;
 
   state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
+    pressability: new Pressability(this._createPressabilityConfig()),
+    extraStyles:
+      this.props.testOnly_pressed === true ? this._createExtraStyles() : null,
+  };
+
+  _createPressabilityConfig(): PressabilityConfig {
+    return {
+      cancelable: !this.props.rejectResponderTermination,
+      disabled: this.props.disabled,
+      hitSlop: this.props.hitSlop,
+      delayLongPress: this.props.delayLongPress,
+      delayPressIn: this.props.delayPressIn,
+      delayPressOut: this.props.delayPressOut,
+      pressRectOffset: this.props.pressRetentionOffset,
+      android_disableSound: this.props.touchSoundDisabled,
       onBlur: event => {
         if (Platform.isTV) {
           this._hideUnderlay();
@@ -227,13 +229,8 @@ class TouchableHighlight extends React.Component<Props, State> {
           this.props.onPressOut(event);
         }
       },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-    extraStyles:
-      this.props.testOnly_pressed === true ? this._createExtraStyles() : null,
-  };
+    };
+  }
 
   _createExtraStyles(): ExtraStyles {
     return {
@@ -384,6 +381,10 @@ class TouchableHighlight extends React.Component<Props, State> {
     }
   }
 
+  componentDidUpdate(prevProps: Props, prevState: State) {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     this._isMounted = false;
     if (this._hideTimeout != null) {
diff --git a/Libraries/Components/Touchable/TouchableNativeFeedback.js b/Libraries/Components/Touchable/TouchableNativeFeedback.js
index 691cce92eaeaeb..2911c785c17d00 100644
--- a/Libraries/Components/Touchable/TouchableNativeFeedback.js
+++ b/Libraries/Components/Touchable/TouchableNativeFeedback.js
@@ -10,18 +10,22 @@
 
 'use strict';
 
-import Pressability from '../../Pressability/Pressability.js';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug.js';
-import TVTouchable from './TVTouchable.js';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback.js';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
+import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
+import TVTouchable from './TVTouchable';
+import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
 import {Commands} from 'react-native/Libraries/Components/View/ViewNativeComponent';
 import ReactNative from 'react-native/Libraries/Renderer/shims/ReactNative';
 import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 import Platform from '../../Utilities/Platform';
 import View from '../../Components/View/View';
 import processColor from '../../StyleSheet/processColor';
-import type {NativeOrDynamicColorType} from '../../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 import * as React from 'react';
+import invariant from 'invariant';
+
+import type {ProcessedColorValue} from '../../StyleSheet/processColor';
 
 type Props = $ReadOnly<{|
   ...React.ElementConfig<TouchableWithoutFeedback>,
@@ -38,11 +42,13 @@ type Props = $ReadOnly<{|
         attribute:
           | 'selectableItemBackground'
           | 'selectableItemBackgroundBorderless',
+        rippleRadius: ?number,
       |}>
     | $ReadOnly<{|
         type: 'RippleAndroid',
         color: ?number,
         borderless: boolean,
+        rippleRadius: ?number,
       |}>
   ),
 
@@ -98,24 +104,32 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
    * Creates a value for the `background` prop that uses the Android theme's
    * default background for selectable elements.
    */
-  static SelectableBackground: () => $ReadOnly<{|
+  static SelectableBackground: (
+    rippleRadius: ?number,
+  ) => $ReadOnly<{|
     attribute: 'selectableItemBackground',
     type: 'ThemeAttrAndroid',
-  |}> = () => ({
+    rippleRadius: ?number,
+  |}> = (rippleRadius: ?number) => ({
     type: 'ThemeAttrAndroid',
     attribute: 'selectableItemBackground',
+    rippleRadius,
   });
 
   /**
    * Creates a value for the `background` prop that uses the Android theme's
    * default background for borderless selectable elements. Requires API 21+.
    */
-  static SelectableBackgroundBorderless: () => $ReadOnly<{|
+  static SelectableBackgroundBorderless: (
+    rippleRadius: ?number,
+  ) => $ReadOnly<{|
     attribute: 'selectableItemBackgroundBorderless',
     type: 'ThemeAttrAndroid',
-  |}> = () => ({
+    rippleRadius: ?number,
+  |}> = (rippleRadius: ?number) => ({
     type: 'ThemeAttrAndroid',
     attribute: 'selectableItemBackgroundBorderless',
+    rippleRadius,
   });
 
   /**
@@ -126,15 +140,25 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
   static Ripple: (
     color: string,
     borderless: boolean,
+    rippleRadius: ?number,
   ) => $ReadOnly<{|
     borderless: boolean,
-    color: ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */,
+    color: ?number,
+    rippleRadius: ?number,
     type: 'RippleAndroid',
-  |}> = (color: string, borderless: boolean) => ({
-    type: 'RippleAndroid',
-    color: processColor(color),
-    borderless,
-  });
+  |}> = (color: string, borderless: boolean, rippleRadius: ?number) => {
+    const processedColor = processColor(color);
+    invariant(
+      processedColor == null || typeof processedColor === 'number',
+      'Unexpected color given for Ripple color',
+    );
+    return {
+      type: 'RippleAndroid',
+      color: processedColor,
+      borderless,
+      rippleRadius,
+    };
+  };
 
   /**
    * Whether `useForeground` is supported.
@@ -145,31 +169,21 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
   _tvTouchable: ?TVTouchable;
 
   state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
+    pressability: new Pressability(this._createPressabilityConfig()),
+  };
+
+  _createPressabilityConfig(): PressabilityConfig {
+    return {
+      cancelable: !this.props.rejectResponderTermination,
+      disabled: this.props.disabled,
+      hitSlop: this.props.hitSlop,
+      delayLongPress: this.props.delayLongPress,
+      delayPressIn: this.props.delayPressIn,
+      delayPressOut: this.props.delayPressOut,
+      pressRectOffset: this.props.pressRetentionOffset,
+      android_disableSound: this.props.touchSoundDisabled,
+      onLongPress: this.props.onLongPress,
+      onPress: this.props.onPress,
       onPressIn: event => {
         if (Platform.OS === 'android') {
           this._dispatchPressedStateChange(true);
@@ -192,11 +206,8 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
           this.props.onPressOut(event);
         }
       },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-  };
+    };
+  }
 
   _dispatchPressedStateChange(pressed: boolean): void {
     if (Platform.OS === 'android') {
@@ -313,6 +324,10 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
     }
   }
 
+  componentDidUpdate(prevProps: Props, prevState: State) {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     if (Platform.isTV) {
       if (this._tvTouchable != null) {
diff --git a/Libraries/Components/Touchable/TouchableOpacity.js b/Libraries/Components/Touchable/TouchableOpacity.js
index 53d9cab5ed7590..248ddd6ed6848f 100644
--- a/Libraries/Components/Touchable/TouchableOpacity.js
+++ b/Libraries/Components/Touchable/TouchableOpacity.js
@@ -10,10 +10,12 @@
 
 'use strict';
 
-import Pressability from '../../Pressability/Pressability.js';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug.js';
-import TVTouchable from './TVTouchable.js';
-import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback.js';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
+import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
+import TVTouchable from './TVTouchable';
+import typeof TouchableWithoutFeedback from './TouchableWithoutFeedback';
 import Animated from 'react-native/Libraries/Animated/src/Animated';
 import Easing from 'react-native/Libraries/Animated/src/Easing';
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
@@ -134,20 +136,18 @@ class TouchableOpacity extends React.Component<Props, State> {
 
   state: State = {
     anim: new Animated.Value(this._getChildStyleOpacityWithDefault()),
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
+    pressability: new Pressability(this._createPressabilityConfig()),
+  };
+
+  _createPressabilityConfig(): PressabilityConfig {
+    return {
+      cancelable: !this.props.rejectResponderTermination,
+      disabled: this.props.disabled,
+      hitSlop: this.props.hitSlop,
+      delayLongPress: this.props.delayLongPress,
+      delayPressIn: this.props.delayPressIn,
+      delayPressOut: this.props.delayPressOut,
+      pressRectOffset: this.props.pressRetentionOffset,
       onBlur: event => {
         if (Platform.isTV) {
           this._opacityInactive(250);
@@ -164,16 +164,8 @@ class TouchableOpacity extends React.Component<Props, State> {
           this.props.onFocus(event);
         }
       },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
+      onLongPress: this.props.onLongPress,
+      onPress: this.props.onPress,
       onPressIn: event => {
         this._opacityActive(
           event.dispatchConfig.registrationName === 'onResponderGrant'
@@ -190,11 +182,8 @@ class TouchableOpacity extends React.Component<Props, State> {
           this.props.onPressOut(event);
         }
       },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
-  };
+    };
+  }
 
   /**
    * Animate the touchable to a new opacity.
@@ -313,6 +302,7 @@ class TouchableOpacity extends React.Component<Props, State> {
   }
 
   componentDidUpdate(prevProps: Props, prevState: State) {
+    this.state.pressability.configure(this._createPressabilityConfig());
     if (this.props.disabled !== prevProps.disabled) {
       this._opacityInactive(250);
     }
diff --git a/Libraries/Components/Touchable/TouchableWithoutFeedback.js b/Libraries/Components/Touchable/TouchableWithoutFeedback.js
index 5e3d8216eb79f6..4157b18db2ee97 100755
--- a/Libraries/Components/Touchable/TouchableWithoutFeedback.js
+++ b/Libraries/Components/Touchable/TouchableWithoutFeedback.js
@@ -10,9 +10,11 @@
 
 'use strict';
 
-import Pressability from '../../Pressability/Pressability.js';
-import {PressabilityDebugView} from '../../Pressability/PressabilityDebug.js';
-import TVTouchable from './TVTouchable.js';
+import Pressability, {
+  type PressabilityConfig,
+} from '../../Pressability/Pressability';
+import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
+import TVTouchable from './TVTouchable';
 import type {
   AccessibilityActionEvent,
   AccessibilityActionInfo,
@@ -118,55 +120,7 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
   _tvTouchable: ?TVTouchable;
 
   state: State = {
-    pressability: new Pressability({
-      getHitSlop: () => this.props.hitSlop,
-      getLongPressDelayMS: () => {
-        if (this.props.delayLongPress != null) {
-          const maybeNumber = this.props.delayLongPress;
-          if (typeof maybeNumber === 'number') {
-            return maybeNumber;
-          }
-        }
-        return 500;
-      },
-      getPressDelayMS: () => this.props.delayPressIn,
-      getPressOutDelayMS: () => this.props.delayPressOut,
-      getPressRectOffset: () => this.props.pressRetentionOffset,
-      getTouchSoundDisabled: () => this.props.touchSoundDisabled,
-      onBlur: event => {
-        if (this.props.onBlur != null) {
-          this.props.onBlur(event);
-        }
-      },
-      onFocus: event => {
-        if (this.props.onFocus != null) {
-          this.props.onFocus(event);
-        }
-      },
-      onLongPress: event => {
-        if (this.props.onLongPress != null) {
-          this.props.onLongPress(event);
-        }
-      },
-      onPress: event => {
-        if (this.props.onPress != null) {
-          this.props.onPress(event);
-        }
-      },
-      onPressIn: event => {
-        if (this.props.onPressIn != null) {
-          this.props.onPressIn(event);
-        }
-      },
-      onPressOut: event => {
-        if (this.props.onPressOut != null) {
-          this.props.onPressOut(event);
-        }
-      },
-      onResponderTerminationRequest: () =>
-        !this.props.rejectResponderTermination,
-      onStartShouldSetResponder: () => !this.props.disabled,
-    }),
+    pressability: new Pressability(createPressabilityConfig(this.props)),
   };
 
   render(): React.Node {
@@ -232,6 +186,10 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
     }
   }
 
+  componentDidUpdate(): void {
+    this.state.pressability.configure(createPressabilityConfig(this.props));
+  }
+
   componentWillUnmount(): void {
     if (Platform.isTV) {
       if (this._tvTouchable != null) {
@@ -242,4 +200,23 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
   }
 }
 
+function createPressabilityConfig(props: Props): PressabilityConfig {
+  return {
+    cancelable: !props.rejectResponderTermination,
+    disabled: props.disabled,
+    hitSlop: props.hitSlop,
+    delayLongPress: props.delayLongPress,
+    delayPressIn: props.delayPressIn,
+    delayPressOut: props.delayPressOut,
+    pressRectOffset: props.pressRetentionOffset,
+    android_disableSound: props.touchSoundDisabled,
+    onBlur: props.onBlur,
+    onFocus: props.onFocus,
+    onLongPress: props.onLongPress,
+    onPress: props.onPress,
+    onPressIn: props.onPressIn,
+    onPressOut: props.onPressOut,
+  };
+}
+
 module.exports = TouchableWithoutFeedback;
diff --git a/Libraries/Components/View/ReactNativeViewViewConfig.js b/Libraries/Components/View/ReactNativeViewViewConfig.js
index 1d17f3e3bac1a5..8858f62d5b0be4 100644
--- a/Libraries/Components/View/ReactNativeViewViewConfig.js
+++ b/Libraries/Components/View/ReactNativeViewViewConfig.js
@@ -11,6 +11,7 @@
 'use strict';
 import ReactNativeViewViewConfigAndroid from './ReactNativeViewViewConfigAndroid';
 import ReactNativeViewViewConfigMacOS from './ReactNativeViewViewConfigMacOS'; // TODO(macOS ISS#2323203)
+import {Platform} from 'react-native';
 
 const ReactNativeViewConfig = {
   uiViewClassName: 'RCTView',
@@ -325,7 +326,9 @@ const ReactNativeViewConfig = {
       textTransform: true,
       tintColor: {process: require('../../StyleSheet/processColor')},
       top: true,
-      transform: {diff: require('../../Utilities/differ/matricesDiffer')},
+      transform: ((Platform.OS === 'ios' || Platform.OS === 'macos' // TODO(macOS ISS#2323203)
+        ? {diff: require('../../Utilities/differ/matricesDiffer')}
+        : {process: require('../../StyleSheet/processTransform')}): any),
       transformMatrix: true,
       translateX: true,
       translateY: true,
@@ -335,7 +338,9 @@ const ReactNativeViewConfig = {
     },
     testID: true,
     top: true,
-    transform: {diff: require('../../Utilities/differ/matricesDiffer')},
+    transform: ((Platform.OS === 'ios' || Platform.OS === 'macos' // TODO(macOS ISS#2323203)
+      ? {diff: require('../../Utilities/differ/matricesDiffer')}
+      : {process: require('../../StyleSheet/processTransform')}): any),
     translateX: true,
     translateY: true,
     width: true,
diff --git a/Libraries/Components/View/View.js b/Libraries/Components/View/View.js
index bd2c26f0e5d7d0..0fd0d938676524 100644
--- a/Libraries/Components/View/View.js
+++ b/Libraries/Components/View/View.js
@@ -11,7 +11,10 @@
 'use strict';
 
 import type {ViewProps} from './ViewPropTypes';
-import type {ViewNativeComponentType} from './ViewNativeComponent';
+
+const React = require('react');
+import ViewNativeComponent from './ViewNativeComponent';
+const TextAncestor = require('../../Text/TextAncestor');
 
 export type Props = ViewProps;
 
@@ -20,7 +23,19 @@ export type Props = ViewProps;
  * supports layout with flexbox, style, some touch handling, and accessibility
  * controls.
  *
- * @see http://facebook.github.io/react-native/docs/view.html
+ * @see https://reactnative.dev/docs/view.html
  */
-module.exports = (require('./ViewNativeComponent')
-  .default: ViewNativeComponentType);
+const View: React.AbstractComponent<
+  ViewProps,
+  React.ElementRef<typeof ViewNativeComponent>,
+> = React.forwardRef((props: ViewProps, forwardedRef) => {
+  return (
+    <TextAncestor.Provider value={false}>
+      <ViewNativeComponent {...props} ref={forwardedRef} />
+    </TextAncestor.Provider>
+  );
+});
+
+View.displayName = 'View';
+
+module.exports = View;
diff --git a/Libraries/Components/View/ViewNativeComponent.js b/Libraries/Components/View/ViewNativeComponent.js
index 568f38f7fda9a3..902414c4eb45e3 100644
--- a/Libraries/Components/View/ViewNativeComponent.js
+++ b/Libraries/Components/View/ViewNativeComponent.js
@@ -53,8 +53,7 @@ let viewConfig:
       },
     |};
 
-// Only use the JS view config in DEV
-if (__DEV__) {
+if (__DEV__ || global.RN$Bridgeless) {
   // On Android, View extends the base component with additional view-only props
   // On iOS, the base component is View
   if (Platform.OS === 'android') {
diff --git a/Libraries/Components/View/ViewPropTypes.js b/Libraries/Components/View/ViewPropTypes.js
index a481193fceb285..395901478ae312 100644
--- a/Libraries/Components/View/ViewPropTypes.js
+++ b/Libraries/Components/View/ViewPropTypes.js
@@ -55,7 +55,7 @@ type DirectEventProps = $ReadOnly<{|
    * When `accessible` is true, the system will try to invoke this function
    * when the user performs accessibility tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilitytap
+   * See https://reactnative.dev/docs/view.html#onaccessibilitytap
    */
   onAccessibilityTap?: ?() => mixed,
 
@@ -86,7 +86,7 @@ type DirectEventProps = $ReadOnly<{|
    * the new layout may not yet be reflected on the screen at the time the
    * event is received, especially if a layout animation is in progress.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onlayout
+   * See https://reactnative.dev/docs/view.html#onlayout
    */
   onLayout?: ?(event: LayoutEvent) => mixed,
 
@@ -94,7 +94,7 @@ type DirectEventProps = $ReadOnly<{|
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the magic tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onmagictap
+   * See https://reactnative.dev/docs/view.html#onmagictap
    */
   onMagicTap?: ?() => mixed,
 
@@ -102,7 +102,7 @@ type DirectEventProps = $ReadOnly<{|
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the escape gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilityescape
+   * See https://reactnative.dev/docs/view.html#onaccessibilityescape
    */
   onAccessibilityEscape?: ?() => mixed,
 |}>;
@@ -136,7 +136,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onMoveShouldSetResponder: (event) => [true | false]`, where
    * `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onmoveshouldsetresponder
+   * See https://reactnative.dev/docs/view.html#onmoveshouldsetresponder
    */
   onMoveShouldSetResponder?: ?(e: PressEvent) => boolean,
 
@@ -147,7 +147,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onMoveShouldSetResponderCapture: (event) => [true | false]`,
    * where `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onMoveShouldsetrespondercapture
+   * See https://reactnative.dev/docs/view.html#onMoveShouldsetrespondercapture
    */
   onMoveShouldSetResponderCapture?: ?(e: PressEvent) => boolean,
 
@@ -161,7 +161,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * PanResponder includes a note `// TODO: t7467124 investigate if this can be removed` that
    * should help fixing this return type.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondergrant
+   * See https://reactnative.dev/docs/view.html#onrespondergrant
    */
   onResponderGrant?: ?(e: PressEvent) => void | boolean,
 
@@ -171,7 +171,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderMove: (event) => {}`, where `event` is a synthetic
    * touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondermove
+   * See https://reactnative.dev/docs/view.html#onrespondermove
    */
   onResponderMove?: ?(e: PressEvent) => void,
 
@@ -182,7 +182,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderReject: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderreject
+   * See https://reactnative.dev/docs/view.html#onresponderreject
    */
   onResponderReject?: ?(e: PressEvent) => void,
 
@@ -192,7 +192,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderRelease: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderrelease
+   * See https://reactnative.dev/docs/view.html#onresponderrelease
    */
   onResponderRelease?: ?(e: PressEvent) => void,
 
@@ -208,7 +208,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderTerminate: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminate
+   * See https://reactnative.dev/docs/view.html#onresponderterminate
    */
   onResponderTerminate?: ?(e: PressEvent) => void,
 
@@ -219,7 +219,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onResponderTerminationRequest: (event) => {}`, where `event`
    * is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminationrequest
+   * See https://reactnative.dev/docs/view.html#onresponderterminationrequest
    */
   onResponderTerminationRequest?: ?(e: PressEvent) => boolean,
 
@@ -229,7 +229,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onStartShouldSetResponder: (event) => [true | false]`, where
    * `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetresponder
+   * See https://reactnative.dev/docs/view.html#onstartshouldsetresponder
    */
   onStartShouldSetResponder?: ?(e: PressEvent) => boolean,
 
@@ -240,7 +240,7 @@ type GestureResponderEventProps = $ReadOnly<{|
    * `View.props.onStartShouldSetResponderCapture: (event) => [true | false]`,
    * where `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetrespondercapture
+   * See https://reactnative.dev/docs/view.html#onstartshouldsetrespondercapture
    */
   onStartShouldSetResponderCapture?: ?(e: PressEvent) => boolean,
 |}>;
@@ -254,6 +254,7 @@ type AndroidDrawableRipple = $ReadOnly<{|
   type: 'RippleAndroid',
   color?: ?number,
   borderless?: ?boolean,
+  rippleRadius?: ?number,
 |}>;
 
 type AndroidDrawable = AndroidDrawableThemeAttr | AndroidDrawableRipple;
@@ -268,7 +269,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#rendertohardwaretextureandroid
+   * See https://reactnative.dev/docs/view.html#rendertohardwaretextureandroid
    */
   renderToHardwareTextureAndroid?: ?boolean,
 
@@ -280,7 +281,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#collapsable
+   * See https://reactnative.dev/docs/view.html#collapsable
    */
   collapsable?: ?boolean,
 
@@ -290,7 +291,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#needsoffscreenalphacompositing
+   * See https://reactnative.dev/docs/view.html#needsoffscreenalphacompositing
    */
   needsOffscreenAlphaCompositing?: ?boolean,
 
@@ -317,7 +318,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
+   * See https://reactnative.dev/docs/view.html#accessibilityliveregion
    */
   accessibilityLiveRegion?: ?('none' | 'polite' | 'assertive'),
 
@@ -335,7 +336,7 @@ type AndroidViewProps = $ReadOnly<{|
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#importantforaccessibility
+   * See https://reactnative.dev/docs/view.html#importantforaccessibility
    */
   importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
 
@@ -413,7 +414,7 @@ type IOSViewProps = $ReadOnly<{|
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityviewismodal
+   * See https://reactnative.dev/docs/view.html#accessibilityviewismodal
    */
   accessibilityViewIsModal?: ?boolean,
 
@@ -423,7 +424,7 @@ type IOSViewProps = $ReadOnly<{|
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityElementsHidden
+   * See https://reactnative.dev/docs/view.html#accessibilityElementsHidden
    */
   accessibilityElementsHidden?: ?boolean,
 
@@ -441,7 +442,7 @@ type IOSViewProps = $ReadOnly<{|
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the magic tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#shouldrasterizeios
+   * See https://reactnative.dev/docs/view.html#shouldrasterizeios
    */
   shouldRasterizeIOS?: ?boolean,
 |}>;
@@ -462,7 +463,7 @@ export type ViewProps = $ReadOnly<{|
    * When `true`, indicates that the view is an accessibility element.
    * By default, all the touchable elements are accessible.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessible
+   * See https://reactnative.dev/docs/view.html#accessible
    */
   accessible?: ?boolean,
 
@@ -471,7 +472,7 @@ export type ViewProps = $ReadOnly<{|
    * with the element. By default, the label is constructed by traversing all
    * the children and accumulating all the `Text` nodes separated by space.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilitylabel
+   * See https://reactnative.dev/docs/view.html#accessibilitylabel
    */
   accessibilityLabel?: ?Stringish,
 
@@ -481,7 +482,7 @@ export type ViewProps = $ReadOnly<{|
    * accessibility label.
    *
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityHint
+   * See https://reactnative.dev/docs/view.html#accessibilityHint
    */
   accessibilityHint?: ?Stringish,
 
@@ -507,7 +508,7 @@ export type ViewProps = $ReadOnly<{|
    *
    * > This disables the 'layout-only view removal' optimization for this view!
    *
-   * See http://facebook.github.io/react-native/docs/view.html#testid
+   * See https://reactnative.dev/docs/view.html#testid
    */
   testID?: ?string,
 
@@ -516,7 +517,7 @@ export type ViewProps = $ReadOnly<{|
    *
    * > This disables the 'layout-only view removal' optimization for this view!
    *
-   * See http://facebook.github.io/react-native/docs/view.html#nativeid
+   * See https://reactnative.dev/docs/view.html#nativeid
    */
   nativeID?: ?string,
 
@@ -529,14 +530,14 @@ export type ViewProps = $ReadOnly<{|
    * > of sibling views always takes precedence if a touch hits two overlapping
    * > views.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#hitslop
+   * See https://reactnative.dev/docs/view.html#hitslop
    */
   hitSlop?: ?EdgeInsetsProp,
 
   /**
    * Controls whether the `View` can be the target of touch events.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#pointerevents
+   * See https://reactnative.dev/docs/view.html#pointerevents
    */
   pointerEvents?: ?('auto' | 'box-none' | 'box-only' | 'none'),
 
@@ -548,7 +549,7 @@ export type ViewProps = $ReadOnly<{|
    * subviews must also have `overflow: hidden`, as should the containing view
    * (or one of its superviews).
    *
-   * See http://facebook.github.io/react-native/docs/view.html#removeclippedsubviews
+   * See https://reactnative.dev/docs/view.html#removeclippedsubviews
    */
   removeClippedSubviews?: ?boolean,
 
diff --git a/Libraries/Core/ExceptionsManager.js b/Libraries/Core/ExceptionsManager.js
index d26f824ab5c280..fd6ce28ad6e732 100644
--- a/Libraries/Core/ExceptionsManager.js
+++ b/Libraries/Core/ExceptionsManager.js
@@ -52,7 +52,11 @@ function preprocessException(data: ExceptionData): ExceptionData {
  * Handles the developer-visible aspect of errors and exceptions
  */
 let exceptionID = 0;
-function reportException(e: ExtendedError, isFatal: boolean) {
+function reportException(
+  e: ExtendedError,
+  isFatal: boolean,
+  reportToConsole: boolean, // only true when coming from handleException; the error has not yet been logged
+) {
   const NativeExceptionsManager = require('./NativeExceptionsManager').default;
   if (NativeExceptionsManager) {
     const parseErrorStack = require('./Devtools/parseErrorStack');
@@ -64,26 +68,15 @@ function reportException(e: ExtendedError, isFatal: boolean) {
       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}`;
 
-    const isHandledByLogBox =
-      e.forceRedbox !== true && global.__unstable_isLogBoxEnabled === true;
+    const isHandledByLogBox = e.forceRedbox !== true;
 
     const data = preprocessException({
       message,
@@ -104,6 +97,13 @@ function reportException(e: ExtendedError, isFatal: boolean) {
       },
     });
 
+    if (reportToConsole) {
+      // we feed back into console.error, to make sure any methods that are
+      // monkey patched on top of console.error are called when coming from
+      // handleException
+      console.error(data.message);
+    }
+
     if (isHandledByLogBox) {
       LogBoxData.addException({
         ...data,
@@ -134,6 +134,11 @@ function reportException(e: ExtendedError, isFatal: boolean) {
           console.log('Unable to symbolicate stack trace: ' + error.message);
         });
     }
+  } else if (reportToConsole) {
+    // we feed back into console.error, to make sure any methods that are
+    // monkey patched on top of console.error are called when coming from
+    // handleException
+    console.error(e);
   }
 }
 
@@ -143,6 +148,10 @@ declare var console: typeof console & {
   ...
 };
 
+// If we trigger console.error _from_ handleException,
+// we do want to make sure that console.error doesn't trigger error reporting again
+let inExceptionHandler = false;
+
 /**
  * Logs exceptions to the (native) console and displays them
  */
@@ -157,21 +166,61 @@ function handleException(e: mixed, isFatal: boolean) {
     // `throw '<error message>'` somewhere in your codebase.
     error = new SyntheticError(e);
   }
-  reportException(error, isFatal);
+  try {
+    inExceptionHandler = true;
+    reportException(error, isFatal, /*reportToConsole*/ true);
+  } finally {
+    inExceptionHandler = false;
+  }
 }
 
 function reactConsoleErrorHandler() {
+  // bubble up to any original handlers
+  console._errorOriginal.apply(console, arguments);
   if (!console.reportErrorsAsExceptions) {
-    console._errorOriginal.apply(console, arguments);
+    return;
+  }
+  if (inExceptionHandler) {
+    // The fundamental trick here is that are multiple entry point to logging errors:
+    // (see D19743075 for more background)
+    //
+    // 1. An uncaught exception being caught by the global handler
+    // 2. An error being logged throw console.error
+    //
+    // However, console.error is monkey patched multiple times: by this module, and by the
+    // DevTools setup that sends messages to Metro.
+    // The patching order cannot be relied upon.
+    //
+    // So, some scenarios that are handled by this flag:
+    //
+    // Logging an error:
+    // 1. console.error called from user code
+    // 2. (possibly) arrives _first_ at DevTool handler, send to Metro
+    // 3. Bubbles to here
+    // 4. goes into report Exception.
+    // 5. should not trigger console.error again, to avoid looping / logging twice
+    // 6. should still bubble up to original console
+    //    (which might either be console.log, or the DevTools handler in case it patched _earlier_ and (2) didn't happen)
+    //
+    // Throwing an uncaught exception:
+    // 1. exception thrown
+    // 2. picked up by handleException
+    // 3. should be send to console.error (not console._errorOriginal, as DevTools might have patched _later_ and it needs to send it to Metro)
+    // 4. that _might_ bubble again to the `reactConsoleErrorHandle` defined here
+    //    -> should not handle exception _again_, to avoid looping / showing twice (this code branch)
+    // 5. should still bubble up to original console (which might either be console.log, or the DevTools handler in case that one patched _earlier_)
     return;
   }
 
   if (arguments[0] && arguments[0].stack) {
     // reportException will console.error this with high enough fidelity.
-    reportException(arguments[0], /* isFatal */ false);
+    reportException(
+      arguments[0],
+      /* isFatal */ false,
+      /*reportToConsole*/ false,
+    );
   } else {
-    console._errorOriginal.apply(console, arguments);
-    const stringifySafe = require('../Utilities/stringifySafe');
+    const stringifySafe = require('../Utilities/stringifySafe').default;
     const str = Array.prototype.map
       .call(arguments, value =>
         typeof value === 'string' ? value : stringifySafe(value),
@@ -186,7 +235,7 @@ function reactConsoleErrorHandler() {
     }
     const error: ExtendedError = new SyntheticError(str);
     error.name = 'console.error';
-    reportException(error, /* isFatal */ false);
+    reportException(error, /* isFatal */ false, /*reportToConsole*/ false);
   }
 }
 
diff --git a/Libraries/Core/InitializeCore.js b/Libraries/Core/InitializeCore.js
index 8f12f11b8612db..e00120aa4b48a5 100644
--- a/Libraries/Core/InitializeCore.js
+++ b/Libraries/Core/InitializeCore.js
@@ -29,6 +29,7 @@
 const start = Date.now();
 
 require('./setUpGlobals');
+require('./setUpPerformance');
 require('./setUpSystrace');
 require('./setUpErrorHandling');
 require('./polyfillPromise');
diff --git a/Libraries/Core/ReactFiberErrorDialog.js b/Libraries/Core/ReactFiberErrorDialog.js
index a247a2ad6ca889..d329e2d27bd4cb 100644
--- a/Libraries/Core/ReactFiberErrorDialog.js
+++ b/Libraries/Core/ReactFiberErrorDialog.js
@@ -9,13 +9,9 @@
  */
 
 export type CapturedError = {
-  +componentName: ?string,
   +componentStack: string,
   +error: mixed,
   +errorBoundary: ?{...},
-  +errorBoundaryFound: boolean,
-  +errorBoundaryName: string | null,
-  +willRetry: boolean,
   ...
 };
 
diff --git a/Libraries/Core/ReactNativeVersion.js b/Libraries/Core/ReactNativeVersion.js
index 0c88a4c9abd4fa..bf4b32f41b0ac3 100644
--- a/Libraries/Core/ReactNativeVersion.js
+++ b/Libraries/Core/ReactNativeVersion.js
@@ -11,7 +11,7 @@
 
 exports.version = {
   major: 0,
-  minor: 62,
+  minor: 63,
   patch: 2,
   prerelease: null,
 };
diff --git a/Libraries/Core/Timers/JSTimers.js b/Libraries/Core/Timers/JSTimers.js
index feaeddf89a0c94..4c154db519deb2 100644
--- a/Libraries/Core/Timers/JSTimers.js
+++ b/Libraries/Core/Timers/JSTimers.js
@@ -113,16 +113,11 @@ function _callTimer(timerID: number, frameTime: number, didTimeout: ?boolean) {
   }
 
   if (__DEV__) {
-    Systrace.beginEvent('Systrace.callTimer: ' + type);
+    Systrace.beginEvent(type + ' [invoke]');
   }
 
   // Clear the metadata
-  if (
-    type === 'setTimeout' ||
-    type === 'setImmediate' ||
-    type === 'requestAnimationFrame' ||
-    type === 'requestIdleCallback'
-  ) {
+  if (type !== 'setInterval') {
     _clearIndex(timerIndex);
   }
 
@@ -167,21 +162,23 @@ function _callTimer(timerID: number, frameTime: number, didTimeout: ?boolean) {
  * more immediates are queued up (can be used as a condition a while loop).
  */
 function _callImmediatesPass() {
+  if (immediates.length === 0) {
+    return false;
+  }
+
   if (__DEV__) {
     Systrace.beginEvent('callImmediatesPass()');
   }
 
   // The main reason to extract a single pass is so that we can track
   // in the system trace
-  if (immediates.length > 0) {
-    const passImmediates = immediates.slice();
-    immediates = [];
-
-    // Use for loop rather than forEach as per @vjeux's advice
-    // https://github.com/facebook/react-native/commit/c8fd9f7588ad02d2293cac7224715f4af7b0f352#commitcomment-14570051
-    for (let i = 0; i < passImmediates.length; ++i) {
-      _callTimer(passImmediates[i], 0);
-    }
+  const passImmediates = immediates;
+  immediates = [];
+
+  // Use for loop rather than forEach as per @vjeux's advice
+  // https://github.com/facebook/react-native/commit/c8fd9f7588ad02d2293cac7224715f4af7b0f352#commitcomment-14570051
+  for (let i = 0; i < passImmediates.length; ++i) {
+    _callTimer(passImmediates[i], 0);
   }
 
   if (__DEV__) {
@@ -381,8 +378,7 @@ const JSTimers = {
       'Cannot call `callTimers` with an empty list of IDs.',
     );
 
-    // $FlowFixMe: optionals do not allow assignment from null
-    errors = null;
+    errors = (null: ?Array<Error>);
     for (let i = 0; i < timersToCall.length; i++) {
       _callTimer(timersToCall[i], 0);
     }
@@ -413,10 +409,9 @@ const JSTimers = {
       return;
     }
 
-    // $FlowFixMe: optionals do not allow assignment from null
-    errors = null;
+    errors = (null: ?Array<Error>);
     if (requestIdleCallbacks.length > 0) {
-      const passIdleCallbacks = requestIdleCallbacks.slice();
+      const passIdleCallbacks = requestIdleCallbacks;
       requestIdleCallbacks = [];
 
       for (let i = 0; i < passIdleCallbacks.length; ++i) {
@@ -442,7 +437,7 @@ const JSTimers = {
    * before we hand control back to native.
    */
   callImmediates() {
-    errors = null;
+    errors = (null: ?Array<Error>);
     while (_callImmediatesPass()) {}
     if (errors) {
       errors.forEach(error =>
@@ -501,6 +496,7 @@ let ExportedJSTimers: {|
   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
@@ -512,8 +508,6 @@ if (!NativeTiming) {
   ExportedJSTimers = JSTimers;
 }
 
-BatchedBridge.setImmediatesCallback(
-  ExportedJSTimers.callImmediates.bind(ExportedJSTimers),
-);
+BatchedBridge.setImmediatesCallback(JSTimers.callImmediates);
 
 module.exports = ExportedJSTimers;
diff --git a/Libraries/Core/Timers/__tests__/JSTimers-test.js b/Libraries/Core/Timers/__tests__/JSTimers-test.js
new file mode 100644
index 00000000000000..baa281f03e6bcd
--- /dev/null
+++ b/Libraries/Core/Timers/__tests__/JSTimers-test.js
@@ -0,0 +1,413 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 NativeTiming = {
+  createTimer: jest.fn(),
+  deleteTimer: jest.fn(),
+  setSendIdleEvents: jest.fn(),
+};
+
+const warning = jest.fn();
+
+jest
+  .enableAutomock()
+  .mock('fbjs/lib/warning', () => warning, {virtual: true})
+  .mock('../NativeTiming', () => ({
+    __esModule: true,
+    default: NativeTiming,
+  }))
+  .unmock('../JSTimers');
+
+const JSTimers = require('../JSTimers');
+
+describe('JSTimers', function() {
+  const firstArgumentOfTheLastCallTo = function(func) {
+    return func.mock.calls[func.mock.calls.length - 1][0];
+  };
+
+  beforeEach(function() {
+    global.setTimeout = JSTimers.setTimeout;
+  });
+
+  it('should call function with setTimeout', function() {
+    let didCall = false;
+    const id = JSTimers.setTimeout(function() {
+      didCall = true;
+    });
+    JSTimers.callTimers([id]);
+    expect(didCall).toBe(true);
+  });
+
+  it('should call nested setTimeout when cleared', function() {
+    let id1, id2, id3;
+    let callCount = 0;
+
+    id1 = JSTimers.setTimeout(function() {
+      JSTimers.clearTimeout(id1);
+      id2 = JSTimers.setTimeout(function() {
+        JSTimers.clearTimeout(id2);
+        id3 = JSTimers.setTimeout(function() {
+          callCount += 1;
+        });
+      });
+    });
+    JSTimers.callTimers([id1]);
+    JSTimers.callTimers([id2]);
+    JSTimers.callTimers([id3]);
+
+    expect(callCount).toBe(1);
+  });
+
+  it('should call nested setImmediate when cleared', function() {
+    let id1, id2, id3;
+    let callCount = 0;
+
+    id1 = JSTimers.setImmediate(function() {
+      JSTimers.clearImmediate(id1);
+      id2 = JSTimers.setImmediate(function() {
+        JSTimers.clearImmediate(id2);
+        id3 = JSTimers.setImmediate(function() {
+          callCount += 1;
+        });
+      });
+    });
+    JSTimers.callTimers([id1]);
+    JSTimers.callTimers([id2]);
+    JSTimers.callTimers([id3]);
+
+    expect(callCount).toBe(1);
+  });
+
+  it('should call nested requestAnimationFrame when cleared', function() {
+    let id1, id2, id3;
+    let callCount = 0;
+
+    id1 = JSTimers.requestAnimationFrame(function() {
+      JSTimers.cancelAnimationFrame(id1);
+      id2 = JSTimers.requestAnimationFrame(function() {
+        JSTimers.cancelAnimationFrame(id2);
+        id3 = JSTimers.requestAnimationFrame(function() {
+          callCount += 1;
+        });
+      });
+    });
+    JSTimers.callTimers([id1]);
+    JSTimers.callTimers([id2]);
+    JSTimers.callTimers([id3]);
+
+    expect(callCount).toBe(1);
+  });
+
+  it('should call nested setInterval when cleared', function() {
+    let id1, id2, id3;
+    let callCount = 0;
+
+    id1 = JSTimers.setInterval(function() {
+      JSTimers.clearInterval(id1);
+      id2 = JSTimers.setInterval(function() {
+        JSTimers.clearInterval(id2);
+        id3 = JSTimers.setInterval(function() {
+          callCount += 1;
+        });
+      });
+    });
+    JSTimers.callTimers([id1]);
+    JSTimers.callTimers([id2]);
+    JSTimers.callTimers([id3]);
+
+    expect(callCount).toBe(1);
+  });
+
+  it('should call function with setInterval', function() {
+    const callback = jest.fn();
+    const id = JSTimers.setInterval(callback);
+    JSTimers.callTimers([id]);
+    expect(callback).toBeCalledTimes(1);
+  });
+
+  it('should call function with setImmediate', function() {
+    const callback = jest.fn();
+    JSTimers.setImmediate(callback);
+    JSTimers.callImmediates();
+    expect(callback).toBeCalledTimes(1);
+  });
+
+  it('should not call function with clearImmediate', function() {
+    const callback = jest.fn();
+    const id = JSTimers.setImmediate(callback);
+    JSTimers.clearImmediate(id);
+    JSTimers.callImmediates();
+    expect(callback).not.toBeCalled();
+  });
+
+  it('should call functions in the right order with setImmediate', function() {
+    let count = 0;
+    let firstCalled = null;
+    let secondCalled = null;
+    JSTimers.setImmediate(function() {
+      firstCalled = count++;
+    });
+    JSTimers.setImmediate(function() {
+      secondCalled = count++;
+    });
+    JSTimers.callImmediates();
+    expect(firstCalled).toBe(0);
+    expect(secondCalled).toBe(1);
+  });
+
+  it('should call functions in the right order with nested setImmediate', function() {
+    let count = 0;
+    let firstCalled = null;
+    let secondCalled = null;
+    let thirdCalled = null;
+    JSTimers.setImmediate(function() {
+      firstCalled = count++;
+      JSTimers.setImmediate(function() {
+        thirdCalled = count++;
+      });
+      secondCalled = count++;
+    });
+    JSTimers.callImmediates();
+    expect(firstCalled).toBe(0);
+    expect(secondCalled).toBe(1);
+    expect(thirdCalled).toBe(2);
+  });
+
+  it('should call nested setImmediate', function() {
+    let firstCalled = false;
+    let secondCalled = false;
+    JSTimers.setImmediate(function() {
+      firstCalled = true;
+      JSTimers.setImmediate(function() {
+        secondCalled = true;
+      });
+    });
+    JSTimers.callImmediates();
+    expect(firstCalled).toBe(true);
+    expect(secondCalled).toBe(true);
+  });
+
+  it('should call function with requestAnimationFrame', function() {
+    const callback = jest.fn();
+    const id = JSTimers.requestAnimationFrame(callback);
+    JSTimers.callTimers([id]);
+    expect(callback).toBeCalledTimes(1);
+  });
+
+  it("should not call function if we don't callTimers", function() {
+    const callback = jest.fn();
+    JSTimers.setTimeout(callback, 10);
+    expect(callback).not.toBeCalled();
+    JSTimers.setInterval(callback, 10);
+    expect(callback).not.toBeCalled();
+    JSTimers.requestAnimationFrame(callback);
+    expect(callback).not.toBeCalled();
+  });
+
+  it('should call setInterval as many times as callTimers is called', function() {
+    const callback = jest.fn();
+    const id = JSTimers.setInterval(callback, 10);
+    JSTimers.callTimers([id]);
+    JSTimers.callTimers([id]);
+    JSTimers.callTimers([id]);
+    JSTimers.callTimers([id]);
+    expect(callback).toBeCalledTimes(4);
+  });
+
+  it("should only call the function who's id we pass in", function() {
+    let firstCalled = false;
+    let secondCalled = false;
+    JSTimers.setTimeout(function() {
+      firstCalled = true;
+    });
+    const secondID = JSTimers.setTimeout(function() {
+      secondCalled = true;
+    });
+    JSTimers.callTimers([secondID]);
+    expect(firstCalled).toBe(false);
+    expect(secondCalled).toBe(true);
+  });
+
+  it('should work with calling multiple timers', function() {
+    let firstCalled = false;
+    let secondCalled = false;
+    const firstID = JSTimers.setTimeout(function() {
+      firstCalled = true;
+    });
+    const secondID = JSTimers.setTimeout(function() {
+      secondCalled = true;
+    });
+    JSTimers.callTimers([firstID, secondID]);
+    expect(firstCalled).toBe(true);
+    expect(secondCalled).toBe(true);
+  });
+
+  it('should still execute all callbacks even if one throws', function() {
+    const firstID = JSTimers.setTimeout(function() {
+      throw new Error('error');
+    }, 10);
+    let secondCalled = false;
+    const secondID = JSTimers.setTimeout(function() {
+      secondCalled = true;
+    }, 10);
+    expect(JSTimers.callTimers.bind(null, [firstID, secondID])).toThrow();
+    expect(secondCalled).toBe(true);
+  });
+
+  it('should clear timers even if callback throws', function() {
+    const timerID = JSTimers.setTimeout(function() {
+      throw new Error('error');
+    }, 10);
+    expect(JSTimers.callTimers.bind(null, [timerID])).toThrow('error');
+    JSTimers.callTimers.bind(null, [timerID]);
+  });
+
+  it('should not warn if callback is called on cancelled timer', function() {
+    const callback = jest.fn();
+    const timerID = JSTimers.setTimeout(callback, 10);
+    JSTimers.clearTimeout(timerID);
+    JSTimers.callTimers([timerID]);
+    expect(callback).not.toBeCalled();
+    expect(firstArgumentOfTheLastCallTo(warning)).toBe(true);
+  });
+
+  it('should warn when callTimers is called with garbage timer id', function() {
+    JSTimers.callTimers([1337]);
+    expect(firstArgumentOfTheLastCallTo(warning)).toBe(false);
+  });
+
+  it('should only call callback once for setTimeout', function() {
+    const callback = jest.fn();
+    const timerID = JSTimers.setTimeout(callback, 10);
+    // First time the timer fires, should call callback
+    JSTimers.callTimers([timerID]);
+    expect(callback).toBeCalledTimes(1);
+    // Second time it should be ignored
+    JSTimers.callTimers([timerID]);
+    expect(callback).toBeCalledTimes(1);
+    expect(firstArgumentOfTheLastCallTo(warning)).toBe(true);
+  });
+
+  it('should only call callback once for requestAnimationFrame', function() {
+    const callback = jest.fn();
+    const timerID = JSTimers.requestAnimationFrame(callback, 10);
+    // First time the timer fires, should call callback
+    JSTimers.callTimers([timerID]);
+    expect(callback).toBeCalledTimes(1);
+    // Second time it should be ignored
+    JSTimers.callTimers([timerID]);
+    expect(callback).toBeCalledTimes(1);
+    expect(firstArgumentOfTheLastCallTo(warning)).toBe(true);
+  });
+
+  it('should re-throw first exception', function() {
+    const timerID1 = JSTimers.setTimeout(function() {
+      throw new Error('first error');
+    });
+    const timerID2 = JSTimers.setTimeout(function() {
+      throw new Error('second error');
+    });
+    expect(JSTimers.callTimers.bind(null, [timerID1, timerID2])).toThrowError(
+      'first error',
+    );
+  });
+
+  it('should pass along errors thrown from setImmediate', function() {
+    JSTimers.setImmediate(function() {
+      throw new Error('error within setImmediate');
+    });
+
+    NativeTiming.createTimer = jest.fn();
+    JSTimers.callImmediates();
+
+    // The remaining errors should be called within setTimeout, in case there
+    // are a series of them
+    expect(NativeTiming.createTimer).toBeCalled();
+    const timerID = NativeTiming.createTimer.mock.calls[0][0];
+    expect(JSTimers.callTimers.bind(null, [timerID])).toThrowError(
+      'error within setImmediate',
+    );
+  });
+
+  it('should throw all errors from setImmediate', function() {
+    JSTimers.setImmediate(function() {
+      throw new Error('first error');
+    });
+
+    JSTimers.setImmediate(function() {
+      throw new Error('second error');
+    });
+
+    NativeTiming.createTimer = jest.fn();
+    JSTimers.callImmediates();
+
+    expect(NativeTiming.createTimer.mock.calls.length).toBe(2);
+
+    const firstTimerID = NativeTiming.createTimer.mock.calls[0][0];
+    expect(JSTimers.callTimers.bind(null, [firstTimerID])).toThrowError(
+      'first error',
+    );
+
+    const secondTimerID = NativeTiming.createTimer.mock.calls[1][0];
+    expect(JSTimers.callTimers.bind(null, [secondTimerID])).toThrowError(
+      'second error',
+    );
+  });
+
+  it('should pass along errors thrown from setTimeout', function() {
+    const timerID = JSTimers.setTimeout(function() {
+      throw new Error('error within setTimeout');
+    });
+
+    expect(JSTimers.callTimers.bind(null, [timerID])).toThrowError(
+      'error within setTimeout',
+    );
+  });
+
+  it('should throw all errors from setTimeout', function() {
+    const firstTimerID = JSTimers.setTimeout(function() {
+      throw new Error('first error');
+    });
+    const secondTimerID = JSTimers.setTimeout(function() {
+      throw new Error('second error');
+    });
+
+    NativeTiming.createTimer = jest.fn();
+    expect(
+      JSTimers.callTimers.bind(null, [firstTimerID, secondTimerID]),
+    ).toThrowError('first error');
+
+    expect(NativeTiming.createTimer.mock.calls.length).toBe(1);
+    const thirdTimerID = NativeTiming.createTimer.mock.calls[0][0];
+    expect(JSTimers.callTimers.bind(null, [thirdTimerID])).toThrowError(
+      'second error',
+    );
+  });
+
+  it('should pass along errors thrown from setInterval', function() {
+    const timerID = JSTimers.setInterval(function() {
+      throw new Error('error within setInterval');
+    });
+    expect(JSTimers.callTimers.bind(null, [timerID])).toThrowError(
+      'error within setInterval',
+    );
+  });
+
+  it('should not call to native when clearing a null timer', function() {
+    const timerID = JSTimers.setTimeout(() => {});
+    JSTimers.clearTimeout(timerID);
+    NativeTiming.deleteTimer = jest.fn();
+
+    JSTimers.clearTimeout(null);
+    expect(NativeTiming.deleteTimer.mock.calls.length).toBe(0);
+  });
+});
diff --git a/Libraries/Core/__tests__/ExceptionsManager-test.js b/Libraries/Core/__tests__/ExceptionsManager-test.js
index a34fc2d06f168b..71e3be3cb94164 100644
--- a/Libraries/Core/__tests__/ExceptionsManager-test.js
+++ b/Libraries/Core/__tests__/ExceptionsManager-test.js
@@ -137,8 +137,9 @@ describe('ExceptionsManager', () => {
           message +
           '\n\n' +
           'This error is located at:' +
-          capturedErrorDefaults.componentStack,
-        // JS engine omitted here!
+          capturedErrorDefaults.componentStack +
+          ', js engine: ' +
+          jsEngine,
       );
     });
 
@@ -293,7 +294,8 @@ describe('ExceptionsManager', () => {
       );
       expect(exceptionData.isFatal).toBe(false);
       expect(mockError.mock.calls[0]).toHaveLength(1);
-      expect(mockError.mock.calls[0][0]).toBe(formattedMessage);
+      expect(mockError.mock.calls[0][0]).toBeInstanceOf(Error);
+      expect(mockError.mock.calls[0][0].toString()).toBe(formattedMessage);
     });
 
     test('logging a string', () => {
@@ -461,6 +463,23 @@ describe('ExceptionsManager', () => {
   });
 
   describe('unstable_setExceptionDecorator', () => {
+    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('modifying the exception data', () => {
       const error = new Error('Some error happened');
       const decorator = jest.fn().mockImplementation(data => ({
@@ -509,7 +528,7 @@ describe('ExceptionsManager', () => {
       expect(nativeReportException).toHaveBeenCalled();
     });
 
-    test('prevents decorator recursion', () => {
+    test('prevents decorator recursion from error handler', () => {
       const error = new Error('Some error happened');
       const decorator = jest.fn().mockImplementation(data => {
         console.error('Logging an error within the decorator');
@@ -519,11 +538,35 @@ describe('ExceptionsManager', () => {
         };
       });
 
-      ExceptionsManager.installConsoleErrorReporter();
       ExceptionsManager.unstable_setExceptionDecorator(decorator);
       ExceptionsManager.handleException(error, true);
 
-      expect(decorator).toHaveBeenCalled();
+      expect(nativeReportException).toHaveBeenCalledTimes(1);
+      expect(nativeReportException.mock.calls[0][0].message).toMatch(
+        /decorated: .*Some error happened/,
+      );
+      expect(mockError).toHaveBeenCalledTimes(2);
+      expect(mockError.mock.calls[0][0]).toMatch(
+        /Logging an error within the decorator/,
+      );
+      expect(mockError.mock.calls[1][0]).toMatch(
+        /decorated: .*Some error happened/,
+      );
+    });
+
+    test('prevents decorator recursion from console.error', () => {
+      const error = new Error('Some error happened');
+      const decorator = jest.fn().mockImplementation(data => {
+        console.error('Logging an error within the decorator');
+        return {
+          ...data,
+          message: 'decorated: ' + data.message,
+        };
+      });
+
+      ExceptionsManager.unstable_setExceptionDecorator(decorator);
+      console.error(error);
+
       expect(nativeReportException).toHaveBeenCalledTimes(2);
       expect(nativeReportException.mock.calls[0][0].message).toMatch(
         /Logging an error within the decorator/,
@@ -531,6 +574,52 @@ describe('ExceptionsManager', () => {
       expect(nativeReportException.mock.calls[1][0].message).toMatch(
         /decorated: .*Some error happened/,
       );
+      expect(mockError).toHaveBeenCalledTimes(2);
+      // console.error calls are chained without exception pre-processing, so decorator doesn't apply
+      expect(mockError.mock.calls[0][0].toString()).toMatch(
+        /Error: Some error happened/,
+      );
+      expect(mockError.mock.calls[1][0]).toMatch(
+        /Logging an error within the decorator/,
+      );
+    });
+
+    test('can handle throwing decorators recursion when exception is thrown', () => {
+      const error = new Error('Some error happened');
+      const decorator = jest.fn().mockImplementation(data => {
+        throw new Error('Throwing an error within the decorator');
+      });
+
+      ExceptionsManager.unstable_setExceptionDecorator(decorator);
+      ExceptionsManager.handleException(error, true);
+
+      expect(nativeReportException).toHaveBeenCalledTimes(1);
+      // Exceptions in decorators are ignored and the decorator is not applied
+      expect(nativeReportException.mock.calls[0][0].message).toMatch(
+        /Error: Some error happened/,
+      );
+      expect(mockError).toHaveBeenCalledTimes(1);
+      expect(mockError.mock.calls[0][0]).toMatch(/Error: Some error happened/);
+    });
+
+    test('can handle throwing decorators recursion when exception is logged', () => {
+      const error = new Error('Some error happened');
+      const decorator = jest.fn().mockImplementation(data => {
+        throw new Error('Throwing an error within the decorator');
+      });
+
+      ExceptionsManager.unstable_setExceptionDecorator(decorator);
+      console.error(error);
+
+      expect(nativeReportException).toHaveBeenCalledTimes(1);
+      // Exceptions in decorators are ignored and the decorator is not applied
+      expect(nativeReportException.mock.calls[0][0].message).toMatch(
+        /Error: Some error happened/,
+      );
+      expect(mockError).toHaveBeenCalledTimes(1);
+      expect(mockError.mock.calls[0][0].toString()).toMatch(
+        /Error: Some error happened/,
+      );
     });
   });
 });
diff --git a/Libraries/Core/setUpBatchedBridge.js b/Libraries/Core/setUpBatchedBridge.js
index 8f6db0ec2f1e2a..d718f3c8355f50 100644
--- a/Libraries/Core/setUpBatchedBridge.js
+++ b/Libraries/Core/setUpBatchedBridge.js
@@ -10,52 +10,37 @@
 
 'use strict';
 
-/**
- * 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.
- */
-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.
-   */
+let registerModule;
+if (global.RN$Bridgeless && global.RN$registerCallableModule) {
+  registerModule = global.RN$registerCallableModule;
+} else {
   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'),
-  );
+  registerModule = (moduleName, factory) =>
+    BatchedBridge.registerLazyCallableModule(moduleName, factory);
+}
+
+registerModule('Systrace', () => require('../Performance/Systrace'));
+registerModule('JSTimers', () => require('./Timers/JSTimers'));
+registerModule('HeapCapture', () => require('../HeapCapture/HeapCapture'));
+registerModule('SamplingProfiler', () =>
+  require('../Performance/SamplingProfiler'),
+);
+registerModule('RCTLog', () => require('../Utilities/RCTLog'));
+registerModule('RCTDeviceEventEmitter', () =>
+  require('../EventEmitter/RCTDeviceEventEmitter'),
+);
+registerModule('RCTNativeAppEventEmitter', () =>
+  require('../EventEmitter/RCTNativeAppEventEmitter'),
+);
+registerModule('GlobalPerformanceLogger', () =>
+  require('../Utilities/GlobalPerformanceLogger'),
+);
+registerModule('JSDevSupportModule', () =>
+  require('../Utilities/JSDevSupportModule'),
+);
 
-  if (__DEV__ && !global.__RCTProfileIsProfiling) {
-    BatchedBridge.registerLazyCallableModule('HMRClient', () =>
-      require('../Utilities/HMRClient'),
-    );
-  } else {
-    BatchedBridge.registerLazyCallableModule('HMRClient', () =>
-      require('../Utilities/HMRClientProdShim'),
-    );
-  }
+if (__DEV__ && !global.__RCTProfileIsProfiling) {
+  registerModule('HMRClient', () => require('../Utilities/HMRClient'));
+} else {
+  registerModule('HMRClient', () => require('../Utilities/HMRClientProdShim'));
 }
diff --git a/Libraries/Core/setUpDeveloperTools.js b/Libraries/Core/setUpDeveloperTools.js
index 6fe91a5f0b9a1f..3ee84d8727349d 100644
--- a/Libraries/Core/setUpDeveloperTools.js
+++ b/Libraries/Core/setUpDeveloperTools.js
@@ -54,6 +54,7 @@ if (__DEV__) {
           'trace',
           'info',
           'warn',
+          'error',
           'log',
           'group',
           'groupCollapsed',
diff --git a/Libraries/Core/setUpPerformance.js b/Libraries/Core/setUpPerformance.js
new file mode 100644
index 00000000000000..6fd0a1e42b8213
--- /dev/null
+++ b/Libraries/Core/setUpPerformance.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 strict-local
+ * @format
+ */
+
+'use strict';
+
+if (!global.performance) {
+  global.performance = {};
+}
+
+/**
+ * Returns a double, measured in milliseconds.
+ * https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
+ */
+if (typeof global.performance.now !== 'function') {
+  global.performance.now = function() {
+    const performanceNow = global.nativePerformanceNow || Date.now;
+    return performanceNow();
+  };
+}
diff --git a/Libraries/Core/setUpReactDevTools.js b/Libraries/Core/setUpReactDevTools.js
index 084b2c7f577ca9..2ba4c5dc6a41b0 100644
--- a/Libraries/Core/setUpReactDevTools.js
+++ b/Libraries/Core/setUpReactDevTools.js
@@ -41,7 +41,7 @@ if (__DEV__) {
       const WebSocket = require('../WebSocket/WebSocket');
       const ws = new WebSocket('ws://' + host + ':' + port);
 
-      const viewConfig = require('../Components/View/ReactNativeViewViewConfig.js');
+      const viewConfig = require('../Components/View/ReactNativeViewViewConfig');
       reactDevTools.connectToDevTools({
         isAppActive,
         resolveRNStyle: require('../StyleSheet/flattenStyle'),
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js
index f053e8e283d6ce..f14635ab3a8cfe 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedTextPropTypes.js
@@ -27,7 +27,7 @@ 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
+   * See https://reactnative.dev/docs/text.html#ellipsizemode
    */
   ellipsizeMode: (PropTypes.oneOf([
     'head',
@@ -38,13 +38,13 @@ module.exports = {
   /**
    * Used to truncate the text with an ellipsis.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#numberoflines
+   * See https://reactnative.dev/docs/text.html#numberoflines
    */
   numberOfLines: PropTypes.number,
   /**
    * Set text break strategy on Android.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy
+   * See https://reactnative.dev/docs/text.html#textbreakstrategy
    */
   textBreakStrategy: (PropTypes.oneOf([
     'simple',
@@ -54,63 +54,63 @@ module.exports = {
   /**
    * Invoked on mount and layout changes.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#onlayout
+   * See https://reactnative.dev/docs/text.html#onlayout
    */
   onLayout: PropTypes.func,
   /**
    * This function is called on press.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#onpress
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/docs/text.html#pressretentionoffset
    */
   pressRetentionOffset: DeprecatedEdgeInsetsPropType,
   /**
    * Lets the user select text.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#selectable
+   * See https://reactnative.dev/docs/text.html#selectable
    */
   selectable: PropTypes.bool,
   /**
    * The highlight color of the text.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#selectioncolor
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/docs/text.html#allowfontscaling
    */
   allowFontScaling: PropTypes.bool,
   /**
@@ -124,31 +124,31 @@ module.exports = {
   /**
    * Indicates whether the view is an accessibility element.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#accessible
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/docs/text.html#dataDetectorType
    */
   dataDetectorType: (PropTypes.oneOf(
     DataDetectorTypes,
diff --git a/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js b/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js
index 6268a7f3faedf1..c008361311a7a2 100644
--- a/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js
+++ b/Libraries/DeprecatedPropTypes/DeprecatedViewPropTypes.js
@@ -26,7 +26,7 @@ module.exports = {
    * When `true`, indicates that the view is an accessibility element.
    * By default, all the touchable elements are accessible.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessible
+   * See https://reactnative.dev/docs/view.html#accessible
    */
   accessible: PropTypes.bool,
 
@@ -35,7 +35,7 @@ module.exports = {
    * with the element. By default, the label is constructed by traversing all
    * the children and accumulating all the `Text` nodes separated by space.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilitylabel
+   * See https://reactnative.dev/docs/view.html#accessibilitylabel
    */
   accessibilityLabel: PropTypes.node,
 
@@ -45,7 +45,7 @@ module.exports = {
    * accessibility label.
    *
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityHint
+   * See https://reactnative.dev/docs/view.html#accessibilityHint
    */
   accessibilityHint: PropTypes.string,
 
@@ -108,7 +108,7 @@ module.exports = {
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
+   * See https://reactnative.dev/docs/view.html#accessibilityliveregion
    */
   accessibilityLiveRegion: (PropTypes.oneOf([
     'none',
@@ -123,7 +123,7 @@ module.exports = {
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#importantforaccessibility
+   * See https://reactnative.dev/docs/view.html#importantforaccessibility
    */
   importantForAccessibility: (PropTypes.oneOf([
     'auto',
@@ -139,7 +139,7 @@ module.exports = {
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityviewismodal
+   * See https://reactnative.dev/docs/view.html#accessibilityviewismodal
    */
   accessibilityViewIsModal: PropTypes.bool,
 
@@ -149,7 +149,7 @@ module.exports = {
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityElementsHidden
+   * See https://reactnative.dev/docs/view.html#accessibilityElementsHidden
    */
   accessibilityElementsHidden: PropTypes.bool,
 
@@ -165,7 +165,7 @@ module.exports = {
    * When `accessible` is true, the system will try to invoke this function
    * when the user performs accessibility tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilitytap
+   * See https://reactnative.dev/docs/view.html#onaccessibilitytap
    */
   onAccessibilityTap: PropTypes.func,
 
@@ -173,7 +173,7 @@ module.exports = {
    * When `accessible` is `true`, the system will invoke this function when the
    * user performs the magic tap gesture.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onmagictap
+   * See https://reactnative.dev/docs/view.html#onmagictap
    */
   onMagicTap: PropTypes.func,
 
@@ -182,7 +182,7 @@ module.exports = {
    *
    * > This disables the 'layout-only view removal' optimization for this view!
    *
-   * See http://facebook.github.io/react-native/docs/view.html#testid
+   * See https://reactnative.dev/docs/view.html#testid
    */
   testID: PropTypes.string,
 
@@ -191,7 +191,7 @@ module.exports = {
    *
    * > This disables the 'layout-only view removal' optimization for this view!
    *
-   * See http://facebook.github.io/react-native/docs/view.html#nativeid
+   * See https://reactnative.dev/docs/view.html#nativeid
    */
   nativeID: PropTypes.string,
 
@@ -208,7 +208,7 @@ module.exports = {
    * `View.props.onResponderGrant: (event) => {}`, where `event` is a synthetic
    * touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondergrant
+   * See https://reactnative.dev/docs/view.html#onrespondergrant
    */
   onResponderGrant: PropTypes.func,
 
@@ -218,7 +218,7 @@ module.exports = {
    * `View.props.onResponderMove: (event) => {}`, where `event` is a synthetic
    * touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondermove
+   * See https://reactnative.dev/docs/view.html#onrespondermove
    */
   onResponderMove: PropTypes.func,
 
@@ -229,7 +229,7 @@ module.exports = {
    * `View.props.onResponderReject: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderreject
+   * See https://reactnative.dev/docs/view.html#onresponderreject
    */
   onResponderReject: PropTypes.func,
 
@@ -239,7 +239,7 @@ module.exports = {
    * `View.props.onResponderRelease: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderrelease
+   * See https://reactnative.dev/docs/view.html#onresponderrelease
    */
   onResponderRelease: PropTypes.func,
 
@@ -252,7 +252,7 @@ module.exports = {
    * `View.props.onResponderTerminate: (event) => {}`, where `event` is a
    * synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminate
+   * See https://reactnative.dev/docs/view.html#onresponderterminate
    */
   onResponderTerminate: PropTypes.func,
 
@@ -263,7 +263,7 @@ module.exports = {
    * `View.props.onResponderTerminationRequest: (event) => {}`, where `event`
    * is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminationrequest
+   * See https://reactnative.dev/docs/view.html#onresponderterminationrequest
    */
   onResponderTerminationRequest: PropTypes.func,
 
@@ -273,7 +273,7 @@ module.exports = {
    * `View.props.onStartShouldSetResponder: (event) => [true | false]`, where
    * `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetresponder
+   * See https://reactnative.dev/docs/view.html#onstartshouldsetresponder
    */
   onStartShouldSetResponder: PropTypes.func,
 
@@ -284,7 +284,7 @@ module.exports = {
    * `View.props.onStartShouldSetResponderCapture: (event) => [true | false]`,
    * where `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetrespondercapture
+   * See https://reactnative.dev/docs/view.html#onstartshouldsetrespondercapture
    */
   onStartShouldSetResponderCapture: PropTypes.func,
 
@@ -295,7 +295,7 @@ module.exports = {
    * `View.props.onMoveShouldSetResponder: (event) => [true | false]`, where
    * `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onmoveshouldsetresponder
+   * See https://reactnative.dev/docs/view.html#onmoveshouldsetresponder
    */
   onMoveShouldSetResponder: PropTypes.func,
 
@@ -306,7 +306,7 @@ module.exports = {
    * `View.props.onMoveShouldSetResponderCapture: (event) => [true | false]`,
    * where `event` is a synthetic touch event as described above.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onMoveShouldsetrespondercapture
+   * See https://reactnative.dev/docs/view.html#onMoveShouldsetrespondercapture
    */
   onMoveShouldSetResponderCapture: PropTypes.func,
 
@@ -319,7 +319,7 @@ module.exports = {
    * > of sibling views always takes precedence if a touch hits two overlapping
    * > views.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#hitslop
+   * See https://reactnative.dev/docs/view.html#hitslop
    */
   hitSlop: DeprecatedEdgeInsetsPropType,
 
@@ -332,14 +332,14 @@ module.exports = {
    * the new layout may not yet be reflected on the screen at the time the
    * event is received, especially if a layout animation is in progress.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#onlayout
+   * See https://reactnative.dev/docs/view.html#onlayout
    */
   onLayout: PropTypes.func,
 
   /**
    * Controls whether the `View` can be the target of touch events.
    *
-   * See http://facebook.github.io/react-native/docs/view.html#pointerevents
+   * See https://reactnative.dev/docs/view.html#pointerevents
    */
   pointerEvents: (PropTypes.oneOf([
     'box-none',
@@ -349,7 +349,7 @@ module.exports = {
   ]): React$PropType$Primitive<'box-none' | 'none' | 'box-only' | 'auto'>),
 
   /**
-   * See http://facebook.github.io/react-native/docs/style.html
+   * See https://reactnative.dev/docs/style.html
    */
   style: stylePropType,
 
@@ -361,7 +361,7 @@ module.exports = {
    * subviews must also have `overflow: hidden`, as should the containing view
    * (or one of its superviews).
    *
-   * See http://facebook.github.io/react-native/docs/view.html#removeclippedsubviews
+   * See https://reactnative.dev/docs/view.html#removeclippedsubviews
    */
   removeClippedSubviews: PropTypes.bool,
 
@@ -371,7 +371,7 @@ module.exports = {
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#rendertohardwaretextureandroid
+   * See https://reactnative.dev/docs/view.html#rendertohardwaretextureandroid
    */
   renderToHardwareTextureAndroid: PropTypes.bool,
 
@@ -380,7 +380,7 @@ module.exports = {
    *
    * @platform ios
    *
-   * See http://facebook.github.io/react-native/docs/view.html#shouldrasterizeios
+   * See https://reactnative.dev/docs/view.html#shouldrasterizeios
    */
   shouldRasterizeIOS: PropTypes.bool,
 
@@ -392,7 +392,7 @@ module.exports = {
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#collapsable
+   * See https://reactnative.dev/docs/view.html#collapsable
    */
   collapsable: PropTypes.bool,
 
@@ -402,7 +402,7 @@ module.exports = {
    *
    * @platform android
    *
-   * See http://facebook.github.io/react-native/docs/view.html#needsoffscreenalphacompositing
+   * See https://reactnative.dev/docs/view.html#needsoffscreenalphacompositing
    */
   needsOffscreenAlphaCompositing: PropTypes.bool,
 };
diff --git a/Libraries/Experimental/Incremental.js b/Libraries/Experimental/Incremental.js
deleted file mode 100644
index 11174c0c833294..00000000000000
--- a/Libraries/Experimental/Incremental.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
- * @flow
- */
-
-'use strict';
-
-const InteractionManager = require('../Interaction/InteractionManager');
-const PropTypes = require('prop-types');
-const React = require('react');
-
-const infoLog = require('../Utilities/infoLog');
-
-const DEBUG = false;
-
-/**
- * WARNING: EXPERIMENTAL. Breaking changes will probably happen a lot and will
- * not be reliably announced.  The whole thing might be deleted, who knows? Use
- * at your own risk.
- *
- * React Native helps make apps smooth by doing all the heavy lifting off the
- * main thread, in JavaScript.  That works great a lot of the time, except that
- * heavy operations like rendering may block the JS thread from responding
- * quickly to events like taps, making the app feel sluggish.
- *
- * `<Incremental>` solves this by slicing up rendering into chunks that are
- * spread across multiple event loops. Expensive components can be sliced up
- * recursively by wrapping pieces of them and their descendants in
- * `<Incremental>` components. `<IncrementalGroup>` can be used to make sure
- * everything in the group is rendered recursively before calling `onDone` and
- * moving on to another sibling group (e.g. render one row at a time, even if
- * rendering the top level row component produces more `<Incremental>` chunks).
- * `<IncrementalPresenter>` is a type of `<IncrementalGroup>` that keeps it's
- * children invisible and out of the layout tree until all rendering completes
- * recursively. This means the group will be presented to the user as one unit,
- * rather than pieces popping in sequentially.
- *
- * `<Incremental>` only affects initial render - `setState` and other render
- * updates are unaffected.
- *
- * The chunks are rendered sequentially using the `InteractionManager` queue,
- * which means that rendering will pause if it's interrupted by an interaction,
- * such as an animation or gesture.
- *
- * Note there is some overhead, so you don't want to slice things up too much.
- * A target of 100-200ms of total work per event loop on old/slow devices might
- * be a reasonable place to start.
- *
- * Below is an example that will incrementally render all the parts of `Row` one
- * first, then present them together, then repeat the process for `Row` two, and
- * so on:
- *
- *   render: function() {
- *     return (
- *       <ScrollView>
- *         {Array(10).fill().map((rowIdx) => (
- *           <IncrementalPresenter key={rowIdx}>
- *             <Row>
- *               {Array(20).fill().map((widgetIdx) => (
- *                 <Incremental key={widgetIdx}>
- *                   <SlowWidget />
- *                 </Incremental>
- *               ))}
- *             </Row>
- *           </IncrementalPresenter>
- *         ))}
- *       </ScrollView>
- *     );
- *   };
- *
- * If SlowWidget takes 30ms to render, then without `Incremental`, this would
- * block the JS thread for at least `10 * 20 * 30ms = 6000ms`, but with
- * `Incremental` it will probably not block for more than 50-100ms at a time,
- * allowing user interactions to take place which might even unmount this
- * component, saving us from ever doing the remaining rendering work.
- */
-export type Props = {
-  /**
-   * Called when all the descendants have finished rendering and mounting
-   * recursively.
-   */
-  onDone?: () => void,
-  /**
-   * Tags instances and associated tasks for easier debugging.
-   */
-  name: string,
-  children: React.Node,
-  ...
-};
-type State = {doIncrementalRender: boolean, ...};
-
-class Incremental extends React.Component<Props, State> {
-  props: Props;
-  state: State;
-  context: Context;
-  _incrementId: number;
-  _mounted: boolean;
-  _rendered: boolean;
-
-  static defaultProps: {|name: string|} = {
-    name: '',
-  };
-
-  static contextTypes:
-    | any
-    | {|
-        incrementalGroup: React$PropType$Primitive<any>,
-        incrementalGroupEnabled: React$PropType$Primitive<boolean>,
-      |} = {
-    incrementalGroup: PropTypes.object,
-    incrementalGroupEnabled: PropTypes.bool,
-  };
-
-  constructor(props: Props, context: Context) {
-    super(props, context);
-    this._mounted = false;
-    this.state = {
-      doIncrementalRender: false,
-    };
-  }
-
-  getName(): string {
-    const ctx = this.context.incrementalGroup || {};
-    return ctx.groupId + ':' + this._incrementId + '-' + this.props.name;
-  }
-
-  UNSAFE_componentWillMount() {
-    const ctx = this.context.incrementalGroup;
-    if (!ctx) {
-      return;
-    }
-    this._incrementId = ++ctx.incrementalCount;
-    InteractionManager.runAfterInteractions({
-      name: 'Incremental:' + this.getName(),
-      gen: () =>
-        new Promise(resolve => {
-          if (!this._mounted || this._rendered) {
-            resolve();
-            return;
-          }
-          DEBUG && infoLog('set doIncrementalRender for ' + this.getName());
-          this.setState({doIncrementalRender: true}, resolve);
-        }),
-    })
-      .then(() => {
-        DEBUG && infoLog('call onDone for ' + this.getName());
-        this._mounted && this.props.onDone && this.props.onDone();
-      })
-      .catch(ex => {
-        ex.message = `Incremental render failed for ${this.getName()}: ${
-          ex.message
-        }`;
-        throw ex;
-      })
-      .done();
-  }
-
-  render(): React.Node {
-    if (
-      this._rendered || // Make sure that once we render once, we stay rendered even if incrementalGroupEnabled gets flipped.
-      !this.context.incrementalGroupEnabled ||
-      this.state.doIncrementalRender
-    ) {
-      DEBUG && infoLog('render ' + this.getName());
-      this._rendered = true;
-      return this.props.children;
-    }
-    return null;
-  }
-
-  componentDidMount() {
-    this._mounted = true;
-    if (!this.context.incrementalGroup) {
-      this.props.onDone && this.props.onDone();
-    }
-  }
-
-  componentWillUnmount() {
-    this._mounted = false;
-  }
-}
-
-export type Context = {
-  incrementalGroupEnabled: boolean,
-  incrementalGroup: ?{
-    groupId: string,
-    incrementalCount: number,
-    ...
-  },
-  ...
-};
-
-module.exports = Incremental;
diff --git a/Libraries/FBLazyVector/BUCK b/Libraries/FBLazyVector/BUCK
index 6c3c798d9ca06b..ea6c50f49ffb9e 100644
--- a/Libraries/FBLazyVector/BUCK
+++ b/Libraries/FBLazyVector/BUCK
@@ -3,10 +3,12 @@ load("//tools/build_defs/oss:rn_defs.bzl", "fb_apple_library")
 fb_apple_library(
     name = "FBLazyVector",
     autoglob = True,
+    complete_nullability = True,
     contacts = ["oncall+react_native@xmail.facebook.com"],
     enable_exceptions = False,
+    extension_api_only = True,
     frameworks = [],
-    labels = ["supermodule:ios/isolation/infra.react_native"],
+    labels = ["supermodule:ios/default/public.react_native.infra"],
     link_whole = False,
     visibility = ["PUBLIC"],
 )
diff --git a/Libraries/FBLazyVector/FBLazyVector.podspec b/Libraries/FBLazyVector/FBLazyVector.podspec
index 7fd46967222772..2589deedb00f28 100644
--- a/Libraries/FBLazyVector/FBLazyVector.podspec
+++ b/Libraries/FBLazyVector/FBLazyVector.podspec
@@ -20,10 +20,10 @@ Pod::Spec.new do |s|
   s.name                   = "FBLazyVector"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS ISS#2323203)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS ISS#2323203)
   s.source                 = source
   s.source_files           = "**/*.{c,h,m,mm,cpp}"
   s.header_dir             = "FBLazyVector"
diff --git a/Libraries/FBReactNativeSpec/BUCK b/Libraries/FBReactNativeSpec/BUCK
index 72cb95bac5beb6..dcef02f8165068 100644
--- a/Libraries/FBReactNativeSpec/BUCK
+++ b/Libraries/FBReactNativeSpec/BUCK
@@ -10,15 +10,16 @@ fb_apple_library(
         prefix = "FBReactNativeSpec",
     ),
     contacts = ["oncall+react_native@xmail.facebook.com"],
+    extension_api_only = True,
     frameworks = [
         "Foundation",
         "UIKit",
     ],
-    labels = ["supermodule:ios/isolation/infra.react_native"],
+    labels = ["supermodule:ios/default/public.react_native.infra"],
     reexport_all_header_dependencies = True,
     deps = [
-        "fbsource//xplat/js/react-native-github:RCTTypeSafety",
-        "fbsource//xplat/js/react-native-github/Libraries/RCTRequired:RCTRequired",
+        "//xplat/js/react-native-github:RCTTypeSafety",
+        "//xplat/js/react-native-github/Libraries/RCTRequired:RCTRequired",
         react_native_xplat_target_apple("turbomodule/core:core"),
     ],
 )
diff --git a/Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec b/Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec
index b31fd71130016a..918eb2f371c314 100644
--- a/Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec
+++ b/Libraries/FBReactNativeSpec/FBReactNativeSpec.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "FBReactNativeSpec"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS ISS#2323203)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS ISS#2323203)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "**/*.{c,h,m,mm,cpp}"
diff --git a/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm
index bce1dea35f5dce..1856699aa3f140 100644
--- a/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm
+++ b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec-generated.mm
@@ -36,8 +36,8 @@
     }
 
 
-    NativeAccessibilityInfoSpecJSI::NativeAccessibilityInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AccessibilityInfo", instance, jsInvoker) {
+    NativeAccessibilityInfoSpecJSI::NativeAccessibilityInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AccessibilityInfo", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["isReduceMotionEnabled"] = MethodMetadata {1, __hostFunction_NativeAccessibilityInfoSpecJSI_isReduceMotionEnabled};
         
@@ -103,8 +103,8 @@ + (RCTManagedPointer *)JS_NativeAccessibilityManager_SpecSetAccessibilityContent
     }
 
 
-    NativeAccessibilityManagerSpecJSI::NativeAccessibilityManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AccessibilityManager", instance, jsInvoker) {
+    NativeAccessibilityManagerSpecJSI::NativeAccessibilityManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AccessibilityManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getCurrentBoldTextState"] = MethodMetadata {2, __hostFunction_NativeAccessibilityManagerSpecJSI_getCurrentBoldTextState};
         
@@ -170,8 +170,8 @@ + (RCTManagedPointer *)JS_NativeActionSheetManager_SpecShowShareActionSheetWithO
     }
 
 
-    NativeActionSheetManagerSpecJSI::NativeActionSheetManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ActionSheetManager", instance, jsInvoker) {
+    NativeActionSheetManagerSpecJSI::NativeActionSheetManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ActionSheetManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["showActionSheetWithOptions"] = MethodMetadata {2, __hostFunction_NativeActionSheetManagerSpecJSI_showActionSheetWithOptions};
         
@@ -201,8 +201,8 @@ + (RCTManagedPointer *)JS_NativeAlertManager_Args:(id)json
     }
 
 
-    NativeAlertManagerSpecJSI::NativeAlertManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AlertManager", instance, jsInvoker) {
+    NativeAlertManagerSpecJSI::NativeAlertManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AlertManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["alertWithArgs"] = MethodMetadata {2, __hostFunction_NativeAlertManagerSpecJSI_alertWithArgs};
         
@@ -306,8 +306,8 @@ + (RCTManagedPointer *)JS_NativeAnimatedModule_EventMapping:(id)json
     }
 
 
-    NativeAnimatedModuleSpecJSI::NativeAnimatedModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AnimatedModule", instance, jsInvoker) {
+    NativeAnimatedModuleSpecJSI::NativeAnimatedModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AnimatedModule", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["createAnimatedNode"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_createAnimatedNode};
         
@@ -385,8 +385,8 @@ + (RCTManagedPointer *)JS_NativeAnimatedModule_EventMapping:(id)json
     }
 
 
-    NativeAnimationsDebugModuleSpecJSI::NativeAnimationsDebugModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AnimationsDebugModule", instance, jsInvoker) {
+    NativeAnimationsDebugModuleSpecJSI::NativeAnimationsDebugModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AnimationsDebugModule", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["startRecordingFps"] = MethodMetadata {0, __hostFunction_NativeAnimationsDebugModuleSpecJSI_startRecordingFps};
         
@@ -426,8 +426,8 @@ + (RCTManagedPointer *)JS_NativeAppState_SpecGetCurrentAppStateSuccessAppState:(
     }
 
 
-    NativeAppStateSpecJSI::NativeAppStateSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AppState", instance, jsInvoker) {
+    NativeAppStateSpecJSI::NativeAppStateSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AppState", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getCurrentAppState"] = MethodMetadata {2, __hostFunction_NativeAppStateSpecJSI_getCurrentAppState};
         
@@ -463,8 +463,8 @@ + (RCTManagedPointer *)JS_NativeAppState_SpecGetCurrentAppStateSuccessAppState:(
     }
 
 
-    NativeAppearanceSpecJSI::NativeAppearanceSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("Appearance", instance, jsInvoker) {
+    NativeAppearanceSpecJSI::NativeAppearanceSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("Appearance", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getColorScheme"] = MethodMetadata {0, __hostFunction_NativeAppearanceSpecJSI_getColorScheme};
         
@@ -574,8 +574,8 @@ + (RCTManagedPointer *)JS_NativeAsyncStorage_SpecGetAllKeysCallbackError:(id)jso
     }
 
 
-    NativeAsyncStorageSpecJSI::NativeAsyncStorageSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("AsyncStorage", instance, jsInvoker) {
+    NativeAsyncStorageSpecJSI::NativeAsyncStorageSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("AsyncStorage", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["multiGet"] = MethodMetadata {2, __hostFunction_NativeAsyncStorageSpecJSI_multiGet};
         
@@ -633,8 +633,8 @@ + (RCTManagedPointer *)JS_NativeAsyncStorage_SpecGetAllKeysCallbackError:(id)jso
     }
 
 
-    NativeBlobModuleSpecJSI::NativeBlobModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("BlobModule", instance, jsInvoker) {
+    NativeBlobModuleSpecJSI::NativeBlobModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("BlobModule", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["addNetworkingHandler"] = MethodMetadata {0, __hostFunction_NativeBlobModuleSpecJSI_addNetworkingHandler};
         
@@ -679,8 +679,8 @@ + (RCTManagedPointer *)JS_NativeAsyncStorage_SpecGetAllKeysCallbackError:(id)jso
     }
 
 
-    NativeBugReportingSpecJSI::NativeBugReportingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("BugReporting", instance, jsInvoker) {
+    NativeBugReportingSpecJSI::NativeBugReportingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("BugReporting", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["startReportAProblemFlow"] = MethodMetadata {0, __hostFunction_NativeBugReportingSpecJSI_startReportAProblemFlow};
         
@@ -719,8 +719,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_GetPhotosParams:(id)json
     }
 
 
-    NativeCameraRollManagerSpecJSI::NativeCameraRollManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("CameraRollManager", instance, jsInvoker) {
+    NativeCameraRollManagerSpecJSI::NativeCameraRollManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("CameraRollManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getPhotos"] = MethodMetadata {1, __hostFunction_NativeCameraRollManagerSpecJSI_getPhotos};
         
@@ -786,8 +786,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
     }
 
 
-    NativeClipboardSpecJSI::NativeClipboardSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("Clipboard", instance, jsInvoker) {
+    NativeClipboardSpecJSI::NativeClipboardSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("Clipboard", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getString"] = MethodMetadata {0, __hostFunction_NativeClipboardSpecJSI_getString};
         
@@ -809,8 +809,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
     }
 
 
-    NativeDatePickerAndroidSpecJSI::NativeDatePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DatePickerAndroid", instance, jsInvoker) {
+    NativeDatePickerAndroidSpecJSI::NativeDatePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DatePickerAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["open"] = MethodMetadata {1, __hostFunction_NativeDatePickerAndroidSpecJSI_open};
         
@@ -825,7 +825,7 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
 
     
     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);
+      return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "showMessage", @selector(showMessage:withColor:withBackgroundColor:), args, count);
     }
 
     static facebook::jsi::Value __hostFunction_NativeDevLoadingViewSpecJSI_hide(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
@@ -833,8 +833,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
     }
 
 
-    NativeDevLoadingViewSpecJSI::NativeDevLoadingViewSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DevLoadingView", instance, jsInvoker) {
+    NativeDevLoadingViewSpecJSI::NativeDevLoadingViewSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DevLoadingView", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["showMessage"] = MethodMetadata {3, __hostFunction_NativeDevLoadingViewSpecJSI_showMessage};
         
@@ -872,8 +872,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
     }
 
 
-    NativeDevMenuSpecJSI::NativeDevMenuSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DevMenu", instance, jsInvoker) {
+    NativeDevMenuSpecJSI::NativeDevMenuSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DevMenu", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["show"] = MethodMetadata {0, __hostFunction_NativeDevMenuSpecJSI_show};
         
@@ -931,13 +931,21 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "addMenuItem", @selector(addMenuItem:), args, count);
     }
 
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_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_NativeDevSettingsSpecJSI_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_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<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DevSettings", instance, jsInvoker) {
+    NativeDevSettingsSpecJSI::NativeDevSettingsSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DevSettings", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["reload"] = MethodMetadata {0, __hostFunction_NativeDevSettingsSpecJSI_reload};
         
@@ -963,6 +971,12 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
         methodMap_["addMenuItem"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_addMenuItem};
         
         
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_removeListeners};
+        
+        
         methodMap_["setIsShakeToShowDevMenuEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setIsShakeToShowDevMenuEnabled};
         
         
@@ -980,8 +994,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
     }
 
 
-    NativeDeviceEventManagerSpecJSI::NativeDeviceEventManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DeviceEventManager", instance, jsInvoker) {
+    NativeDeviceEventManagerSpecJSI::NativeDeviceEventManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DeviceEventManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["invokeDefaultBackPressHandler"] = MethodMetadata {0, __hostFunction_NativeDeviceEventManagerSpecJSI_invokeDefaultBackPressHandler};
         
@@ -1000,8 +1014,8 @@ + (RCTManagedPointer *)JS_NativeCameraRollManager_PhotoIdentifiersPage:(id)json
     }
 
 
-    NativeDeviceInfoSpecJSI::NativeDeviceInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DeviceInfo", instance, jsInvoker) {
+    NativeDeviceInfoSpecJSI::NativeDeviceInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DeviceInfo", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeDeviceInfoSpecJSI_getConstants};
         
@@ -1030,8 +1044,8 @@ + (RCTManagedPointer *)JS_NativeDialogManagerAndroid_DialogOptions:(id)json
     }
 
 
-    NativeDialogManagerAndroidSpecJSI::NativeDialogManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("DialogManagerAndroid", instance, jsInvoker) {
+    NativeDialogManagerAndroidSpecJSI::NativeDialogManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("DialogManagerAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["showAlert"] = MethodMetadata {3, __hostFunction_NativeDialogManagerAndroidSpecJSI_showAlert};
         
@@ -1082,8 +1096,8 @@ + (RCTManagedPointer *)JS_NativeExceptionsManager_ExceptionData:(id)json
     }
 
 
-    NativeExceptionsManagerSpecJSI::NativeExceptionsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ExceptionsManager", instance, jsInvoker) {
+    NativeExceptionsManagerSpecJSI::NativeExceptionsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ExceptionsManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["reportFatalException"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_reportFatalException};
         
@@ -1119,8 +1133,8 @@ + (RCTManagedPointer *)JS_NativeExceptionsManager_ExceptionData:(id)json
     }
 
 
-    NativeFileReaderModuleSpecJSI::NativeFileReaderModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("FileReaderModule", instance, jsInvoker) {
+    NativeFileReaderModuleSpecJSI::NativeFileReaderModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("FileReaderModule", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["readAsDataURL"] = MethodMetadata {1, __hostFunction_NativeFileReaderModuleSpecJSI_readAsDataURL};
         
@@ -1160,8 +1174,8 @@ + (RCTManagedPointer *)JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:(id)
     }
 
 
-    NativeFrameRateLoggerSpecJSI::NativeFrameRateLoggerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("FrameRateLogger", instance, jsInvoker) {
+    NativeFrameRateLoggerSpecJSI::NativeFrameRateLoggerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("FrameRateLogger", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["setGlobalOptions"] = MethodMetadata {1, __hostFunction_NativeFrameRateLoggerSpecJSI_setGlobalOptions};
         
@@ -1194,8 +1208,8 @@ + (RCTManagedPointer *)JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:(id)
     }
 
 
-    NativeHeadlessJsTaskSupportSpecJSI::NativeHeadlessJsTaskSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("HeadlessJsTaskSupport", instance, jsInvoker) {
+    NativeHeadlessJsTaskSupportSpecJSI::NativeHeadlessJsTaskSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("HeadlessJsTaskSupport", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["notifyTaskFinished"] = MethodMetadata {1, __hostFunction_NativeHeadlessJsTaskSupportSpecJSI_notifyTaskFinished};
         
@@ -1204,33 +1218,6 @@ + (RCTManagedPointer *)JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:(id)
         
         
 
-    }
-
-  } // 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<CallInvoker> jsInvoker)
-      : ObjCTurboModule("HeapCapture", instance, jsInvoker) {
-        
-        methodMap_["captureHeap"] = MethodMetadata {1, __hostFunction_NativeHeapCaptureSpecJSI_captureHeap};
-        
-        
-        methodMap_["captureComplete"] = MethodMetadata {2, __hostFunction_NativeHeapCaptureSpecJSI_captureComplete};
-        
-        
-
     }
 
   } // namespace react
@@ -1256,8 +1243,8 @@ + (RCTManagedPointer *)JS_NativeFrameRateLogger_SpecSetGlobalOptionsOptions:(id)
     }
 
 
-    NativeI18nManagerSpecJSI::NativeI18nManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("I18nManager", instance, jsInvoker) {
+    NativeI18nManagerSpecJSI::NativeI18nManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("I18nManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["allowRTL"] = MethodMetadata {1, __hostFunction_NativeI18nManagerSpecJSI_allowRTL};
         
@@ -1309,8 +1296,8 @@ + (RCTManagedPointer *)JS_NativeImageEditor_Options:(id)json
     }
 
 
-    NativeImageEditorSpecJSI::NativeImageEditorSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ImageEditor", instance, jsInvoker) {
+    NativeImageEditorSpecJSI::NativeImageEditorSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ImageEditor", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["cropImage"] = MethodMetadata {4, __hostFunction_NativeImageEditorSpecJSI_cropImage};
         
@@ -1346,8 +1333,8 @@ + (RCTManagedPointer *)JS_NativeImageEditor_Options:(id)json
     }
 
 
-    NativeImageLoaderAndroidSpecJSI::NativeImageLoaderAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ImageLoaderAndroid", instance, jsInvoker) {
+    NativeImageLoaderAndroidSpecJSI::NativeImageLoaderAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ImageLoaderAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["abortRequest"] = MethodMetadata {1, __hostFunction_NativeImageLoaderAndroidSpecJSI_abortRequest};
         
@@ -1390,8 +1377,8 @@ + (RCTManagedPointer *)JS_NativeImageEditor_Options:(id)json
     }
 
 
-    NativeImageLoaderIOSSpecJSI::NativeImageLoaderIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ImageLoaderIOS", instance, jsInvoker) {
+    NativeImageLoaderIOSSpecJSI::NativeImageLoaderIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ImageLoaderIOS", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getSize"] = MethodMetadata {1, __hostFunction_NativeImageLoaderIOSSpecJSI_getSize};
         
@@ -1451,8 +1438,8 @@ + (RCTManagedPointer *)JS_NativeImagePickerIOS_SpecOpenSelectDialogConfig:(id)js
     }
 
 
-    NativeImagePickerIOSSpecJSI::NativeImagePickerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ImagePickerIOS", instance, jsInvoker) {
+    NativeImagePickerIOSSpecJSI::NativeImagePickerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ImagePickerIOS", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["canRecordVideos"] = MethodMetadata {1, __hostFunction_NativeImagePickerIOSSpecJSI_canRecordVideos};
         
@@ -1506,8 +1493,8 @@ + (RCTManagedPointer *)JS_NativeImageStore_SpecAddImageFromBase64ErrorCallbackEr
     }
 
 
-    NativeImageStoreSpecJSI::NativeImageStoreSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ImageStore", instance, jsInvoker) {
+    NativeImageStoreSpecJSI::NativeImageStoreSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ImageStore", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getBase64ForTag"] = MethodMetadata {3, __hostFunction_NativeImageStoreSpecJSI_getBase64ForTag};
         
@@ -1522,6 +1509,26 @@ + (RCTManagedPointer *)JS_NativeImageStore_SpecAddImageFromBase64ErrorCallbackEr
         
         
 
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeJSCHeapCaptureSpecJSI_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);
+    }
+
+
+    NativeJSCHeapCaptureSpecJSI::NativeJSCHeapCaptureSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("JSCHeapCapture", instance, jsInvoker, nativeInvoker, perfLogger) {
+        
+        methodMap_["captureComplete"] = MethodMetadata {2, __hostFunction_NativeJSCHeapCaptureSpecJSI_captureComplete};
+        
+        
+
     }
 
   } // namespace react
@@ -1535,8 +1542,8 @@ + (RCTManagedPointer *)JS_NativeImageStore_SpecAddImageFromBase64ErrorCallbackEr
     }
 
 
-    NativeJSCSamplingProfilerSpecJSI::NativeJSCSamplingProfilerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("JSCSamplingProfiler", instance, jsInvoker) {
+    NativeJSCSamplingProfilerSpecJSI::NativeJSCSamplingProfilerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("JSCSamplingProfiler", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["operationComplete"] = MethodMetadata {3, __hostFunction_NativeJSCSamplingProfilerSpecJSI_operationComplete};
         
@@ -1563,8 +1570,8 @@ + (RCTManagedPointer *)JS_NativeImageStore_SpecAddImageFromBase64ErrorCallbackEr
     }
 
 
-    NativeJSDevSupportSpecJSI::NativeJSDevSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("JSDevSupport", instance, jsInvoker) {
+    NativeJSDevSupportSpecJSI::NativeJSDevSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("JSDevSupport", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["onSuccess"] = MethodMetadata {1, __hostFunction_NativeJSDevSupportSpecJSI_onSuccess};
         
@@ -1593,8 +1600,8 @@ + (RCTManagedPointer *)JS_NativeImageStore_SpecAddImageFromBase64ErrorCallbackEr
     }
 
 
-    NativeKeyboardObserverSpecJSI::NativeKeyboardObserverSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("KeyboardObserver", instance, jsInvoker) {
+    NativeKeyboardObserverSpecJSI::NativeKeyboardObserverSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("KeyboardObserver", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeKeyboardObserverSpecJSI_addListener};
         
@@ -1646,8 +1653,8 @@ + (RCTManagedPointer *)JS_NativeLinking_SpecSendIntentExtrasElement:(id)json
     }
 
 
-    NativeLinkingSpecJSI::NativeLinkingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("Linking", instance, jsInvoker) {
+    NativeLinkingSpecJSI::NativeLinkingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("Linking", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getInitialURL"] = MethodMetadata {0, __hostFunction_NativeLinkingSpecJSI_getInitialURL};
         
@@ -1688,8 +1695,8 @@ + (RCTManagedPointer *)JS_NativeLinking_SpecSendIntentExtrasElement:(id)json
     }
 
 
-    NativeLogBoxSpecJSI::NativeLogBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("LogBox", instance, jsInvoker) {
+    NativeLogBoxSpecJSI::NativeLogBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("LogBox", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["show"] = MethodMetadata {0, __hostFunction_NativeLogBoxSpecJSI_show};
         
@@ -1715,8 +1722,8 @@ + (RCTManagedPointer *)JS_NativeLinking_SpecSendIntentExtrasElement:(id)json
     }
 
 
-    NativeModalManagerSpecJSI::NativeModalManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ModalManager", instance, jsInvoker) {
+    NativeModalManagerSpecJSI::NativeModalManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ModalManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeModalManagerSpecJSI_addListener};
         
@@ -1729,12 +1736,6 @@ + (RCTManagedPointer *)JS_NativeLinking_SpecSendIntentExtrasElement:(id)json
 
   } // 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 {
 
@@ -1760,8 +1761,8 @@ + (RCTManagedPointer *)JS_NativeNetworkingAndroid_Header:(id)json
     }
 
 
-    NativeNetworkingAndroidSpecJSI::NativeNetworkingAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("NetworkingAndroid", instance, jsInvoker) {
+    NativeNetworkingAndroidSpecJSI::NativeNetworkingAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("NetworkingAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["sendRequest"] = MethodMetadata {9, __hostFunction_NativeNetworkingAndroidSpecJSI_sendRequest};
         
@@ -1814,8 +1815,8 @@ + (RCTManagedPointer *)JS_NativeNetworkingIOS_SpecSendRequestQuery:(id)json
     }
 
 
-    NativeNetworkingIOSSpecJSI::NativeNetworkingIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("NetworkingIOS", instance, jsInvoker) {
+    NativeNetworkingIOSSpecJSI::NativeNetworkingIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("NetworkingIOS", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["sendRequest"] = MethodMetadata {2, __hostFunction_NativeNetworkingIOSSpecJSI_sendRequest};
         
@@ -1859,8 +1860,8 @@ + (RCTManagedPointer *)JS_NativeNetworkingIOS_SpecSendRequestQuery:(id)json
     }
 
 
-    NativePermissionsAndroidSpecJSI::NativePermissionsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("PermissionsAndroid", instance, jsInvoker) {
+    NativePermissionsAndroidSpecJSI::NativePermissionsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("PermissionsAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["checkPermission"] = MethodMetadata {1, __hostFunction_NativePermissionsAndroidSpecJSI_checkPermission};
         
@@ -1892,8 +1893,8 @@ + (RCTManagedPointer *)JS_NativeNetworkingIOS_SpecSendRequestQuery:(id)json
     }
 
 
-    NativePlatformConstantsAndroidSpecJSI::NativePlatformConstantsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("PlatformConstantsAndroid", instance, jsInvoker) {
+    NativePlatformConstantsAndroidSpecJSI::NativePlatformConstantsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("PlatformConstantsAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getAndroidID"] = MethodMetadata {0, __hostFunction_NativePlatformConstantsAndroidSpecJSI_getAndroidID};
         
@@ -1915,8 +1916,8 @@ + (RCTManagedPointer *)JS_NativeNetworkingIOS_SpecSendRequestQuery:(id)json
     }
 
 
-    NativePlatformConstantsIOSSpecJSI::NativePlatformConstantsIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("PlatformConstantsIOS", instance, jsInvoker) {
+    NativePlatformConstantsIOSSpecJSI::NativePlatformConstantsIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("PlatformConstantsIOS", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativePlatformConstantsIOSSpecJSI_getConstants};
         
@@ -2017,8 +2018,8 @@ + (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Notification:(id)json
     }
 
 
-    NativePushNotificationManagerIOSSpecJSI::NativePushNotificationManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("PushNotificationManagerIOS", instance, jsInvoker) {
+    NativePushNotificationManagerIOSSpecJSI::NativePushNotificationManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("PushNotificationManagerIOS", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["onFinishRemoteNotification"] = MethodMetadata {2, __hostFunction_NativePushNotificationManagerIOSSpecJSI_onFinishRemoteNotification};
         
@@ -2092,8 +2093,8 @@ + (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Notification:(id)json
     }
 
 
-    NativeRedBoxSpecJSI::NativeRedBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("RedBox", instance, jsInvoker) {
+    NativeRedBoxSpecJSI::NativeRedBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("RedBox", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["setExtraData"] = MethodMetadata {2, __hostFunction_NativeRedBoxSpecJSI_setExtraData};
         
@@ -2119,8 +2120,8 @@ + (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Notification:(id)json
     }
 
 
-    NativeSegmentFetcherSpecJSI::NativeSegmentFetcherSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("SegmentFetcher", instance, jsInvoker) {
+    NativeSegmentFetcherSpecJSI::NativeSegmentFetcherSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("SegmentFetcher", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["fetchSegment"] = MethodMetadata {3, __hostFunction_NativeSegmentFetcherSpecJSI_fetchSegment};
         
@@ -2150,8 +2151,8 @@ + (RCTManagedPointer *)JS_NativePushNotificationManagerIOS_Notification:(id)json
     }
 
 
-    NativeSettingsManagerSpecJSI::NativeSettingsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("SettingsManager", instance, jsInvoker) {
+    NativeSettingsManagerSpecJSI::NativeSettingsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("SettingsManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["setValues"] = MethodMetadata {1, __hostFunction_NativeSettingsManagerSpecJSI_setValues};
         
@@ -2182,8 +2183,8 @@ + (RCTManagedPointer *)JS_NativeShareModule_SpecShareContent:(id)json
     }
 
 
-    NativeShareModuleSpecJSI::NativeShareModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ShareModule", instance, jsInvoker) {
+    NativeShareModuleSpecJSI::NativeShareModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ShareModule", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["share"] = MethodMetadata {2, __hostFunction_NativeShareModuleSpecJSI_share};
         
@@ -2203,8 +2204,8 @@ + (RCTManagedPointer *)JS_NativeShareModule_SpecShareContent:(id)json
     }
 
 
-    NativeSoundManagerSpecJSI::NativeSoundManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("SoundManager", instance, jsInvoker) {
+    NativeSoundManagerSpecJSI::NativeSoundManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("SoundManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["playTouchSound"] = MethodMetadata {0, __hostFunction_NativeSoundManagerSpecJSI_playTouchSound};
         
@@ -2223,8 +2224,8 @@ + (RCTManagedPointer *)JS_NativeShareModule_SpecShareContent:(id)json
     }
 
 
-    NativeSourceCodeSpecJSI::NativeSourceCodeSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("SourceCode", instance, jsInvoker) {
+    NativeSourceCodeSpecJSI::NativeSourceCodeSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("SourceCode", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeSourceCodeSpecJSI_getConstants};
         
@@ -2259,8 +2260,8 @@ + (RCTManagedPointer *)JS_NativeShareModule_SpecShareContent:(id)json
     }
 
 
-    NativeStatusBarManagerAndroidSpecJSI::NativeStatusBarManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("StatusBarManagerAndroid", instance, jsInvoker) {
+    NativeStatusBarManagerAndroidSpecJSI::NativeStatusBarManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("StatusBarManagerAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["setColor"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setColor};
         
@@ -2321,8 +2322,8 @@ + (RCTManagedPointer *)JS_NativeStatusBarManagerIOS_SpecGetHeightCallbackResult:
     }
 
 
-    NativeStatusBarManagerIOSSpecJSI::NativeStatusBarManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("StatusBarManagerIOS", instance, jsInvoker) {
+    NativeStatusBarManagerIOSSpecJSI::NativeStatusBarManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("StatusBarManagerIOS", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getHeight"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerIOSSpecJSI_getHeight};
         
@@ -2363,8 +2364,8 @@ + (RCTManagedPointer *)JS_NativeStatusBarManagerIOS_SpecGetHeightCallbackResult:
     }
 
 
-    NativeTVNavigationEventEmitterSpecJSI::NativeTVNavigationEventEmitterSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("TVNavigationEventEmitter", instance, jsInvoker) {
+    NativeTVNavigationEventEmitterSpecJSI::NativeTVNavigationEventEmitterSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("TVNavigationEventEmitter", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeTVNavigationEventEmitterSpecJSI_addListener};
         
@@ -2392,8 +2393,8 @@ + (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerOptions:(id)json
     }
 
 
-    NativeTimePickerAndroidSpecJSI::NativeTimePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("TimePickerAndroid", instance, jsInvoker) {
+    NativeTimePickerAndroidSpecJSI::NativeTimePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("TimePickerAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["open"] = MethodMetadata {1, __hostFunction_NativeTimePickerAndroidSpecJSI_open};
         
@@ -2427,8 +2428,8 @@ + (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerResult:(id)json
     }
 
 
-    NativeTimingSpecJSI::NativeTimingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("Timing", instance, jsInvoker) {
+    NativeTimingSpecJSI::NativeTimingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("Timing", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["createTimer"] = MethodMetadata {4, __hostFunction_NativeTimingSpecJSI_createTimer};
         
@@ -2465,8 +2466,8 @@ + (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerResult:(id)json
     }
 
 
-    NativeToastAndroidSpecJSI::NativeToastAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("ToastAndroid", instance, jsInvoker) {
+    NativeToastAndroidSpecJSI::NativeToastAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("ToastAndroid", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["show"] = MethodMetadata {2, __hostFunction_NativeToastAndroidSpecJSI_show};
         
@@ -2598,8 +2599,8 @@ + (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerResult:(id)json
     }
 
 
-    NativeUIManagerSpecJSI::NativeUIManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("UIManager", instance, jsInvoker) {
+    NativeUIManagerSpecJSI::NativeUIManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("UIManager", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["getConstantsForViewManager"] = MethodMetadata {1, __hostFunction_NativeUIManagerSpecJSI_getConstantsForViewManager};
         
@@ -2704,8 +2705,8 @@ + (RCTManagedPointer *)JS_NativeTimePickerAndroid_TimePickerResult:(id)json
     }
 
 
-    NativeVibrationSpecJSI::NativeVibrationSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("Vibration", instance, jsInvoker) {
+    NativeVibrationSpecJSI::NativeVibrationSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("Vibration", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["vibrate"] = MethodMetadata {1, __hostFunction_NativeVibrationSpecJSI_vibrate};
         
@@ -2760,8 +2761,8 @@ + (RCTManagedPointer *)JS_NativeWebSocketModule_SpecConnectOptions:(id)json
     }
 
 
-    NativeWebSocketModuleSpecJSI::NativeWebSocketModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-      : ObjCTurboModule("WebSocketModule", instance, jsInvoker) {
+    NativeWebSocketModuleSpecJSI::NativeWebSocketModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+      : ObjCTurboModule("WebSocketModule", instance, jsInvoker, nativeInvoker, perfLogger) {
         
         methodMap_["connect"] = MethodMetadata {4, __hostFunction_NativeWebSocketModuleSpecJSI_connect};
         
diff --git a/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h
index 2bb267d5a7b175..c3a848b06e9354 100644
--- a/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h
+++ b/Libraries/FBReactNativeSpec/FBReactNativeSpec/FBReactNativeSpec.h
@@ -42,7 +42,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAccessibilityInfoSpecJSI : public ObjCTurboModule {
     public:
-      NativeAccessibilityInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAccessibilityInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -101,7 +101,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAccessibilityManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeAccessibilityManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAccessibilityManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -117,6 +117,7 @@ namespace JS {
       folly::Optional<double> cancelButtonIndex() const;
       folly::Optional<double> anchor() const;
       folly::Optional<double> tintColor() const;
+      NSString *userInterfaceStyle() const;
 
       SpecShowActionSheetWithOptionsOptions(NSDictionary *const v) : _v(v) {}
     private:
@@ -138,6 +139,7 @@ namespace JS {
       folly::Optional<double> anchor() const;
       folly::Optional<double> tintColor() const;
       folly::Optional<facebook::react::LazyVector<NSString *>> excludedActivityTypes() const;
+      NSString *userInterfaceStyle() const;
 
       SpecShowShareActionSheetWithOptionsOptions(NSDictionary *const v) : _v(v) {}
     private:
@@ -185,7 +187,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeActionSheetManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeActionSheetManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeActionSheetManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -232,7 +234,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAlertManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeAlertManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAlertManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -315,7 +317,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAnimatedModuleSpecJSI : public ObjCTurboModule {
     public:
-      NativeAnimatedModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAnimatedModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -334,7 +336,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAnimationsDebugModuleSpecJSI : public ObjCTurboModule {
     public:
-      NativeAnimationsDebugModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAnimationsDebugModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -401,7 +403,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAppStateSpecJSI : public ObjCTurboModule {
     public:
-      NativeAppStateSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAppStateSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -421,7 +423,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAppearanceSpecJSI : public ObjCTurboModule {
     public:
-      NativeAppearanceSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAppearanceSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -567,7 +569,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeAsyncStorageSpecJSI : public ObjCTurboModule {
     public:
-      NativeAsyncStorageSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeAsyncStorageSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -623,7 +625,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeBlobModuleSpecJSI : public ObjCTurboModule {
     public:
-      NativeBlobModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeBlobModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -644,7 +646,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeBugReportingSpecJSI : public ObjCTurboModule {
     public:
-      NativeBugReportingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeBugReportingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -693,7 +695,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeCameraRollManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeCameraRollManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeCameraRollManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -825,7 +827,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeClipboardSpecJSI : public ObjCTurboModule {
     public:
-      NativeClipboardSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeClipboardSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -845,7 +847,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDatePickerAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeDatePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDatePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -853,8 +855,8 @@ namespace facebook {
 @protocol NativeDevLoadingViewSpec <RCTBridgeModule, RCTTurboModule>
 
 - (void)showMessage:(NSString *)message
-              color:(NSDictionary *)color
-    backgroundColor:(NSDictionary *)backgroundColor;
+          withColor:(NSNumber *)withColor
+withBackgroundColor:(NSNumber *)withBackgroundColor;
 - (void)hide;
 
 @end
@@ -866,7 +868,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDevLoadingViewSpecJSI : public ObjCTurboModule {
     public:
-      NativeDevLoadingViewSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDevLoadingViewSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -888,7 +890,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDevMenuSpecJSI : public ObjCTurboModule {
     public:
-      NativeDevMenuSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDevMenuSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -903,6 +905,8 @@ namespace facebook {
 - (void)setProfilingEnabled:(BOOL)isProfilingEnabled;
 - (void)toggleElementInspector;
 - (void)addMenuItem:(NSString *)title;
+- (void)addListener:(NSString *)eventName;
+- (void)removeListeners:(double)count;
 - (void)setIsShakeToShowDevMenuEnabled:(BOOL)enabled;
 - (void)setIsSecondaryClickToShowDevMenuEnabled:(BOOL)enabled;
 
@@ -915,7 +919,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDevSettingsSpecJSI : public ObjCTurboModule {
     public:
-      NativeDevSettingsSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDevSettingsSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -933,7 +937,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDeviceEventManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeDeviceEventManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDeviceEventManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1075,7 +1079,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDeviceInfoSpecJSI : public ObjCTurboModule {
     public:
-      NativeDeviceInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDeviceInfoSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1151,7 +1155,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeDialogManagerAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeDialogManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeDialogManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1222,7 +1226,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeExceptionsManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeExceptionsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeExceptionsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1246,7 +1250,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeFileReaderModuleSpecJSI : public ObjCTurboModule {
     public:
-      NativeFileReaderModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeFileReaderModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1284,7 +1288,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeFrameRateLoggerSpecJSI : public ObjCTurboModule {
     public:
-      NativeFrameRateLoggerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeFrameRateLoggerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1305,27 +1309,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeHeadlessJsTaskSupportSpecJSI : public ObjCTurboModule {
     public:
-      NativeHeadlessJsTaskSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> 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<CallInvoker> jsInvoker);
+      NativeHeadlessJsTaskSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1376,7 +1360,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeI18nManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeI18nManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeI18nManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1440,6 +1424,7 @@ namespace JS {
       JS::NativeImageEditor::OptionsSize size() const;
       folly::Optional<JS::NativeImageEditor::OptionsDisplaySize> displaySize() const;
       NSString *resizeMode() const;
+      folly::Optional<bool> allowExternalStorage() const;
 
       Options(NSDictionary *const v) : _v(v) {}
     private:
@@ -1467,7 +1452,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeImageEditorSpecJSI : public ObjCTurboModule {
     public:
-      NativeImageEditorSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeImageEditorSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1499,7 +1484,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeImageLoaderAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeImageLoaderAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeImageLoaderAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1529,7 +1514,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeImageLoaderIOSSpecJSI : public ObjCTurboModule {
     public:
-      NativeImageLoaderIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeImageLoaderIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1590,7 +1575,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeImagePickerIOSSpecJSI : public ObjCTurboModule {
     public:
-      NativeImagePickerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeImagePickerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1632,7 +1617,26 @@ namespace facebook {
 
     class JSI_EXPORT NativeImageStoreSpecJSI : public ObjCTurboModule {
     public:
-      NativeImageStoreSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeImageStoreSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
+
+    };
+  } // namespace react
+} // namespace facebook
+@protocol NativeJSCHeapCaptureSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)captureComplete:(NSString *)path
+                  error:(NSString * _Nullable)error;
+
+@end
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'JSCHeapCapture'
+     */
+
+    class JSI_EXPORT NativeJSCHeapCaptureSpecJSI : public ObjCTurboModule {
+    public:
+      NativeJSCHeapCaptureSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1652,7 +1656,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeJSCSamplingProfilerSpecJSI : public ObjCTurboModule {
     public:
-      NativeJSCSamplingProfilerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeJSCSamplingProfilerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1688,7 +1692,7 @@ namespace JS {
 }
 @protocol NativeJSDevSupportSpec <RCTBridgeModule, RCTTurboModule>
 
-- (void)onSuccess:(NSDictionary *)data;
+- (void)onSuccess:(NSString *)data;
 - (void)onFailure:(double)errorCode
             error:(NSString *)error;
 - (facebook::react::ModuleConstants<JS::NativeJSDevSupport::Constants::Builder>)constantsToExport;
@@ -1703,7 +1707,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeJSDevSupportSpecJSI : public ObjCTurboModule {
     public:
-      NativeJSDevSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeJSDevSupportSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1722,7 +1726,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeKeyboardObserverSpecJSI : public ObjCTurboModule {
     public:
-      NativeKeyboardObserverSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeKeyboardObserverSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1772,7 +1776,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeLinkingSpecJSI : public ObjCTurboModule {
     public:
-      NativeLinkingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeLinkingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1791,7 +1795,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeLogBoxSpecJSI : public ObjCTurboModule {
     public:
-      NativeLogBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeLogBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1810,28 +1814,11 @@ namespace facebook {
 
     class JSI_EXPORT NativeModalManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeModalManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeModalManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // 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
@@ -1857,7 +1844,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeNetworkingAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeNetworkingAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeNetworkingAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1903,7 +1890,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeNetworkingIOSSpecJSI : public ObjCTurboModule {
     public:
-      NativeNetworkingIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeNetworkingIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1932,7 +1919,7 @@ namespace facebook {
 
     class JSI_EXPORT NativePermissionsAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativePermissionsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativePermissionsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -1982,7 +1969,7 @@ namespace JS {
           RCTRequired<NSString *> Serial;
           RCTRequired<NSString *> Fingerprint;
           RCTRequired<NSString *> Model;
-          RCTRequired<NSString *> ServerHost;
+          NSString *ServerHost;
           RCTRequired<NSString *> uiMode;
         };
 
@@ -2019,7 +2006,7 @@ namespace facebook {
 
     class JSI_EXPORT NativePlatformConstantsAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativePlatformConstantsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativePlatformConstantsAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2102,7 +2089,7 @@ namespace facebook {
 
     class JSI_EXPORT NativePlatformConstantsIOSSpecJSI : public ObjCTurboModule {
     public:
-      NativePlatformConstantsIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativePlatformConstantsIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2200,7 +2187,7 @@ namespace facebook {
 
     class JSI_EXPORT NativePushNotificationManagerIOSSpecJSI : public ObjCTurboModule {
     public:
-      NativePushNotificationManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativePushNotificationManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2220,7 +2207,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeRedBoxSpecJSI : public ObjCTurboModule {
     public:
-      NativeRedBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeRedBoxSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2243,7 +2230,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeSegmentFetcherSpecJSI : public ObjCTurboModule {
     public:
-      NativeSegmentFetcherSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeSegmentFetcherSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2292,7 +2279,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeSettingsManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeSettingsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeSettingsManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2330,7 +2317,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeShareModuleSpecJSI : public ObjCTurboModule {
     public:
-      NativeShareModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeShareModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2348,7 +2335,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeSoundManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeSoundManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeSoundManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2395,7 +2382,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeSourceCodeSpecJSI : public ObjCTurboModule {
     public:
-      NativeSourceCodeSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeSourceCodeSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2448,7 +2435,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeStatusBarManagerAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeStatusBarManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeStatusBarManagerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2520,7 +2507,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeStatusBarManagerIOSSpecJSI : public ObjCTurboModule {
     public:
-      NativeStatusBarManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeStatusBarManagerIOSSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2539,7 +2526,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeTVNavigationEventEmitterSpecJSI : public ObjCTurboModule {
     public:
-      NativeTVNavigationEventEmitterSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeTVNavigationEventEmitterSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2578,7 +2565,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeTimePickerAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeTimePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeTimePickerAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2619,7 +2606,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeTimingSpecJSI : public ObjCTurboModule {
     public:
-      NativeTimingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeTimingSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2680,7 +2667,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeToastAndroidSpecJSI : public ObjCTurboModule {
     public:
-      NativeToastAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeToastAndroidSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2784,7 +2771,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeUIManagerSpecJSI : public ObjCTurboModule {
     public:
-      NativeUIManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeUIManagerSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2805,7 +2792,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeVibrationSpecJSI : public ObjCTurboModule {
     public:
-      NativeVibrationSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeVibrationSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2852,7 +2839,7 @@ namespace facebook {
 
     class JSI_EXPORT NativeWebSocketModuleSpecJSI : public ObjCTurboModule {
     public:
-      NativeWebSocketModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+      NativeWebSocketModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 
     };
   } // namespace react
@@ -2956,6 +2943,11 @@ inline folly::Optional<double> JS::NativeActionSheetManager::SpecShowActionSheet
   id const p = _v[@"tintColor"];
   return RCTBridgingToOptionalDouble(p);
 }
+inline NSString *JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions::userInterfaceStyle() const
+{
+  id const p = _v[@"userInterfaceStyle"];
+  return RCTBridgingToString(p);
+}
 inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::message() const
 {
   id const p = _v[@"message"];
@@ -2986,6 +2978,11 @@ inline folly::Optional<facebook::react::LazyVector<NSString *>> JS::NativeAction
   id const p = _v[@"excludedActivityTypes"];
   return RCTBridgingToOptionalVec(p, ^NSString *(id itemValue_0) { return RCTBridgingToString(itemValue_0); });
 }
+inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions::userInterfaceStyle() const
+{
+  id const p = _v[@"userInterfaceStyle"];
+  return RCTBridgingToString(p);
+}
 inline NSString *JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsFailureCallbackError::domain() const
 {
   id const p = _v[@"domain"];
@@ -3529,6 +3526,11 @@ inline NSString *JS::NativeImageEditor::Options::resizeMode() const
   id const p = _v[@"resizeMode"];
   return RCTBridgingToString(p);
 }
+inline folly::Optional<bool> JS::NativeImageEditor::Options::allowExternalStorage() const
+{
+  id const p = _v[@"allowExternalStorage"];
+  return RCTBridgingToOptionalBool(p);
+}
 inline bool JS::NativeImagePickerIOS::SpecOpenCameraDialogConfig::unmirrorFrontFacingCamera() const
 {
   id const p = _v[@"unmirrorFrontFacingCamera"];
@@ -3575,16 +3577,6 @@ inline id<NSObject> JS::NativeLinking::SpecSendIntentExtrasElement::value() cons
   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"];
@@ -3656,7 +3648,7 @@ inline JS::NativePlatformConstantsAndroid::Constants::Builder::Builder(const Inp
   d[@"Fingerprint"] = Fingerprint;
   auto Model = i.Model.get();
   d[@"Model"] = Model;
-  auto ServerHost = i.ServerHost.get();
+  auto ServerHost = i.ServerHost;
   d[@"ServerHost"] = ServerHost;
   auto uiMode = i.uiMode.get();
   d[@"uiMode"] = uiMode;
diff --git a/Libraries/HeapCapture/HeapCapture.js b/Libraries/HeapCapture/HeapCapture.js
index 9cbabc60417487..903343a05b0601 100644
--- a/Libraries/HeapCapture/HeapCapture.js
+++ b/Libraries/HeapCapture/HeapCapture.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import NativeHeapCapture from './NativeHeapCapture';
+import NativeJSCHeapCapture from './NativeJSCHeapCapture';
 
 const HeapCapture = {
   captureHeap: function(path: string) {
@@ -22,8 +22,8 @@ const HeapCapture = {
       console.log('HeapCapture.captureHeap error: ' + e.toString());
       error = e.toString();
     }
-    if (NativeHeapCapture) {
-      NativeHeapCapture.captureComplete(path, error);
+    if (NativeJSCHeapCapture) {
+      NativeJSCHeapCapture.captureComplete(path, error);
     }
   },
 };
diff --git a/Libraries/HeapCapture/NativeHeapCapture.js b/Libraries/HeapCapture/NativeJSCHeapCapture.js
similarity index 76%
rename from Libraries/HeapCapture/NativeHeapCapture.js
rename to Libraries/HeapCapture/NativeJSCHeapCapture.js
index 5d778e44771467..05e941f17e7b83 100644
--- a/Libraries/HeapCapture/NativeHeapCapture.js
+++ b/Libraries/HeapCapture/NativeJSCHeapCapture.js
@@ -14,11 +14,7 @@ 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);
+export default (TurboModuleRegistry.get<Spec>('JSCHeapCapture'): ?Spec);
diff --git a/Libraries/Image/AssetSourceResolver.js b/Libraries/Image/AssetSourceResolver.js
index 624c6225c2008f..bc671090b25b5f 100644
--- a/Libraries/Image/AssetSourceResolver.js
+++ b/Libraries/Image/AssetSourceResolver.js
@@ -114,7 +114,12 @@ class AssetSourceResolver {
    */
   scaledAssetURLNearBundle(): ResolvedAssetSource {
     const path = this.jsbundleUrl || 'file://';
-    return this.fromSource(path + getScaledAssetPath(this.asset));
+    return this.fromSource(
+      // Assets can have relative paths outside of the project root.
+      // When bundling them we replace `../` with `_` to make sure they
+      // don't end up outside of the expected assets directory.
+      path + getScaledAssetPath(this.asset).replace(/\.\.\//g, '_'),
+    );
   }
 
   /**
diff --git a/Libraries/Image/Image.android.js b/Libraries/Image/Image.android.js
index fec14e0487f7ea..5e57732a855424 100644
--- a/Libraries/Image/Image.android.js
+++ b/Libraries/Image/Image.android.js
@@ -13,13 +13,14 @@
 const DeprecatedImageStylePropTypes = require('../DeprecatedPropTypes/DeprecatedImageStylePropTypes');
 const DeprecatedStyleSheetPropType = require('../DeprecatedPropTypes/DeprecatedStyleSheetPropType');
 const DeprecatedViewPropTypes = require('../DeprecatedPropTypes/DeprecatedViewPropTypes');
-const ImageViewNativeComponent = require('./ImageViewNativeComponent');
+import ImageViewNativeComponent from './ImageViewNativeComponent';
 const PropTypes = require('prop-types');
 const React = require('react');
 const ReactNative = require('../Renderer/shims/ReactNative'); // eslint-disable-line no-unused-vars
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const TextAncestor = require('../Text/TextAncestor');
 
+const ImageAnalyticsTagContext = require('./ImageAnalyticsTagContext').default;
 const flattenStyle = require('../StyleSheet/flattenStyle');
 const resolveAssetSource = require('./resolveAssetSource');
 
@@ -40,7 +41,7 @@ const ImageProps = {
     DeprecatedImageStylePropTypes,
   ): ReactPropsCheckType),
   /**
-   * See https://facebook.github.io/react-native/docs/image.html#source
+   * See https://reactnative.dev/docs/image.html#source
    */
   source: (PropTypes.oneOfType([
     PropTypes.shape({
@@ -76,15 +77,15 @@ const ImageProps = {
   /**
    * blurRadius: the blur radius of the blur filter added to the image
    *
-   * See https://facebook.github.io/react-native/docs/image.html#blurradius
+   * See https://reactnative.dev/docs/image.html#blurradius
    */
   blurRadius: PropTypes.number,
   /**
-   * See https://facebook.github.io/react-native/docs/image.html#defaultsource
+   * See https://reactnative.dev/docs/image.html#defaultsource
    */
   defaultSource: PropTypes.number,
   /**
-   * See https://facebook.github.io/react-native/docs/image.html#loadingindicatorsource
+   * See https://reactnative.dev/docs/image.html#loadingindicatorsource
    */
   loadingIndicatorSource: (PropTypes.oneOfType([
     PropTypes.shape({
@@ -95,6 +96,10 @@ const ImageProps = {
   ]): React$PropType$Primitive<{uri?: string, ...} | number>),
   progressiveRenderingEnabled: PropTypes.bool,
   fadeDuration: PropTypes.number,
+  /**
+   * Analytics Tag used by this Image
+   */
+  internal_analyticTag: PropTypes.string,
   /**
    * Invoked on load start
    */
@@ -119,7 +124,7 @@ const ImageProps = {
    * The mechanism that should be used to resize the image when the image's dimensions
    * differ from the image view's dimensions. Defaults to `auto`.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#resizemethod
+   * See https://reactnative.dev/docs/image.html#resizemethod
    */
   resizeMethod: (PropTypes.oneOf([
     'auto',
@@ -130,7 +135,7 @@ const ImageProps = {
    * Determines how to resize the image when the frame doesn't match the raw
    * image dimensions.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#resizemode
+   * See https://reactnative.dev/docs/image.html#resizemode
    */
   resizeMode: (PropTypes.oneOf([
     'cover',
@@ -146,7 +151,7 @@ const ImageProps = {
 /**
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsize
+ * See https://reactnative.dev/docs/image.html#getsize
  */
 function getSize(
   url: string,
@@ -169,7 +174,7 @@ function getSize(
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  * with the ability to provide the headers for the request
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsizewithheaders
+ * See https://reactnative.dev/docs/image.html#getsizewithheaders
  */
 function getSizeWithHeaders(
   url: string,
@@ -202,7 +207,7 @@ function abortPrefetch(requestId: number) {
 /**
  * Perform cache interrogation.
  *
- * See https://facebook.github.io/react-native/docs/image.html#querycache
+ * See https://reactnative.dev/docs/image.html#querycache
  */
 async function queryCache(
   urls: Array<string>,
@@ -225,7 +230,7 @@ type ImageComponentStatics = $ReadOnly<{|
  * including network images, static resources, temporary local images, and
  * images from local disk, such as the camera roll.
  *
- * See https://facebook.github.io/react-native/docs/image.html
+ * See https://reactnative.dev/docs/image.html
  */
 let Image = (props: ImagePropsType, forwardedRef) => {
   let source = resolveAssetSource(props.source);
@@ -263,12 +268,8 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   let style;
   let sources;
   if (source?.uri != null) {
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
     const {width, height} = source;
     style = flattenStyle([{width, height}, styles.base, props.style]);
-    /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-     * when making Flow check .android.js files. */
     sources = [{uri: source.uri}];
   } else {
     style = flattenStyle([styles.base, props.style]);
@@ -292,15 +293,28 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   };
 
   return (
-    <TextAncestor.Consumer>
-      {hasTextAncestor =>
-        hasTextAncestor ? (
-          <TextInlineImageNativeComponent {...nativeProps} />
-        ) : (
-          <ImageViewNativeComponent {...nativeProps} />
-        )
-      }
-    </TextAncestor.Consumer>
+    <ImageAnalyticsTagContext.Consumer>
+      {analyticTag => {
+        const nativePropsWithAnalytics =
+          analyticTag !== null
+            ? {
+                ...nativeProps,
+                internal_analyticTag: analyticTag,
+              }
+            : nativeProps;
+        return (
+          <TextAncestor.Consumer>
+            {hasTextAncestor =>
+              hasTextAncestor ? (
+                <TextInlineImageNativeComponent {...nativePropsWithAnalytics} />
+              ) : (
+                <ImageViewNativeComponent {...nativePropsWithAnalytics} />
+              )
+            }
+          </TextAncestor.Consumer>
+        );
+      }}
+    </ImageAnalyticsTagContext.Consumer>
   );
 };
 
@@ -315,7 +329,7 @@ Image.displayName = 'Image';
 /**
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsize
+ * See https://reactnative.dev/docs/image.html#getsize
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -326,7 +340,7 @@ Image.getSize = getSize;
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  * with the ability to provide the headers for the request
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsizewithheaders
+ * See https://reactnative.dev/docs/image.html#getsizewithheaders
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -337,7 +351,7 @@ Image.getSizeWithHeaders = getSizeWithHeaders;
  * Prefetches a remote image for later use by downloading it to the disk
  * cache
  *
- * See https://facebook.github.io/react-native/docs/image.html#prefetch
+ * See https://reactnative.dev/docs/image.html#prefetch
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -347,7 +361,7 @@ Image.prefetch = prefetch;
 /**
  * Abort prefetch request.
  *
- * See https://facebook.github.io/react-native/docs/image.html#abortprefetch
+ * See https://reactnative.dev/docs/image.html#abortprefetch
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -357,7 +371,7 @@ Image.abortPrefetch = abortPrefetch;
 /**
  * Perform cache interrogation.
  *
- * See https://facebook.github.io/react-native/docs/image.html#querycache
+ * See https://reactnative.dev/docs/image.html#querycache
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
@@ -367,7 +381,7 @@ Image.queryCache = queryCache;
 /**
  * Resolves an asset reference into an object.
  *
- * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
+ * See https://reactnative.dev/docs/image.html#resolveassetsource
  */
 /* $FlowFixMe(>=0.89.0 site=react_native_android_fb) This comment suppresses an
  * error found when Flow v0.89 was deployed. To see the error, delete this
diff --git a/Libraries/Image/Image.ios.js b/Libraries/Image/Image.ios.js
index 5cd788918f7b40..22b28309076ee1 100644
--- a/Libraries/Image/Image.ios.js
+++ b/Libraries/Image/Image.ios.js
@@ -23,7 +23,7 @@ import type {ImageProps as ImagePropsType} from './ImageProps';
 import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
 import NativeImageLoaderIOS from './NativeImageLoaderIOS';
 
-const RCTImageView = require('./ImageViewNativeComponent');
+import ImageViewNativeComponent from './ImageViewNativeComponent';
 
 function getSize(
   uri: string,
@@ -82,7 +82,7 @@ type ImageComponentStatics = $ReadOnly<{|
  * including network images, static resources, temporary local images, and
  * images from local disk, such as the camera roll.
  *
- * See https://facebook.github.io/react-native/docs/image.html
+ * See https://reactnative.dev/docs/image.html
  */
 let Image = (props: ImagePropsType, forwardedRef) => {
   const source = resolveAssetSource(props.source) || {
@@ -124,7 +124,7 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   }
 
   return (
-    <RCTImageView
+    <ImageViewNativeComponent
       {...props}
       ref={forwardedRef}
       style={style}
@@ -135,15 +135,16 @@ let Image = (props: ImagePropsType, forwardedRef) => {
   );
 };
 
-Image = React.forwardRef<ImagePropsType, React.ElementRef<typeof RCTImageView>>(
-  Image,
-);
+Image = React.forwardRef<
+  ImagePropsType,
+  React.ElementRef<typeof ImageViewNativeComponent>,
+>(Image);
 Image.displayName = 'Image';
 
 /**
  * Retrieve the width and height (in pixels) of an image prior to displaying it.
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsize
+ * See https://reactnative.dev/docs/image.html#getsize
  */
 /* $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
@@ -154,7 +155,7 @@ Image.getSize = getSize;
  * Retrieve the width and height (in pixels) of an image prior to displaying it
  * with the ability to provide the headers for the request.
  *
- * See https://facebook.github.io/react-native/docs/image.html#getsizewithheaders
+ * See https://reactnative.dev/docs/image.html#getsizewithheaders
  */
 /* $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
@@ -165,7 +166,7 @@ Image.getSizeWithHeaders = getSizeWithHeaders;
  * Prefetches a remote image for later use by downloading it to the disk
  * cache.
  *
- * See https://facebook.github.io/react-native/docs/image.html#prefetch
+ * See https://reactnative.dev/docs/image.html#prefetch
  */
 /* $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
@@ -175,7 +176,7 @@ Image.prefetch = prefetch;
 /**
  * Performs cache interrogation.
  *
- *  See https://facebook.github.io/react-native/docs/image.html#querycache
+ *  See https://reactnative.dev/docs/image.html#querycache
  */
 /* $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
@@ -185,7 +186,7 @@ Image.queryCache = queryCache;
 /**
  * Resolves an asset reference into an object.
  *
- * See https://facebook.github.io/react-native/docs/image.html#resolveassetsource
+ * See https://reactnative.dev/docs/image.html#resolveassetsource
  */
 /* $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
@@ -205,6 +206,6 @@ const styles = StyleSheet.create({
 
 module.exports = ((Image: any): React.AbstractComponent<
   ImagePropsType,
-  React.ElementRef<typeof RCTImageView>,
+  React.ElementRef<typeof ImageViewNativeComponent>,
 > &
   ImageComponentStatics);
diff --git a/Libraries/StyleSheet/NativeOrDynamicColorType.js b/Libraries/Image/ImageAnalyticsTagContext.js
similarity index 54%
rename from Libraries/StyleSheet/NativeOrDynamicColorType.js
rename to Libraries/Image/ImageAnalyticsTagContext.js
index a3a24dc7585f7d..ea458bf0c28043 100644
--- a/Libraries/StyleSheet/NativeOrDynamicColorType.js
+++ b/Libraries/Image/ImageAnalyticsTagContext.js
@@ -4,16 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
 'use strict';
 
-export type NativeOrDynamicColorType = {
-  semantic?: string,
-  dynamic?: {
-    light: ?(string | number | NativeOrDynamicColorType),
-    dark: ?(string | number | NativeOrDynamicColorType),
-  },
-};
+import * as React from 'react';
+
+type ContextType = ?string;
+
+const Context: React.Context<ContextType> = React.createContext<ContextType>(
+  null,
+);
+
+export default Context;
diff --git a/Libraries/Image/ImageBackground.js b/Libraries/Image/ImageBackground.js
index d9c849c5270e30..b4b6223b846b61 100644
--- a/Libraries/Image/ImageBackground.js
+++ b/Libraries/Image/ImageBackground.js
@@ -27,7 +27,7 @@ const View = require('../Components/View/View');
  *     return (
  *       <ImageBackground
  *         style={{width: 50, height: 50}}
- *         source={{uri: 'https://facebook.github.io/react-native/img/opengraph.png'}}
+ *         source={{uri: 'https://reactnative.dev/img/opengraph.png'}}
  *       >
  *         <Text>React</Text>
  *       </ImageBackground>
diff --git a/Libraries/Image/ImageProps.js b/Libraries/Image/ImageProps.js
index b3098a814debeb..8f8512e06cb861 100644
--- a/Libraries/Image/ImageProps.js
+++ b/Libraries/Image/ImageProps.js
@@ -14,7 +14,6 @@ import type {SyntheticEvent, LayoutEvent} from '../Types/CoreEventTypes';
 import type {EdgeInsetsProp} from '../StyleSheet/EdgeInsetsPropType';
 import type {ImageSource} from './ImageSource';
 import type {ViewStyleProp, ImageStyleProp} from '../StyleSheet/StyleSheet';
-import type {DimensionValue} from '../StyleSheet/StyleSheetTypes';
 import type {ViewProps} from '../Components/View/ViewPropTypes';
 
 export type ImageLoadEvent = SyntheticEvent<
@@ -32,19 +31,19 @@ type IOSImageProps = $ReadOnly<{|
   /**
    * A static image to display while loading the image source.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#defaultsource
+   * See https://reactnative.dev/docs/image.html#defaultsource
    */
   defaultSource?: ?ImageSource,
   /**
    * Invoked when a partial load of the image is complete.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onpartialload
+   * See https://reactnative.dev/docs/image.html#onpartialload
    */
   onPartialLoad?: ?() => void,
   /**
    * Invoked on download progress with `{nativeEvent: {loaded, total}}`.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onprogress
+   * See https://reactnative.dev/docs/image.html#onprogress
    */
   onProgress?: ?(
     event: SyntheticEvent<$ReadOnly<{|loaded: number, total: number|}>>,
@@ -65,34 +64,39 @@ export type ImageProps = {|
   /**
    * When true, indicates the image is an accessibility element.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#accessible
+   * See https://reactnative.dev/docs/image.html#accessible
    */
   accessible?: ?boolean,
 
+  /**
+   * Internal prop to set an "Analytics Tag" that can will be set on the Image
+   */
+  internal_analyticTag?: ?string,
+
   /**
    * The text that's read by the screen reader when the user interacts with
    * the image.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#accessibilitylabel
+   * See https://reactnative.dev/docs/image.html#accessibilitylabel
    */
   accessibilityLabel?: ?Stringish,
 
   /**
    * blurRadius: the blur radius of the blur filter added to the image
    *
-   * See https://facebook.github.io/react-native/docs/image.html#blurradius
+   * See https://reactnative.dev/docs/image.html#blurradius
    */
   blurRadius?: ?number,
 
   /**
-   * See https://facebook.github.io/react-native/docs/image.html#capinsets
+   * See https://reactnative.dev/docs/image.html#capinsets
    */
   capInsets?: ?EdgeInsetsProp,
 
   /**
    * Invoked on load error with `{nativeEvent: {error}}`.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onerror
+   * See https://reactnative.dev/docs/image.html#onerror
    */
   onError?: ?(
     event: SyntheticEvent<
@@ -106,7 +110,7 @@ export type ImageProps = {|
    * Invoked on mount and layout changes with
    * `{nativeEvent: {layout: {x, y, width, height}}}`.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onlayout
+   * See https://reactnative.dev/docs/image.html#onlayout
    */
 
   onLayout?: ?(event: LayoutEvent) => mixed,
@@ -114,50 +118,46 @@ export type ImageProps = {|
   /**
    * Invoked when load completes successfully.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onload
+   * See https://reactnative.dev/docs/image.html#onload
    */
   onLoad?: ?(event: ImageLoadEvent) => void,
 
   /**
    * Invoked when load either succeeds or fails.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onloadend
+   * See https://reactnative.dev/docs/image.html#onloadend
    */
   onLoadEnd?: ?() => void,
 
   /**
    * Invoked on load start.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#onloadstart
+   * See https://reactnative.dev/docs/image.html#onloadstart
    */
   onLoadStart?: ?() => void,
 
   /**
-   * See https://facebook.github.io/react-native/docs/image.html#resizemethod
+   * See https://reactnative.dev/docs/image.html#resizemethod
    */
   resizeMethod?: ?('auto' | 'resize' | 'scale'),
 
   /**
    * The image source (either a remote URL or a local file resource).
    *
-   * See https://facebook.github.io/react-native/docs/image.html#source
+   * See https://reactnative.dev/docs/image.html#source
    */
   source?: ?ImageSource,
 
   /**
-   * See https://facebook.github.io/react-native/docs/image.html#style
+   * See https://reactnative.dev/docs/image.html#style
    */
   style?: ?ImageStyleProp,
 
-  // Can be set via props or style, for now
-  height?: ?DimensionValue,
-  width?: ?DimensionValue,
-
   /**
    * Determines how to resize the image when the frame doesn't match the raw
    * image dimensions.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#resizemode
+   * See https://reactnative.dev/docs/image.html#resizemode
    */
   resizeMode?: ?('cover' | 'contain' | 'stretch' | 'repeat' | 'center'),
 
@@ -165,7 +165,7 @@ export type ImageProps = {|
    * A unique identifier for this element to be used in UI Automation
    * testing scripts.
    *
-   * See https://facebook.github.io/react-native/docs/image.html#testid
+   * See https://reactnative.dev/docs/image.html#testid
    */
   testID?: ?string,
 
diff --git a/Libraries/Image/ImageViewNativeComponent.js b/Libraries/Image/ImageViewNativeComponent.js
index a2f9bd587677e3..b5dea64e6f19f7 100644
--- a/Libraries/Image/ImageViewNativeComponent.js
+++ b/Libraries/Image/ImageViewNativeComponent.js
@@ -12,8 +12,6 @@
 
 const requireNativeComponent = require('../ReactNative/requireNativeComponent');
 
-import codegenNativeComponent from '../Utilities/codegenNativeComponent';
-
 import type {DangerouslyImpreciseStyle} from '../StyleSheet/StyleSheet';
 import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
@@ -22,6 +20,9 @@ import type {ViewProps} from '../Components/View/ViewPropTypes';
 import type {ImageStyleProp} from '../StyleSheet/StyleSheet';
 import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
 
+import ImageViewViewConfig from './ImageViewViewConfig';
+const ReactNativeViewConfigRegistry = require('../Renderer/shims/ReactNativeViewConfigRegistry');
+
 type NativeProps = $ReadOnly<{|
   ...ImageProps,
   ...ViewProps,
@@ -40,15 +41,16 @@ type NativeProps = $ReadOnly<{|
 |}>;
 
 let ImageViewNativeComponent;
-
 if (global.RN$Bridgeless) {
-  ImageViewNativeComponent = codegenNativeComponent<NativeProps>(
-    'RCTImageView',
-  );
+  ReactNativeViewConfigRegistry.register('RCTImageView', () => {
+    return ImageViewViewConfig;
+  });
+  ImageViewNativeComponent = 'RCTImageView';
 } else {
   ImageViewNativeComponent = requireNativeComponent<NativeProps>(
     'RCTImageView',
   );
 }
 
-module.exports = (ImageViewNativeComponent: HostComponent<NativeProps>);
+// flowlint-next-line unclear-type:off
+export default ((ImageViewNativeComponent: any): HostComponent<NativeProps>);
diff --git a/Libraries/Image/ImageViewViewConfig.js b/Libraries/Image/ImageViewViewConfig.js
new file mode 100644
index 00000000000000..5870038e97d584
--- /dev/null
+++ b/Libraries/Image/ImageViewViewConfig.js
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 ReactNativeViewViewConfig from '../Components/View/ReactNativeViewViewConfig';
+import type {ReactNativeBaseComponentViewConfig} from '../Renderer/shims/ReactNativeTypes';
+
+const ImageViewViewConfig = {
+  uiViewClassName: 'RCTImageView',
+  bubblingEventTypes: {},
+  directEventTypes: {
+    topLoadStart: {
+      registrationName: 'onLoadStart',
+    },
+    topProgress: {
+      registrationName: 'onProgress',
+    },
+    topError: {
+      registrationName: 'onError',
+    },
+    topPartialLoad: {
+      registrationName: 'onPartialLoad',
+    },
+    topLoad: {
+      registrationName: 'onLoad',
+    },
+    topLoadEnd: {
+      registrationName: 'onLoadEnd',
+    },
+  },
+  validAttributes: {
+    ...ReactNativeViewViewConfig.validAttributes,
+    blurRadius: true,
+    // flowlint-next-line unclear-type:off
+    capInsets: {diff: (require('../Utilities/differ/insetsDiffer'): any)},
+    defaultSource: {
+      process: require('./resolveAssetSource'),
+    },
+    defaultSrc: true,
+    fadeDuration: true,
+    headers: true,
+    loadingIndicatorSrc: true,
+    onError: true,
+    onLoad: true,
+    onLoadEnd: true,
+    onLoadStart: true,
+    onPartialLoad: true,
+    onProgress: true,
+    overlayColor: {process: require('../StyleSheet/processColor')},
+    progressiveRenderingEnabled: true,
+    resizeMethod: true,
+    resizeMode: true,
+    shouldNotifyLoadEvents: true,
+    source: true,
+    src: true,
+    tintColor: {process: require('../StyleSheet/processColor')},
+  },
+};
+
+module.exports = (ImageViewViewConfig: ReactNativeBaseComponentViewConfig<>);
diff --git a/Libraries/Image/RCTAnimatedImage.m b/Libraries/Image/RCTAnimatedImage.m
index 9343787912e9b9..67c206d6ef0187 100644
--- a/Libraries/Image/RCTAnimatedImage.m
+++ b/Libraries/Image/RCTAnimatedImage.m
@@ -111,7 +111,7 @@ - (float)frameDurationAtIndex:(NSUInteger)index source:(CGImageSourceRef)source
   NSDictionary *gifProperties = frameProperties[(NSString *)kCGImagePropertyGIFDictionary];
 
   NSNumber *delayTimeUnclampedProp = gifProperties[(NSString *)kCGImagePropertyGIFUnclampedDelayTime];
-  if (delayTimeUnclampedProp != nil) {
+  if (delayTimeUnclampedProp != nil && [delayTimeUnclampedProp floatValue] != 0.0f) {
     frameDuration = [delayTimeUnclampedProp floatValue];
   } else {
     NSNumber *delayTimeProp = gifProperties[(NSString *)kCGImagePropertyGIFDelayTime];
diff --git a/Libraries/Image/RCTDisplayWeakRefreshable.h b/Libraries/Image/RCTDisplayWeakRefreshable.h
new file mode 100644
index 00000000000000..a6a05059fb7a37
--- /dev/null
+++ b/Libraries/Image/RCTDisplayWeakRefreshable.h
@@ -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.
+ */
+
+#import <Foundation/Foundation.h>
+
+#import <React/RCTPlatformDisplayLink.h> // TODO(macOS ISS#2323203)
+
+@protocol RCTDisplayRefreshable
+
+- (void)displayDidRefresh:(RCTPlatformDisplayLink *)displayLink; // TODO(macOS ISS#2323203)
+
+@end
+
+@interface RCTDisplayWeakRefreshable : NSObject
+
+@property (nonatomic, weak) id<RCTDisplayRefreshable> refreshable;
+
++ (RCTPlatformDisplayLink *)displayLinkWithWeakRefreshable:(id<RCTDisplayRefreshable>)refreshable; // TODO(macOS ISS#2323203)
+
+@end
diff --git a/Libraries/Image/RCTDisplayWeakRefreshable.m b/Libraries/Image/RCTDisplayWeakRefreshable.m
new file mode 100644
index 00000000000000..e8d8bfc3b88f76
--- /dev/null
+++ b/Libraries/Image/RCTDisplayWeakRefreshable.m
@@ -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.
+ */
+
+#import "RCTDisplayWeakRefreshable.h"
+
+@implementation RCTDisplayWeakRefreshable
+
++ (RCTPlatformDisplayLink *)displayLinkWithWeakRefreshable:(id<RCTDisplayRefreshable>)refreshable { // TODO(macOS ISS#2323203)
+  RCTDisplayWeakRefreshable *target = [[RCTDisplayWeakRefreshable alloc] initWithRefreshable:refreshable];
+  return [RCTPlatformDisplayLink displayLinkWithTarget:target selector:@selector(displayDidRefresh:)]; // TODO(macOS ISS#2323203)
+}
+
+- (instancetype)initWithRefreshable:(id<RCTDisplayRefreshable>)refreshable
+{
+  if (self = [super init]) {
+    _refreshable = refreshable;
+  }
+  return self;
+}
+
+- (void)displayDidRefresh:(RCTPlatformDisplayLink *)displayLink { // TODO(macOS ISS#2323203)
+  [_refreshable displayDidRefresh:displayLink];
+}
+
+@end
diff --git a/Libraries/Image/RCTImageEditingManager.mm b/Libraries/Image/RCTImageEditingManager.mm
index f2786873654dd4..3dda1241161715 100644
--- a/Libraries/Image/RCTImageEditingManager.mm
+++ b/Libraries/Image/RCTImageEditingManager.mm
@@ -92,10 +92,12 @@ @implementation RCTImageEditingManager
    }];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-  (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeImageEditorSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeImageEditorSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Image/RCTImageLoader.h b/Libraries/Image/RCTImageLoader.h
index 000d6ecbe98755..4272fbd13544e4 100644
--- a/Libraries/Image/RCTImageLoader.h
+++ b/Libraries/Image/RCTImageLoader.h
@@ -16,11 +16,6 @@
 #import <React/RCTImageCache.h>
 #import <React/RCTImageLoaderProtocol.h>
 
-RCT_EXTERN BOOL RCTImageLoadingInstrumentationEnabled(void);
-RCT_EXTERN BOOL RCTImageLoadingPerfInstrumentationEnabled(void);
-RCT_EXTERN void RCTEnableImageLoadingInstrumentation(BOOL enabled);
-RCT_EXTERN void RCTEnableImageLoadingPerfInstrumentation(BOOL enabled);
-
 @interface RCTImageLoader : NSObject <RCTBridgeModule, RCTImageLoaderProtocol>
 - (instancetype)init;
 - (instancetype)initWithRedirectDelegate:(id<RCTImageRedirectProtocol>)redirectDelegate NS_DESIGNATED_INITIALIZER;
diff --git a/Libraries/Image/RCTImageLoader.mm b/Libraries/Image/RCTImageLoader.mm
index 9bb1f3d12666a6..483d46f19db126 100644
--- a/Libraries/Image/RCTImageLoader.mm
+++ b/Libraries/Image/RCTImageLoader.mm
@@ -7,6 +7,7 @@
 
 #import <objc/runtime.h>
 #import <atomic>
+#import <mach/mach_time.h>
 
 #import <ImageIO/ImageIO.h>
 
@@ -21,29 +22,19 @@
 #import <React/RCTLog.h>
 #import <React/RCTNetworking.h>
 #import <React/RCTUtils.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 #import "RCTImagePlugins.h"
 
 using namespace facebook::react;
 
-static BOOL imageInstrumentationEnabled = NO;
 static BOOL imagePerfInstrumentationEnabled = NO;
 
-BOOL RCTImageLoadingInstrumentationEnabled(void)
-{
-  return imageInstrumentationEnabled;
-}
-
 BOOL RCTImageLoadingPerfInstrumentationEnabled(void)
 {
   return imagePerfInstrumentationEnabled;
 }
 
-void RCTEnableImageLoadingInstrumentation(BOOL enabled)
-{
-  imageInstrumentationEnabled = enabled;
-}
-
 void RCTEnableImageLoadingPerfInstrumentation(BOOL enabled)
 {
   imagePerfInstrumentationEnabled = enabled;
@@ -78,6 +69,18 @@ static NSInteger RCTImageBytesForImage(UIImage *image)
 }
 #endif // TARGET_OS_OSX
 
+static uint64_t monotonicTimeGetCurrentNanoseconds(void)
+{
+  static struct mach_timebase_info tb_info = {0};
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    __unused int ret = mach_timebase_info(&tb_info);
+    assert(0 == ret);
+  });
+
+  return (mach_absolute_time() * tb_info.numer) / tb_info.denom;
+}
+
 @interface RCTImageLoader() <NativeImageLoaderIOSSpec, RCTImageLoaderWithAttributionProtocol>
 
 @end
@@ -121,6 +124,7 @@ @implementation RCTImageLoader
 @synthesize maxConcurrentLoadingTasks = _maxConcurrentLoadingTasks;
 @synthesize maxConcurrentDecodingTasks = _maxConcurrentDecodingTasks;
 @synthesize maxConcurrentDecodingBytes = _maxConcurrentDecodingBytes;
+@synthesize turboModuleLookupDelegate = _turboModuleLookupDelegate;
 
 RCT_EXPORT_MODULE()
 
@@ -193,11 +197,11 @@ - (void)setImageCache:(id<RCTImageCache>)cache
 
   if (!_loaders) {
     // Get loaders, sorted in reverse priority order (highest priority first)
-    RCTAssert(_bridge, @"Bridge not set");
 
     if (_loadersProvider) {
       _loaders = _loadersProvider();
     } else {
+      RCTAssert(_bridge, @"Trying to find RCTImageURLLoaders and bridge not set.");
       _loaders = [_bridge modulesConformingToProtocol:@protocol(RCTImageURLLoader)];
     }
 
@@ -257,11 +261,11 @@ - (void)setImageCache:(id<RCTImageCache>)cache
 
   if (!_decoders) {
     // Get decoders, sorted in reverse priority order (highest priority first)
-    RCTAssert(_bridge, @"Bridge not set");
 
     if (_decodersProvider) {
       _decoders = _decodersProvider();
     } else {
+      RCTAssert(_bridge, @"Trying to find RCTImageDataDecoders and bridge not set.");
       _decoders = [_bridge modulesConformingToProtocol:@protocol(RCTImageDataDecoder)];
     }
 
@@ -338,7 +342,6 @@ - (RCTImageLoaderCancellationBlock) loadImageWithURLRequest:(NSURLRequest *)imag
                                  scale:1
                                clipped:YES
                             resizeMode:RCTResizeModeStretch
-                           attribution:{}
                          progressBlock:nil
                       partialLoadBlock:nil
                        completionBlock:callback];
@@ -353,15 +356,18 @@ - (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)image
                                           partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
                                            completionBlock:(RCTImageLoaderCompletionBlock)completionBlock
 {
-  return [self loadImageWithURLRequest:imageURLRequest
-                                  size:size
-                                 scale:scale
-                               clipped:clipped
-                            resizeMode:resizeMode
-                           attribution:{}
-                         progressBlock:progressBlock
-                      partialLoadBlock:partialLoadBlock
-                       completionBlock:completionBlock];
+  RCTImageURLLoaderRequest *request = [self loadImageWithURLRequest:imageURLRequest
+                                                               size:size
+                                                              scale:scale
+                                                            clipped:clipped
+                                                         resizeMode:resizeMode
+                                                        attribution:{}
+                                                      progressBlock:progressBlock
+                                                   partialLoadBlock:partialLoadBlock
+                                                    completionBlock:completionBlock];
+  return ^{
+    [request cancel];
+  };
 }
 
 - (void)dequeueTasks
@@ -436,14 +442,14 @@ - (NSInteger)activeTasks {
  * path taken. This is useful if you want to skip decoding, e.g. when preloading
  * the image, or retrieving metadata.
  */
-- (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest *)request
-                                                             size:(CGSize)size
-                                                            scale:(CGFloat)scale
-                                                       resizeMode:(RCTResizeMode)resizeMode
-                                                      attribution:(const ImageURLLoaderAttribution &)attribution
-                                                    progressBlock:(RCTImageLoaderProgressBlock)progressHandler
-                                                 partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
-                                                  completionBlock:(void (^)(NSError *error, id imageOrData, BOOL cacheResult, NSURLResponse *response))completionBlock
+- (RCTImageURLLoaderRequest *)_loadImageOrDataWithURLRequest:(NSURLRequest *)request
+                                                        size:(CGSize)size
+                                                       scale:(CGFloat)scale
+                                                  resizeMode:(RCTResizeMode)resizeMode
+                                                 attribution:(const ImageURLLoaderAttribution &)attribution
+                                               progressBlock:(RCTImageLoaderProgressBlock)progressHandler
+                                            partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
+                                             completionBlock:(void (^)(NSError *error, id imageOrData, BOOL cacheResult, NSURLResponse *response))completionBlock
 {
   {
     NSMutableURLRequest *mutableRequest = [request mutableCopy];
@@ -475,6 +481,8 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
   auto cancelled = std::make_shared<std::atomic<int>>(0);
   __block dispatch_block_t cancelLoad = nil;
   __block NSLock *cancelLoadLock = [NSLock new];
+  NSString *requestId = [NSString stringWithFormat:@"%@-%llu",[[NSUUID UUID] UUIDString], monotonicTimeGetCurrentNanoseconds()];
+
   void (^completionHandler)(NSError *, id, NSURLResponse *) = ^(NSError *error, id imageOrData, NSURLResponse *response) {
     [cancelLoadLock lock];
     cancelLoad = nil;
@@ -503,6 +511,7 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
                                                                            size:size
                                                                           scale:scale
                                                                      resizeMode:resizeMode
+                                                                      requestId:requestId
                                                                     attribution:attributionCopy
                                                                 progressHandler:progressHandler
                                                              partialLoadHandler:partialLoadHandler
@@ -510,15 +519,16 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
                                                                 completionHandler(error, image, nil);
                                                               }];
     }
-    return [loadHandler loadImageForURL:request.URL
-                                   size:size
-                                  scale:scale
-                             resizeMode:resizeMode
-                        progressHandler:progressHandler
-                     partialLoadHandler:partialLoadHandler
-                      completionHandler:^(NSError *error, UIImage *image) {
-                        completionHandler(error, image, nil);
-                      }];
+    RCTImageLoaderCancellationBlock cb = [loadHandler loadImageForURL:request.URL
+                                                                 size:size
+                                                                scale:scale
+                                                           resizeMode:resizeMode
+                                                      progressHandler:progressHandler
+                                                   partialLoadHandler:partialLoadHandler
+                                                    completionHandler:^(NSError *error, UIImage *image) {
+                                                      completionHandler(error, image, nil);
+                                                    }];
+    return [[RCTImageURLLoaderRequest alloc] initWithRequestId:nil imageURL:request.URL cancellationBlock:cb];
   }
 
   // All access to URL cache must be serialized
@@ -536,16 +546,18 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
     if (loadHandler) {
       dispatch_block_t cancelLoadLocal;
       if ([loadHandler conformsToProtocol:@protocol(RCTImageURLLoaderWithAttribution)]) {
-        cancelLoadLocal = [(id<RCTImageURLLoaderWithAttribution>)loadHandler loadImageForURL:request.URL
-                                                                                        size:size
-                                                                                       scale:scale
-                                                                                  resizeMode:resizeMode
-                                                                                 attribution:attributionCopy
-                                                                             progressHandler:progressHandler
-                                                                          partialLoadHandler:partialLoadHandler
-                                                                           completionHandler:^(NSError *error, UIImage *image) {
-                                                                             completionHandler(error, image, nil);
-                                                                           }];
+        RCTImageURLLoaderRequest *loaderRequest = [(id<RCTImageURLLoaderWithAttribution>)loadHandler loadImageForURL:request.URL
+                                                                                                                size:size
+                                                                                                               scale:scale
+                                                                                                          resizeMode:resizeMode
+                                                                                                           requestId:requestId
+                                                                                                         attribution:attributionCopy
+                                                                                                     progressHandler:progressHandler
+                                                                                                  partialLoadHandler:partialLoadHandler
+                                                                                                   completionHandler:^(NSError *error, UIImage *image) {
+                                                                                                     completionHandler(error, image, nil);
+                                                                                                   }];
+        cancelLoadLocal = loaderRequest.cancellationBlock;
       } else {
        cancelLoadLocal = [loadHandler loadImageForURL:request.URL
                                                  size:size
@@ -583,7 +595,7 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
     }
   });
 
-  return ^{
+  return [[RCTImageURLLoaderRequest alloc] initWithRequestId:requestId imageURL:request.URL cancellationBlock:^{
     BOOL alreadyCancelled = atomic_fetch_or(cancelled.get(), 1);
     if (alreadyCancelled) {
       return;
@@ -595,7 +607,7 @@ - (RCTImageLoaderCancellationBlock)_loadImageOrDataWithURLRequest:(NSURLRequest
     if (cancelLoadLocal) {
       cancelLoadLocal();
     }
-  };
+  }];
 }
 
 - (RCTImageLoaderCancellationBlock)_loadURLRequest:(NSURLRequest *)request
@@ -603,7 +615,8 @@ - (RCTImageLoaderCancellationBlock)_loadURLRequest:(NSURLRequest *)request
                                    completionBlock:(void (^)(NSError *error, id imageOrData, NSURLResponse *response))completionHandler
 {
   // Check if networking module is available
-  if (RCT_DEBUG && ![_bridge respondsToSelector:@selector(networking)]) {
+  if (RCT_DEBUG && ![_bridge respondsToSelector:@selector(networking)]
+      && ![_turboModuleLookupDelegate moduleForName:"RCTNetworking"]) {
     RCTLogError(@"No suitable image URL loader found for %@. You may need to "
                 " import the RCTNetwork library in order to load images.",
                 request.URL.absoluteString);
@@ -611,6 +624,9 @@ - (RCTImageLoaderCancellationBlock)_loadURLRequest:(NSURLRequest *)request
   }
 
   RCTNetworking *networking = [_bridge networking];
+  if (!networking) {
+    networking = [_turboModuleLookupDelegate moduleForName:"RCTNetworking"];
+  }
 
   // Check if networking module can load image
   if (RCT_DEBUG && ![networking canHandleRequest:request]) {
@@ -709,15 +725,17 @@ - (RCTImageLoaderCancellationBlock)_loadURLRequest:(NSURLRequest *)request
   };
 }
 
-- (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
-                                                      size:(CGSize)size
-                                                     scale:(CGFloat)scale
-                                                   clipped:(BOOL)clipped
-                                                resizeMode:(RCTResizeMode)resizeMode
-                                               attribution:(const ImageURLLoaderAttribution &)attribution
-                                             progressBlock:(RCTImageLoaderProgressBlock)progressBlock
-                                          partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
-                                           completionBlock:(RCTImageLoaderCompletionBlock)completionBlock
+#pragma mark - RCTImageLoaderWithAttributionProtocol
+
+- (RCTImageURLLoaderRequest *)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
+                                                 size:(CGSize)size
+                                                scale:(CGFloat)scale
+                                              clipped:(BOOL)clipped
+                                           resizeMode:(RCTResizeMode)resizeMode
+                                          attribution:(const ImageURLLoaderAttribution &)attribution
+                                        progressBlock:(RCTImageLoaderProgressBlock)progressBlock
+                                     partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
+                                      completionBlock:(RCTImageLoaderCompletionBlock)completionBlock
 {
   auto cancelled = std::make_shared<std::atomic<int>>(0);
   __block dispatch_block_t cancelLoad = nil;
@@ -777,15 +795,51 @@ - (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)image
     [cancelLoadLock unlock];
   };
 
-  cancelLoad = [self _loadImageOrDataWithURLRequest:imageURLRequest
-                                               size:size
-                                              scale:scale
-                                         resizeMode:resizeMode
-                                        attribution:attribution
-                                      progressBlock:progressBlock
-                                   partialLoadBlock:partialLoadBlock
-                                    completionBlock:completionHandler];
-  return cancellationBlock;
+  RCTImageURLLoaderRequest *loaderRequest = [self _loadImageOrDataWithURLRequest:imageURLRequest
+                                                                             size:size
+                                                                            scale:scale
+                                                                       resizeMode:resizeMode
+                                                                      attribution:attribution
+                                                                    progressBlock:progressBlock
+                                                                 partialLoadBlock:partialLoadBlock
+                                                                  completionBlock:completionHandler];
+  cancelLoad = loaderRequest.cancellationBlock;
+  return [[RCTImageURLLoaderRequest alloc] initWithRequestId:loaderRequest.requestId imageURL:imageURLRequest.URL cancellationBlock:cancellationBlock];
+}
+
+- (void)trackURLImageContentDidSetForRequest:(RCTImageURLLoaderRequest *)loaderRequest
+{
+  if (!loaderRequest) {
+    return;
+  }
+
+  id<RCTImageURLLoader> loadHandler = [self imageURLLoaderForURL:loaderRequest.imageURL];
+  if ([loadHandler respondsToSelector:@selector(trackURLImageContentDidSetForRequest:)]) {
+    [(id<RCTImageURLLoaderWithAttribution>)loadHandler trackURLImageContentDidSetForRequest:loaderRequest];
+  }
+}
+
+- (void)trackURLImageVisibilityForRequest:(RCTImageURLLoaderRequest *)loaderRequest imageView:(RCTUIView *)imageView // TODO(macOS ISS#2323203)
+{
+  if (!loaderRequest || !imageView) {
+    return;
+  }
+
+  id<RCTImageURLLoader> loadHandler = [self imageURLLoaderForURL:loaderRequest.imageURL];
+  if ([loadHandler respondsToSelector:@selector(trackURLImageVisibilityForRequest:imageView:)]) {
+    [(id<RCTImageURLLoaderWithAttribution>)loadHandler trackURLImageVisibilityForRequest:loaderRequest imageView:imageView];
+  }
+}
+
+- (void)trackURLImageDidDestroy:(RCTImageURLLoaderRequest *)loaderRequest
+{
+  if (!loaderRequest) {
+    return;
+  }
+  id<RCTImageURLLoader> loadHandler = [self imageURLLoaderForURL:loaderRequest.imageURL];
+  if ([loadHandler respondsToSelector:@selector(trackURLImageDidDestroy:)]) {
+    [(id<RCTImageURLLoaderWithAttribution>)loadHandler trackURLImageDidDestroy:loaderRequest];
+  }
 }
 
 - (RCTImageLoaderCancellationBlock)decodeImageData:(NSData *)data
@@ -943,14 +997,15 @@ - (RCTImageLoaderCancellationBlock)getImageSizeForURLRequest:(NSURLRequest *)ima
     callback(error, size);
   };
 
-  return [self _loadImageOrDataWithURLRequest:imageURLRequest
-                                         size:CGSizeZero
-                                        scale:1
-                                   resizeMode:RCTResizeModeStretch
-                                  attribution:{}
-                                progressBlock:NULL
-                             partialLoadBlock:NULL
-                              completionBlock:completion];
+  RCTImageURLLoaderRequest *loaderRequest = [self _loadImageOrDataWithURLRequest:imageURLRequest
+                                                                            size:CGSizeZero
+                                                                           scale:1
+                                                                      resizeMode:RCTResizeModeStretch
+                                                                     attribution:{}
+                                                                   progressBlock:NULL
+                                                                partialLoadBlock:NULL
+                                                                 completionBlock:completion];
+  return loaderRequest.cancellationBlock;
 }
 
 - (NSDictionary *)getImageCacheStatus:(NSArray *)requests
@@ -1071,10 +1126,12 @@ - (void)cancelRequest:(id)requestToken
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-  (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeImageLoaderIOSSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeImageLoaderIOSSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 RCT_EXPORT_METHOD(getSize:(NSString *)uri resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
diff --git a/Libraries/Image/RCTImageLoaderWithAttributionProtocol.h b/Libraries/Image/RCTImageLoaderWithAttributionProtocol.h
index 3bd8604949f85e..1b73db119895b5 100644
--- a/Libraries/Image/RCTImageLoaderWithAttributionProtocol.h
+++ b/Libraries/Image/RCTImageLoaderWithAttributionProtocol.h
@@ -10,6 +10,11 @@
 #import <React/RCTImageLoaderProtocol.h>
 #import <React/RCTImageURLLoaderWithAttribution.h>
 
+RCT_EXTERN BOOL RCTImageLoadingInstrumentationEnabled(void);
+RCT_EXTERN BOOL RCTImageLoadingPerfInstrumentationEnabled(void);
+RCT_EXTERN void RCTEnableImageLoadingInstrumentation(BOOL enabled);
+RCT_EXTERN void RCTEnableImageLoadingPerfInstrumentation(BOOL enabled);
+
 @protocol RCTImageLoaderWithAttributionProtocol<RCTImageLoaderProtocol>
 
 // TODO (T61325135): Remove C++ checks
@@ -18,15 +23,30 @@
  * Same as the variant in RCTImageURLLoaderProtocol, but allows passing attribution
  * information that each image URL loader can process.
  */
-- (RCTImageLoaderCancellationBlock)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
-                                                      size:(CGSize)size
-                                                     scale:(CGFloat)scale
-                                                   clipped:(BOOL)clipped
-                                                resizeMode:(RCTResizeMode)resizeMode
-                                               attribution:(const facebook::react::ImageURLLoaderAttribution &)attribution
-                                             progressBlock:(RCTImageLoaderProgressBlock)progressBlock
-                                          partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
-                                           completionBlock:(RCTImageLoaderCompletionBlock)completionBlock;
+- (RCTImageURLLoaderRequest *)loadImageWithURLRequest:(NSURLRequest *)imageURLRequest
+                                                 size:(CGSize)size
+                                                scale:(CGFloat)scale
+                                              clipped:(BOOL)clipped
+                                           resizeMode:(RCTResizeMode)resizeMode
+                                          attribution:(const facebook::react::ImageURLLoaderAttribution &)attribution
+                                        progressBlock:(RCTImageLoaderProgressBlock)progressBlock
+                                     partialLoadBlock:(RCTImageLoaderPartialLoadBlock)partialLoadBlock
+                                      completionBlock:(RCTImageLoaderCompletionBlock)completionBlock;
 #endif
 
+/**
+ * Image instrumentation - notify that the image content (UIImage) has been set on the native view.
+ */
+- (void)trackURLImageContentDidSetForRequest:(RCTImageURLLoaderRequest *)loaderRequest;
+
+/**
+ * Image instrumentation - start tracking the on-screen visibility of the native image view.
+ */
+- (void)trackURLImageVisibilityForRequest:(RCTImageURLLoaderRequest *)loaderRequest imageView:(RCTUIView *)imageView; // TODO(macOS ISS#2323203)
+
+/**
+ * Image instrumentation - notify that the native image view was destroyed.
+ */
+- (void)trackURLImageDidDestroy:(RCTImageURLLoaderRequest *)loaderRequest;
+
 @end
diff --git a/Libraries/Image/RCTImageStoreManager.mm b/Libraries/Image/RCTImageStoreManager.mm
index 453590ee26dadb..5fd1691854b24d 100644
--- a/Libraries/Image/RCTImageStoreManager.mm
+++ b/Libraries/Image/RCTImageStoreManager.mm
@@ -236,10 +236,12 @@ - (void)getImageForTag:(NSString *)imageTag withBlock:(void (^)(UIImage *image))
   });
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-  (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeImageStoreSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeImageStoreSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Image/RCTImageURLLoaderWithAttribution.h b/Libraries/Image/RCTImageURLLoaderWithAttribution.h
index f5ee3e0c4f9e2c..9480b0e113cbb2 100644
--- a/Libraries/Image/RCTImageURLLoaderWithAttribution.h
+++ b/Libraries/Image/RCTImageURLLoaderWithAttribution.h
@@ -7,6 +7,8 @@
 
 #import <React/RCTImageURLLoader.h>
 
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
+
 // TODO (T61325135): Remove C++ checks
 #ifdef __cplusplus
 namespace facebook {
@@ -21,6 +23,17 @@ struct ImageURLLoaderAttribution {
 } // namespace facebook
 #endif
 
+@interface RCTImageURLLoaderRequest : NSObject
+
+@property (nonatomic, strong, readonly) NSString *requestId;
+@property (nonatomic, strong, readonly) NSURL *imageURL;
+@property (nonatomic, copy, readonly) RCTImageLoaderCancellationBlock cancellationBlock;
+
+- (instancetype)initWithRequestId:(NSString *)requestId imageURL:(NSURL *)imageURL cancellationBlock:(RCTImageLoaderCancellationBlock)cancellationBlock;
+- (void)cancel;
+
+@end
+
 /**
  * Same as the RCTImageURLLoader interface, but allows passing in optional `attribution` information.
  * This is useful for per-app logging and other instrumentation.
@@ -31,15 +44,32 @@ struct ImageURLLoaderAttribution {
 #ifdef __cplusplus
 /**
  * Same as the RCTImageURLLoader variant above, but allows optional `attribution` information.
+ * Caller may also specify a preferred requestId for tracking purpose.
  */
-- (RCTImageLoaderCancellationBlock)loadImageForURL:(NSURL *)imageURL
-                                              size:(CGSize)size
-                                             scale:(CGFloat)scale
-                                        resizeMode:(RCTResizeMode)resizeMode
-                                       attribution:(const facebook::react::ImageURLLoaderAttribution &)attribution
-                                   progressHandler:(RCTImageLoaderProgressBlock)progressHandler
-                                partialLoadHandler:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
-                                 completionHandler:(RCTImageLoaderCompletionBlock)completionHandler;
+- (RCTImageURLLoaderRequest *)loadImageForURL:(NSURL *)imageURL
+                                         size:(CGSize)size
+                                        scale:(CGFloat)scale
+                                   resizeMode:(RCTResizeMode)resizeMode
+                                    requestId:(NSString *)requestId
+                                  attribution:(const facebook::react::ImageURLLoaderAttribution &)attribution
+                              progressHandler:(RCTImageLoaderProgressBlock)progressHandler
+                           partialLoadHandler:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
+                            completionHandler:(RCTImageLoaderCompletionBlock)completionHandler;
 #endif
 
+/**
+ * Image instrumentation - notify that the image content (UIImage) has been set on the native view.
+ */
+- (void)trackURLImageContentDidSetForRequest:(RCTImageURLLoaderRequest *)loaderRequest;
+
+/**
+ * Image instrumentation - start tracking the on-screen visibility of the native image view.
+ */
+- (void)trackURLImageVisibilityForRequest:(RCTImageURLLoaderRequest *)loaderRequest imageView:(RCTUIView *)imageView; // TODO(macOS ISS#2323203)
+
+/**
+ * Image instrumentation - notify that the native image view was destroyed.
+ */
+- (void)trackURLImageDidDestroy:(RCTImageURLLoaderRequest *)loaderRequest;
+
 @end
diff --git a/Libraries/Image/RCTImageURLLoaderWithAttribution.mm b/Libraries/Image/RCTImageURLLoaderWithAttribution.mm
new file mode 100644
index 00000000000000..61baa4aafee979
--- /dev/null
+++ b/Libraries/Image/RCTImageURLLoaderWithAttribution.mm
@@ -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 "RCTImageURLLoaderWithAttribution.h"
+
+@implementation RCTImageURLLoaderRequest
+
+- (instancetype)initWithRequestId:(NSString *)requestId imageURL:(NSURL *)imageURL cancellationBlock:(RCTImageLoaderCancellationBlock)cancellationBlock
+{
+  if (self = [super init]) {
+    _requestId = requestId;
+    _imageURL = imageURL;
+    _cancellationBlock = cancellationBlock;
+  }
+
+  return self;
+}
+
+- (void)cancel
+{
+  if (_cancellationBlock) {
+    _cancellationBlock();
+  }
+}
+
+@end
diff --git a/Libraries/Image/RCTImageView.mm b/Libraries/Image/RCTImageView.mm
index 656f6196a32dbf..c2b0b1fe53ff22 100644
--- a/Libraries/Image/RCTImageView.mm
+++ b/Libraries/Image/RCTImageView.mm
@@ -146,7 +146,11 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     self.wantsLayer = YES;
 #endif
-#if !TARGET_OS_OSX
+#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
+    _imageView = [[RCTUIImageViewAnimated alloc] init];
+    _imageView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+    [self addSubview:_imageView];
+
     NSNotificationCenter *center = [NSNotificationCenter defaultCenter];
     [center addObserver:self
                selector:@selector(clearImageIfDetached)
@@ -156,10 +160,16 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
                selector:@selector(clearImageIfDetached)
                    name:UIApplicationDidEnterBackgroundNotification
                  object:nil];
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
+    if (@available(iOS 13.0, *)) {
+      [center addObserver:self
+                 selector:@selector(clearImageIfDetached)
+
+                     name:UISceneDidEnterBackgroundNotification
+                   object:nil];
+    }
 #endif
-    _imageView = [[RCTUIImageViewAnimated alloc] init];
-    _imageView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
-    [self addSubview:_imageView];
+#endif // ]TODO(macOS ISS#2323203)
   }
   return self;
 }
@@ -430,18 +440,19 @@ - (void)reloadImage
 
     id<RCTImageLoaderWithAttributionProtocol> imageLoader = [_bridge moduleForName:@"ImageLoader"
                                                              lazilyLoadIfNecessary:YES];
-    _reloadImageCancellationBlock = [imageLoader loadImageWithURLRequest:source.request
-                                                                    size:imageSize
-                                                                   scale:imageScale
-                                                                 clipped:NO
-                                                              resizeMode:_resizeMode
-                                                             attribution:{
-                                                                         .nativeViewTag = [self.reactTag intValue],
-                                                                         .surfaceId = [self.rootTag intValue],
-                                                                         }
-                                                           progressBlock:progressHandler
-                                                        partialLoadBlock:partialLoadHandler
-                                                         completionBlock:completionHandler];
+    RCTImageURLLoaderRequest *loaderRequest = [imageLoader loadImageWithURLRequest:source.request
+                                                                              size:imageSize
+                                                                             scale:imageScale
+                                                                           clipped:NO
+                                                                        resizeMode:_resizeMode
+                                                                       attribution:{
+                                                                                   .nativeViewTag = [self.reactTag intValue],
+                                                                                   .surfaceId = [self.rootTag intValue],
+                                                                                   }
+                                                                     progressBlock:progressHandler
+                                                                  partialLoadBlock:partialLoadHandler
+                                                                   completionBlock:completionHandler];
+    _reloadImageCancellationBlock = loaderRequest.cancellationBlock;
   } else {
     [self clearImage];
   }
diff --git a/Libraries/Image/RCTLocalAssetImageLoader.mm b/Libraries/Image/RCTLocalAssetImageLoader.mm
index 7a550581c4d3a7..8669ad3615d82c 100644
--- a/Libraries/Image/RCTLocalAssetImageLoader.mm
+++ b/Libraries/Image/RCTLocalAssetImageLoader.mm
@@ -49,28 +49,19 @@ - (RCTImageLoaderCancellationBlock)loadImageForURL:(NSURL *)imageURL
                                  partialLoadHandler:(RCTImageLoaderPartialLoadBlock)partialLoadHandler
                                   completionHandler:(RCTImageLoaderCompletionBlock)completionHandler
 {
-  __block auto cancelled = std::make_shared<std::atomic<bool>>(false);
-  RCTExecuteOnMainQueue(^{
-    if (cancelled->load()) {
-      return;
+  UIImage *image = RCTImageFromLocalAssetURL(imageURL);
+  if (image) {
+    if (progressHandler) {
+      progressHandler(1, 1);
     }
-
-    UIImage *image = RCTImageFromLocalAssetURL(imageURL);
-    if (image) {
-      if (progressHandler) {
-        progressHandler(1, 1);
-      }
-      completionHandler(nil, image);
-    } else {
-      NSString *message = [NSString stringWithFormat:@"Could not find image %@", imageURL];
-      RCTLogWarn(@"%@", message);
-      completionHandler(RCTErrorWithMessage(message), nil);
-    }
-  });
-
-  return ^{
-    cancelled->store(true);
-  };
+    completionHandler(nil, image);
+  } else {
+    NSString *message = [NSString stringWithFormat:@"Could not find image %@", imageURL];
+    RCTLogWarn(@"%@", message);
+    completionHandler(RCTErrorWithMessage(message), nil);
+  }
+  
+  return nil;
 }
 
 @end
diff --git a/Libraries/Image/RCTUIImageViewAnimated.m b/Libraries/Image/RCTUIImageViewAnimated.m
index cd74208bdd43dd..0f3bd362c3ebc0 100644
--- a/Libraries/Image/RCTUIImageViewAnimated.m
+++ b/Libraries/Image/RCTUIImageViewAnimated.m
@@ -6,7 +6,7 @@
  */
 
 #import <React/RCTUIImageViewAnimated.h>
-#import <React/RCTWeakProxy.h>
+#import <React/RCTDisplayWeakRefreshable.h>
 
 #import <mach/mach.h>
 #import <objc/runtime.h>
@@ -28,7 +28,7 @@ static NSUInteger RCTDeviceFreeMemory() {
   return (vm_stat.free_count - vm_stat.speculative_count) * page_size;
 }
 
-@interface RCTUIImageViewAnimated () <CALayerDelegate>
+@interface RCTUIImageViewAnimated () <CALayerDelegate, RCTDisplayRefreshable>
 
 @property (nonatomic, assign) NSUInteger maxBufferSize;
 @property (nonatomic, strong, readwrite) UIImage *currentFrame;
@@ -160,7 +160,7 @@ - (CADisplayLink *)displayLink
   }
 
   if (!_displayLink) {
-    _displayLink = [CADisplayLink displayLinkWithTarget:[RCTWeakProxy weakProxyWithTarget:self] selector:@selector(displayDidRefresh:)];
+    _displayLink = [RCTDisplayWeakRefreshable displayLinkWithWeakRefreshable:self];
     NSString *runLoopMode = [NSProcessInfo processInfo].activeProcessorCount > 1 ? NSRunLoopCommonModes : NSDefaultRunLoopMode;
     [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:runLoopMode];
   }
@@ -277,8 +277,8 @@ - (void)displayLayer:(CALayer *)layer
   if (_currentFrame) {
     layer.contentsScale = self.animatedImageScale;
     layer.contents = (__bridge id)_currentFrame.CGImage;
-  }  else {
-     [super displayLayer:layer];
+  } else {
+    [super displayLayer:layer];
   }
 }
 
diff --git a/Libraries/Image/React-RCTImage.podspec b/Libraries/Image/React-RCTImage.podspec
index 18270b5379e725..3cfb96ee430476 100644
--- a/Libraries/Image/React-RCTImage.podspec
+++ b/Libraries/Image/React-RCTImage.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTImage"
   s.version                = version
   s.summary                = "A React component for displaying different types of images."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/image"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/image"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -43,6 +43,7 @@ Pod::Spec.new do |s|
   s.dependency "FBReactNativeSpec", version
   s.dependency "RCTTypeSafety", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
   s.dependency "React-Core/RCTImageHeaders", version
   s.dependency "React-RCTNetwork", version
 end
diff --git a/Libraries/Image/__tests__/resolveAssetSource-test.js b/Libraries/Image/__tests__/resolveAssetSource-test.js
index 287e0657beb5ac..ee752bd7322c4a 100644
--- a/Libraries/Image/__tests__/resolveAssetSource-test.js
+++ b/Libraries/Image/__tests__/resolveAssetSource-test.js
@@ -143,6 +143,29 @@ describe('resolveAssetSource', () => {
         },
       );
     });
+
+    it('resolves an image with a relative path outside of root', () => {
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/module/a',
+          httpServerLocation: '/assets/../../module/a',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: 'logo',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'file:///Path/To/Sample.app/assets/__module/a/logo.png',
+          scale: 1,
+        },
+      );
+    });
   });
 
   describe('bundle was loaded from assets on Android', () => {
@@ -175,6 +198,29 @@ describe('resolveAssetSource', () => {
         },
       );
     });
+
+    it('resolves an image with a relative path outside of root', () => {
+      expectResolvesAsset(
+        {
+          __packager_asset: true,
+          fileSystemLocation: '/module/a',
+          httpServerLocation: '/assets/../../module/a',
+          width: 100,
+          height: 200,
+          scales: [1],
+          hash: '5b6f00f',
+          name: 'logo',
+          type: 'png',
+        },
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: '__module_a_logo',
+          scale: 1,
+        },
+      );
+    });
   });
 
   describe('bundle was loaded from file on Android', () => {
diff --git a/Libraries/Image/nativeImageSource.js b/Libraries/Image/nativeImageSource.js
index 564c77d1c0b2b3..739c9ca4586ab0 100644
--- a/Libraries/Image/nativeImageSource.js
+++ b/Libraries/Image/nativeImageSource.js
@@ -21,7 +21,7 @@ type NativeImageSourceSpec = $ReadOnly<{|
   default?: string,
 
   // For more details on width and height, see
-  // http://facebook.github.io/react-native/docs/images.html#why-not-automatically-size-everything
+  // https://reactnative.dev/docs/images.html#why-not-automatically-size-everything
   height: number,
   width: number,
 |}>;
@@ -39,7 +39,7 @@ type NativeImageSourceSpec = $ReadOnly<{|
  * automates measurements and allows adding new images without rebuilding the
  * native app. For more details visit:
  *
- *   http://facebook.github.io/react-native/docs/images.html
+ *   https://reactnative.dev/docs/images.html
  *
  */
 function nativeImageSource(spec: NativeImageSourceSpec): ImageURISource {
diff --git a/Libraries/Inspector/Inspector.js b/Libraries/Inspector/Inspector.js
index a68160ad86dfcd..2394a3dded98a1 100644
--- a/Libraries/Inspector/Inspector.js
+++ b/Libraries/Inspector/Inspector.js
@@ -18,14 +18,27 @@ const React = require('react');
 const ReactNative = require('../Renderer/shims/ReactNative');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Touchable = require('../Components/Touchable/Touchable');
-const UIManager = require('../ReactNative/UIManager');
 const View = require('../Components/View/View');
 
 const invariant = require('invariant');
 
+import type {
+  HostComponent,
+  TouchedViewDataAtPoint,
+} from '../Renderer/shims/ReactNativeTypes';
+
+type HostRef = React.ElementRef<HostComponent<mixed>>;
+
 export type ReactRenderer = {
-  getInspectorDataForViewTag: (viewTag: number) => Object,
-  ...
+  rendererConfig: {
+    getInspectorDataForViewAtPoint: (
+      inspectedView: ?HostRef,
+      locationX: number,
+      locationY: number,
+      callback: Function,
+    ) => void,
+    ...
+  },
 };
 
 const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -34,7 +47,7 @@ const renderers = findRenderers();
 // Required for React DevTools to view/edit React Native styles in Flipper.
 // Flipper doesn't inject these values when initializing DevTools.
 hook.resolveRNStyle = require('../StyleSheet/flattenStyle');
-const viewConfig = require('../Components/View/ReactNativeViewViewConfig.js');
+const viewConfig = require('../Components/View/ReactNativeViewViewConfig');
 hook.nativeStyleEditorValidAttributes = Object.keys(
   viewConfig.validAttributes.style,
 );
@@ -48,27 +61,35 @@ function findRenderers(): $ReadOnlyArray<ReactRenderer> {
   return allRenderers;
 }
 
-function getInspectorDataForViewTag(touchedViewTag: number) {
+function getInspectorDataForViewAtPoint(
+  inspectedView: ?HostRef,
+  locationX: number,
+  locationY: number,
+  callback: (viewData: TouchedViewDataAtPoint) => void,
+) {
+  // Check all renderers for inspector data.
   for (let i = 0; i < renderers.length; i++) {
     const renderer = renderers[i];
-    if (
-      Object.prototype.hasOwnProperty.call(
-        renderer,
-        'getInspectorDataForViewTag',
-      )
-    ) {
-      const inspectorData = renderer.getInspectorDataForViewTag(touchedViewTag);
-      if (inspectorData.hierarchy.length > 0) {
-        return inspectorData;
-      }
+    if (renderer?.rendererConfig?.getInspectorDataForViewAtPoint != null) {
+      renderer.rendererConfig.getInspectorDataForViewAtPoint(
+        inspectedView,
+        locationX,
+        locationY,
+        viewData => {
+          // Only return with non-empty view data since only one renderer will have this view.
+          if (viewData && viewData.hierarchy.length > 0) {
+            callback(viewData);
+          }
+        },
+      );
     }
   }
-  throw new Error('Expected to find at least one React renderer.');
 }
+
 class Inspector extends React.Component<
   {
-    inspectedViewTag: ?number,
-    onRequestRerenderApp: (callback: (tag: ?number) => void) => void,
+    inspectedView: ?HostRef,
+    onRequestRerenderApp: (callback: (instance: ?HostRef) => void) => void,
     ...
   },
   {
@@ -79,13 +100,14 @@ class Inspector extends React.Component<
     selection: ?number,
     perfing: boolean,
     inspected: any,
-    inspectedViewTag: any,
+    inspectedView: ?HostRef,
     networking: boolean,
     ...
   },
 > {
   _hideTimeoutID: TimeoutID | null = null;
   _subs: ?Array<() => void>;
+  _setTouchedViewData: ?(TouchedViewDataAtPoint) => void;
 
   constructor(props: Object) {
     super(props);
@@ -98,7 +120,7 @@ class Inspector extends React.Component<
       perfing: false,
       inspected: null,
       selection: null,
-      inspectedViewTag: this.props.inspectedViewTag,
+      inspectedView: this.props.inspectedView,
       networking: false,
     };
   }
@@ -116,10 +138,11 @@ class Inspector extends React.Component<
       this._subs.map(fn => fn());
     }
     hook.off('react-devtools', this._attachToDevtools);
+    this._setTouchedViewData = null;
   }
 
   UNSAFE_componentWillReceiveProps(newProps: Object) {
-    this.setState({inspectedViewTag: newProps.inspectedViewTag});
+    this.setState({inspectedView: newProps.inspectedView});
   }
 
   _attachToDevtools = (agent: Object) => {
@@ -147,11 +170,7 @@ class Inspector extends React.Component<
   _onAgentShowNativeHighlight = node => {
     clearTimeout(this._hideTimeoutID);
 
-    if (typeof node !== 'number') {
-      node = ReactNative.findNodeHandle(node);
-    }
-
-    UIManager.measure(node, (x, y, width, height, left, top) => {
+    node.measure((x, y, width, height, left, top) => {
       this.setState({
         hierarchy: [],
         inspected: {
@@ -197,30 +216,50 @@ class Inspector extends React.Component<
     });
   }
 
-  onTouchViewTag(touchedViewTag: number, frame: Object, pointerY: number) {
-    // Most likely the touched instance is a native wrapper (like RCTView)
-    // which is not very interesting. Most likely user wants a composite
-    // instance that contains it (like View)
-    const {hierarchy, props, selection, source} = getInspectorDataForViewTag(
-      touchedViewTag,
-    );
-
-    if (this.state.devtoolsAgent) {
-      // Skip host leafs
-      this.state.devtoolsAgent.selectNode(touchedViewTag);
-    }
-
-    this.setState({
-      panelPos:
-        pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
-      selection,
-      hierarchy,
-      inspected: {
-        style: props.style,
-        frame,
+  onTouchPoint(locationX: number, locationY: number) {
+    this._setTouchedViewData = viewData => {
+      const {
+        hierarchy,
+        props,
+        selectedIndex,
         source,
+        frame,
+        pointerY,
+        touchedViewTag,
+      } = viewData;
+
+      // Sync the touched view with React DevTools.
+      // Note: This is Paper only. To support Fabric,
+      // DevTools needs to be updated to not rely on view tags.
+      if (this.state.devtoolsAgent && touchedViewTag) {
+        this.state.devtoolsAgent.selectNode(
+          ReactNative.findNodeHandle(touchedViewTag),
+        );
+      }
+
+      this.setState({
+        panelPos:
+          pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
+        selection: selectedIndex,
+        hierarchy,
+        inspected: {
+          style: props.style,
+          frame,
+          source,
+        },
+      });
+    };
+    getInspectorDataForViewAtPoint(
+      this.state.inspectedView,
+      locationX,
+      locationY,
+      viewData => {
+        if (this._setTouchedViewData != null) {
+          this._setTouchedViewData(viewData);
+          this._setTouchedViewData = null;
+        }
       },
-    });
+    );
   }
 
   setPerfing(val: boolean) {
@@ -241,8 +280,8 @@ class Inspector extends React.Component<
 
   setTouchTargeting(val: boolean) {
     Touchable.TOUCH_TARGET_DEBUG = val;
-    this.props.onRequestRerenderApp(inspectedViewTag => {
-      this.setState({inspectedViewTag});
+    this.props.onRequestRerenderApp(inspectedView => {
+      this.setState({inspectedView});
     });
   }
 
@@ -265,8 +304,7 @@ class Inspector extends React.Component<
         {this.state.inspecting && (
           <InspectorOverlay
             inspected={this.state.inspected}
-            inspectedViewTag={this.state.inspectedViewTag}
-            onTouchViewTag={this.onTouchViewTag.bind(this)}
+            onTouchPoint={this.onTouchPoint.bind(this)}
           />
         )}
         <View style={[styles.panelContainer, panelContainerStyle]}>
diff --git a/Libraries/Inspector/InspectorOverlay.js b/Libraries/Inspector/InspectorOverlay.js
index 878ee5e6ca1591..51a1ce55607cf8 100644
--- a/Libraries/Inspector/InspectorOverlay.js
+++ b/Libraries/Inspector/InspectorOverlay.js
@@ -14,7 +14,6 @@ const Dimensions = require('../Utilities/Dimensions');
 const ElementBox = require('./ElementBox');
 const React = require('react');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const UIManager = require('../ReactNative/UIManager');
 const View = require('../Components/View/View');
 
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
@@ -27,24 +26,14 @@ type Inspected = $ReadOnly<{|
 
 type Props = $ReadOnly<{|
   inspected?: Inspected,
-  inspectedViewTag?: ?number,
-  onTouchViewTag: (tag: number, frame: Object, pointerY: number) => mixed,
+  onTouchPoint: (locationX: number, locationY: number) => void,
 |}>;
 
 class InspectorOverlay extends React.Component<Props> {
   findViewForTouchEvent: (e: PressEvent) => void = (e: PressEvent) => {
     const {locationX, locationY} = e.nativeEvent.touches[0];
-    UIManager.findSubviewIn(
-      this.props.inspectedViewTag,
-      [locationX, locationY],
-      (nativeViewTag, left, top, width, height) => {
-        this.props.onTouchViewTag(
-          nativeViewTag,
-          {left, top, width, height},
-          locationY,
-        );
-      },
-    );
+
+    this.props.onTouchPoint(locationX, locationY);
   };
 
   shouldSetResponser: (e: PressEvent) => boolean = (e: PressEvent): boolean => {
diff --git a/Libraries/LayoutAnimation/LayoutAnimation.js b/Libraries/LayoutAnimation/LayoutAnimation.js
index 4cf9b0db4c4708..ba4632eb712404 100644
--- a/Libraries/LayoutAnimation/LayoutAnimation.js
+++ b/Libraries/LayoutAnimation/LayoutAnimation.js
@@ -33,7 +33,7 @@ type AnimationConfig = $ReadOnly<{|
   property?: Property,
 |}>;
 
-type LayoutAnimationConfig = $ReadOnly<{|
+export type LayoutAnimationConfig = $ReadOnly<{|
   duration: number,
   create?: AnimationConfig,
   update?: AnimationConfig,
diff --git a/Libraries/Linking/Linking.js b/Libraries/Linking/Linking.js
index 8c7dfa9b0c09d2..dd6fc76f152fe4 100644
--- a/Libraries/Linking/Linking.js
+++ b/Libraries/Linking/Linking.js
@@ -22,7 +22,7 @@ import NativeLinking from './NativeLinking';
  * `Linking` gives you a general interface to interact with both incoming
  * and outgoing app links.
  *
- * See https://facebook.github.io/react-native/docs/linking.html
+ * See https://reactnative.dev/docs/linking.html
  */
 class Linking extends NativeEventEmitter {
   constructor() {
@@ -33,7 +33,7 @@ class Linking extends NativeEventEmitter {
    * Add a handler to Linking changes by listening to the `url` event type
    * and providing the handler
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#addeventlistener
+   * See https://reactnative.dev/docs/linking.html#addeventlistener
    */
   addEventListener(type: string, handler: Function) {
     this.addListener(type, handler);
@@ -42,7 +42,7 @@ class Linking extends NativeEventEmitter {
   /**
    * Remove a handler by passing the `url` event type and the handler.
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#removeeventlistener
+   * See https://reactnative.dev/docs/linking.html#removeeventlistener
    */
   removeEventListener(type: string, handler: Function) {
     this.removeListener(type, handler);
@@ -51,7 +51,7 @@ class Linking extends NativeEventEmitter {
   /**
    * Try to open the given `url` with any of the installed apps.
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#openurl
+   * See https://reactnative.dev/docs/linking.html#openurl
    */
   openURL(url: string): Promise<any> {
     this._validateURL(url);
@@ -61,7 +61,7 @@ class Linking extends NativeEventEmitter {
   /**
    * Determine whether or not an installed app can handle a given URL.
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#canopenurl
+   * See https://reactnative.dev/docs/linking.html#canopenurl
    */
   canOpenURL(url: string): Promise<boolean> {
     this._validateURL(url);
@@ -71,7 +71,7 @@ class Linking extends NativeEventEmitter {
   /**
    * Open app settings.
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#opensettings
+   * See https://reactnative.dev/docs/linking.html#opensettings
    */
   openSettings(): Promise<any> {
     return NativeLinking.openSettings();
@@ -81,7 +81,7 @@ class Linking extends NativeEventEmitter {
    * If the app launch was triggered by an app link,
    * it will give the link url, otherwise it will give `null`
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#getinitialurl
+   * See https://reactnative.dev/docs/linking.html#getinitialurl
    */
   getInitialURL(): Promise<?string> {
     return Platform.OS === 'android'
@@ -96,7 +96,7 @@ class Linking extends NativeEventEmitter {
    *
    * @platform android
    *
-   * See https://facebook.github.io/react-native/docs/linking.html#sendintent
+   * See https://reactnative.dev/docs/linking.html#sendintent
    */
   sendIntent(
     action: string,
diff --git a/Libraries/LinkingIOS/RCTLinkingManager.mm b/Libraries/LinkingIOS/RCTLinkingManager.mm
index 85b9aa7a0bd0ec..0f14b40d1b70d3 100644
--- a/Libraries/LinkingIOS/RCTLinkingManager.mm
+++ b/Libraries/LinkingIOS/RCTLinkingManager.mm
@@ -99,30 +99,8 @@ - (void)handleOpenURLNotification:(NSNotification *)notification
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject)
 {
-  if (@available(iOS 10.0, *)) {
-    [RCTSharedApplication() openURL:URL options:@{} completionHandler:^(BOOL success) {
-      if (success) {
-        resolve(@YES);
-      } else {
-        #if TARGET_OS_SIMULATOR
-          // Simulator-specific code
-          if([URL.absoluteString hasPrefix:@"tel:"]){
-            RCTLogWarn(@"Unable to open the Phone app in the simulator for telephone URLs. URL:  %@", URL);
-            resolve(@NO);
-          } else {
-            reject(RCTErrorUnspecified, [NSString stringWithFormat:@"Unable to open URL: %@", URL], nil);
-          }
-        #else
-          // Device-specific code
-          reject(RCTErrorUnspecified, [NSString stringWithFormat:@"Unable to open URL: %@", URL], nil);
-        #endif
-      }
-    }];
-  } else {
-#if !TARGET_OS_UIKITFORMAC
-    // Note: this branch will never be taken on UIKitForMac
-    BOOL opened = [RCTSharedApplication() openURL:URL];
-    if (opened) {
+  [RCTSharedApplication() openURL:URL options:@{} completionHandler:^(BOOL success) {
+    if (success) {
       resolve(@YES);
     } else {
       #if TARGET_OS_SIMULATOR
@@ -138,9 +116,7 @@ - (void)handleOpenURLNotification:(NSNotification *)notification
         reject(RCTErrorUnspecified, [NSString stringWithFormat:@"Unable to open URL: %@", URL], nil);
       #endif
     }
-#endif
-  }
-
+  }];
 }
 
 RCT_EXPORT_METHOD(canOpenURL:(NSURL *)URL
@@ -193,25 +169,13 @@ - (void)handleOpenURLNotification:(NSNotification *)notification
                   reject:(__unused RCTPromiseRejectBlock)reject)
 {
   NSURL *url = [NSURL URLWithString:UIApplicationOpenSettingsURLString];
-  if (@available(iOS 10.0, *)) {
-    [RCTSharedApplication() openURL:url options:@{} completionHandler:^(BOOL success) {
-      if (success) {
-        resolve(nil);
-      } else {
-        reject(RCTErrorUnspecified, @"Unable to open app settings", nil);
-      }
-    }];
-  } 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
-  }
+  [RCTSharedApplication() openURL:url options:@{} completionHandler:^(BOOL success) {
+    if (success) {
+      resolve(nil);
+    } else {
+      reject(RCTErrorUnspecified, @"Unable to open app settings", nil);
+    }
+  }];
 }
 
 RCT_EXPORT_METHOD(sendIntent:(NSString *)action
@@ -222,9 +186,12 @@ - (void)handleOpenURLNotification:(NSNotification *)notification
   RCTLogError(@"Not implemented: %@", NSStringFromSelector(_cmd));
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeLinkingSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeLinkingSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/LinkingIOS/React-RCTLinking.podspec b/Libraries/LinkingIOS/React-RCTLinking.podspec
index 73df19b95a1aa2..a7748dc8bb78fd 100644
--- a/Libraries/LinkingIOS/React-RCTLinking.podspec
+++ b/Libraries/LinkingIOS/React-RCTLinking.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTLinking"
   s.version                = version
   s.summary                = "A general interface to interact with both incoming and outgoing app links."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/linking"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/linking"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -46,4 +46,5 @@ Pod::Spec.new do |s|
   s.dependency "FBReactNativeSpec", version
   s.dependency "React-Core/RCTLinkingHeaders", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
 end
diff --git a/Libraries/Lists/FlatList.js b/Libraries/Lists/FlatList.js
index 808738ebd9a666..806c69f210cf2d 100644
--- a/Libraries/Lists/FlatList.js
+++ b/Libraries/Lists/FlatList.js
@@ -19,9 +19,7 @@ const StyleSheet = require('../StyleSheet/StyleSheet');
 
 const invariant = require('invariant');
 
-import ScrollView, {
-  type ScrollResponderType,
-} from '../Components/ScrollView/ScrollView';
+import {type ScrollResponderType} from '../Components/ScrollView/ScrollView';
 import type {ScrollViewNativeComponentType} from '../Components/ScrollView/ScrollViewNativeComponentType.js';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {
@@ -376,14 +374,7 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
     | ?React.ElementRef<typeof View>
     | ?React.ElementRef<ScrollViewNativeComponentType> {
     if (this._listRef) {
-      const scrollRef = this._listRef.getScrollRef();
-      if (scrollRef != null) {
-        if (scrollRef instanceof ScrollView) {
-          return scrollRef.getNativeScrollRef();
-        } else {
-          return scrollRef;
-        }
-      }
+      return this._listRef.getScrollRef();
     }
   }
 
@@ -412,10 +403,10 @@ class FlatList<ItemT> extends React.PureComponent<Props<ItemT>, void> {
         }),
       );
     } else if (this.props.onViewableItemsChanged) {
-      /* $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. */
       this._virtualizedListPairs.push({
+        /* $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. */
         viewabilityConfig: this.props.viewabilityConfig,
         onViewableItemsChanged: this._createOnViewableItemsChanged(
           this.props.onViewableItemsChanged,
diff --git a/Libraries/Lists/SectionList.js b/Libraries/Lists/SectionList.js
index b6322986902fb9..a20d4af954d9c8 100644
--- a/Libraries/Lists/SectionList.js
+++ b/Libraries/Lists/SectionList.js
@@ -27,7 +27,7 @@ export type SectionBase<SectionItemT> = _SectionBase<SectionItemT>;
 
 type RequiredProps<SectionT: SectionBase<any>> = {|
   /**
-   * The actual data to render, akin to the `data` prop in [`<FlatList>`](/react-native/docs/flatlist.html).
+   * The actual data to render, akin to the `data` prop in [`<FlatList>`](https://reactnative.dev/docs/flatlist.html).
    *
    * General shape:
    *
@@ -135,7 +135,7 @@ type DefaultProps = typeof defaultProps;
  *  - Scroll loading.
  *
  * If you don't need section support and want a simpler interface, use
- * [`<FlatList>`](/react-native/docs/flatlist.html).
+ * [`<FlatList>`](https://reactnative.dev/docs/flatlist.html).
  *
  * Simple Examples:
  *
diff --git a/Libraries/Lists/ViewabilityHelper.js b/Libraries/Lists/ViewabilityHelper.js
index 1ea6b880dad9fc..48425b00707776 100644
--- a/Libraries/Lists/ViewabilityHelper.js
+++ b/Libraries/Lists/ViewabilityHelper.js
@@ -75,9 +75,6 @@ export type ViewabilityConfig = {|
 class ViewabilityHelper {
   _config: ViewabilityConfig;
   _hasInteracted: boolean = false;
-  /* $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. */
   _timers: Set<number> = new Set();
   _viewableIndices: Array<number> = [];
   _viewableItems: Map<string, ViewToken> = new Map();
@@ -92,6 +89,9 @@ class ViewabilityHelper {
    * Cleanup, e.g. on unmount. Clears any pending timers.
    */
   dispose() {
+    /* $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. */
     this._timers.forEach(clearTimeout);
   }
 
@@ -227,6 +227,9 @@ class ViewabilityHelper {
     this._viewableIndices = viewableIndices;
     if (this._config.minimumViewTime) {
       const handle = setTimeout(() => {
+        /* $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. */
         this._timers.delete(handle);
         this._onUpdateSync(
           viewableIndices,
@@ -234,6 +237,9 @@ class ViewabilityHelper {
           createViewToken,
         );
       }, this._config.minimumViewTime);
+      /* $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. */
       this._timers.add(handle);
     } else {
       this._onUpdateSync(
diff --git a/Libraries/Lists/VirtualizedList.js b/Libraries/Lists/VirtualizedList.js
index 1b416d5c6158d7..240589ebd22bee 100644
--- a/Libraries/Lists/VirtualizedList.js
+++ b/Libraries/Lists/VirtualizedList.js
@@ -373,9 +373,21 @@ type State = {
   ...
 };
 
+// Data propagated through nested lists (regardless of orientation) that is
+// useful for producing diagnostics for usage errors involving nesting (e.g
+// missing/duplicate keys).
+type ListDebugInfo = {
+  cellKey: string,
+  listKey: string,
+  parent: ?ListDebugInfo,
+  // We include all ancestors regardless of orientation, so this is not always
+  // identical to the child's orientation.
+  horizontal: boolean,
+};
+
 /**
- * Base implementation for the more convenient [`<FlatList>`](/react-native/docs/flatlist.html)
- * and [`<SectionList>`](/react-native/docs/sectionlist.html) components, which are also better
+ * Base implementation for the more convenient [`<FlatList>`](https://reactnative.dev/docs/flatlist.html)
+ * and [`<SectionList>`](https://reactnative.dev/docs/sectionlist.html) components, which are also better
  * documented. In general, this should only really be used if you need more flexibility than
  * `FlatList` provides, e.g. for use with immutable data instead of plain arrays.
  *
@@ -656,6 +668,10 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           getNestedChildState: React$PropType$Primitive<Function>,
           registerAsNestedChild: React$PropType$Primitive<Function>,
           unregisterAsNestedChild: React$PropType$Primitive<Function>,
+          debugInfo: {|
+            listKey: React$PropType$Primitive<string>,
+            cellKey: React$PropType$Primitive<string>,
+          |},
         |},
       |} = {
     virtualizedCell: PropTypes.shape({
@@ -668,6 +684,10 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       getNestedChildState: PropTypes.func,
       registerAsNestedChild: PropTypes.func,
       unregisterAsNestedChild: PropTypes.func,
+      debugInfo: PropTypes.shape({
+        listKey: PropTypes.string,
+        cellKey: PropTypes.string,
+      }),
     }),
   };
 
@@ -710,6 +730,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         cellKey: string,
         key: string,
         ref: VirtualizedList,
+        parentDebugInfo: ListDebugInfo,
         ...
       }) => ?ChildListState,
       unregisterAsNestedChild: ({
@@ -717,6 +738,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         state: ChildListState,
         ...
       }) => void,
+      debugInfo: ListDebugInfo,
       ...
     },
   |} {
@@ -728,6 +750,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
         getNestedChildState: this._getNestedChildState,
         registerAsNestedChild: this._registerAsNestedChild,
         unregisterAsNestedChild: this._unregisterAsNestedChild,
+        debugInfo: this._getDebugInfo(),
       },
     };
   }
@@ -739,6 +762,21 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     );
   }
 
+  _getListKey(): string {
+    return this.props.listKey || this._getCellKey();
+  }
+
+  _getDebugInfo(): ListDebugInfo {
+    return {
+      listKey: this._getListKey(),
+      cellKey: this._getCellKey(),
+      horizontal: !!this.props.horizontal,
+      parent: this.context.virtualizedList
+        ? this.context.virtualizedList.debugInfo
+        : null,
+    };
+  }
+
   _getScrollMetrics = () => {
     return this._scrollMetrics;
   };
@@ -764,6 +802,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     cellKey: string,
     key: string,
     ref: VirtualizedList,
+    parentDebugInfo: ListDebugInfo,
     ...
   }): ?ChildListState => {
     // Register the mapping between this child key and the cellKey for its cell
@@ -771,13 +810,18 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       this._cellKeysToChildListKeys.get(childList.cellKey) || new Set();
     childListsInCell.add(childList.key);
     this._cellKeysToChildListKeys.set(childList.cellKey, childListsInCell);
-
     const existingChildData = this._nestedChildLists.get(childList.key);
     if (existingChildData && existingChildData.ref !== null) {
       console.error(
         'A VirtualizedList contains a cell which itself contains ' +
           'more than one VirtualizedList of the same orientation as the parent ' +
-          'list. You must pass a unique listKey prop to each sibling list.',
+          'list. You must pass a unique listKey prop to each sibling list.\n\n' +
+          describeNestedLists({
+            ...childList,
+            // We're called from the child's componentDidMount, so it's safe to
+            // read the child's props here (albeit weird).
+            horizontal: !!childList.ref.props.horizontal,
+          }),
       );
     }
     this._nestedChildLists.set(childList.key, {
@@ -849,7 +893,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
 
     if (this._isNestedWithSameOrientation()) {
       const storedState = this.context.virtualizedList.getNestedChildState(
-        this.props.listKey || this._getCellKey(),
+        this._getListKey(),
       );
       if (storedState) {
         initialState = storedState;
@@ -865,8 +909,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     if (this._isNestedWithSameOrientation()) {
       this.context.virtualizedList.registerAsNestedChild({
         cellKey: this._getCellKey(),
-        key: this.props.listKey || this._getCellKey(),
+        key: this._getListKey(),
         ref: this,
+        // NOTE: When the child mounts (here) it's not necessarily safe to read
+        // the parent's props. This is why we explicitly propagate debugInfo
+        // "down" via context and "up" again via this method call on the
+        // parent.
+        parentDebugInfo: this.context.virtualizedList.debugInfo,
       });
     }
   }
@@ -874,7 +923,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
   componentWillUnmount() {
     if (this._isNestedWithSameOrientation()) {
       this.context.virtualizedList.unregisterAsNestedChild({
-        key: this.props.listKey || this._getCellKey(),
+        key: this._getListKey(),
         state: {
           first: this.state.first,
           last: this.state.last,
@@ -1173,7 +1222,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       );
       cells.push(
         <VirtualizedCellWrapper
-          cellKey={this._getCellKey() + '-footer'}
+          cellKey={this._getFooterCellKey()}
           key="$footer">
           <View
             onLayout={this._onLayoutFooter}
@@ -1418,15 +1467,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       this._frames[cellKey].inLayout = true;
     }
 
-    const childListKeys = this._cellKeysToChildListKeys.get(cellKey);
-    if (childListKeys) {
-      for (let childKey of childListKeys) {
-        const childList = this._nestedChildLists.get(childKey);
-        childList &&
-          childList.ref &&
-          childList.ref.measureLayoutRelativeToContainingList();
-      }
-    }
+    this._triggerRemeasureForChildListsInCell(cellKey);
 
     this._computeBlankness();
     this._updateViewableItems(this.props.data);
@@ -1439,6 +1480,18 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
   };
 
+  _triggerRemeasureForChildListsInCell(cellKey: string): void {
+    const childListKeys = this._cellKeysToChildListKeys.get(cellKey);
+    if (childListKeys) {
+      for (let childKey of childListKeys) {
+        const childList = this._nestedChildLists.get(childKey);
+        childList &&
+          childList.ref &&
+          childList.ref.measureLayoutRelativeToContainingList();
+      }
+    }
+  }
+
   measureLayoutRelativeToContainingList(): void {
     // TODO (T35574538): findNodeHandle sometimes crashes with "Unable to find
     // node on an unmounted component" during scrolling
@@ -1449,10 +1502,7 @@ class VirtualizedList extends React.PureComponent<Props, State> {
       // We are assuming that getOutermostParentListRef().getScrollRef()
       // is a non-null reference to a ScrollView
       this._scrollRef.measureLayout(
-        this.context.virtualizedList
-          .getOutermostParentListRef()
-          .getScrollRef()
-          .getNativeScrollRef(),
+        this.context.virtualizedList.getOutermostParentListRef().getScrollRef(),
         (x, y, width, height) => {
           this._offsetFromParentVirtualizedList = this._selectOffset({x, y});
           this._scrollMetrics.contentLength = this._selectLength({
@@ -1499,7 +1549,12 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     this.props.onLayout && this.props.onLayout(e);
   };
 
+  _getFooterCellKey(): string {
+    return this._getCellKey() + '-footer';
+  }
+
   _onLayoutFooter = e => {
+    this._triggerRemeasureForChildListsInCell(this._getFooterCellKey());
     this._footerLength = this._selectLength(e.nativeEvent.layout);
   };
 
@@ -1895,12 +1950,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
     }
     this.setState(state => {
       let newState;
+      const {contentLength, offset, visibleLength} = this._scrollMetrics;
       if (!isVirtualizationDisabled) {
         // If we run this with bogus data, we'll force-render window {first: 0, last: 0},
         // and wipe out the initialNumToRender rendered elements.
         // So let's wait until the scroll view metrics have been set up. And until then,
         // we will trust the initialNumToRender suggestion
-        if (this._scrollMetrics.visibleLength) {
+        if (visibleLength > 0 && contentLength > 0) {
           // If we have a non-zero initialScrollIndex and run this before we've scrolled,
           // we'll wipe out the initialNumToRender rendered elements starting at initialScrollIndex.
           // So let's wait until we've scrolled the view to the right place. And until then,
@@ -1915,7 +1971,6 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           }
         }
       } else {
-        const {contentLength, offset, visibleLength} = this._scrollMetrics;
         const distanceFromEnd = contentLength - visibleLength - offset;
         const renderAhead =
           /* $FlowFixMe(>=0.63.0 site=react_native_fb) This comment suppresses
@@ -1959,6 +2014,13 @@ class VirtualizedList extends React.PureComponent<Props, State> {
           }
         }
       }
+      if (
+        newState != null &&
+        newState.first === state.first &&
+        newState.last === state.last
+      ) {
+        newState = null;
+      }
       return newState;
     });
   };
@@ -2295,6 +2357,31 @@ class VirtualizedCellWrapper extends React.Component<{
   }
 }
 
+function describeNestedLists(childList: {
+  +cellKey: string,
+  +key: string,
+  +ref: VirtualizedList,
+  +parentDebugInfo: ListDebugInfo,
+  +horizontal: boolean,
+  ...
+}) {
+  let trace =
+    'VirtualizedList trace:\n' +
+    `  Child (${childList.horizontal ? 'horizontal' : 'vertical'}):\n` +
+    `    listKey: ${childList.key}\n` +
+    `    cellKey: ${childList.cellKey}`;
+
+  let debugInfo = childList.parentDebugInfo;
+  while (debugInfo) {
+    trace +=
+      `\n  Parent (${debugInfo.horizontal ? 'horizontal' : 'vertical'}):\n` +
+      `    listKey: ${debugInfo.listKey}\n` +
+      `    cellKey: ${debugInfo.cellKey}`;
+    debugInfo = debugInfo.parent;
+  }
+  return trace;
+}
+
 const styles = StyleSheet.create({
   verticallyInverted: {
     transform: [{scaleY: -1}],
diff --git a/Libraries/Lists/__flowtests__/FlatList-flowtest.js b/Libraries/Lists/__flowtests__/FlatList-flowtest.js
index 5be4c1eebcd22a..912289cbf0043d 100644
--- a/Libraries/Lists/__flowtests__/FlatList-flowtest.js
+++ b/Libraries/Lists/__flowtests__/FlatList-flowtest.js
@@ -35,11 +35,11 @@ module.exports = {
   testBadDataWithTypicalItem(): React.Node {
     const data = [
       {
-        // $FlowExpectedError - bad title type 6, should be string
         title: 6,
         key: 1,
       },
     ];
+    // $FlowExpectedError - bad title type 6, should be string
     return <FlatList renderItem={renderMyListItem} data={data} />;
   },
 
@@ -97,6 +97,7 @@ module.exports = {
       />,
       // EverythingIsFine
       <FlatList
+        // $FlowExpectedError - bad title type number, should be string
         renderItem={(info: {item: {title: string, ...}, ...}) => <span />}
         data={data}
       />,
diff --git a/Libraries/Lists/__flowtests__/SectionList-flowtest.js b/Libraries/Lists/__flowtests__/SectionList-flowtest.js
index 79a92a88a39098..9425bacd5cf8a5 100644
--- a/Libraries/Lists/__flowtests__/SectionList-flowtest.js
+++ b/Libraries/Lists/__flowtests__/SectionList-flowtest.js
@@ -57,8 +57,8 @@ module.exports = {
       },
     ];
     return [
-      // $FlowExpectedError - title should be inside `item`
       <SectionList
+        // $FlowExpectedError - title should be inside `item`
         renderItem={(info: {title: string, ...}) => <span />}
         sections={sections}
       />,
@@ -94,9 +94,6 @@ module.exports = {
 
   testBadSectionsShape(): React.Element<*> {
     const sections = [
-      /* $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. */
       {
         key: 'a',
         items: [
@@ -115,7 +112,6 @@ module.exports = {
     const sections = [
       {
         key: 'a',
-        // $FlowExpectedError - section has bad meta data `fooNumber` field of type string
         fooNumber: 'string',
         data: [
           {
@@ -129,6 +125,8 @@ module.exports = {
       <SectionList
         renderSectionHeader={renderMyHeader}
         renderItem={renderMyListItem}
+        /* $FlowExpectedError - section has bad meta data `fooNumber` field of
+         * type string */
         sections={sections}
       />
     );
diff --git a/Libraries/Lists/__tests__/VirtualizedList-test.js b/Libraries/Lists/__tests__/VirtualizedList-test.js
index 5cee6bca2cbcdc..e99215a2d867d1 100644
--- a/Libraries/Lists/__tests__/VirtualizedList-test.js
+++ b/Libraries/Lists/__tests__/VirtualizedList-test.js
@@ -69,11 +69,12 @@ describe('VirtualizedList', () => {
 
   it('throws if no renderItem or ListItemComponent', () => {
     // Silence the React error boundary warning; we expect an uncaught error.
+    const consoleError = console.error;
     jest.spyOn(console, 'error').mockImplementation(message => {
       if (message.startsWith('The above error occured in the ')) {
         return;
       }
-      console.errorDebug(message);
+      consoleError(message);
     });
 
     const componentFactory = () =>
@@ -299,7 +300,7 @@ describe('VirtualizedList', () => {
 
     // This is checking if the ref acts like a ScrollView. If we had an
     // `isScrollView(ref)` method, that would be preferred.
-    expect(scrollRef.scrollTo).toBeInstanceOf(Function);
+    expect(scrollRef.scrollTo).toBeInstanceOf(jest.fn().constructor);
   });
 
   it('getScrollRef for case where it returns a View', () => {
@@ -334,4 +335,125 @@ describe('VirtualizedList', () => {
     expect(scrollRef.measureLayout).toBeInstanceOf(jest.fn().constructor);
     expect(scrollRef.measureInWindow).toBeInstanceOf(jest.fn().constructor);
   });
+  it('does not call onEndReached when onContentSizeChange happens after onLayout', () => {
+    const ITEM_HEIGHT = 40;
+    const layout = {width: 300, height: 600};
+    let data = Array(20)
+      .fill()
+      .map((_, key) => ({key: String(key)}));
+    const onEndReached = jest.fn();
+    const props = {
+      data,
+      initialNumToRender: 10,
+      onEndReachedThreshold: 2,
+      windowSize: 21,
+      renderItem: ({item}) => <item value={item.key} />,
+      getItem: (items, index) => items[index],
+      getItemCount: items => items.length,
+      getItemLayout: (items, index) => ({
+        length: ITEM_HEIGHT,
+        offset: ITEM_HEIGHT * index,
+        index,
+      }),
+      onEndReached,
+    };
+
+    const component = ReactTestRenderer.create(<VirtualizedList {...props} />);
+
+    const instance = component.getInstance();
+
+    instance._onLayout({nativeEvent: {layout}});
+
+    const initialContentHeight = props.initialNumToRender * ITEM_HEIGHT;
+
+    // We want to test the unusual case of onContentSizeChange firing after
+    // onLayout, which can cause https://github.com/facebook/react-native/issues/16067
+    instance._onContentSizeChange(300, initialContentHeight);
+    instance._onContentSizeChange(300, data.length * ITEM_HEIGHT);
+    jest.runAllTimers();
+
+    expect(onEndReached).not.toHaveBeenCalled();
+
+    instance._onScroll({
+      timeStamp: 1000,
+      nativeEvent: {
+        contentOffset: {y: initialContentHeight, x: 0},
+        layoutMeasurement: layout,
+        contentSize: {...layout, height: data.length * ITEM_HEIGHT},
+        zoomScale: 1,
+        contentInset: {right: 0, top: 0, left: 0, bottom: 0},
+      },
+    });
+    jest.runAllTimers();
+
+    expect(onEndReached).toHaveBeenCalled();
+  });
+
+  it('provides a trace when a listKey collision occurs', () => {
+    const errors = [];
+    jest.spyOn(console, 'error').mockImplementation((...args) => {
+      // Silence the DEV-only React error boundary warning.
+      if ((args[0] || '').startsWith('The above error occured in the ')) {
+        return;
+      }
+      errors.push(args);
+    });
+    const commonProps = {
+      data: [{key: 'cell0'}],
+      getItem: (data, index) => data[index],
+      getItemCount: data => data.length,
+      renderItem: ({item}) => <item value={item.key} />,
+    };
+    try {
+      ReactTestRenderer.create(
+        <VirtualizedList
+          {...commonProps}
+          horizontal={false}
+          listKey="level0"
+          renderItem={() => (
+            <VirtualizedList
+              {...commonProps}
+              horizontal={true}
+              listKey="level1"
+              renderItem={() => (
+                <>
+                  {/* Force a collision */}
+                  <VirtualizedList
+                    {...commonProps}
+                    horizontal={true}
+                    listKey="level2"
+                  />
+                  <VirtualizedList
+                    {...commonProps}
+                    horizontal={true}
+                    listKey="level2"
+                  />
+                </>
+              )}
+            />
+          )}
+        />,
+      );
+      expect(errors).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "A VirtualizedList contains a cell which itself contains more than one VirtualizedList of the same orientation as the parent list. You must pass a unique listKey prop to each sibling list.
+
+        VirtualizedList trace:
+          Child (horizontal):
+            listKey: level2
+            cellKey: cell0
+          Parent (horizontal):
+            listKey: level1
+            cellKey: cell0
+          Parent (vertical):
+            listKey: level0
+            cellKey: rootList",
+          ],
+        ]
+      `);
+    } finally {
+      console.error.mockRestore();
+    }
+  });
 });
diff --git a/Libraries/LogBox/Data/LogBoxData.js b/Libraries/LogBox/Data/LogBoxData.js
index 83e64356facc75..1076d26661f448 100644
--- a/Libraries/LogBox/Data/LogBoxData.js
+++ b/Libraries/LogBox/Data/LogBoxData.js
@@ -60,6 +60,7 @@ export type WarningFilter = (format: string) => WarningInfo;
 type AppInfo = $ReadOnly<{|
   appVersion: string,
   engine: string,
+  onPress?: ?() => void,
 |}>;
 
 const observers: Set<{observer: Observer, ...}> = new Set();
diff --git a/Libraries/LogBox/Data/LogBoxLog.js b/Libraries/LogBox/Data/LogBoxLog.js
index f2f64f5647585e..2d019518306d76 100644
--- a/Libraries/LogBox/Data/LogBoxLog.js
+++ b/Libraries/LogBox/Data/LogBoxLog.js
@@ -26,6 +26,7 @@ export type LogLevel = 'warn' | 'error' | 'fatal' | 'syntax';
 
 export type LogBoxLogData = $ReadOnly<{|
   level: LogLevel,
+  type?: ?string,
   message: Message,
   stack: Stack,
   category: string,
@@ -36,6 +37,7 @@ export type LogBoxLogData = $ReadOnly<{|
 
 class LogBoxLog {
   message: Message;
+  type: ?string;
   category: Category;
   componentStack: ComponentStack;
   stack: Stack;
@@ -55,6 +57,7 @@ class LogBoxLog {
 
   constructor(data: LogBoxLogData) {
     this.level = data.level;
+    this.type = data.type;
     this.message = data.message;
     this.stack = data.stack;
     this.category = data.category;
diff --git a/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js b/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js
index f4025dcc176d06..30c489a3445a49 100644
--- a/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js
+++ b/Libraries/LogBox/Data/__tests__/parseLogBoxLog-test.js
@@ -143,6 +143,32 @@ describe('parseLogBoxLog', () => {
     });
   });
 
+  it('detects a component stack in the first argument', () => {
+    expect(
+      parseLogBoxLog([
+        'Some kind of message\n    in MyComponent (at filename.js:1)\n    in MyOtherComponent (at filename2.js:1)',
+      ]),
+    ).toEqual({
+      componentStack: [
+        {
+          content: 'MyComponent',
+          fileName: 'filename.js',
+          location: {column: -1, row: 1},
+        },
+        {
+          content: 'MyOtherComponent',
+          fileName: 'filename2.js',
+          location: {column: -1, row: 1},
+        },
+      ],
+      category: 'Some kind of message',
+      message: {
+        content: 'Some kind of message',
+        substitutions: [],
+      },
+    });
+  });
+
   it('detects a component stack in the second argument', () => {
     expect(
       parseLogBoxLog([
@@ -272,6 +298,74 @@ describe('parseLogBoxLog', () => {
     });
   });
 
+  it('parses an invalid require syntax error', () => {
+    const error = {
+      message: `Unable to resolve module \`ListCellx\` from /path/to/file.js: ListCellx could not be found within the project.
+
+If you are sure the module exists, try these steps:
+ 1. Clear watchman watches: watchman watch-del-all
+ 2. Delete node_modules and run yarn install
+ 3. Reset Metro's cache: yarn start --reset-cache
+ 4. Remove the cache: rm -rf /tmp/metro-*
+\u001b[0m \u001b[90m 10 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mColor\u001b[39m from \u001b[32m'Color'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 11 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mList\u001b[39m from \u001b[32m'List'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 12 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mListCell\u001b[39m from \u001b[32m'ListCellx'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m    | \u001b[39m                           \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 13 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mNullState\u001b[39m from \u001b[32m'NullState'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 14 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mUnitHeader\u001b[39m from \u001b[32m'UnitHeader'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 15 | \u001b[39m\u001b[36mimport\u001b[39m fbRemoteAsset from \u001b[32m'fbRemoteAsset'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m`,
+      originalMessage: `Unable to resolve module \`ListCellx\` from /path/to/file.js: ListCellx could not be found within the project.
+
+If you are sure the module exists, try these steps:
+ 1. Clear watchman watches: watchman watch-del-all
+ 2. Delete node_modules and run yarn install
+ 3. Reset Metro's cache: yarn start --reset-cache
+ 4. Remove the cache: rm -rf /tmp/metro-*
+\u001b[0m \u001b[90m 10 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mColor\u001b[39m from \u001b[32m'Color'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 11 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mList\u001b[39m from \u001b[32m'List'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 12 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mListCell\u001b[39m from \u001b[32m'ListCellx'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m    | \u001b[39m                           \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 13 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mNullState\u001b[39m from \u001b[32m'NullState'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 14 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mUnitHeader\u001b[39m from \u001b[32m'UnitHeader'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 15 | \u001b[39m\u001b[36mimport\u001b[39m fbRemoteAsset from \u001b[32m'fbRemoteAsset'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m`,
+      name: '',
+      isComponentError: false,
+      componentStack: '',
+      stack: [],
+      id: 0,
+      isFatal: true,
+    };
+
+    expect(parseLogBoxException(error)).toEqual({
+      level: 'syntax',
+      isComponentError: false,
+      codeFrame: {
+        fileName: '/path/to/file.js',
+        location: null,
+        content: `\u001b[0m \u001b[90m 10 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mColor\u001b[39m from \u001b[32m'Color'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 11 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mList\u001b[39m from \u001b[32m'List'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m\u001b[31m\u001b[1m>\u001b[22m\u001b[39m\u001b[90m 12 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mListCell\u001b[39m from \u001b[32m'ListCellx'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m    | \u001b[39m                           \u001b[31m\u001b[1m^\u001b[22m\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 13 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mNullState\u001b[39m from \u001b[32m'NullState'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 14 | \u001b[39m\u001b[36mimport\u001b[39m \u001b[33mUnitHeader\u001b[39m from \u001b[32m'UnitHeader'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m
+\u001b[0m \u001b[90m 15 | \u001b[39m\u001b[36mimport\u001b[39m fbRemoteAsset from \u001b[32m'fbRemoteAsset'\u001b[39m\u001b[33m;\u001b[39m\u001b[0m`,
+      },
+      message: {
+        content: `ListCellx could not be found within the project.
+
+If you are sure the module exists, try these steps:
+ 1. Clear watchman watches: watchman watch-del-all
+ 2. Delete node_modules and run yarn install
+ 3. Reset Metro's cache: yarn start --reset-cache
+ 4. Remove the cache: rm -rf /tmp/metro-*`,
+        substitutions: [],
+      },
+      stack: [],
+      componentStack: [],
+      category: '/path/to/file.js-1-1',
+    });
+  });
+
   it('parses a reference error', () => {
     const error = {
       message: `
@@ -411,7 +505,7 @@ Please follow the instructions at: fburl.com/rn-remote-assets`,
     });
   });
 
-  it('parses a error log', () => {
+  it('parses an error log with `error.componentStack`', () => {
     const error = {
       id: 0,
       isFatal: false,
@@ -464,6 +558,59 @@ Please follow the instructions at: fburl.com/rn-remote-assets`,
     });
   });
 
+  it('parses an error log with a component stack in the message', () => {
+    const error = {
+      id: 0,
+      isFatal: false,
+      isComponentError: false,
+      message:
+        'Some kind of message\n    in MyComponent (at filename.js:1)\n    in MyOtherComponent (at filename2.js:1)',
+      originalMessage:
+        'Some kind of message\n    in MyComponent (at filename.js:1)\n    in MyOtherComponent (at filename2.js:1)',
+      name: '',
+      componentStack: null,
+      stack: [
+        {
+          column: 1,
+          file: 'foo.js',
+          lineNumber: 1,
+          methodName: 'bar',
+          collapse: false,
+        },
+      ],
+    };
+    expect(parseLogBoxException(error)).toEqual({
+      level: 'error',
+      isComponentError: false,
+      stack: [
+        {
+          collapse: false,
+          column: 1,
+          file: 'foo.js',
+          lineNumber: 1,
+          methodName: 'bar',
+        },
+      ],
+      componentStack: [
+        {
+          content: 'MyComponent',
+          fileName: 'filename.js',
+          location: {column: -1, row: 1},
+        },
+        {
+          content: 'MyOtherComponent',
+          fileName: 'filename2.js',
+          location: {column: -1, row: 1},
+        },
+      ],
+      category: 'Some kind of message',
+      message: {
+        content: 'Some kind of message',
+        substitutions: [],
+      },
+    });
+  });
+
   it('parses a fatal exception', () => {
     const error = {
       id: 0,
diff --git a/Libraries/LogBox/Data/parseLogBoxLog.js b/Libraries/LogBox/Data/parseLogBoxLog.js
index a65bd5d531ee51..0d7c83d3755270 100644
--- a/Libraries/LogBox/Data/parseLogBoxLog.js
+++ b/Libraries/LogBox/Data/parseLogBoxLog.js
@@ -16,7 +16,8 @@ import type {ExceptionData} from '../../Core/NativeExceptionsManager';
 import type {LogBoxLogData} from './LogBoxLog';
 
 const BABEL_TRANSFORM_ERROR_FORMAT = /^(?:TransformError )?(?:SyntaxError: |ReferenceError: )(.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/;
-const BABEL_CODE_FRAME_ERROR_FORMAT = /^(?:TransformError )?(?:.*): (.*): ([\s\S]+?)\n([ >]{2}[\d\s]+ \|[\s\S]+|\u{001b}[\s\S]+)/u;
+const BABEL_CODE_FRAME_ERROR_FORMAT = /^(?:TransformError )?(?:.*):? (?:.*?)(\/.*): ([\s\S]+?)\n([ >]{2}[\d\s]+ \|[\s\S]+|\u{001b}[\s\S]+)/u;
+const METRO_ERROR_FORMAT = /^(?:InternalError Metro has encountered an error:) (.*): (.*) \((\d+):(\d+)\)\n\n([\s\S]+)/u;
 
 export type ExtendedExceptionData = ExceptionData & {
   isComponentError: boolean,
@@ -46,7 +47,7 @@ export type ComponentStack = $ReadOnlyArray<CodeFrame>;
 
 const SUBSTITUTION = UTFSequence.BOM + '%s';
 
-export function parseCategory(
+export function parseInterpolation(
   args: $ReadOnlyArray<mixed>,
 ): $ReadOnly<{|
   category: Category,
@@ -151,6 +152,38 @@ export function parseLogBoxException(
   const message =
     error.originalMessage != null ? error.originalMessage : 'Unknown';
 
+  const metroInternalError = message.match(METRO_ERROR_FORMAT);
+  if (metroInternalError) {
+    const [
+      content,
+      fileName,
+      row,
+      column,
+      codeFrame,
+    ] = metroInternalError.slice(1);
+
+    return {
+      level: 'fatal',
+      type: 'Metro Error',
+      stack: [],
+      isComponentError: false,
+      componentStack: [],
+      codeFrame: {
+        fileName,
+        location: {
+          row: parseInt(row, 10),
+          column: parseInt(column, 10),
+        },
+        content: codeFrame,
+      },
+      message: {
+        content,
+        substitutions: [],
+      },
+      category: `${fileName}-${row}-${column}`,
+    };
+  }
+
   const babelTransformError = message.match(BABEL_TRANSFORM_ERROR_FORMAT);
   if (babelTransformError) {
     // Transform errors are thrown from inside the Babel transformer.
@@ -206,21 +239,50 @@ export function parseLogBoxException(
     };
   }
 
-  const level = message.match(/^TransformError /)
-    ? 'syntax'
-    : error.isFatal || error.isComponentError
-    ? 'fatal'
-    : 'error';
+  if (message.match(/^TransformError /)) {
+    return {
+      level: 'syntax',
+      stack: error.stack,
+      isComponentError: error.isComponentError,
+      componentStack: [],
+      message: {
+        content: message,
+        substitutions: [],
+      },
+      category: message,
+    };
+  }
+
+  const componentStack = error.componentStack;
+  if (error.isFatal || error.isComponentError) {
+    return {
+      level: 'fatal',
+      stack: error.stack,
+      isComponentError: error.isComponentError,
+      componentStack:
+        componentStack != null ? parseComponentStack(componentStack) : [],
+      ...parseInterpolation([message]),
+    };
+  }
 
+  if (componentStack != null) {
+    // It is possible that console errors have a componentStack.
+    return {
+      level: 'error',
+      stack: error.stack,
+      isComponentError: error.isComponentError,
+      componentStack: parseComponentStack(componentStack),
+      ...parseInterpolation([message]),
+    };
+  }
+
+  // Most `console.error` calls won't have a componentStack. We parse them like
+  // regular logs which have the component stack burried in the message.
   return {
-    level: level,
+    level: 'error',
     stack: error.stack,
     isComponentError: error.isComponentError,
-    componentStack:
-      error.componentStack != null
-        ? parseComponentStack(error.componentStack)
-        : [],
-    ...parseCategory([message]),
+    ...parseLogBoxLog([message]),
   };
 }
 
@@ -253,7 +315,13 @@ export function parseLogBoxLog(
   if (componentStack.length === 0) {
     // Try finding the component stack elsewhere.
     for (const arg of args) {
-      if (typeof arg === 'string' && /^\n {4}in/.exec(arg)) {
+      if (typeof arg === 'string' && /\n {4}in /.exec(arg)) {
+        // Strip out any messages before the component stack.
+        const messageEndIndex = arg.indexOf('\n    in ');
+        if (messageEndIndex > 0) {
+          argsWithoutComponentStack.push(arg.slice(0, messageEndIndex));
+        }
+
         componentStack = parseComponentStack(arg);
       } else {
         argsWithoutComponentStack.push(arg);
@@ -262,7 +330,7 @@ export function parseLogBoxLog(
   }
 
   return {
-    ...parseCategory(argsWithoutComponentStack),
+    ...parseInterpolation(argsWithoutComponentStack),
     componentStack,
   };
 }
diff --git a/Libraries/LogBox/LogBox.js b/Libraries/LogBox/LogBox.js
index b231b9396ad184..913dfa8daa3e58 100644
--- a/Libraries/LogBox/LogBox.js
+++ b/Libraries/LogBox/LogBox.js
@@ -13,7 +13,7 @@
 import Platform from '../Utilities/Platform';
 import RCTLog from '../Utilities/RCTLog';
 import * as LogBoxData from './Data/LogBoxData';
-import {parseLogBoxLog} from './Data/parseLogBoxLog';
+import {parseLogBoxLog, parseInterpolation} from './Data/parseLogBoxLog';
 
 import type {IgnorePattern} from './Data/LogBoxData';
 
@@ -37,15 +37,14 @@ if (__DEV__) {
   };
 
   LogBox = {
-    // TODO: deprecated, replace with ignoreLogs
-    ignoreWarnings: (patterns: $ReadOnlyArray<IgnorePattern>): void => {
-      LogBox.ignoreLogs(patterns);
-    },
-
     ignoreLogs: (patterns: $ReadOnlyArray<IgnorePattern>): void => {
       LogBoxData.addIgnorePatterns(patterns);
     },
 
+    ignoreAllLogs: (value?: ?boolean): void => {
+      LogBoxData.setDisabled(value == null ? true : value);
+    },
+
     uninstall: (): void => {
       errorImpl = error;
       warnImpl = warn;
@@ -64,18 +63,26 @@ if (__DEV__) {
         registerWarning(...args);
       };
 
-      if ((console: any).disableLogBox === true) {
+      if ((console: any).disableYellowBox === true) {
         LogBoxData.setDisabled(true);
+        console.warn(
+          'console.disableYellowBox has been deprecated and will be removed in a future release. Please use LogBox.ignoreAllLogs(value) instead.',
+        );
       }
 
-      (Object.defineProperty: any)(console, 'disableLogBox', {
+      (Object.defineProperty: any)(console, 'disableYellowBox', {
         configurable: true,
         get: () => LogBoxData.isDisabled(),
-        set: value => LogBoxData.setDisabled(value),
+        set: value => {
+          LogBoxData.setDisabled(value);
+          console.warn(
+            'console.disableYellowBox has been deprecated and will be removed in a future release. Please use LogBox.ignoreAllLogs(value) instead.',
+          );
+        },
       });
 
       if (Platform.isTesting) {
-        (console: any).disableLogBox = true;
+        LogBoxData.setDisabled(true);
       }
 
       RCTLog.setWarningHandler((...args) => {
@@ -95,6 +102,12 @@ if (__DEV__) {
   };
 
   const registerWarning = (...args): void => {
+    // Let warnings within LogBox itself fall through.
+    if (LogBoxData.isLogBoxErrorMessage(String(args[0]))) {
+      error.call(console, ...args);
+      return;
+    }
+
     try {
       if (!isRCTLogAdviceWarning(...args)) {
         const {category, message, componentStack} = parseLogBoxLog(args);
@@ -103,14 +116,12 @@ if (__DEV__) {
           // Be sure to pass LogBox warnings through.
           warn.call(console, ...args);
 
-          if (!LogBoxData.isLogBoxErrorMessage(message.content)) {
-            LogBoxData.addLog({
-              level: 'warn',
-              category,
-              message,
-              componentStack,
-            });
-          }
+          LogBoxData.addLog({
+            level: 'warn',
+            category,
+            message,
+            componentStack,
+          });
         }
       }
     } catch (err) {
@@ -119,9 +130,21 @@ if (__DEV__) {
   };
 
   const registerError = (...args): void => {
+    // Let errors within LogBox itself fall through.
+    if (LogBoxData.isLogBoxErrorMessage(args[0])) {
+      error.call(console, ...args);
+      return;
+    }
+
     try {
       if (!isWarningModuleWarning(...args)) {
-        // Only show LogBox for the `warning` module, otherwise pass through and skip.
+        // Only show LogBox for the 'warning' module, otherwise pass through.
+        // By passing through, this will get picked up by the React console override,
+        // potentially adding the component stack. React then passes it back to the
+        // React Native ExceptionsManager, which reports it to LogBox as an error.
+        //
+        // The 'warning' module needs to be handled here because React internally calls
+        // `console.error('Warning: ')` with the component stack already included.
         error.call(console, ...args);
         return;
       }
@@ -144,17 +167,17 @@ if (__DEV__) {
       const {category, message, componentStack} = parseLogBoxLog(args);
 
       if (!LogBoxData.isMessageIgnored(message.content)) {
-        // Be sure to pass LogBox errors through.
-        error.call(console, ...args);
-
-        if (!LogBoxData.isLogBoxErrorMessage(message.content)) {
-          LogBoxData.addLog({
-            level,
-            category,
-            message,
-            componentStack,
-          });
-        }
+        // Interpolate the message so they are formatted for adb and other CLIs.
+        // This is different than the message.content above because it includes component stacks.
+        const interpolated = parseInterpolation(args);
+        error.call(console, interpolated.message.content);
+
+        LogBoxData.addLog({
+          level,
+          category,
+          message,
+          componentStack,
+        });
       }
     } catch (err) {
       LogBoxData.reportLogBoxError(err);
@@ -162,12 +185,11 @@ if (__DEV__) {
   };
 } else {
   LogBox = {
-    // TODO: deprecated, replace with ignoreLogs
-    ignoreWarnings: (patterns: $ReadOnlyArray<IgnorePattern>): void => {
+    ignoreLogs: (patterns: $ReadOnlyArray<IgnorePattern>): void => {
       // Do nothing.
     },
 
-    ignoreLogs: (patterns: $ReadOnlyArray<IgnorePattern>): void => {
+    ignoreAllLogs: (value?: ?boolean): void => {
       // Do nothing.
     },
 
@@ -182,9 +204,8 @@ if (__DEV__) {
 }
 
 module.exports = (LogBox: {
-  // TODO: deprecated, replace with ignoreLogs
-  ignoreWarnings($ReadOnlyArray<IgnorePattern>): void,
   ignoreLogs($ReadOnlyArray<IgnorePattern>): void,
+  ignoreAllLogs(?boolean): void,
   install(): void,
   uninstall(): void,
   ...
diff --git a/Libraries/LogBox/UI/AnsiHighlight.js b/Libraries/LogBox/UI/AnsiHighlight.js
index 616a88ca47a61e..101b14258264b2 100644
--- a/Libraries/LogBox/UI/AnsiHighlight.js
+++ b/Libraries/LogBox/UI/AnsiHighlight.js
@@ -58,7 +58,7 @@ export default function Ansi({
     // We are looking for the least amount of common whitespace to trim all lines.
     // Example: Array [" ", " 96 |", "     text", ...]
     const match = lines[2] && lines[2]?.content?.match(/^ +/);
-    const whitespaceLength = (match && match[0]?.length) || Infinity;
+    const whitespaceLength = (match && match[0]?.length) || 0;
     if (whitespaceLength < commonWhitespaceLength) {
       commonWhitespaceLength = whitespaceLength;
     }
diff --git a/Libraries/LogBox/UI/LogBoxInspector.js b/Libraries/LogBox/UI/LogBoxInspector.js
index 62900e5b47ca2d..9c2983264b04b7 100644
--- a/Libraries/LogBox/UI/LogBoxInspector.js
+++ b/Libraries/LogBox/UI/LogBoxInspector.js
@@ -102,6 +102,7 @@ function LogBoxInspectorBody(props) {
   }, [props.log]);
 
   const headerTitle =
+    props.log.type ??
     headerTitleMap[props.log.isComponentError ? 'component' : props.log.level];
 
   if (collapsed) {
diff --git a/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js b/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js
index b9e8f483c1dd31..2c4e1036a17761 100644
--- a/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js
+++ b/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js
@@ -87,9 +87,19 @@ function AppInfo() {
   }
 
   return (
-    <Text style={appInfoStyles.text}>
-      {appInfo.appVersion} ({appInfo.engine})
-    </Text>
+    <LogBoxButton
+      backgroundColor={{
+        default: 'transparent',
+        pressed: appInfo.onPress
+          ? LogBoxStyle.getBackgroundColor(1)
+          : 'transparent',
+      }}
+      style={appInfoStyles.buildButton}
+      onPress={appInfo.onPress}>
+      <Text style={appInfoStyles.text}>
+        {appInfo.appVersion} ({appInfo.engine})
+      </Text>
+    </LogBoxButton>
   );
 }
 
@@ -98,8 +108,14 @@ const appInfoStyles = StyleSheet.create({
     color: LogBoxStyle.getTextColor(0.4),
     fontSize: 12,
     lineHeight: 12,
+  },
+  buildButton: {
     flex: 0,
     flexGrow: 0,
+    paddingVertical: 4,
+    paddingHorizontal: 5,
+    borderRadius: 5,
+    marginRight: -8,
   },
 });
 
diff --git a/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js b/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js
index 88ee3374bde603..3ca8ebfcd9e105 100644
--- a/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js
+++ b/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js
@@ -47,6 +47,9 @@ function LogBoxInspectorSourceMapStatus(props: Props): React.Node {
           animation,
           rotate: animated.interpolate({
             inputRange: [0, 1],
+            /* $FlowFixMe(>=0.38.0) - Flow error detected during the deployment
+             * of v0.38.0. To see the error, remove this comment and run flow
+             */
             outputRange: ['0deg', '360deg'],
           }),
         });
diff --git a/Libraries/LogBox/UI/LogBoxNotification.js b/Libraries/LogBox/UI/LogBoxNotification.js
index bb668d391e63c6..26264ecb5e1cb7 100644
--- a/Libraries/LogBox/UI/LogBoxNotification.js
+++ b/Libraries/LogBox/UI/LogBoxNotification.js
@@ -59,6 +59,8 @@ function LogBoxLogNotification(props: Props): React.Node {
 function CountBadge(props) {
   return (
     <View style={countStyles.outside}>
+      {/* $FlowFixMe(>=0.114.0) This suppression was added when fixing the type
+       * of `StyleSheet.create`. Remove this comment to see the error. */}
       <View style={[countStyles.inside, countStyles[props.level]]}>
         <Text style={countStyles.text}>
           {props.count <= 1 ? '!' : props.count}
diff --git a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspector-test.js.snap b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspector-test.js.snap
index 3a8b8b933c4d29..8259c01b67d4ff 100644
--- a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspector-test.js.snap
+++ b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspector-test.js.snap
@@ -34,6 +34,7 @@ exports[`LogBoxContainer should render fatal with selectedIndex 2 1`] = `
           "stack": null,
           "status": "NONE",
         },
+        "type": undefined,
       }
     }
     onRetry={[Function]}
@@ -82,6 +83,7 @@ exports[`LogBoxContainer should render warning with selectedIndex 0 1`] = `
           "stack": null,
           "status": "NONE",
         },
+        "type": undefined,
       }
     }
     onRetry={[Function]}
diff --git a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorCodeFrame-test.js.snap b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorCodeFrame-test.js.snap
index 6fc9fda0cf8d2c..c847ccd0872e63 100644
--- a/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorCodeFrame-test.js.snap
+++ b/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorCodeFrame-test.js.snap
@@ -25,7 +25,7 @@ exports[`LogBoxInspectorCodeFrame should render a code frame 1`] = `
         }
       }
     >
-      <ScrollViewMock
+      <ScrollView
         horizontal={true}
       >
         <Ansi
@@ -44,7 +44,7 @@ exports[`LogBoxInspectorCodeFrame should render a code frame 1`] = `
         | ^
     200 |"
         />
-      </ScrollViewMock>
+      </ScrollView>
     </View>
     <LogBoxButton
       backgroundColor={
@@ -107,7 +107,7 @@ exports[`LogBoxInspectorCodeFrame should render a code frame without a location
         }
       }
     >
-      <ScrollViewMock
+      <ScrollView
         horizontal={true}
       >
         <Ansi
@@ -126,7 +126,7 @@ exports[`LogBoxInspectorCodeFrame should render a code frame without a location
         | ^
     200 |"
         />
-      </ScrollViewMock>
+      </ScrollView>
     </View>
     <LogBoxButton
       backgroundColor={
diff --git a/Libraries/LogBox/__tests__/LogBox-test.js b/Libraries/LogBox/__tests__/LogBox-test.js
index 2095de71bdfa80..56857f8ba29903 100644
--- a/Libraries/LogBox/__tests__/LogBox-test.js
+++ b/Libraries/LogBox/__tests__/LogBox-test.js
@@ -36,6 +36,7 @@ describe('LogBox', () => {
     jest.resetModules();
     console.error = jest.fn();
     console.warn = jest.fn();
+    console.disableYellowBox = false;
   });
 
   afterEach(() => {
@@ -44,27 +45,51 @@ describe('LogBox', () => {
     console.warn = warn;
   });
 
-  it('can set `disableLogBox` after installing', () => {
-    expect(console.disableLogBox).toBe(undefined);
+  it('can call `ignoreAllLogs` after installing', () => {
+    expect(LogBoxData.isDisabled()).toBe(false);
 
     LogBox.install();
 
-    expect(console.disableLogBox).toBe(false);
     expect(LogBoxData.isDisabled()).toBe(false);
 
-    console.disableLogBox = true;
+    LogBox.ignoreAllLogs(true);
 
-    expect(console.disableLogBox).toBe(true);
     expect(LogBoxData.isDisabled()).toBe(true);
   });
 
-  it('can set `disableLogBox` before installing', () => {
-    expect(console.disableLogBox).toBe(undefined);
+  it('can call `ignoreAllLogs` before installing', () => {
+    expect(LogBoxData.isDisabled()).toBe(false);
+
+    LogBox.ignoreAllLogs(true);
+
+    expect(LogBoxData.isDisabled()).toBe(true);
 
-    console.disableLogBox = true;
     LogBox.install();
 
-    expect(console.disableLogBox).toBe(true);
+    expect(LogBoxData.isDisabled()).toBe(true);
+  });
+
+  it('will not ignore logs for `ignoreAllLogs(false)`', () => {
+    expect(LogBoxData.isDisabled()).toBe(false);
+
+    LogBox.install();
+
+    expect(LogBoxData.isDisabled()).toBe(false);
+
+    LogBox.ignoreAllLogs(false);
+
+    expect(LogBoxData.isDisabled()).toBe(false);
+  });
+
+  it('will ignore logs for `ignoreAllLogs()`', () => {
+    expect(LogBoxData.isDisabled()).toBe(false);
+
+    LogBox.install();
+
+    expect(LogBoxData.isDisabled()).toBe(false);
+
+    LogBox.ignoreAllLogs();
+
     expect(LogBoxData.isDisabled()).toBe(true);
   });
 
diff --git a/Libraries/LogBox/__tests__/__snapshots__/LogBoxInspectorContainer-test.js.snap b/Libraries/LogBox/__tests__/__snapshots__/LogBoxInspectorContainer-test.js.snap
index 7182e10482b899..99c5f74e76ad37 100644
--- a/Libraries/LogBox/__tests__/__snapshots__/LogBoxInspectorContainer-test.js.snap
+++ b/Libraries/LogBox/__tests__/__snapshots__/LogBoxInspectorContainer-test.js.snap
@@ -40,6 +40,7 @@ exports[`LogBoxNotificationContainer should render both an error and warning not
             "stack": null,
             "status": "NONE",
           },
+          "type": undefined,
         }
       }
       onPressDismiss={[Function]}
@@ -76,6 +77,7 @@ exports[`LogBoxNotificationContainer should render both an error and warning not
             "stack": null,
             "status": "NONE",
           },
+          "type": undefined,
         }
       }
       onPressDismiss={[Function]}
@@ -134,6 +136,7 @@ exports[`LogBoxNotificationContainer should render the latest error notification
             "stack": null,
             "status": "NONE",
           },
+          "type": undefined,
         }
       }
       onPressDismiss={[Function]}
@@ -184,6 +187,7 @@ exports[`LogBoxNotificationContainer should render the latest warning notificati
             "stack": null,
             "status": "NONE",
           },
+          "type": undefined,
         }
       }
       onPressDismiss={[Function]}
diff --git a/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap b/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap
index 2c2253ad83b26b..c512ee317f257c 100644
--- a/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap
+++ b/Libraries/LogBox/__tests__/__snapshots__/LogBoxNotificationContainer-test.js.snap
@@ -32,6 +32,7 @@ exports[`LogBoxNotificationContainer should render inspector with logs, even whe
             "stack": null,
             "status": "NONE",
           },
+          "type": undefined,
         },
         LogBoxLog {
           "category": "Some kind of message (latest)",
@@ -50,6 +51,7 @@ exports[`LogBoxNotificationContainer should render inspector with logs, even whe
             "stack": null,
             "status": "NONE",
           },
+          "type": undefined,
         },
       ]
     }
diff --git a/Libraries/Modal/Modal.js b/Libraries/Modal/Modal.js
index 426988d33b3602..9217732197bfb2 100644
--- a/Libraries/Modal/Modal.js
+++ b/Libraries/Modal/Modal.js
@@ -34,7 +34,7 @@ const ModalEventEmitter =
 /**
  * The Modal component is a simple way to present content above an enclosing view.
  *
- * See https://facebook.github.io/react-native/docs/modal.html
+ * See https://reactnative.dev/docs/modal.html
  */
 
 // In order to route onDismiss callbacks, we need to uniquely identifier each
@@ -53,14 +53,14 @@ export type Props = $ReadOnly<{|
   /**
    * The `animationType` prop controls how the modal animates.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#animationtype
+   * See https://reactnative.dev/docs/modal.html#animationtype
    */
   animationType?: ?('none' | 'slide' | 'fade'),
 
   /**
    * The `presentationStyle` prop controls how the modal appears.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#presentationstyle
+   * See https://reactnative.dev/docs/modal.html#presentationstyle
    */
   presentationStyle?: ?(
     | 'fullScreen'
@@ -73,7 +73,7 @@ export type Props = $ReadOnly<{|
    * The `transparent` prop determines whether your modal will fill the
    * entire view.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal.html#transparent
    */
   transparent?: ?boolean,
 
@@ -81,7 +81,7 @@ export type Props = $ReadOnly<{|
    * The `statusBarTranslucent` prop determines whether your modal should go under
    * the system statusbar.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal.html#transparent
    */
   statusBarTranslucent?: ?boolean,
 
@@ -89,16 +89,16 @@ export type Props = $ReadOnly<{|
    * The `hardwareAccelerated` prop controls whether to force hardware
    * acceleration for the underlying window.
    *
-   * This prop works inly on Android.
+   * This prop works only on Android.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#hardwareaccelerated
+   * See https://reactnative.dev/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
+   * See https://reactnative.dev/docs/modal.html#visible
    */
   visible?: ?boolean,
 
@@ -108,7 +108,7 @@ export type Props = $ReadOnly<{|
    *
    * This is required on Apple TV and Android.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#onrequestclose
+   * See https://reactnative.dev/docs/modal.html#onrequestclose
    */
   onRequestClose?: ?DirectEventHandler<null>,
 
@@ -116,7 +116,7 @@ export type Props = $ReadOnly<{|
    * The `onShow` prop allows passing a function that will be called once the
    * modal has been shown.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#onshow
+   * See https://reactnative.dev/docs/modal.html#onshow
    */
   onShow?: ?DirectEventHandler<null>,
 
@@ -124,19 +124,14 @@ export type Props = $ReadOnly<{|
    * The `onDismiss` prop allows passing a function that will be called once
    * the modal has been dismissed.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#ondismiss
+   * See https://reactnative.dev/docs/modal.html#ondismiss
    */
   onDismiss?: ?() => mixed,
 
-  /**
-   * Deprecated. Use the `animationType` prop instead.
-   */
-  animated?: ?boolean,
-
   /**
    * 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
+   * See https://reactnative.dev/docs/modal.html#supportedorientations
    */
   supportedOrientations?: ?$ReadOnlyArray<
     | 'portrait'
@@ -149,7 +144,7 @@ export type Props = $ReadOnly<{|
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#onorientationchange
+   * See https://reactnative.dev/docs/modal.html#onorientationchange
    */
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 |}>;
@@ -233,14 +228,7 @@ class Modal extends React.Component<Props> {
       backgroundColor: this.props.transparent ? 'transparent' : 'white',
     };
 
-    let animationType = this.props.animationType;
-    if (!animationType) {
-      // manually setting default prop here to keep support for the deprecated 'animated' prop
-      animationType = 'none';
-      if (this.props.animated) {
-        animationType = 'slide';
-      }
-    }
+    let animationType = this.props.animationType || 'none';
 
     let presentationStyle = this.props.presentationStyle;
     if (!presentationStyle) {
diff --git a/Libraries/Modal/RCTModalHostViewNativeComponent.js b/Libraries/Modal/RCTModalHostViewNativeComponent.js
index 907acd07d1a4c2..ebc154146c7f54 100644
--- a/Libraries/Modal/RCTModalHostViewNativeComponent.js
+++ b/Libraries/Modal/RCTModalHostViewNativeComponent.js
@@ -31,14 +31,14 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `animationType` prop controls how the modal animates.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#animationtype
+   * See https://reactnative.dev/docs/modal.html#animationtype
    */
   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
+   * See https://reactnative.dev/docs/modal.html#presentationstyle
    */
   presentationStyle?: WithDefault<
     'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
@@ -49,7 +49,7 @@ type NativeProps = $ReadOnly<{|
    * The `transparent` prop determines whether your modal will fill the
    * entire view.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#transparent
+   * See https://reactnative.dev/docs/modal.html#transparent
    */
   transparent?: WithDefault<boolean, false>,
 
@@ -57,7 +57,7 @@ type NativeProps = $ReadOnly<{|
    * The `statusBarTranslucent` prop determines whether your modal should go under
    * the system statusbar.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#statusBarTranslucent
+   * See https://reactnative.dev/docs/modal.html#statusBarTranslucent
    */
   statusBarTranslucent?: WithDefault<boolean, false>,
 
@@ -65,7 +65,7 @@ type NativeProps = $ReadOnly<{|
    * The `hardwareAccelerated` prop controls whether to force hardware
    * acceleration for the underlying window.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#hardwareaccelerated
+   * See https://reactnative.dev/docs/modal.html#hardwareaccelerated
    */
   hardwareAccelerated?: WithDefault<boolean, false>,
 
@@ -75,7 +75,7 @@ type NativeProps = $ReadOnly<{|
    *
    * This is required on Apple TV and Android.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#onrequestclose
+   * See https://reactnative.dev/docs/modal.html#onrequestclose
    */
   onRequestClose?: ?DirectEventHandler<null>,
 
@@ -83,7 +83,7 @@ type NativeProps = $ReadOnly<{|
    * The `onShow` prop allows passing a function that will be called once the
    * modal has been shown.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#onshow
+   * See https://reactnative.dev/docs/modal.html#onshow
    */
   onShow?: ?DirectEventHandler<null>,
 
@@ -103,7 +103,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * 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
+   * See https://reactnative.dev/docs/modal.html#supportedorientations
    */
   supportedOrientations?: WithDefault<
     $ReadOnlyArray<
@@ -119,7 +119,7 @@ type NativeProps = $ReadOnly<{|
   /**
    * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
    *
-   * See https://facebook.github.io/react-native/docs/modal.html#onorientationchange
+   * See https://reactnative.dev/docs/modal.html#onorientationchange
    */
   onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
 
diff --git a/Libraries/NativeAnimation/RCTNativeAnimatedModule.mm b/Libraries/NativeAnimation/RCTNativeAnimatedModule.mm
index f0677e813fb742..e0316f6fec2729 100644
--- a/Libraries/NativeAnimation/RCTNativeAnimatedModule.mm
+++ b/Libraries/NativeAnimation/RCTNativeAnimatedModule.mm
@@ -15,6 +15,9 @@
 
 typedef void (^AnimatedOperation)(RCTNativeAnimatedNodesManager *nodesManager);
 
+@interface RCTNativeAnimatedModule() <NativeAnimatedModuleSpec>
+@end
+
 @implementation RCTNativeAnimatedModule
 {
   RCTNativeAnimatedNodesManager *_nodesManager;
@@ -332,6 +335,14 @@ - (void)eventDispatcherWillDispatchEvent:(id<RCTEvent>)event
   });
 }
 
+- (std::shared_ptr<facebook::react::TurboModule>)
+  getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                   perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
+{
+  return std::make_shared<facebook::react::NativeAnimatedModuleSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
+}
+
 @end
 
 Class RCTNativeAnimatedModuleCls(void) {
diff --git a/Libraries/NativeAnimation/React-RCTAnimation.podspec b/Libraries/NativeAnimation/React-RCTAnimation.podspec
index 391d520acd0676..f79a098a76fa33 100644
--- a/Libraries/NativeAnimation/React-RCTAnimation.podspec
+++ b/Libraries/NativeAnimation/React-RCTAnimation.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTAnimation"
   s.version                = version
   s.summary                = "A native driver for the Animated API."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "{Drivers/*,Nodes/*,*}.{m,mm}"
@@ -41,6 +41,7 @@ Pod::Spec.new do |s|
   s.dependency "RCT-Folly", folly_version
   s.dependency "RCTTypeSafety", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
   s.dependency "FBReactNativeSpec", version
   s.dependency "React-Core/RCTAnimationHeaders", version
 end
diff --git a/Libraries/NativeModules/specs/NativeDevSettings.js b/Libraries/NativeModules/specs/NativeDevSettings.js
index 8f6afeaa39d752..2e092a2d682baa 100644
--- a/Libraries/NativeModules/specs/NativeDevSettings.js
+++ b/Libraries/NativeModules/specs/NativeDevSettings.js
@@ -23,6 +23,10 @@ export interface Spec extends TurboModule {
   +toggleElementInspector: () => void;
   +addMenuItem: (title: string) => void;
 
+  // Events
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+
   // iOS only.
   +setIsShakeToShowDevMenuEnabled: (enabled: boolean) => void;
 
diff --git a/Libraries/Network/RCTNetworking.mm b/Libraries/Network/RCTNetworking.mm
index 36383741fc7ca8..2989276aca93b2 100644
--- a/Libraries/Network/RCTNetworking.mm
+++ b/Libraries/Network/RCTNetworking.mm
@@ -714,10 +714,12 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request completionBlo
   responseSender(@[@YES]);
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-    (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeNetworkingIOSSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeNetworkingIOSSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Network/React-RCTNetwork.podspec b/Libraries/Network/React-RCTNetwork.podspec
index d5c99c966531a8..f2275bcb9cd6af 100644
--- a/Libraries/Network/React-RCTNetwork.podspec
+++ b/Libraries/Network/React-RCTNetwork.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTNetwork"
   s.version                = version
   s.summary                = "The networking library of React Native."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -43,5 +43,6 @@ Pod::Spec.new do |s|
   s.dependency "FBReactNativeSpec", version
   s.dependency "RCTTypeSafety", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
   s.dependency "React-Core/RCTNetworkHeaders", version
 end
diff --git a/Libraries/Network/XMLHttpRequest.js b/Libraries/Network/XMLHttpRequest.js
index e25e876e814828..7bfb0ffa35830d 100644
--- a/Libraries/Network/XMLHttpRequest.js
+++ b/Libraries/Network/XMLHttpRequest.js
@@ -12,12 +12,15 @@
 
 const BlobManager = require('../Blob/BlobManager');
 const EventTarget = require('event-target-shim');
+const GlobalPerformanceLogger = require('react-native/Libraries/Utilities/GlobalPerformanceLogger');
 const RCTNetworking = require('./RCTNetworking');
 
 const base64 = require('base64-js');
 const invariant = require('invariant');
 const warning = require('fbjs/lib/warning');
 
+const DEBUG_NETWORK_SEND_DELAY: false = false; // Set to a number of milliseconds when debugging
+
 export type NativeResponseType = 'base64' | 'blob' | 'text';
 export type ResponseType =
   | ''
@@ -130,6 +133,7 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
   _headers: Object;
   _lowerCaseResponseHeaders: Object;
   _method: ?string = null;
+  _perfKey: ?string = null;
   _response: string | ?Object;
   _responseType: ResponseType;
   _response: string = '';
@@ -242,7 +246,7 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
         if (typeof this._response === 'object' && this._response) {
           this._cachedResponse = BlobManager.createFromOptions(this._response);
         } else if (this._response === '') {
-          this._cachedResponse = null;
+          this._cachedResponse = BlobManager.createFromParts([]);
         } else {
           throw new Error(`Invalid response for blob: ${this._response}`);
         }
@@ -299,6 +303,8 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
     responseURL: ?string,
   ): void {
     if (requestId === this._requestId) {
+      this._perfKey != null &&
+        GlobalPerformanceLogger.stopTimespan(this._perfKey);
       this.status = status;
       this.setResponseHeaders(responseHeaders);
       this.setReadyState(this.HEADERS_RECEIVED);
@@ -511,22 +517,41 @@ class XMLHttpRequest extends (EventTarget(...XHR_EVENTS): any) {
       nativeResponseType = 'blob';
     }
 
-    invariant(this._method, 'Request method needs to be defined.');
-    invariant(this._url, 'Request URL needs to be defined.');
-    RCTNetworking.sendRequest(
-      this._method,
-      this._trackingName,
-      this._url,
-      this._headers,
-      data,
-      /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
-       * when making Flow check .android.js files. */
-      nativeResponseType,
-      incrementalEvents,
-      this.timeout,
-      this.__didCreateRequest.bind(this),
-      this.withCredentials,
-    );
+    const doSend = () => {
+      const friendlyName =
+        this._trackingName !== 'unknown' ? this._trackingName : this._url;
+      this._perfKey = 'network_XMLHttpRequest_' + String(friendlyName);
+      GlobalPerformanceLogger.startTimespan(this._perfKey);
+      invariant(
+        this._method,
+        'XMLHttpRequest method needs to be defined (%s).',
+        friendlyName,
+      );
+      invariant(
+        this._url,
+        'XMLHttpRequest URL needs to be defined (%s).',
+        friendlyName,
+      );
+      RCTNetworking.sendRequest(
+        this._method,
+        this._trackingName,
+        this._url,
+        this._headers,
+        data,
+        /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
+         * when making Flow check .android.js files. */
+        nativeResponseType,
+        incrementalEvents,
+        this.timeout,
+        this.__didCreateRequest.bind(this),
+        this.withCredentials,
+      );
+    };
+    if (DEBUG_NETWORK_SEND_DELAY) {
+      setTimeout(doSend, DEBUG_NETWORK_SEND_DELAY);
+    } else {
+      doSend();
+    }
   }
 
   abort(): void {
diff --git a/Libraries/NewAppScreen/components/LearnMoreLinks.js b/Libraries/NewAppScreen/components/LearnMoreLinks.js
index 6db3a1970fe8de..9effd49e172093 100644
--- a/Libraries/NewAppScreen/components/LearnMoreLinks.js
+++ b/Libraries/NewAppScreen/components/LearnMoreLinks.js
@@ -19,45 +19,45 @@ const links = [
   {
     id: 1,
     title: 'The Basics',
-    link: 'https://facebook.github.io/react-native/docs/tutorial',
+    link: 'https://reactnative.dev/docs/tutorial',
     description: 'Explains a Hello World for React Native.',
   },
   {
     id: 2,
     title: 'Style',
-    link: 'https://facebook.github.io/react-native/docs/style',
+    link: 'https://reactnative.dev/docs/style',
     description:
       'Covers how to use the prop named style which controls the visuals.',
   },
   {
     id: 3,
     title: 'Layout',
-    link: 'https://facebook.github.io/react-native/docs/flexbox',
+    link: 'https://reactnative.dev/docs/flexbox',
     description: 'React Native uses flexbox for layout, learn how it works.',
   },
   {
     id: 4,
     title: 'Components',
-    link: 'https://facebook.github.io/react-native/docs/components-and-apis',
+    link: 'https://reactnative.dev/docs/components-and-apis',
     description: 'The full list of components and APIs inside React Native.',
   },
   {
     id: 5,
     title: 'Navigation',
-    link: 'https://facebook.github.io/react-native/docs/navigation',
+    link: 'https://reactnative.dev/docs/navigation',
     description:
       'How to handle moving between screens inside your application.',
   },
   {
     id: 6,
     title: 'Networking',
-    link: 'https://facebook.github.io/react-native/docs/network',
+    link: 'https://reactnative.dev/docs/network',
     description: 'How to use the Fetch API in React Native.',
   },
   {
     id: 7,
     title: 'Help',
-    link: 'https://facebook.github.io/react-native/help',
+    link: 'https://reactnative.dev/help',
     description:
       'Need more help? There are many other React Native developers who may have the answer.',
   },
diff --git a/Libraries/Performance/QuickPerformanceLogger.js b/Libraries/Performance/QuickPerformanceLogger.js
index 23ae5b30d25ed4..6dfed3cdbd0328 100644
--- a/Libraries/Performance/QuickPerformanceLogger.js
+++ b/Libraries/Performance/QuickPerformanceLogger.js
@@ -81,6 +81,15 @@ const QuickPerformanceLogger = {
     }
   },
 
+  markerDrop(
+    markerId: number,
+    instanceKey?: number = DUMMY_INSTANCE_KEY,
+  ): void {
+    if (global.nativeQPLMarkerDrop) {
+      global.nativeQPLMarkerDrop(markerId, instanceKey);
+    }
+  },
+
   currentTimestamp(): number {
     if (global.nativeQPLTimestamp) {
       return global.nativeQPLTimestamp();
diff --git a/Libraries/Performance/Systrace.js b/Libraries/Performance/Systrace.js
index dcc8555c9a55c2..e1db39bbfc5bbc 100644
--- a/Libraries/Performance/Systrace.js
+++ b/Libraries/Performance/Systrace.js
@@ -87,11 +87,25 @@ const userTimingPolyfill = __DEV__
     }
   : null;
 
+function installPerformanceHooks(polyfill) {
+  if (polyfill) {
+    if (global.performance === undefined) {
+      global.performance = {};
+    }
+
+    Object.keys(polyfill).forEach(methodName => {
+      if (typeof global.performance[methodName] !== 'function') {
+        global.performance[methodName] = polyfill[methodName];
+      }
+    });
+  }
+}
+
 const Systrace = {
   installReactHook() {
     if (_enabled) {
       if (__DEV__) {
-        global.performance = userTimingPolyfill;
+        installPerformanceHooks(userTimingPolyfill);
       }
     }
     _canInstallReactHook = true;
@@ -108,8 +122,8 @@ const Systrace = {
             global.nativeTraceEndLegacy(TRACE_TAG_JS_VM_CALLS);
         }
         if (_canInstallReactHook) {
-          if (enabled && global.performance === undefined) {
-            global.performance = userTimingPolyfill;
+          if (enabled) {
+            installPerformanceHooks(userTimingPolyfill);
           }
         }
       }
diff --git a/Libraries/PermissionsAndroid/PermissionsAndroid.js b/Libraries/PermissionsAndroid/PermissionsAndroid.js
index 66694c2f320d2f..83124ccc24bd05 100644
--- a/Libraries/PermissionsAndroid/PermissionsAndroid.js
+++ b/Libraries/PermissionsAndroid/PermissionsAndroid.js
@@ -66,7 +66,7 @@ const PERMISSIONS = Object.freeze({
 /**
  * `PermissionsAndroid` provides access to Android M's new permissions model.
  *
- * See https://facebook.github.io/react-native/docs/permissionsandroid.html
+ * See https://reactnative.dev/docs/permissionsandroid.html
  */
 
 class PermissionsAndroid {
@@ -134,7 +134,7 @@ class PermissionsAndroid {
    * Returns a promise resolving to a boolean value as to whether the specified
    * permissions has been granted
    *
-   * See https://facebook.github.io/react-native/docs/permissionsandroid.html#check
+   * See https://reactnative.dev/docs/permissionsandroid.html#check
    */
   check(permission: PermissionType): Promise<boolean> {
     if (Platform.OS !== 'android') {
@@ -188,7 +188,7 @@ class PermissionsAndroid {
    * Prompts the user to enable a permission and returns a promise resolving to a
    * string value indicating whether the user allowed or denied the request
    *
-   * See https://facebook.github.io/react-native/docs/permissionsandroid.html#request
+   * See https://reactnative.dev/docs/permissionsandroid.html#request
    */
   async request(
     permission: PermissionType,
@@ -236,7 +236,7 @@ class PermissionsAndroid {
    * returns an object with the permissions as keys and strings as values
    * indicating whether the user allowed or denied the request
    *
-   * See https://facebook.github.io/react-native/docs/permissionsandroid.html#requestmultiple
+   * See https://reactnative.dev/docs/permissionsandroid.html#requestmultiple
    */
   requestMultiple(
     permissions: Array<PermissionType>,
diff --git a/Libraries/Pressability/Pressability.js b/Libraries/Pressability/Pressability.js
index 42ee68d23eca0f..37555d5df735ae 100644
--- a/Libraries/Pressability/Pressability.js
+++ b/Libraries/Pressability/Pressability.js
@@ -10,16 +10,16 @@
 
 'use strict';
 
-import {isHoverEnabled} from './HoverState.js';
+import {isHoverEnabled} from './HoverState';
 import invariant from 'invariant';
-import SoundManager from '../Components/Sound/SoundManager.js';
-import type {EdgeInsetsProp} from '../StyleSheet/EdgeInsetsPropType.js';
+import SoundManager from '../Components/Sound/SoundManager';
+import {normalizeRect, type RectOrSize} from '../StyleSheet/Rect';
 import type {
   BlurEvent,
   FocusEvent,
   PressEvent,
   MouseEvent,
-} from '../Types/CoreEventTypes.js';
+} from '../Types/CoreEventTypes';
 import Platform from '../Utilities/Platform';
 import UIManager from '../ReactNative/UIManager';
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
@@ -27,110 +27,132 @@ import * as React from 'react';
 
 export type PressabilityConfig = $ReadOnly<{|
   /**
-   * Returns the amount to extend the `VisualRect` by to create `HitRect`.
+   * Whether a press gesture can be interrupted by a parent gesture such as a
+   * scroll event. Defaults to true.
    */
-  getHitSlop?: ?() => ?EdgeInsetsProp,
+  cancelable?: ?boolean,
 
   /**
-   * Returns the duration to wait after hover in before activation.
+   * Whether to disable initialization of the press gesture.
    */
-  getHoverInDelayMS?: ?() => ?number,
+  disabled?: ?boolean,
 
   /**
-   * Returns the duration to wait after hover out before deactivation.
+   * Amount to extend the `VisualRect` by to create `HitRect`.
    */
-  getHoverOutDelayMS?: ?() => ?number,
+  hitSlop?: ?RectOrSize,
 
   /**
-   * Returns the duration (in addition to the value from `getPressDelayMS`)
-   * after which a press gesture becomes a long press gesture.
+   * Amount to extend the `HitRect` by to create `PressRect`.
    */
-  getLongPressDelayMS?: ?() => ?number,
+  pressRectOffset?: ?RectOrSize,
 
   /**
-   * Returns the duration to wait after press down before activation.
+   * Whether to disable the systemm sound when `onPress` fires on Android.
+   **/
+  android_disableSound?: ?boolean,
+
+  /**
+   * Duration to wait after hover in before calling `onHoverIn`.
    */
-  getPressDelayMS?: ?() => ?number,
+  delayHoverIn?: ?number,
 
   /**
-   * Returns the duration to wait after letting up before deactivation.
+   * Duration to wait after hover out before calling `onHoverOut`.
    */
-  getPressOutDelayMS?: ?() => ?number,
+  delayHoverOut?: ?number,
 
   /**
-   * Returns the amount to extend the `HitRect` by to create `PressRect`.
+   * Duration (in addition to `delayPressIn`) after which a press gesture is
+   * considered a long press gesture. Defaults to 500 (milliseconds).
    */
-  getPressRectOffset?: ?() => ?EdgeInsetsProp,
+  delayLongPress?: ?number,
 
   /**
-   * Returns true to disable playing system sound on touch (Android Only)
-   **/
-  getTouchSoundDisabled?: ?() => ?boolean,
+   * Duration to wait after press down before calling `onPressIn`.
+   */
+  delayPressIn?: ?number,
+
+  /**
+   * Duration to wait after letting up before calling `onPressOut`.
+   */
+  delayPressOut?: ?number,
+
+  /**
+   * Minimum duration to wait between calling `onPressIn` and `onPressOut`.
+   */
+  minPressDuration?: ?number,
 
   /**
    * Called after the element loses focus.
    */
-  onBlur?: ?(event: BlurEvent) => void,
+  onBlur?: ?(event: BlurEvent) => mixed,
 
   /**
    * Called after the element is focused.
    */
-  onFocus?: ?(event: FocusEvent) => void,
+  onFocus?: ?(event: FocusEvent) => mixed,
 
   /**
    * Called when the hover is activated to provide visual feedback.
    */
-  onHoverIn?: ?(event: MouseEvent) => void,
+  onHoverIn?: ?(event: MouseEvent) => mixed,
 
   /**
    * Called when the hover is deactivated to undo visual feedback.
    */
-  onHoverOut?: ?(event: MouseEvent) => void,
+  onHoverOut?: ?(event: MouseEvent) => mixed,
 
   /**
    * Called when a long press gesture has been triggered.
    */
-  onLongPress?: ?(event: PressEvent) => void,
-
-  /**
-   * Returns whether a long press gesture should cancel the press gesture.
-   * Defaults to true.
-   */
-  onLongPressShouldCancelPress?: ?() => boolean,
+  onLongPress?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when a press gestute has been triggered.
    */
-  onPress?: ?(event: PressEvent) => void,
+  onPress?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when the press is activated to provide visual feedback.
    */
-  onPressIn?: ?(event: PressEvent) => void,
+  onPressIn?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when the press location moves. (This should rarely be used.)
    */
-  onPressMove?: ?(event: PressEvent) => void,
+  onPressMove?: ?(event: PressEvent) => mixed,
 
   /**
    * Called when the press is deactivated to undo visual feedback.
    */
-  onPressOut?: ?(event: PressEvent) => void,
+  onPressOut?: ?(event: PressEvent) => mixed,
 
   /**
+   * Returns whether a long press gesture should cancel the press gesture.
+   * Defaults to true.
+   */
+  onLongPressShouldCancelPress_DEPRECATED?: ?() => boolean,
+
+  /**
+   * If `cancelable` is set, this will be ignored.
+   *
    * Returns whether to yield to a lock termination request (e.g. if a native
    * scroll gesture attempts to steal the responder lock).
    */
-  onResponderTerminationRequest?: ?() => boolean,
+  onResponderTerminationRequest_DEPRECATED?: ?() => boolean,
 
   /**
+   * If `disabled` is set, this will be ignored.
+   *
    * Returns whether to start a press gesture.
+   *
+   * @deprecated
    */
-  onStartShouldSetResponder?: ?() => boolean,
+  onStartShouldSetResponder_DEPRECATED?: ?() => boolean,
 |}>;
 
-type EventHandlers = $ReadOnly<{|
+export type EventHandlers = $ReadOnly<{|
   onBlur: (event: BlurEvent) => void,
   onClick: (event: PressEvent) => void,
   onFocus: (event: FocusEvent) => void,
@@ -254,14 +276,15 @@ const isPressInSignal = signal =>
 const isTerminalSignal = signal =>
   signal === 'RESPONDER_TERMINATED' || signal === 'RESPONDER_RELEASE';
 
-const DEFAULT_LONG_PRESS_DELAY_MS = 500;
-const DEFAULT_PRESS_DELAY_MS = 0;
+const DEFAULT_LONG_PRESS_DELAY_MS = 370; // 500 - 130
+const DEFAULT_PRESS_DELAY_MS = 130;
 const DEFAULT_PRESS_RECT_OFFSETS = {
   bottom: 30,
   left: 20,
   right: 20,
   top: 20,
 };
+const DEFAULT_MIN_PRESS_DURATION = 130;
 
 /**
  * Pressability implements press handling capabilities.
@@ -315,7 +338,7 @@ const DEFAULT_PRESS_RECT_OFFSETS = {
  *
  *  ┌────────────────────────┐
  *  │  ┌──────────────────┐  │ - Presses start anywhere within `HitRect`, which
- *  │  │  ┌────────────┐  │  │   is expanded via the prop `getHitSlop`.
+ *  │  │  ┌────────────┐  │  │   is expanded via the prop `hitSlop`.
  *  │  │  │ VisualRect │  │  │
  *  │  │  └────────────┘  │  │ - When pressed down for sufficient amount of time
  *  │  │    HitRect       │  │   before letting up, `VisualRect` activates for
@@ -323,7 +346,7 @@ const DEFAULT_PRESS_RECT_OFFSETS = {
  *  │       PressRect    o   │
  *  └────────────────────│───┘
  *          Out Region   └────── `PressRect`, which is expanded via the prop
- *                               `getPressRectOffset`, allows presses to move
+ *                               `pressRectOffset`, allows presses to move
  *                               beyond `HitRect` while maintaining activation
  *                               and being eligible for a "press".
  *
@@ -376,9 +399,14 @@ export default class Pressability {
     pageX: number,
     pageY: number,
   |}>;
+  _touchActivateTime: ?number;
   _touchState: TouchState = 'NOT_RESPONDER';
 
   constructor(config: PressabilityConfig) {
+    this.configure(config);
+  }
+
+  configure(config: PressabilityConfig): void {
     this._config = config;
   }
 
@@ -420,11 +448,15 @@ export default class Pressability {
     };
 
     const responderEventHandlers = {
-      onStartShouldSetResponder: () => {
-        const {onStartShouldSetResponder} = this._config;
-        return onStartShouldSetResponder == null
-          ? true
-          : onStartShouldSetResponder();
+      onStartShouldSetResponder: (): boolean => {
+        const {disabled} = this._config;
+        if (disabled == null) {
+          const {onStartShouldSetResponder_DEPRECATED} = this._config;
+          return onStartShouldSetResponder_DEPRECATED == null
+            ? true
+            : onStartShouldSetResponder_DEPRECATED();
+        }
+        return !disabled;
       },
 
       onResponderGrant: (event: PressEvent): void => {
@@ -436,29 +468,28 @@ export default class Pressability {
         this._touchState = 'NOT_RESPONDER';
         this._receiveSignal('RESPONDER_GRANT', event);
 
-        const {getLongPressDelayMS, getPressDelayMS} = this._config;
-
-        const pressDelay = getDelayMS(
-          getPressDelayMS,
+        const delayPressIn = normalizeDelay(
+          this._config.delayPressIn,
           0,
           DEFAULT_PRESS_DELAY_MS,
         );
-        if (pressDelay > 0) {
+
+        if (delayPressIn > 0) {
           this._pressDelayTimeout = setTimeout(() => {
             this._receiveSignal('DELAY', event);
-          }, pressDelay);
+          }, delayPressIn);
         } else {
           this._receiveSignal('DELAY', event);
         }
 
-        const longPressDelay = getDelayMS(
-          getLongPressDelayMS,
+        const delayLongPress = normalizeDelay(
+          this._config.delayLongPress,
           10,
           DEFAULT_LONG_PRESS_DELAY_MS,
         );
         this._longPressDelayTimeout = setTimeout(() => {
           this._handleLongPress(event);
-        }, longPressDelay + pressDelay);
+        }, delayLongPress + delayPressIn);
       },
 
       onResponderMove: (event: PressEvent): void => {
@@ -504,13 +535,17 @@ export default class Pressability {
       },
 
       onResponderTerminationRequest: (): boolean => {
-        const {onResponderTerminationRequest} = this._config;
-        return onResponderTerminationRequest == null
-          ? true
-          : onResponderTerminationRequest();
+        const {cancelable} = this._config;
+        if (cancelable == null) {
+          const {onResponderTerminationRequest_DEPRECATED} = this._config;
+          return onResponderTerminationRequest_DEPRECATED == null
+            ? true
+            : onResponderTerminationRequest_DEPRECATED();
+        }
+        return cancelable;
       },
 
-      onClick: (event: PressEvent) => {
+      onClick: (event: PressEvent): void => {
         const {onPress} = this._config;
         if (onPress != null) {
           onPress(event);
@@ -518,6 +553,12 @@ export default class Pressability {
       },
     };
 
+    if (process.env.NODE_ENV === 'test') {
+      // We are setting this in order to find this node in ReactNativeTestTools
+      responderEventHandlers.onStartShouldSetResponder.testOnly_pressabilityConfig = () =>
+        this._config;
+    }
+
     const mouseEventHandlers =
       Platform.OS === 'ios' || Platform.OS === 'android'
         ? null
@@ -526,13 +567,15 @@ export default class Pressability {
               if (isHoverEnabled()) {
                 this._isHovered = true;
                 this._cancelHoverOutDelayTimeout();
-                const {onHoverIn, getHoverInDelayMS} = this._config;
+                const {onHoverIn} = this._config;
                 if (onHoverIn != null) {
-                  const delay = getDelayMS(getHoverInDelayMS);
-                  if (delay > 0) {
+                  const delayHoverIn = normalizeDelay(
+                    this._config.delayHoverIn,
+                  );
+                  if (delayHoverIn > 0) {
                     this._hoverInDelayTimeout = setTimeout(() => {
                       onHoverIn(event);
-                    }, delay);
+                    }, delayHoverIn);
                   } else {
                     onHoverIn(event);
                   }
@@ -544,13 +587,15 @@ export default class Pressability {
               if (this._isHovered) {
                 this._isHovered = false;
                 this._cancelHoverInDelayTimeout();
-                const {onHoverOut, getHoverOutDelayMS} = this._config;
+                const {onHoverOut} = this._config;
                 if (onHoverOut != null) {
-                  const delay = getDelayMS(getHoverOutDelayMS);
-                  if (delay > 0) {
+                  const delayHoverOut = normalizeDelay(
+                    this._config.delayHoverOut,
+                  );
+                  if (delayHoverOut > 0) {
                     this._hoverInDelayTimeout = setTimeout(() => {
                       onHoverOut(event);
-                    }, delay);
+                    }, delayHoverOut);
                   } else {
                     onHoverOut(event);
                   }
@@ -634,7 +679,7 @@ export default class Pressability {
     }
 
     if (isPressInSignal(prevState) && signal === 'RESPONDER_RELEASE') {
-      const {onLongPress, onPress, getTouchSoundDisabled} = this._config;
+      const {onLongPress, onPress, android_disableSound} = this._config;
       if (onPress != null) {
         const isPressCanceledByLongPress =
           onLongPress != null &&
@@ -646,10 +691,7 @@ export default class Pressability {
             this._activate(event);
             this._deactivate(event);
           }
-          const isTouchSoundDisabled =
-            (getTouchSoundDisabled == null ? null : getTouchSoundDisabled()) ??
-            false;
-          if (Platform.OS === 'android' && !isTouchSoundDisabled) {
+          if (Platform.OS === 'android' && android_disableSound !== true) {
             SoundManager.playTouchSound();
           }
           onPress(event);
@@ -667,23 +709,34 @@ export default class Pressability {
       pageX: touch.pageX,
       pageY: touch.pageY,
     };
+    this._touchActivateTime = Date.now();
     if (onPressIn != null) {
       onPressIn(event);
     }
   }
 
   _deactivate(event: PressEvent): void {
-    const {onPressOut, getPressOutDelayMS} = this._config;
+    const {onPressOut} = this._config;
     if (onPressOut != null) {
-      const delay = getDelayMS(getPressOutDelayMS);
-      if (delay > 0) {
+      const minPressDuration = normalizeDelay(
+        this._config.minPressDuration,
+        0,
+        DEFAULT_MIN_PRESS_DURATION,
+      );
+      const pressDuration = Date.now() - (this._touchActivateTime ?? 0);
+      const delayPressOut = Math.max(
+        minPressDuration - pressDuration,
+        normalizeDelay(this._config.delayPressOut),
+      );
+      if (delayPressOut > 0) {
         this._pressOutDelayTimeout = setTimeout(() => {
           onPressOut(event);
-        }, delay);
+        }, delayPressOut);
       } else {
         onPressOut(event);
       }
     }
+    this._touchActivateTime = null;
   }
 
   _measureResponderRegion(): void {
@@ -719,14 +772,14 @@ export default class Pressability {
       top: number,
     |}>,
   ): boolean {
-    const {getHitSlop, getPressRectOffset} = this._config;
+    const hitSlop = normalizeRect(this._config.hitSlop);
+    const pressRectOffset = normalizeRect(this._config.pressRectOffset);
 
     let regionBottom = responderRegion.bottom;
     let regionLeft = responderRegion.left;
     let regionRight = responderRegion.right;
     let regionTop = responderRegion.top;
 
-    const hitSlop = getHitSlop == null ? null : getHitSlop();
     if (hitSlop != null) {
       if (hitSlop.bottom != null) {
         regionBottom += hitSlop.bottom;
@@ -742,23 +795,11 @@ export default class Pressability {
       }
     }
 
-    const rectOffset = getPressRectOffset == null ? null : getPressRectOffset();
     regionBottom +=
-      rectOffset == null || rectOffset.bottom == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.bottom
-        : rectOffset.bottom;
-    regionLeft -=
-      rectOffset == null || rectOffset.left == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.left
-        : rectOffset.left;
-    regionRight +=
-      rectOffset == null || rectOffset.right == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.right
-        : rectOffset.right;
-    regionTop -=
-      rectOffset == null || rectOffset.top == null
-        ? DEFAULT_PRESS_RECT_OFFSETS.top
-        : rectOffset.top;
+      pressRectOffset?.bottom ?? DEFAULT_PRESS_RECT_OFFSETS.bottom;
+    regionLeft -= pressRectOffset?.left ?? DEFAULT_PRESS_RECT_OFFSETS.left;
+    regionRight += pressRectOffset?.right ?? DEFAULT_PRESS_RECT_OFFSETS.right;
+    regionTop -= pressRectOffset?.top ?? DEFAULT_PRESS_RECT_OFFSETS.top;
 
     return (
       touch.pageX > regionLeft &&
@@ -779,8 +820,8 @@ export default class Pressability {
 
   _shouldLongPressCancelPress(): boolean {
     return (
-      this._config.onLongPressShouldCancelPress == null ||
-      this._config.onLongPressShouldCancelPress()
+      this._config.onLongPressShouldCancelPress_DEPRECATED == null ||
+      this._config.onLongPressShouldCancelPress_DEPRECATED()
     );
   }
 
@@ -820,9 +861,9 @@ export default class Pressability {
   }
 }
 
-const getDelayMS = (getDelay: ?() => ?number, min = 0, fallback = 0) => {
-  return Math.max(min, (getDelay == null ? null : getDelay()) ?? fallback);
-};
+function normalizeDelay(delay: ?number, min = 0, fallback = 0): number {
+  return Math.max(min, delay ?? fallback);
+}
 
 const getTouchFromPressEvent = (event: PressEvent) => {
   const {changedTouches, touches} = event.nativeEvent;
diff --git a/Libraries/Pressability/PressabilityDebug.js b/Libraries/Pressability/PressabilityDebug.js
index d593c58587e96a..168a8c1d110163 100644
--- a/Libraries/Pressability/PressabilityDebug.js
+++ b/Libraries/Pressability/PressabilityDebug.js
@@ -10,13 +10,15 @@
 
 'use strict';
 
-import normalizeColor from '../StyleSheet/normalizeColor.js';
+import normalizeColor from '../StyleSheet/normalizeColor';
+import type {ColorValue} from '../StyleSheet/StyleSheetTypes';
+
 import Touchable from '../Components/Touchable/Touchable';
 import View from '../Components/View/View';
 import * as React from 'react';
 
 type Props = $ReadOnly<{|
-  color: string,
+  color: ColorValue,
   hitSlop: ?$ReadOnly<{|
     bottom?: ?number,
     left?: ?number,
@@ -43,12 +45,12 @@ type Props = $ReadOnly<{|
 export function PressabilityDebugView({color, hitSlop}: Props): React.Node {
   if (__DEV__) {
     if (isEnabled()) {
-      const processedColor = normalizeColor(color);
+      const normalizedColor = normalizeColor(color);
+      if (typeof normalizedColor !== 'number') {
+        return null;
+      }
       const baseColor =
-        '#' +
-        (typeof processedColor === 'number' ? processedColor : 0)
-          .toString(16)
-          .padStart(8, '0');
+        '#' + (normalizedColor ?? 0).toString(16).padStart(8, '0');
 
       return (
         <View
diff --git a/Libraries/Pressability/__tests__/Pressability-test.js b/Libraries/Pressability/__tests__/Pressability-test.js
index 94498c7e71233a..52c35d00c1faae 100644
--- a/Libraries/Pressability/__tests__/Pressability-test.js
+++ b/Libraries/Pressability/__tests__/Pressability-test.js
@@ -11,9 +11,9 @@
 
 'use strict';
 
-import type {PressEvent} from '../../Types/CoreEventTypes.js';
-import * as HoverState from '../HoverState.js';
-import Pressability from '../Pressability.js';
+import type {PressEvent} from '../../Types/CoreEventTypes';
+import * as HoverState from '../HoverState';
+import Pressability from '../Pressability';
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
 import Platform from '../../Utilities/Platform';
@@ -31,24 +31,26 @@ function getMock<TArguments: $ReadOnlyArray<mixed>, TReturn>(
 
 const createMockPressability = overrides => {
   const config = {
-    getHitSlop: jest.fn(),
-    getHoverInDelayMS: jest.fn(() => null),
-    getHoverOutDelayMS: jest.fn(() => null),
-    getLongPressDelayMS: jest.fn(() => null),
-    getPressDelayMS: jest.fn(() => null),
-    getPressOutDelayMS: jest.fn(() => null),
-    getPressRectOffset: jest.fn(),
+    cancelable: null,
+    disabled: null,
+    hitSlop: null,
+    pressRectOffset: null,
+    delayHoverIn: null,
+    delayHoverOut: null,
+    delayLongPress: null,
+    delayPressIn: null,
+    delayPressOut: null,
     onBlur: jest.fn(),
     onFocus: jest.fn(),
     onHoverIn: jest.fn(),
     onHoverOut: jest.fn(),
     onLongPress: jest.fn(),
-    onLongPressShouldCancelPress: jest.fn(),
     onPress: jest.fn(),
     onPressIn: jest.fn(),
     onPressOut: jest.fn(),
-    onResponderTerminationRequest: jest.fn(() => true),
-    onStartShouldSetResponder: jest.fn(() => true),
+    onLongPressShouldCancelPress_DEPRECATED: jest.fn(),
+    onResponderTerminationRequest_DEPRECATED: jest.fn(() => true),
+    onStartShouldSetResponder_DEPRECATED: jest.fn(() => true),
     ...overrides,
   };
   const touchable = new Pressability(config);
@@ -230,6 +232,7 @@ const createMockPressEvent = (
 describe('Pressability', () => {
   beforeEach(() => {
     jest.resetModules();
+    jest.spyOn(Date, 'now');
     jest.spyOn(HoverState, 'isHoverEnabled');
   });
 
@@ -282,7 +285,7 @@ describe('Pressability', () => {
 
     it('is called after no delay by default', () => {
       const {config, handlers} = createMockPressability({
-        getHoverInDelayMS: () => null,
+        delayHoverIn: null,
       });
       invariant(
         typeof handlers.onMouseEnter === 'function',
@@ -293,9 +296,9 @@ describe('Pressability', () => {
       expect(config.onHoverIn).toBeCalled();
     });
 
-    it('falls back to no delay if `getHoverInDelayMS` is omitted', () => {
+    it('falls back to no delay if `delayHoverIn` is omitted', () => {
       const {config, handlers} = createMockPressability({
-        getHoverInDelayMS: null,
+        delayHoverIn: null,
       });
       invariant(
         typeof handlers.onMouseEnter === 'function',
@@ -308,7 +311,7 @@ describe('Pressability', () => {
 
     it('is called after a configured delay', () => {
       const {config, handlers} = createMockPressability({
-        getHoverInDelayMS: () => 500,
+        delayHoverIn: 500,
       });
       invariant(
         typeof handlers.onMouseEnter === 'function',
@@ -324,7 +327,7 @@ describe('Pressability', () => {
 
     it('is called synchronously if delay is 0ms', () => {
       const {config, handlers} = createMockPressability({
-        getHoverInDelayMS: () => 0,
+        delayHoverIn: 0,
       });
       invariant(
         typeof handlers.onMouseEnter === 'function',
@@ -352,16 +355,16 @@ describe('Pressability', () => {
       expect(config.onLongPress).toBeCalled();
     });
 
-    it('is called if pressed for 500ms after the press delay', () => {
+    it('is called if pressed for 370ms after the press delay', () => {
       const {config, handlers} = createMockPressability({
-        getPressDelayMS: () => 100,
+        delayPressIn: 100,
       });
 
       handlers.onStartShouldSetResponder();
       handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
       handlers.onResponderMove(createMockPressEvent('onResponderMove'));
 
-      jest.advanceTimersByTime(599);
+      jest.advanceTimersByTime(469);
       expect(config.onLongPress).not.toBeCalled();
       jest.advanceTimersByTime(1);
       expect(config.onLongPress).toBeCalled();
@@ -383,14 +386,14 @@ describe('Pressability', () => {
 
     it('falls back to a minimum of 10ms before calling `onLongPress`', () => {
       const {config, handlers} = createMockPressability({
-        getLongPressDelayMS: () => 0,
+        delayLongPress: 0,
       });
 
       handlers.onStartShouldSetResponder();
       handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
       handlers.onResponderMove(createMockPressEvent('onResponderMove'));
 
-      jest.advanceTimersByTime(9);
+      jest.advanceTimersByTime(139);
       expect(config.onLongPress).not.toBeCalled();
       jest.advanceTimersByTime(1);
       expect(config.onLongPress).toBeCalled();
@@ -452,8 +455,7 @@ describe('Pressability', () => {
       expect(config.onLongPress).not.toBeCalled();
     });
 
-    // TODO: disable failing test.  This test is failing upstream as well in 0.62-stable.
-    it.skip('is called independent of preceding long touch gesture', () => {
+    it('is called independent of preceding long touch gesture', () => {
       mockUIManagerMeasure();
       const {config, handlers} = createMockPressability();
 
@@ -504,6 +506,7 @@ describe('Pressability', () => {
       handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
 
       expect(config.onPress).toBeCalled();
+      jest.runOnlyPendingTimers();
       expect(config.onPressOut).toBeCalled();
     });
   });
@@ -519,33 +522,39 @@ describe('Pressability', () => {
       expect(config.onPressIn).toBeCalled();
     });
 
-    it('is called after no delay by default', () => {
+    it('is called after the default delay by default', () => {
       const {config, handlers} = createMockPressability({
-        getPressDelayMS: () => null,
+        delayPressIn: null,
       });
 
       handlers.onStartShouldSetResponder();
       handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
       handlers.onResponderMove(createMockPressEvent('onResponderMove'));
 
+      jest.advanceTimersByTime(129);
+      expect(config.onPressIn).not.toBeCalled();
+      jest.advanceTimersByTime(1);
       expect(config.onPressIn).toBeCalled();
     });
 
-    it('falls back to no delay if `getPressDelayMS` is omitted', () => {
+    it('falls back to the default delay if `delayPressIn` is omitted', () => {
       const {config, handlers} = createMockPressability({
-        getPressDelayMS: null,
+        delayPressIn: null,
       });
 
       handlers.onStartShouldSetResponder();
       handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
       handlers.onResponderMove(createMockPressEvent('onResponderMove'));
 
+      jest.advanceTimersByTime(129);
+      expect(config.onPressIn).not.toBeCalled();
+      jest.advanceTimersByTime(1);
       expect(config.onPressIn).toBeCalled();
     });
 
     it('is called after a configured delay', () => {
       const {config, handlers} = createMockPressability({
-        getPressDelayMS: () => 500,
+        delayPressIn: 500,
       });
 
       handlers.onStartShouldSetResponder();
@@ -560,7 +569,7 @@ describe('Pressability', () => {
 
     it('is called synchronously if delay is 0ms', () => {
       const {config, handlers} = createMockPressability({
-        getPressDelayMS: () => 0,
+        delayPressIn: 0,
       });
 
       handlers.onStartShouldSetResponder();
@@ -571,14 +580,125 @@ describe('Pressability', () => {
     });
   });
 
-  // TODO: onPressOut tests
+  describe('onPressOut', () => {
+    it('is called after `onResponderRelease` before `delayPressIn`', () => {
+      const {config, handlers} = createMockPressability();
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      expect(config.onPressIn).not.toBeCalled();
+      handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
+
+      expect(config.onPressOut).not.toBeCalled();
+      jest.runOnlyPendingTimers();
+      expect(config.onPressOut).toBeCalled();
+    });
+
+    it('is called after `onResponderRelease` after `delayPressIn`', () => {
+      const {config, handlers} = createMockPressability();
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      jest.runOnlyPendingTimers();
+      expect(config.onPressIn).toBeCalled();
+      handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
+
+      expect(config.onPressOut).not.toBeCalled();
+      jest.runOnlyPendingTimers();
+      expect(config.onPressOut).toBeCalled();
+    });
+
+    it('is not called after `onResponderTerminate` before `delayPressIn`', () => {
+      const {config, handlers} = createMockPressability();
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      handlers.onResponderTerminate(
+        createMockPressEvent('onResponderTerminate'),
+      );
+
+      expect(config.onPressOut).not.toBeCalled();
+      jest.runOnlyPendingTimers();
+      expect(config.onPressOut).not.toBeCalled();
+    });
+
+    it('is not called after `onResponderTerminate` after `delayPressIn`', () => {
+      const {config, handlers} = createMockPressability();
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      jest.runOnlyPendingTimers();
+      expect(config.onPressIn).toBeCalled();
+      handlers.onResponderTerminate(
+        createMockPressEvent('onResponderTerminate'),
+      );
+
+      expect(config.onPressOut).not.toBeCalled();
+      jest.runOnlyPendingTimers();
+      expect(config.onPressOut).toBeCalled();
+    });
+
+    it('is called after the minimum press duration by default', () => {
+      const {config, handlers} = createMockPressability();
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      jest.runOnlyPendingTimers();
+      expect(config.onPressIn).toBeCalled();
+      handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
+
+      jest.advanceTimersByTime(120);
+      expect(config.onPressOut).not.toBeCalled();
+      jest.advanceTimersByTime(10);
+      expect(config.onPressOut).toBeCalled();
+    });
+
+    it('is called after only after the remaining minimum press duration', () => {
+      const {config, handlers} = createMockPressability();
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      jest.runOnlyPendingTimers();
+      expect(config.onPressIn).toBeCalled();
+      // WORKAROUND: Jest does not advance `Date.now()`.
+      const touchActivateTime = Date.now();
+      jest.advanceTimersByTime(120);
+      Date.now.mockReturnValue(touchActivateTime + 120);
+      handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
+
+      expect(config.onPressOut).not.toBeCalled();
+      jest.advanceTimersByTime(10);
+      expect(config.onPressOut).toBeCalled();
+    });
+
+    it('is called synchronously if minimum press duration is 0ms', () => {
+      const {config, handlers} = createMockPressability({
+        minPressDuration: 0,
+      });
+
+      handlers.onStartShouldSetResponder();
+      handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
+      handlers.onResponderMove(createMockPressEvent('onResponderMove'));
+      jest.runOnlyPendingTimers();
+      expect(config.onPressIn).toBeCalled();
+      handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
+
+      expect(config.onPressOut).toBeCalled();
+    });
+  });
 
   describe('`onPress*` with movement', () => {
     describe('within bounds of hit rect', () => {
       it('`onPress*` are called when no delay', () => {
         mockUIManagerMeasure();
         const {config, handlers} = createMockPressability({
-          getHitSlop: () => mockSlop,
+          hitSlop: mockSlop,
         });
 
         handlers.onStartShouldSetResponder();
@@ -604,14 +724,15 @@ describe('Pressability', () => {
 
         expect(config.onPressIn).toBeCalled();
         expect(config.onPress).toBeCalled();
+        jest.runOnlyPendingTimers();
         expect(config.onPressOut).toBeCalled();
       });
 
       it('`onPress*` are called after a delay', () => {
         mockUIManagerMeasure();
         const {config, handlers} = createMockPressability({
-          getHitSlop: () => mockSlop,
-          getPressDelayMS: () => 500,
+          hitSlop: mockSlop,
+          delayPressIn: 500,
         });
 
         handlers.onStartShouldSetResponder();
@@ -641,6 +762,7 @@ describe('Pressability', () => {
         handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
 
         expect(config.onPress).toBeCalled();
+        jest.runOnlyPendingTimers();
         expect(config.onPressOut).toBeCalled();
       });
     });
@@ -648,7 +770,9 @@ describe('Pressability', () => {
     describe('beyond bounds of hit rect', () => {
       it('`onPress` only is not called when no delay', () => {
         mockUIManagerMeasure();
-        const {config, handlers} = createMockPressability();
+        const {config, handlers} = createMockPressability({
+          delayPressIn: 0,
+        });
 
         handlers.onStartShouldSetResponder();
         handlers.onResponderGrant(createMockPressEvent('onResponderGrant'));
@@ -667,13 +791,14 @@ describe('Pressability', () => {
 
         handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
         expect(config.onPress).not.toBeCalled();
+        jest.runOnlyPendingTimers();
         expect(config.onPressOut).toBeCalled();
       });
 
       it('`onPress*` are not called after a delay', () => {
         mockUIManagerMeasure();
         const {config, handlers} = createMockPressability({
-          getPressDelayMS: () => 500,
+          delayPressIn: 500,
         });
 
         handlers.onStartShouldSetResponder();
@@ -700,7 +825,7 @@ describe('Pressability', () => {
       it('`onPress*` are called when press is released before measure completes', () => {
         mockUIManagerMeasure({delay: 1000});
         const {config, handlers} = createMockPressability({
-          getPressDelayMS: () => 500,
+          delayPressIn: 500,
         });
 
         handlers.onStartShouldSetResponder();
@@ -724,6 +849,7 @@ describe('Pressability', () => {
         handlers.onResponderRelease(createMockPressEvent('onResponderRelease'));
 
         expect(config.onPress).toBeCalled();
+        jest.runOnlyPendingTimers();
         expect(config.onPressOut).toBeCalled();
       });
     });
@@ -732,7 +858,7 @@ describe('Pressability', () => {
   describe('onStartShouldSetResponder', () => {
     it('if omitted the responder is set by default', () => {
       const {handlers} = createMockPressability({
-        onStartShouldSetResponder: null,
+        onStartShouldSetResponder_DEPRECATED: null,
       });
 
       expect(handlers.onStartShouldSetResponder()).toBe(true);
@@ -740,11 +866,14 @@ describe('Pressability', () => {
 
     it('if supplied it is called', () => {
       const {config, handlers} = createMockPressability();
+      const onStartShouldSetResponder_DEPRECATED = nullthrows(
+        config.onStartShouldSetResponder_DEPRECATED,
+      );
 
-      nullthrows(config.onStartShouldSetResponder).mockReturnValue(false);
+      onStartShouldSetResponder_DEPRECATED.mockReturnValue(false);
       expect(handlers.onStartShouldSetResponder()).toBe(false);
 
-      nullthrows(config.onStartShouldSetResponder).mockReturnValue(true);
+      onStartShouldSetResponder_DEPRECATED.mockReturnValue(true);
       expect(handlers.onStartShouldSetResponder()).toBe(true);
     });
   });
diff --git a/Libraries/Pressability/usePressability.js b/Libraries/Pressability/usePressability.js
new file mode 100644
index 00000000000000..3538524239387b
--- /dev/null
+++ b/Libraries/Pressability/usePressability.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.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import Pressability, {
+  type EventHandlers,
+  type PressabilityConfig,
+} from './Pressability';
+import {useEffect, useRef} from 'react';
+
+export default function usePressability(
+  config: PressabilityConfig,
+): EventHandlers {
+  const pressabilityRef = useRef<?Pressability>(null);
+  if (pressabilityRef.current == null) {
+    pressabilityRef.current = new Pressability(config);
+  }
+  const pressability = pressabilityRef.current;
+
+  // On the initial mount, this is a no-op. On updates, `pressability` will be
+  // re-configured to use the new configuration.
+  useEffect(() => {
+    pressability.configure(config);
+  }, [config, pressability]);
+
+  // On unmount, reset pending state and timers inside `pressability`. This is
+  // a separate effect because we do not want to reset when `config` changes.
+  useEffect(() => {
+    return () => {
+      pressability.reset();
+    };
+  }, [pressability]);
+
+  return pressability.getEventHandlers();
+}
diff --git a/Libraries/PushNotificationIOS/PushNotificationIOS.js b/Libraries/PushNotificationIOS/PushNotificationIOS.js
index 922e0173c60495..88f0b0812ff7c8 100644
--- a/Libraries/PushNotificationIOS/PushNotificationIOS.js
+++ b/Libraries/PushNotificationIOS/PushNotificationIOS.js
@@ -68,7 +68,7 @@ export type PushNotificationEventName = $Keys<{
  * Handle push notifications for your app, including permission handling and
  * icon badge number.
  *
- * See https://facebook.github.io/react-native/docs/pushnotificationios.html
+ * See https://reactnative.dev/docs/pushnotificationios.html
  */
 class PushNotificationIOS {
   _data: Object;
@@ -91,7 +91,7 @@ class PushNotificationIOS {
   /**
    * Schedules the localNotification for immediate presentation.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#presentlocalnotification
+   * See https://reactnative.dev/docs/pushnotificationios.html#presentlocalnotification
    */
   static presentLocalNotification(details: Object) {
     invariant(
@@ -104,7 +104,7 @@ class PushNotificationIOS {
   /**
    * Schedules the localNotification for future presentation.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#schedulelocalnotification
+   * See https://reactnative.dev/docs/pushnotificationios.html#schedulelocalnotification
    */
   static scheduleLocalNotification(details: Object) {
     invariant(
@@ -117,7 +117,7 @@ class PushNotificationIOS {
   /**
    * Cancels all scheduled localNotifications.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#cancelalllocalnotifications
+   * See https://reactnative.dev/docs/pushnotificationios.html#cancelalllocalnotifications
    */
   static cancelAllLocalNotifications() {
     invariant(
@@ -130,7 +130,7 @@ class PushNotificationIOS {
   /**
    * Remove all delivered notifications from Notification Center.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#removealldeliverednotifications
+   * See https://reactnative.dev/docs/pushnotificationios.html#removealldeliverednotifications
    */
   static removeAllDeliveredNotifications(): void {
     invariant(
@@ -143,7 +143,7 @@ class PushNotificationIOS {
   /**
    * Provides you with a list of the app’s notifications that are still displayed in Notification Center.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getdeliverednotifications
+   * See https://reactnative.dev/docs/pushnotificationios.html#getdeliverednotifications
    */
   static getDeliveredNotifications(
     callback: (notifications: Array<Object>) => void,
@@ -158,7 +158,7 @@ class PushNotificationIOS {
   /**
    * Removes the specified notifications from Notification Center
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#removedeliverednotifications
+   * See https://reactnative.dev/docs/pushnotificationios.html#removedeliverednotifications
    */
   static removeDeliveredNotifications(identifiers: Array<string>): void {
     invariant(
@@ -171,7 +171,7 @@ class PushNotificationIOS {
   /**
    * Sets the badge number for the app icon on the home screen.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#setapplicationiconbadgenumber
+   * See https://reactnative.dev/docs/pushnotificationios.html#setapplicationiconbadgenumber
    */
   static setApplicationIconBadgeNumber(number: number) {
     invariant(
@@ -184,7 +184,7 @@ class PushNotificationIOS {
   /**
    * Gets the current badge number for the app icon on the home screen.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getapplicationiconbadgenumber
+   * See https://reactnative.dev/docs/pushnotificationios.html#getapplicationiconbadgenumber
    */
   static getApplicationIconBadgeNumber(callback: Function) {
     invariant(
@@ -197,7 +197,7 @@ class PushNotificationIOS {
   /**
    * Cancel local notifications.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#cancellocalnotification
+   * See https://reactnative.dev/docs/pushnotificationios.html#cancellocalnotification
    */
   static cancelLocalNotifications(userInfo: Object) {
     invariant(
@@ -210,7 +210,7 @@ class PushNotificationIOS {
   /**
    * Gets the local notifications that are currently scheduled.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getscheduledlocalnotifications
+   * See https://reactnative.dev/docs/pushnotificationios.html#getscheduledlocalnotifications
    */
   static getScheduledLocalNotifications(callback: Function) {
     invariant(
@@ -224,7 +224,7 @@ class PushNotificationIOS {
    * Attaches a listener to remote or local notification events while the app
    * is running in the foreground or the background.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#addeventlistener
+   * See https://reactnative.dev/docs/pushnotificationios.html#addeventlistener
    */
   static addEventListener(type: PushNotificationEventName, handler: Function) {
     invariant(
@@ -271,7 +271,7 @@ class PushNotificationIOS {
    * Removes the event listener. Do this in `componentWillUnmount` to prevent
    * memory leaks.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#removeeventlistener
+   * See https://reactnative.dev/docs/pushnotificationios.html#removeeventlistener
    */
   static removeEventListener(
     type: PushNotificationEventName,
@@ -298,7 +298,7 @@ class PushNotificationIOS {
    * a subset of these can be requested by passing a map of requested
    * permissions.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#requestpermissions
+   * See https://reactnative.dev/docs/pushnotificationios.html#requestpermissions
    */
   static requestPermissions(permissions?: {
     alert?: boolean,
@@ -335,7 +335,7 @@ class PushNotificationIOS {
   /**
    * Unregister for all remote notifications received via Apple Push Notification service.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#abandonpermissions
+   * See https://reactnative.dev/docs/pushnotificationios.html#abandonpermissions
    */
   static abandonPermissions() {
     invariant(
@@ -349,7 +349,7 @@ class PushNotificationIOS {
    * See what push permissions are currently enabled. `callback` will be
    * invoked with a `permissions` object.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#checkpermissions
+   * See https://reactnative.dev/docs/pushnotificationios.html#checkpermissions
    */
   static checkPermissions(callback: Function) {
     invariant(typeof callback === 'function', 'Must provide a valid callback');
@@ -364,7 +364,7 @@ class PushNotificationIOS {
    * This method returns a promise that resolves to either the notification
    * object if the app was launched by a push notification, or `null` otherwise.
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getinitialnotification
+   * See https://reactnative.dev/docs/pushnotificationios.html#getinitialnotification
    */
   static getInitialNotification(): Promise<?PushNotificationIOS> {
     invariant(
@@ -422,7 +422,7 @@ class PushNotificationIOS {
    * This method is available for remote notifications that have been received via:
    * `application:didReceiveRemoteNotification:fetchCompletionHandler:`
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#finish
+   * See https://reactnative.dev/docs/pushnotificationios.html#finish
    */
   finish(fetchResult: string) {
     if (
@@ -456,7 +456,7 @@ class PushNotificationIOS {
   /**
    * Gets the sound string from the `aps` object
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getsound
+   * See https://reactnative.dev/docs/pushnotificationios.html#getsound
    */
   getSound(): ?string {
     return this._sound;
@@ -465,7 +465,7 @@ class PushNotificationIOS {
   /**
    * Gets the category string from the `aps` object
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getcategory
+   * See https://reactnative.dev/docs/pushnotificationios.html#getcategory
    */
   getCategory(): ?string {
     return this._category;
@@ -474,7 +474,7 @@ class PushNotificationIOS {
   /**
    * Gets the notification's main message from the `aps` object
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getalert
+   * See https://reactnative.dev/docs/pushnotificationios.html#getalert
    */
   getAlert(): ?string | ?Object {
     return this._alert;
@@ -483,7 +483,7 @@ class PushNotificationIOS {
   /**
    * Gets the content-available number from the `aps` object
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getcontentavailable
+   * See https://reactnative.dev/docs/pushnotificationios.html#getcontentavailable
    */
   getContentAvailable(): ContentAvailable {
     return this._contentAvailable;
@@ -492,7 +492,7 @@ class PushNotificationIOS {
   /**
    * Gets the badge count number from the `aps` object
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getbadgecount
+   * See https://reactnative.dev/docs/pushnotificationios.html#getbadgecount
    */
   getBadgeCount(): ?number {
     return this._badgeCount;
@@ -501,7 +501,7 @@ class PushNotificationIOS {
   /**
    * Gets the data object on the notif
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getdata
+   * See https://reactnative.dev/docs/pushnotificationios.html#getdata
    */
   getData(): ?Object {
     return this._data;
@@ -510,7 +510,7 @@ class PushNotificationIOS {
   /**
    * Gets the thread ID on the notif
    *
-   * See https://facebook.github.io/react-native/docs/pushnotificationios.html#getthreadid
+   * See https://reactnative.dev/docs/pushnotificationios.html#getthreadid
    */
   getThreadID(): ?string {
     return this._threadID;
diff --git a/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm b/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
index b699e1880fb413..eca5613721e646 100644
--- a/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
+++ b/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
@@ -23,12 +23,11 @@
 
 static NSString *const kLocalNotificationReceived = @"LocalNotificationReceived";
 static NSString *const kRemoteNotificationsRegistered = @"RemoteNotificationsRegistered";
-static NSString *const kRegisterUserNotificationSettings = @"RegisterUserNotificationSettings";
 static NSString *const kRemoteNotificationRegistrationFailed = @"RemoteNotificationRegistrationFailed";
 
 static NSString *const kErrorUnableToRequestPermissions = @"E_UNABLE_TO_REQUEST_PERMISSIONS";
 
-#if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC
+#if !TARGET_OS_TV
 @implementation RCTConvert (NSCalendarUnit)
 
 RCT_ENUM_CONVERTER(NSCalendarUnit,
@@ -124,9 +123,6 @@ @interface RCTPushNotificationManager () <NativePushNotificationManagerIOS>
 #endif //TARGET_OS_TV / TARGET_OS_UIKITFORMAC
 
 @implementation RCTPushNotificationManager
-{
-  RCTPromiseResolveBlock _requestPermissionsResolveBlock;
-}
 
 #if !TARGET_OS_TV && !TARGET_OS_UIKITFORMAC && !TARGET_OS_OSX
 
@@ -213,10 +209,6 @@ - (void)startObserving
                                            selector:@selector(handleRemoteNotificationReceived:)
                                                name:RCTRemoteNotificationReceived
                                              object:nil];
-  [[NSNotificationCenter defaultCenter] addObserver:self
-                                           selector:@selector(handleRegisterUserNotificationSettings:)
-                                               name:kRegisterUserNotificationSettings
-                                             object:nil];
   [[NSNotificationCenter defaultCenter] addObserver:self
                                            selector:@selector(handleRemoteNotificationsRegistered:)
                                                name:kRemoteNotificationsRegistered
@@ -243,23 +235,11 @@ - (void)stopObserving
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 + (void)didRegisterUserNotificationSettings:(__unused UIUserNotificationSettings *)notificationSettings
 {
-  if ([UIApplication instancesRespondToSelector:@selector(registerForRemoteNotifications)]) {
-    [RCTSharedApplication() registerForRemoteNotifications];
-    [[NSNotificationCenter defaultCenter] postNotificationName:kRegisterUserNotificationSettings
-                                                        object:self
-                                                      userInfo:@{@"notificationSettings": notificationSettings}];
-  }
 }
 #endif // TODO(macOS ISS#2323203)
 
 + (void)didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken
 {
-#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  [[NSNotificationCenter defaultCenter] postNotificationName:kRegisterUserNotificationSettings
-                                                      object:self
-                                                    userInfo:@{@"notificationSettings": @(RCTSharedApplication().enabledRemoteNotificationTypes)}];
-#endif // ]TODO(macOS ISS#2323203)
-  
   NSMutableString *hexString = [NSMutableString string];
   NSUInteger deviceTokenLength = deviceToken.length;
   const unsigned char *bytes = reinterpret_cast<const unsigned char *>(deviceToken.bytes);
@@ -359,34 +339,6 @@ - (void)handleRemoteNotificationRegistrationError:(NSNotification *)notification
   [self sendEventWithName:@"remoteNotificationRegistrationError" body:errorDetails];
 }
 
-- (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
-{
-  if (_requestPermissionsResolveBlock == nil) {
-    return;
-  }
-
-#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  UIUserNotificationSettings *notificationSettings = notification.userInfo[@"notificationSettings"];
-  NSDictionary *notificationTypes = @{
-    @"alert": @((notificationSettings.types & UIUserNotificationTypeAlert) > 0),
-    @"sound": @((notificationSettings.types & UIUserNotificationTypeSound) > 0),
-    @"badge": @((notificationSettings.types & UIUserNotificationTypeBadge) > 0),
-  };
-#else // [TODO(macOS ISS#2323203)
-  NSRemoteNotificationType remoteNotificationType = [notification.userInfo[@"notificationSettings"] unsignedIntegerValue];
-  NSDictionary *notificationTypes = @{
-    @"alert": @((remoteNotificationType & NSRemoteNotificationTypeAlert) > 0),
-    @"sound": @((remoteNotificationType & NSRemoteNotificationTypeSound) > 0),
-    @"badge": @((remoteNotificationType & NSRemoteNotificationTypeBadge) > 0),
-  };
-#endif // ]TODO(macOS ISS#2323203)
-
-  _requestPermissionsResolveBlock(notificationTypes);
-  // Clean up listener added in requestPermissions
-  [self removeListeners:1];
-  _requestPermissionsResolveBlock = nil;
-}
-
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 RCT_EXPORT_METHOD(onFinishRemoteNotification:(NSString *)notificationId fetchResult:(NSString *)fetchResult) {
   UIBackgroundFetchResult result = [RCTConvert UIBackgroundFetchResult:fetchResult];
@@ -437,14 +389,8 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
   }
 #endif // TODO(macOS ISS#2323203)
 
-  if (_requestPermissionsResolveBlock != nil) {
-    RCTLogError(@"Cannot call requestPermissions twice before the first has returned.");
-    return;
-  }
-
   // Add a listener to make sure that startObserving has been called
   [self addListener:@"remoteNotificationsRegistered"];
-  _requestPermissionsResolveBlock = resolve;
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   UIUserNotificationType types = UIUserNotificationTypeNone;
@@ -459,9 +405,18 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
     types |= UIUserNotificationTypeSound;
   }
 
-  UIUserNotificationSettings *notificationSettings =
-    [UIUserNotificationSettings settingsForTypes:types categories:nil];
-  [RCTSharedApplication() registerUserNotificationSettings:notificationSettings];
+  [UNUserNotificationCenter.currentNotificationCenter
+   requestAuthorizationWithOptions:types
+   completionHandler:^(BOOL granted, NSError *_Nullable error) {
+    if (error != NULL) {
+      reject(@"-1", @"Error - Push authorization request failed.", error);
+    } else {
+      [RCTSharedApplication() registerForRemoteNotifications];
+      [UNUserNotificationCenter.currentNotificationCenter getNotificationSettingsWithCompletionHandler:^(UNNotificationSettings * _Nonnull settings) {
+         resolve(RCTPromiseResolveValueForUNNotificationSettings(settings));
+      }];
+    }
+  }];
 #else // [TODO(macOS ISS#2323203)
   NSRemoteNotificationType types = NSRemoteNotificationTypeNone;
   if (permissions.alert()) {
@@ -486,18 +441,15 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (RCTRunningInAppExtension()) {
-    callback(@[@{@"alert": @NO, @"badge": @NO, @"sound": @NO}]);
+    callback(@[RCTSettingsDictForUNNotificationSettings(NO, NO, NO)]);
     return;
   }
 #endif // TODO(macOS ISS#2323203)
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  NSUInteger types = [RCTSharedApplication() currentUserNotificationSettings].types;
-  callback(@[@{
-    @"alert": @((types & UIUserNotificationTypeAlert) > 0),
-    @"badge": @((types & UIUserNotificationTypeBadge) > 0),
-    @"sound": @((types & UIUserNotificationTypeSound) > 0),
-  }]);
+  [UNUserNotificationCenter.currentNotificationCenter getNotificationSettingsWithCompletionHandler:^(UNNotificationSettings * _Nonnull settings) {
+    callback(@[RCTPromiseResolveValueForUNNotificationSettings(settings)]);
+  }];
 #else // [TODO(macOS ISS#2323203)
   NSRemoteNotificationType types = RCTSharedApplication().enabledRemoteNotificationTypes;
   callback(@[@{
@@ -508,6 +460,18 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 #endif // ]TODO(macOS ISS#2323203)
 }
 
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+static inline NSDictionary *RCTPromiseResolveValueForUNNotificationSettings(UNNotificationSettings* _Nonnull settings) {
+  return RCTSettingsDictForUNNotificationSettings(settings.alertSetting == UNNotificationSettingEnabled,
+                                                  settings.badgeSetting == UNNotificationSettingEnabled,
+                                                  settings.soundSetting == UNNotificationSettingEnabled);
+}
+#endif
+
+static inline NSDictionary *RCTSettingsDictForUNNotificationSettings(BOOL alert, BOOL badge, BOOL sound) {
+  return @{@"alert": @(alert), @"badge": @(badge), @"sound": @(sound)};
+}
+
 #if !TARGET_OS_OSX
 RCT_EXPORT_METHOD(presentLocalNotification:(JS::NativePushNotificationManagerIOS::Notification &)notification)
 {
@@ -655,11 +619,8 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 RCT_EXPORT_METHOD(removeAllDeliveredNotifications)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  // TODO: T56867629
-  if (@available(iOS 10.0, tvOS 10.0, *)) {
-    UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
-    [center removeAllDeliveredNotifications];
-  }
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center removeAllDeliveredNotifications];
 #else // [TODO(macOS ISS#2323203)
   [[NSUserNotificationCenter defaultUserNotificationCenter] removeAllDeliveredNotifications];
 #endif // ]TODO(macOS ISS#2323203)
@@ -668,11 +629,8 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 RCT_EXPORT_METHOD(removeDeliveredNotifications:(NSArray<NSString *> *)identifiers)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  // TODO: T56867629
-  if (@available(iOS 10.0, tvOS 10.0, *)) {
-    UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
-    [center removeDeliveredNotificationsWithIdentifiers:identifiers];
-  }
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center removeDeliveredNotificationsWithIdentifiers:identifiers];
 #else // [TODO(macOS ISS#2323203)
   NSArray<NSUserNotification*> *notificationsToRemove = [[NSUserNotificationCenter defaultUserNotificationCenter].deliveredNotifications filteredArrayUsingPredicate:[NSPredicate predicateWithBlock:^BOOL(NSUserNotification* evaluatedObject, NSDictionary<NSString *,id> * _Nullable bindings) {
     return [identifiers containsObject:evaluatedObject.identifier];
@@ -686,18 +644,15 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 RCT_EXPORT_METHOD(getDeliveredNotifications:(RCTResponseSenderBlock)callback)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  // TODO: T56867629
-  if (@available(iOS 10.0, tvOS 10.0, *)) {
-    UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
-    [center getDeliveredNotificationsWithCompletionHandler:^(NSArray<UNNotification *> *_Nonnull notifications) {
-      NSMutableArray<NSDictionary *> *formattedNotifications = [NSMutableArray new];
-
-      for (UNNotification *notification in notifications) {
-        [formattedNotifications addObject:RCTFormatUNNotification(notification)];
-      }
-      callback(@[formattedNotifications]);
-    }];
-  }
+  UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
+  [center getDeliveredNotificationsWithCompletionHandler:^(NSArray<UNNotification *> *_Nonnull notifications) {
+    NSMutableArray<NSDictionary *> *formattedNotifications = [NSMutableArray new];
+
+    for (UNNotification *notification in notifications) {
+      [formattedNotifications addObject:RCTFormatUNNotification(notification)];
+    }
+    callback(@[formattedNotifications]);
+  }];
 #else // [TODO(macOS ISS#2323203)
   NSMutableArray<NSDictionary *> *formattedNotifications = [NSMutableArray new];
   for (NSUserNotification *notification in [NSUserNotificationCenter defaultUserNotificationCenter].deliveredNotifications) {
@@ -794,9 +749,12 @@ - (void)handleRegisterUserNotificationSettings:(NSNotification *)notification
 
 #endif //TARGET_OS_TV / TARGET_OS_UIKITFORMAC
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativePushNotificationManagerIOSSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativePushNotificationManagerIOSSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec b/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
index 48bbc07bb438dd..05c056cfea415a 100644
--- a/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
+++ b/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTPushNotification"
   s.version                = version
   s.summary                = "A library for handling push notifications for your app, including permission handling and icon badge number."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/pushnotificationios"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/pushnotificationios"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -44,4 +44,5 @@ Pod::Spec.new do |s|
   s.dependency "RCTTypeSafety", version
   s.dependency "React-Core/RCTPushNotificationHeaders", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
 end
diff --git a/Libraries/RCTRequired/BUCK b/Libraries/RCTRequired/BUCK
index d061b9e31e92aa..396f41b3f98e50 100644
--- a/Libraries/RCTRequired/BUCK
+++ b/Libraries/RCTRequired/BUCK
@@ -3,7 +3,9 @@ load("//tools/build_defs/oss:rn_defs.bzl", "fb_apple_library")
 fb_apple_library(
     name = "RCTRequired",
     autoglob = True,
+    complete_nullability = True,
     contacts = ["oncall+react_native@xmail.facebook.com"],
+    extension_api_only = True,
     frameworks = ["Foundation"],
-    labels = ["supermodule:ios/isolation/infra.react_native"],
+    labels = ["supermodule:ios/default/public.react_native.infra"],
 )
diff --git a/Libraries/RCTRequired/RCTRequired.podspec b/Libraries/RCTRequired/RCTRequired.podspec
index 0b8335b533f56a..063d4fce0b2f45 100644
--- a/Libraries/RCTRequired/RCTRequired.podspec
+++ b/Libraries/RCTRequired/RCTRequired.podspec
@@ -20,10 +20,10 @@ Pod::Spec.new do |s|
   s.name                   = "RCTRequired"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS ISS#2323203)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS ISS#2323203)
   s.source                 = source
   s.source_files           = "**/*.{c,h,m,mm,cpp}"
   s.header_dir             = "RCTRequired"
diff --git a/Libraries/ReactNative/AppContainer.js b/Libraries/ReactNative/AppContainer.js
index eab3b420958363..22e3bd3bef1883 100644
--- a/Libraries/ReactNative/AppContainer.js
+++ b/Libraries/ReactNative/AppContainer.js
@@ -14,7 +14,6 @@ const EmitterSubscription = require('../vendor/emitter/EmitterSubscription');
 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');
@@ -68,14 +67,11 @@ class AppContainer extends React.Component<Props, State> {
             const Inspector = require('../Inspector/Inspector');
             const inspector = this.state.inspector ? null : (
               <Inspector
-                inspectedViewTag={ReactNative.findNodeHandle(this._mainRef)}
-                onRequestRerenderApp={updateInspectedViewTag => {
+                inspectedView={this._mainRef}
+                onRequestRerenderApp={updateInspectedView => {
                   this.setState(
                     s => ({mainKey: s.mainKey + 1}),
-                    () =>
-                      updateInspectedViewTag(
-                        ReactNative.findNodeHandle(this._mainRef),
-                      ),
+                    () => updateInspectedView(this._mainRef),
                   );
                 }}
               />
@@ -94,14 +90,15 @@ class AppContainer extends React.Component<Props, State> {
   }
 
   render(): React.Node {
-    let yellowBox = null;
+    let logBox = null;
     if (__DEV__) {
       if (
         !global.__RCTProfileIsProfiling &&
         !this.props.internal_excludeLogBox
       ) {
-        const YellowBox = require('../YellowBox/YellowBox');
-        yellowBox = <YellowBox />;
+        const LogBoxNotificationContainer = require('../LogBox/LogBoxNotificationContainer')
+          .default;
+        logBox = <LogBoxNotificationContainer />;
       }
     }
 
@@ -135,7 +132,7 @@ class AppContainer extends React.Component<Props, State> {
         <View style={styles.appContainer} pointerEvents="box-none">
           {!this.state.hasError && innerView}
           {this.state.inspector}
-          {yellowBox}
+          {logBox}
         </View>
       </RootTagContext.Provider>
     );
@@ -150,8 +147,8 @@ const styles = StyleSheet.create({
 
 if (__DEV__) {
   if (!global.__RCTProfileIsProfiling) {
-    const YellowBox = require('../YellowBox/YellowBox');
-    YellowBox.install();
+    const LogBox = require('../LogBox/LogBox');
+    LogBox.install();
   }
 }
 
diff --git a/Libraries/ReactNative/AppRegistry.js b/Libraries/ReactNative/AppRegistry.js
index 6dc813731327ac..99abee3e0d792e 100644
--- a/Libraries/ReactNative/AppRegistry.js
+++ b/Libraries/ReactNative/AppRegistry.js
@@ -69,7 +69,7 @@ let showArchitectureIndicator = false;
 /**
  * `AppRegistry` is the JavaScript entry point to running all React Native apps.
  *
- * See http://facebook.github.io/react-native/docs/appregistry.html
+ * See https://reactnative.dev/docs/appregistry.html
  */
 const AppRegistry = {
   setWrapperComponentProvider(provider: WrapperComponentProvider) {
@@ -103,7 +103,7 @@ const AppRegistry = {
   /**
    * Registers an app's root component.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#registercomponent
+   * See https://reactnative.dev/docs/appregistry.html#registercomponent
    */
   registerComponent(
     appKey: string,
@@ -178,7 +178,7 @@ const AppRegistry = {
   /**
    * Loads the JavaScript bundle and runs the app.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#runapplication
+   * See https://reactnative.dev/docs/appregistry.html#runapplication
    */
   runApplication(appKey: string, appParameters: any): void {
     if (appKey !== 'LogBox') {
@@ -205,7 +205,7 @@ const AppRegistry = {
   /**
    * Stops an application when a view should be destroyed.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#unmountapplicationcomponentatroottag
+   * See https://reactnative.dev/docs/appregistry.html#unmountapplicationcomponentatroottag
    */
   unmountApplicationComponentAtRootTag(rootTag: number): void {
     ReactNative.unmountComponentAtNodeAndRemoveContainer(rootTag);
@@ -214,7 +214,7 @@ const AppRegistry = {
   /**
    * Register a headless task. A headless task is a bit of code that runs without a UI.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#registerheadlesstask
+   * See https://reactnative.dev/docs/appregistry.html#registerheadlesstask
    */
   registerHeadlessTask(taskKey: string, taskProvider: TaskProvider): void {
     this.registerCancellableHeadlessTask(taskKey, taskProvider, () => () => {
@@ -225,7 +225,7 @@ const AppRegistry = {
   /**
    * Register a cancellable headless task. A headless task is a bit of code that runs without a UI.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#registercancellableheadlesstask
+   * See https://reactnative.dev/docs/appregistry.html#registercancellableheadlesstask
    */
   registerCancellableHeadlessTask(
     taskKey: string,
@@ -244,7 +244,7 @@ const AppRegistry = {
   /**
    * Only called from native code. Starts a headless task.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#startheadlesstask
+   * See https://reactnative.dev/docs/appregistry.html#startheadlesstask
    */
   startHeadlessTask(taskId: number, taskKey: string, data: any): void {
     const taskProvider = taskProviders.get(taskKey);
@@ -282,7 +282,7 @@ const AppRegistry = {
   /**
    * Only called from native code. Cancels a headless task.
    *
-   * See http://facebook.github.io/react-native/docs/appregistry.html#cancelheadlesstask
+   * See https://reactnative.dev/docs/appregistry.html#cancelheadlesstask
    */
   cancelHeadlessTask(taskId: number, taskKey: string): void {
     const taskCancelProvider = taskCancelProviders.get(taskKey);
diff --git a/Libraries/ReactNative/DummyUIManager.js b/Libraries/ReactNative/DummyUIManager.js
index a6ae78a9624566..bf918219c79496 100644
--- a/Libraries/ReactNative/DummyUIManager.js
+++ b/Libraries/ReactNative/DummyUIManager.js
@@ -10,10 +10,13 @@
 'use strict';
 
 module.exports = {
-  getViewManagerConfig: (viewManagerName: string): null => {
+  getViewManagerConfig: (viewManagerName: string): mixed => {
     console.warn(
       'Attempting to get config for view manager: ' + viewManagerName,
     );
+    if (viewManagerName === 'RCTVirtualText') {
+      return {};
+    }
     return null;
   },
   getConstants: (): {...} => ({}),
diff --git a/Libraries/ReactNative/FabricUIManager.js b/Libraries/ReactNative/FabricUIManager.js
index 7424d51d45b308..0aeecb4b8c9948 100644
--- a/Libraries/ReactNative/FabricUIManager.js
+++ b/Libraries/ReactNative/FabricUIManager.js
@@ -49,7 +49,6 @@ type Spec = {|
     onFail: () => void,
     onSuccess: MeasureLayoutOnSuccessCallback,
   ) => void,
-  +findShadowNodeByTag_DEPRECATED: (reactTag: number) => ?Node,
 |};
 
 const FabricUIManager: ?Spec = global.nativeFabricUIManager;
diff --git a/Libraries/ReactNative/ReactFabricInternals.js b/Libraries/ReactNative/ReactFabricInternals.js
index 592f4359e44202..4be6f784a2904d 100644
--- a/Libraries/ReactNative/ReactFabricInternals.js
+++ b/Libraries/ReactNative/ReactFabricInternals.js
@@ -10,16 +10,8 @@
 
 'use strict';
 
-const {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('../Renderer/shims/ReactFabric');
 const createReactNativeComponentClass = require('../Renderer/shims/createReactNativeComponentClass');
 
-import type {NativeMethodsMixinType} from '../Renderer/shims/ReactNativeTypes';
-
-const {NativeMethodsMixin} = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
 module.exports = {
-  NativeMethodsMixin: ((NativeMethodsMixin: any): $Exact<NativeMethodsMixinType>),
   createReactNativeComponentClass,
 };
diff --git a/Libraries/ReactPrivate/ReactNativePrivateInterface.js b/Libraries/ReactPrivate/ReactNativePrivateInterface.js
index 3d2f7b06f789e4..d67720d28fe1a7 100644
--- a/Libraries/ReactPrivate/ReactNativePrivateInterface.js
+++ b/Libraries/ReactPrivate/ReactNativePrivateInterface.js
@@ -8,7 +8,7 @@
  * @flow strict-local
  */
 
-import typeof BatchedBridge from '../BatchedBridge/BatchedBridge.js';
+import typeof BatchedBridge from '../BatchedBridge/BatchedBridge';
 import typeof ExceptionsManager from '../Core/ExceptionsManager';
 import typeof Platform from '../Utilities/Platform';
 import typeof RCTEventEmitter from '../EventEmitter/RCTEventEmitter';
@@ -23,7 +23,7 @@ import typeof ReactFiberErrorDialog from '../Core/ReactFiberErrorDialog';
 // flowlint unsafe-getters-setters:off
 module.exports = {
   get BatchedBridge(): BatchedBridge {
-    return require('../BatchedBridge/BatchedBridge.js');
+    return require('../BatchedBridge/BatchedBridge');
   },
   get ExceptionsManager(): ExceptionsManager {
     return require('../Core/ExceptionsManager');
diff --git a/Libraries/Renderer/REVISION b/Libraries/Renderer/REVISION
index d45d99aeb1adb8..55c9a60f3d6303 100644
--- a/Libraries/Renderer/REVISION
+++ b/Libraries/Renderer/REVISION
@@ -1 +1 @@
-6cff70a740d1e6ad10070ebf88514bd3a49d0f0d
+b5c6dd2de557428974855b5aa88bf9c6595beb2b
\ No newline at end of file
diff --git a/Libraries/Renderer/implementations/ReactFabric-dev.fb.js b/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
index 52d8fc3dbd9e50..2a462f48ee41d0 100644
--- a/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
+++ b/Libraries/Renderer/implementations/ReactFabric-dev.fb.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @preventMunge
  * @generated
  */
@@ -15,253 +16,234 @@ if (__DEV__) {
   (function() {
 "use strict";
 
+var React = require("react");
 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");
 
-/**
- * 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.
- */
+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.
 
-/**
- * Injectable ordering of event plugins.
- */
-var eventPluginOrder = null;
-/**
- * Injectable mapping from names to event plugin modules.
- */
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
+  ReactSharedInternals.ReactCurrentDispatcher = {
+    current: null
+  };
+}
 
-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;
-  }
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+// by calls to these methods by a Babel plugin.
+//
+// In PROD (or in packages without access to React internals),
+// they are left as they are instead.
 
-    if (!(pluginIndex > -1)) {
-      throw Error(
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-          pluginName +
-          "`."
-      );
+function warn(format) {
+  {
+    for (
+      var _len = arguments.length,
+        args = new Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
     }
 
-    if (plugins[pluginIndex]) {
-      continue;
+    printWarning("warn", format, args);
+  }
+}
+function error(format) {
+  {
+    for (
+      var _len2 = arguments.length,
+        args = new Array(_len2 > 1 ? _len2 - 1 : 0),
+        _key2 = 1;
+      _key2 < _len2;
+      _key2++
+    ) {
+      args[_key2 - 1] = arguments[_key2];
     }
 
-    if (!pluginModule.extractEvents) {
-      throw Error(
-        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-          pluginName +
-          "` does not."
-      );
-    }
+    printWarning("error", format, args);
+  }
+}
 
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var hasExistingStack =
+      args.length > 0 &&
+      typeof args[args.length - 1] === "string" &&
+      args[args.length - 1].indexOf("\n    in") === 0;
 
-    for (var eventName in publishedEvents) {
-      if (
-        !publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        )
-      ) {
-        throw Error(
-          "EventPluginRegistry: Failed to publish event `" +
-            eventName +
-            "` for plugin `" +
-            pluginName +
-            "`."
-        );
+    if (!hasExistingStack) {
+      var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+      var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+      if (stack !== "") {
+        format += "%s";
+        args = args.concat([stack]);
       }
     }
+
+    var argsWithFormat = args.map(function(item) {
+      return "" + item;
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+
+    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) {}
   }
 }
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
 
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-        eventName +
-        "`."
-    );
-  }
+var FunctionComponent = 0;
+var ClassComponent = 1;
+var IndeterminateComponent = 2; // Before we know whether it is function or class
 
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
 
-  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;
+var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
+var HostComponent = 5;
+var HostText = 6;
+var Fragment = 7;
+var Mode = 8;
+var ContextConsumer = 9;
+var ContextProvider = 10;
+var ForwardRef = 11;
+var Profiler = 12;
+var SuspenseComponent = 13;
+var MemoComponent = 14;
+var SimpleMemoComponent = 15;
+var LazyComponent = 16;
+var IncompleteClassComponent = 17;
+var DehydratedFragment = 18;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
+var ScopeComponent = 21;
+var Block = 22;
+
+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 false;
+  return null;
 }
 /**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
  */
 
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  if (!!registrationNameModules[registrationName]) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
+function getLowestCommonAncestor(instA, instB) {
+  var depthA = 0;
+
+  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+    depthA++;
   }
 
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+  var depthB = 0;
 
-  {
-    var lowerCasedName = registrationName.toLowerCase();
+  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;
 }
 /**
- * Registers plugins so that they can extract and dispatch events.
- *
- * @see {EventPluginHub}
+ * Return if A is an ancestor of B.
  */
 
-/**
- * Ordered list of injected plugins.
- */
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
 
-var plugins = [];
+    instB = getParent(instB);
+  }
+
+  return false;
+}
 /**
- * Mapping from event name to dispatch config
+ * Return the parent instance of the passed-in instance.
  */
 
-var eventNameDispatchConfigs = {};
+function getParentInstance(inst) {
+  return getParent(inst);
+}
 /**
- * Mapping from registration name to plugin module
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
  */
 
-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) {
-  if (!!eventPluginOrder) {
-    throw 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;
-    }
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
 
-    var pluginModule = injectedNamesToPlugins[pluginName];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
 
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      if (!!namesToPlugins[pluginName]) {
-        throw Error(
-          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            pluginName +
-            "`."
-        );
-      }
+  var i;
 
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
   }
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
+
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
   }
 }
 
@@ -277,6 +259,7 @@ var invokeGuardedCallbackImpl = function(
   f
 ) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
+
   try {
     func.apply(context, funcArgs);
   } catch (error) {
@@ -485,6 +468,7 @@ var reporter = {
  * @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;
@@ -500,6 +484,7 @@ function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
  * @param {*} context The context to use when calling the function
  * @param {...*} args Arguments for function
  */
+
 function invokeGuardedCallbackAndCatchFirstError(
   name,
   func,
@@ -526,6 +511,7 @@ function invokeGuardedCallbackAndCatchFirstError(
  * 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;
@@ -552,70 +538,6 @@ function clearCaughtError() {
   }
 }
 
-/**
- * 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 = new 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;
@@ -627,14 +549,14 @@ function setComponentTree(
   getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
   getInstanceFromNode = getInstanceFromNodeImpl;
   getNodeFromInstance = getNodeFromInstanceImpl;
+
   {
-    !(getNodeFromInstance && getInstanceFromNode)
-      ? warningWithoutStack$1(
-          false,
-          "EventPluginUtils.setComponentTree(...): Injected " +
-            "module is missing getNodeFromInstance or getInstanceFromNode."
-        )
-      : void 0;
+    if (!getNodeFromInstance || !getInstanceFromNode) {
+      error(
+        "EventPluginUtils.setComponentTree(...): Injected " +
+          "module is missing getNodeFromInstance or getInstanceFromNode."
+      );
+    }
   }
 }
 var validateEventDispatches;
@@ -647,17 +569,18 @@ var validateEventDispatches;
     var listenersLen = listenersIsArr
       ? dispatchListeners.length
       : dispatchListeners
-        ? 1
-        : 0;
+      ? 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;
+      ? 1
+      : 0;
+
+    if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
+      error("EventPluginUtils: Invalid `event`.");
+    }
   };
 }
 /**
@@ -666,6 +589,7 @@ var validateEventDispatches;
  * @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);
@@ -752,6 +676,7 @@ function executeDispatchesInOrderStopAtTrue(event) {
  *
  * @return {*} The return value of executing the single dispatch.
  */
+
 function executeDirectDispatch(event) {
   {
     validateEventDispatches(event);
@@ -777,10 +702,82 @@ function executeDirectDispatch(event) {
  * @param {SyntheticEvent} event
  * @return {boolean} True iff number of dispatches accumulated is greater than 0.
  */
+
 function hasDispatches(event) {
   return !!event._dispatchListeners;
 }
 
+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":
+    case "onMouseEnter":
+      return !!(props.disabled && isInteractive(type));
+
+    default:
+      return false;
+  }
+}
+/**
+ * @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; // 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;
+  }
+
+  if (!(!listener || typeof listener === "function")) {
+    throw Error(
+      "Expected `" +
+        registrationName +
+        "` listener to be a function, instead got a value of `" +
+        typeof listener +
+        "` type."
+    );
+  }
+
+  return listener;
+}
+
 /**
  * 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
@@ -811,6 +808,7 @@ function accumulateInto(current, next) {
       current.push.apply(current, next);
       return current;
     }
+
     current.push(next);
     return current;
   }
@@ -841,1107 +839,794 @@ function forEachAccumulated(arr, cb, scope) {
 }
 
 /**
- * Internal queue of events that have accumulated their dispatches and are
- * waiting to have their dispatches executed.
+ * 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.
  */
 
-var eventQueue = null;
 /**
- * Dispatches an event and releases it back into the pool, unless persistent.
- *
- * @param {?object} event Synthetic event to be dispatched.
- * @private
+ * 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.
  */
-var executeDispatchesAndRelease = function(event) {
-  if (event) {
-    executeDispatchesInOrder(event);
 
-    if (!event.isPersistent()) {
-      event.constructor.release(event);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  {
+    if (!inst) {
+      error("Dispatching inst must not be null");
     }
   }
-};
-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);
+  var listener = listenerAtPhase(inst, event, phase);
 
-  if (!!eventQueue) {
-    throw Error(
-      "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+  if (listener) {
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener
     );
-  } // 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;
+    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
   }
 }
 /**
- * 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
+ * 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);
+  }
+}
 /**
- * Methods for injecting dependencies.
+ * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
  */
-var injection = {
-  /**
-   * @param {array} InjectedEventPluginOrder
-   * @public
-   */
-  injectEventPluginOrder: injectEventPluginOrder,
 
-  /**
-   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-   */
-  injectEventPluginsByName: injectEventPluginsByName
-};
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    var parentInst = targetInst ? getParentInstance(targetInst) : null;
+    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+  }
+}
 /**
- * @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.
+ * 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 getListener(inst, registrationName) {
-  var listener; // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
-  // live here; needs to be moved to a better place soon
-
-  var stateNode = inst.stateNode;
+function accumulateDispatches(inst, ignoredDirection, event) {
+  if (inst && event && event.dispatchConfig.registrationName) {
+    var registrationName = event.dispatchConfig.registrationName;
+    var listener = getListener(inst, registrationName);
 
-  if (!stateNode) {
-    // Work in progress (ex: onload events in incremental mode).
-    return null;
+    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
+ */
 
-  var props = getFiberCurrentPropsFromNode(stateNode);
-
-  if (!props) {
-    // Work in progress.
-    return null;
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    accumulateDispatches(event._targetInst, null, event);
   }
+}
 
-  listener = props[registrationName];
+function accumulateTwoPhaseDispatches(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+function accumulateDirectDispatches(events) {
+  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
 
-  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+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
+};
 
-  if (!(!listener || typeof listener === "function")) {
-    throw Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  }
+function functionThatReturnsTrue() {
+  return true;
+}
 
-  return listener;
+function functionThatReturnsFalse() {
+  return false;
 }
 /**
- * Allows registered plugins an opportunity to extract events from top-level
- * native browser events.
+ * Synthetic events are dispatched by event plugins, typically in response to a
+ * top-level event delegation handler.
  *
- * @return {*} An accumulation of synthetic events.
- * @internal
+ * 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 extractPluginEvents(
-  topLevelType,
+
+function SyntheticEvent(
+  dispatchConfig,
   targetInst,
   nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
+  nativeEventTarget
 ) {
-  var events = null;
+  {
+    // these have a getter/setter for warnings
+    delete this.nativeEvent;
+    delete this.preventDefault;
+    delete this.stopPropagation;
+    delete this.isDefaultPrevented;
+    delete this.isPropagationStopped;
+  }
 
-  for (var i = 0; i < plugins.length; i++) {
-    // Not every plugin in the ordering may be loaded at runtime.
-    var possiblePlugin = plugins[i];
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  var Interface = this.constructor.Interface;
 
-    if (possiblePlugin) {
-      var extractedEvents = possiblePlugin.extractEvents(
-        topLevelType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget,
-        eventSystemFlags
-      );
+  for (var propName in Interface) {
+    if (!Interface.hasOwnProperty(propName)) {
+      continue;
+    }
 
-      if (extractedEvents) {
-        events = accumulateInto(events, extractedEvents);
+    {
+      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];
       }
     }
   }
-  return events;
-}
 
-function runExtractedPluginEventsInBatch(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
-) {
-  var events = extractPluginEvents(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  );
-  runEventsInBatch(events);
-}
+  var defaultPrevented =
+    nativeEvent.defaultPrevented != null
+      ? nativeEvent.defaultPrevented
+      : nativeEvent.returnValue === false;
 
-var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
+  if (defaultPrevented) {
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  } else {
+    this.isDefaultPrevented = functionThatReturnsFalse;
+  }
 
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
 
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = true;
+    var event = this.nativeEvent;
 
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
-var DehydratedFragment = 18;
-var SuspenseListComponent = 19;
-var FundamentalComponent = 20;
-var ScopeComponent = 21;
+    if (!event) {
+      return;
+    }
 
-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 (event.preventDefault) {
+      event.preventDefault();
+    } else if (typeof event.returnValue !== "unknown") {
+      event.returnValue = false;
+    }
 
-  if (inst) {
-    return inst;
-  }
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
 
-  return null;
-}
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
+    if (!event) {
+      return;
+    }
 
-function getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
+    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;
+    }
 
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
+    this.isPropagationStopped = functionThatReturnsTrue;
+  },
 
-  var depthB = 0;
+  /**
+   * 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;
+  },
 
-  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  } // If A is deeper, crawl up.
+  /**
+   * Checks if this event should be released back into the pool.
+   *
+   * @return {boolean} True if this should not be released, false otherwise.
+   */
+  isPersistent: functionThatReturnsFalse,
 
-  while (depthA - depthB > 0) {
-    instA = getParent(instA);
-    depthA--;
-  } // If B is deeper, crawl up.
+  /**
+   * `PooledClass` looks for `destructor` on each instance it releases.
+   */
+  destructor: function() {
+    var Interface = this.constructor.Interface;
 
-  while (depthB - depthA > 0) {
-    instB = getParent(instB);
-    depthB--;
-  } // Walk in lockstep until we find a match.
+    for (var propName in Interface) {
+      {
+        Object.defineProperty(
+          this,
+          propName,
+          getPooledWarningPropertyDefinition(propName, Interface[propName])
+        );
+      }
+    }
 
-  var depth = depthA;
+    this.dispatchConfig = null;
+    this._targetInst = null;
+    this.nativeEvent = null;
+    this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = functionThatReturnsFalse;
+    this._dispatchListeners = null;
+    this._dispatchInstances = null;
 
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
+    {
+      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() {})
+      );
     }
-
-    instA = getParent(instA);
-    instB = getParent(instB);
   }
-
-  return null;
-}
+});
+SyntheticEvent.Interface = EventInterface;
 /**
- * Return if A is an ancestor of B.
+ * Helper to reduce boilerplate when creating subclasses.
  */
 
-function isAncestor(instA, instB) {
-  while (instB) {
-    if (instA === instB || instA === instB.alternate) {
-      return true;
-    }
+SyntheticEvent.extend = function(Interface) {
+  var Super = this;
 
-    instB = getParent(instB);
+  var E = function() {};
+
+  E.prototype = Super.prototype;
+  var prototype = new E();
+
+  function Class() {
+    return Super.apply(this, arguments);
   }
 
-  return false;
-}
-/**
- * Return the parent instance of the passed-in instance.
- */
+  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;
+};
 
-function getParentInstance(inst) {
-  return getParent(inst);
-}
+addEventPoolingTo(SyntheticEvent);
 /**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
  */
 
-function traverseTwoPhase(inst, fn, arg) {
-  var path = [];
+function getPooledWarningPropertyDefinition(propName, getVal) {
+  var isFunction = typeof getVal === "function";
+  return {
+    configurable: true,
+    set: set,
+    get: get
+  };
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
+  function set(val) {
+    var action = isFunction ? "setting the method" : "setting the property";
+    warn(action, "This is effectively a no-op");
+    return val;
   }
 
-  var i;
-
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
+  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;
   }
 
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
+  function warn(action, result) {
+    {
+      error(
+        "This synthetic event is reused for performance reasons. If you're seeing this, " +
+          "you're %s `%s` on a released/nullified synthetic event. %s. " +
+          "If you must keep the original synthetic event around, use event.persist(). " +
+          "See https://fb.me/react-event-pooling for more information.",
+        action,
+        propName,
+        result
+      );
+    }
   }
 }
-/**
- * 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.
- */
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  var EventConstructor = this;
 
-/**
- * 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;
+  if (EventConstructor.eventPool.length) {
+    var instance = EventConstructor.eventPool.pop();
+    EventConstructor.call(
+      instance,
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeInst
+    );
+    return instance;
   }
 
-  var listener = listenerAtPhase(inst, event, phase);
+  return new EventConstructor(
+    dispatchConfig,
+    targetInst,
+    nativeEvent,
+    nativeInst
+  );
+}
 
-  if (listener) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listener
+function releasePooledEvent(event) {
+  var EventConstructor = this;
+
+  if (!(event instanceof EventConstructor)) {
+    throw Error(
+      "Trying to release an event instance into a pool of a different type."
     );
-    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);
+  event.destructor();
+
+  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+    EventConstructor.eventPool.push(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);
-    }
-  }
+
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
 }
+
 /**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
+ * `touchHistory` isn't actually on the native event, but putting it in the
+ * interface will ensure that it is cleaned up when pooled/destroyed. The
+ * `ResponderEventPlugin` will populate it appropriately.
  */
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches(event._targetInst, null, event);
+
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function(nativeEvent) {
+    return null; // Actually doesn't even look at the native event.
   }
-}
+});
 
-function accumulateTwoPhaseDispatches(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+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 accumulateTwoPhaseDispatchesSkipTarget(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+function isMoveish(topLevelType) {
+  return topLevelType === TOP_TOUCH_MOVE;
 }
-
-function accumulateDirectDispatches(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+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];
 
-/* eslint valid-typeof: 0 */
-var EVENT_POOL_SIZE = 10;
 /**
- * @interface Event
- * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ * 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 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;
-}
+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 functionThatReturnsFalse() {
-  return false;
+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;
 }
 /**
- * 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.
+ * TODO: Instead of making gestures recompute filtered velocity, we could
+ * include a built in velocity computation that can be reused globally.
  */
-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;
+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)
+  };
+}
 
-  for (var propName in Interface) {
-    if (!Interface.hasOwnProperty(propName)) {
-      continue;
-    }
+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);
+}
 
-    {
-      delete this[propName]; // this has a getter/setter for warnings
-    }
+function getTouchIdentifier(_ref) {
+  var identifier = _ref.identifier;
 
-    var normalize = Interface[propName];
+  if (!(identifier != null)) {
+    throw Error("Touch object is missing identifier.");
+  }
 
-    if (normalize) {
-      this[propName] = normalize(nativeEvent);
-    } else {
-      if (propName === "target") {
-        this.target = nativeEventTarget;
-      } else {
-        this[propName] = nativeEvent[propName];
-      }
+  {
+    if (identifier > MAX_TOUCH_BANK) {
+      error(
+        "Touch identifier %s is greater than maximum supported %s which causes " +
+          "performance issues backfilling array locations for all of the indices.",
+        identifier,
+        MAX_TOUCH_BANK
+      );
     }
   }
 
-  var defaultPrevented =
-    nativeEvent.defaultPrevented != null
-      ? nativeEvent.defaultPrevented
-      : nativeEvent.returnValue === false;
-  if (defaultPrevented) {
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  } else {
-    this.isDefaultPrevented = functionThatReturnsFalse;
-  }
-  this.isPropagationStopped = functionThatReturnsFalse;
-  return this;
+  return identifier;
 }
 
-Object.assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = true;
-    var event = this.nativeEvent;
-    if (!event) {
-      return;
-    }
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch);
+  var touchRecord = touchBank[identifier];
 
-    if (event.preventDefault) {
-      event.preventDefault();
-    } else if (typeof event.returnValue !== "unknown") {
-      event.returnValue = false;
-    }
+  if (touchRecord) {
+    resetTouchRecord(touchRecord, touch);
+  } else {
+    touchBank[identifier] = createTouchRecord(touch);
+  }
 
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
 
-    if (!event) {
-      return;
-    }
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-    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;
+  if (touchRecord) {
+    touchRecord.touchActive = true;
+    touchRecord.previousPageX = touchRecord.currentPageX;
+    touchRecord.previousPageY = touchRecord.currentPageY;
+    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+    touchRecord.currentPageX = touch.pageX;
+    touchRecord.currentPageY = touch.pageY;
+    touchRecord.currentTimeStamp = timestampForTouch(touch);
+    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+  } else {
+    {
+      warn(
+        "Cannot record touch move without a touch start.\n" +
+          "Touch Move: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
     }
+  }
+}
 
-    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,
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-  /**
-   * `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;
+  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 {
     {
-      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() {})
+      warn(
+        "Cannot record touch end without a touch start.\n" +
+          "Touch End: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
       );
     }
   }
-});
-SyntheticEvent.Interface = EventInterface;
-/**
- * Helper to reduce boilerplate when creating subclasses.
- */
+}
 
-SyntheticEvent.extend = function(Interface) {
-  var Super = this;
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
 
-  var E = function() {};
-  E.prototype = Super.prototype;
-  var prototype = new E();
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
 
-  function Class() {
-    return Super.apply(this, arguments);
+  if (touchBank.length > MAX_TOUCH_BANK) {
+    printed += " (original size: " + touchBank.length + ")";
   }
 
-  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;
+  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];
+
+          if (activeRecord == null || !activeRecord.touchActive) {
+            error("Cannot find single active touch.");
+          }
+        }
+      }
+    }
+  },
+  touchHistory: touchHistory
 };
 
-addEventPoolingTo(SyntheticEvent);
 /**
- * Helper to nullify syntheticEvent instance properties when destructing
+ * Accumulates items that must not be null or undefined.
  *
- * @param {String} propName
- * @param {?object} getVal
- * @return {object} defineProperty object
+ * This is used to conserve memory by avoiding array allocations.
+ *
+ * @return {*|array<*>} An accumulation of items.
  */
-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 accumulate(current, next) {
+  if (!(next != null)) {
+    throw Error(
+      "accumulate(...): Accumulated items must not be null or undefined."
+    );
   }
 
-  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;
+  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);
   }
 
-  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;
+  if (Array.isArray(next)) {
+    return [current].concat(next);
   }
+
+  return [current, next];
 }
 
-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;
-
-  if (!(event instanceof EventConstructor)) {
-    throw 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.
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
  */
 
-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;
-}
+var responderInst = null;
 /**
- * TODO: Instead of making gestures recompute filtered velocity, we could
- * include a built in velocity computation that can be reused globally.
+ * Count of current touches. A textInput should become responder iff the
+ * selection changes while there is a touch on the screen.
  */
-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;
-
-  if (!(identifier != null)) {
-    throw 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);
-}
+var trackedTouchCount = 0;
 
-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()
-    );
-  }
-}
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
 
-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()
+  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
     );
   }
-}
+};
 
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
+var eventTypes = {
+  /**
+   * On a `touchStart`/`mouseDown`, is it desired that this element become the
+   * responder?
+   */
+  startShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onStartShouldSetResponder",
+      captured: "onStartShouldSetResponderCapture"
+    },
+    dependencies: startDependencies
+  },
 
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+  /**
+   * 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]
+  },
 
-  if (touchBank.length > MAX_TOUCH_BANK) {
-    printed += " (original size: " + touchBank.length + ")";
-  }
+  /**
+   * 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]
+  },
 
-  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) {
-  if (!(next != null)) {
-    throw 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
-  },
+  /**
+   * 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.
@@ -2110,7 +1795,7 @@ to return true:wantsResponderID|                            |
                                +                            + */
 
 /**
- * A note about event ordering in the `EventPluginHub`.
+ * A note about event ordering in the `EventPluginRegistry`.
  *
  * Suppose plugins are injected in the following order:
  *
@@ -2129,7 +1814,7 @@ to return true:wantsResponderID|                            |
  * - 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
+ *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
  *   name deferred).
  *
  * In the process of returning their deferred-dispatched events, event plugins
@@ -2153,9 +1838,9 @@ to return true:wantsResponderID|                            |
  * - `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`)
+ * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
  *
  * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
  * on-demand dispatch returns `true` (and some other details are satisfied) the
@@ -2164,9 +1849,9 @@ to return true:wantsResponderID|                            |
  * 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)
+ * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
+ * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
  */
 
 function setResponderAndExtractTransfer(
@@ -2178,10 +1863,10 @@ function setResponderAndExtractTransfer(
   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.
+    ? eventTypes.moveShouldSetResponder
+    : topLevelType === TOP_SELECTION_CHANGE
+    ? eventTypes.selectionChangeShouldSetResponder
+    : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
 
   var bubbleShouldSetFrom = !responderInst
     ? targetInst
@@ -2198,6 +1883,7 @@ function setResponderAndExtractTransfer(
     nativeEventTarget
   );
   shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
   if (skipOverBubbleShouldSetFrom) {
     accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
   } else {
@@ -2238,6 +1924,7 @@ function setResponderAndExtractTransfer(
     var shouldSwitch =
       !hasDispatches(terminationRequestEvent) ||
       executeDirectDispatch(terminationRequestEvent);
+
     if (!terminationRequestEvent.isPersistent()) {
       terminationRequestEvent.constructor.release(terminationRequestEvent);
     }
@@ -2319,6 +2006,7 @@ function noResponderTouches(nativeEvent) {
       }
     }
   }
+
   return true;
 }
 
@@ -2347,9 +2035,12 @@ var ResponderEventPlugin = {
       if (trackedTouchCount >= 0) {
         trackedTouchCount -= 1;
       } else {
-        console.warn(
-          "Ended a touch event which was not counted in `trackedTouchCount`."
-        );
+        {
+          warn(
+            "Ended a touch event which was not counted in `trackedTouchCount`."
+          );
+        }
+
         return null;
       }
     }
@@ -2372,16 +2063,17 @@ var ResponderEventPlugin = {
     // 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;
+      ? eventTypes.responderMove
+      : isResponderTouchEnd
+      ? eventTypes.responderEnd
+      : null;
 
     if (incrementalTouch) {
       var gesture = ResponderSyntheticEvent.getPooled(
@@ -2405,8 +2097,9 @@ var ResponderEventPlugin = {
     var finalTouch = isResponderTerminate
       ? eventTypes.responderTerminate
       : isResponderRelease
-        ? eventTypes.responderRelease
-        : null;
+      ? eventTypes.responderRelease
+      : null;
+
     if (finalTouch) {
       var finalEvent = ResponderSyntheticEvent.getPooled(
         finalTouch,
@@ -2435,333 +2128,461 @@ var ResponderEventPlugin = {
   }
 };
 
-var customBubblingEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customBubblingEventTypes;
-var customDirectEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customDirectEventTypes;
-var ReactNativeBridgeEventPlugin = {
-  eventTypes: {},
-
-  /**
-   * @see {EventPluginHub.extractEvents}
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  ) {
-    if (targetInst == null) {
-      // Probably a node belonging to another renderer's tree.
-      return null;
-    }
-
-    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
-    var directDispatchConfig = customDirectEventTypes[topLevelType];
-
-    if (!(bubbleDispatchConfig || directDispatchConfig)) {
-      throw 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
+ * Injectable ordering of event plugins.
  */
-// Module provided by RN:
+var eventPluginOrder = null;
 /**
- * Inject module for resolving DOM hierarchy and plugin ordering.
+ * Injectable mapping from names to event plugin modules.
  */
 
-injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
+var namesToPlugins = {};
 /**
- * Some important event plugins included by default (without having to require
- * them).
+ * Recomputes the plugin list using the injected plugins and plugin ordering.
+ *
+ * @private
  */
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
 
-// Uncomment to re-export dynamic flags from the fbsource version.
-var _require = require("../shims/ReactFeatureFlags");
-var enableNativeTargetAsInstance = _require.enableNativeTargetAsInstance; // The rest of the flags are static for better dead code elimination.
-
-var enableUserTimingAPI = true;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var debugRenderPhaseSideEffectsForStrictMode = true;
-
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = true;
-var enableFlareAPI = false;
-var enableFundamentalAPI = false;
-var enableScopeAPI = false;
-
-var warnAboutUnmockedScheduler = true;
-var flushSuspenseFallbacksInTests = true;
-var enableSuspenseCallback = false;
-var warnAboutDefaultPropsOnFunctionComponents = false;
-var warnAboutStringRefs = false;
-var disableLegacyContext = false;
-var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
-// Only used in www builds.
-
-// Flow magic to verify the exports of this file match the original version.
-
-function getInstanceFromInstance(instanceHandle) {
-  return instanceHandle;
-}
+function recomputePluginOrdering() {
+  if (!eventPluginOrder) {
+    // Wait until an `eventPluginOrder` is injected.
+    return;
+  }
 
-function getTagFromInstance(inst) {
-  if (enableNativeTargetAsInstance) {
-    var nativeInstance = inst.stateNode.canonical;
+  for (var pluginName in namesToPlugins) {
+    var pluginModule = namesToPlugins[pluginName];
+    var pluginIndex = eventPluginOrder.indexOf(pluginName);
 
-    if (!nativeInstance._nativeTag) {
-      throw Error("All native instances should have a tag.");
+    if (!(pluginIndex > -1)) {
+      throw Error(
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+          pluginName +
+          "`."
+      );
     }
 
-    return nativeInstance;
-  } else {
-    var tag = inst.stateNode.canonical._nativeTag;
-
-    if (!tag) {
-      throw Error("All native instances should have a tag.");
+    if (plugins[pluginIndex]) {
+      continue;
     }
 
-    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
+    if (!pluginModule.extractEvents) {
+      throw Error(
+        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+          pluginName +
+          "` does not."
       );
-    } else {
-      ReactNativePrivateInterface.UIManager.clearJSResponder();
     }
-  }
-};
 
-setComponentTree(
-  getFiberCurrentPropsFromNode$1,
-  getInstanceFromInstance,
-  getTagFromInstance
-);
-ResponderEventPlugin.injection.injectGlobalResponderHandler(
-  ReactFabricGlobalResponderHandler
-);
+    plugins[pluginIndex] = pluginModule;
+    var publishedEvents = pluginModule.eventTypes;
 
+    for (var eventName in publishedEvents) {
+      if (
+        !publishEventForPlugin(
+          publishedEvents[eventName],
+          pluginModule,
+          eventName
+        )
+      ) {
+        throw Error(
+          "EventPluginRegistry: Failed to publish event `" +
+            eventName +
+            "` for plugin `" +
+            pluginName +
+            "`."
+        );
+      }
+    }
+  }
+}
 /**
- * `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.
+ * Publishes an event so that it can be dispatched by the supplied plugin.
  *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
+ * @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
  */
 
-/**
- * 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 publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
+        eventName +
+        "`."
+    );
+  }
 
-function get(key) {
-  return key._reactInternalFiber;
-}
+  eventNameDispatchConfigs[eventName] = dispatchConfig;
+  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
 
-function set(key, value) {
-  key._reactInternalFiber = value;
-}
+  if (phasedRegistrationNames) {
+    for (var phaseName in phasedRegistrationNames) {
+      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+        var phasedRegistrationName = phasedRegistrationNames[phaseName];
+        publishRegistrationName(
+          phasedRegistrationName,
+          pluginModule,
+          eventName
+        );
+      }
+    }
 
-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.
+    return true;
+  } else if (dispatchConfig.registrationName) {
+    publishRegistrationName(
+      dispatchConfig.registrationName,
+      pluginModule,
+      eventName
+    );
+    return true;
+  }
 
-if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
-  ReactSharedInternals.ReactCurrentDispatcher = {
-    current: null
-  };
-}
-if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
-  ReactSharedInternals.ReactCurrentBatchConfig = {
-    suspense: null
-  };
+  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
+ */
 
-// 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 REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 0xead7;
-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;
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+  if (!!registrationNameModules[registrationName]) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
   }
 
-  var maybeIterator =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable[FAUX_ITERATOR_SYMBOL];
+  registrationNameModules[registrationName] = pluginModule;
+  registrationNameDependencies[registrationName] =
+    pluginModule.eventTypes[eventName].dependencies;
 
-  if (typeof maybeIterator === "function") {
-    return maybeIterator;
+  {
+    var lowerCasedName = registrationName.toLowerCase();
   }
-
-  return null;
 }
+/**
+ * Registers plugins so that they can extract and dispatch events.
+ */
 
 /**
- * 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.
+ * Ordered list of injected plugins.
  */
 
-var warning = warningWithoutStack$1;
+var plugins = [];
+/**
+ * Mapping from event name to dispatch config
+ */
 
-{
-  warning = function(condition, format) {
-    if (condition) {
-      return;
-    }
+var eventNameDispatchConfigs = {};
+/**
+ * Mapping from registration name to plugin module
+ */
 
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = ReactDebugCurrentFrame.getStackAddendum(); // eslint-disable-next-line react-internal/warning-and-invariant-args
+var registrationNameModules = {};
+/**
+ * Mapping from registration name to event name
+ */
 
-    for (
-      var _len = arguments.length,
-        args = new Array(_len > 2 ? _len - 2 : 0),
-        _key = 2;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 2] = arguments[_key];
-    }
+var registrationNameDependencies = {};
 
-    warningWithoutStack$1.apply(
-      void 0,
-      [false, format + "%s"].concat(args, [stack])
-    );
-  };
-}
+/**
+ * Injects an ordering of plugins (by plugin name). This allows the ordering
+ * to be decoupled from injection of the actual plugins so that ordering is
+ * always deterministic regardless of packaging, on-the-fly injection, etc.
+ *
+ * @param {array} InjectedEventPluginOrder
+ * @internal
+ */
 
-var warning$1 = warning;
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  if (!!eventPluginOrder) {
+    throw 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.
 
-var Uninitialized = -1;
-var Pending = 0;
-var Resolved = 1;
-var Rejected = 2;
-function refineResolvedLazyComponent(lazyComponent) {
-  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+  recomputePluginOrdering();
 }
-function initializeLazyComponentType(lazyComponent) {
-  if (lazyComponent._status === Uninitialized) {
-    lazyComponent._status = Pending;
-    var ctor = lazyComponent._ctor;
-    var thenable = ctor();
-    lazyComponent._result = thenable;
-    thenable.then(
-      function(moduleObject) {
-        if (lazyComponent._status === Pending) {
-          var defaultExport = moduleObject.default;
+/**
+ * Injects plugins to be used by plugin event system. The plugin names must be
+ * in the ordering injected by `injectEventPluginOrder`.
+ *
+ * Plugins can be injected as part of page initialization or on-the-fly.
+ *
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ * @internal
+ */
 
-          {
-            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
-              );
-            }
-          }
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
 
-          lazyComponent._status = Resolved;
-          lazyComponent._result = defaultExport;
-        }
-      },
-      function(error) {
-        if (lazyComponent._status === Pending) {
-          lazyComponent._status = Rejected;
-          lazyComponent._result = error;
-        }
-      }
-    );
-  }
-}
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
+    }
 
-function getWrappedName(outerType, innerType, wrapperName) {
+    var pluginModule = injectedNamesToPlugins[pluginName];
+
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      if (!!namesToPlugins[pluginName]) {
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName +
+            "`."
+        );
+      }
+
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
+    }
+  }
+
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
+  }
+}
+
+var customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+var ReactNativeBridgeEventPlugin = {
+  eventTypes: {},
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  ) {
+    if (targetInst == null) {
+      // Probably a node belonging to another renderer's tree.
+      return null;
+    }
+
+    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+    var directDispatchConfig = customDirectEventTypes[topLevelType];
+
+    if (!(bubbleDispatchConfig || directDispatchConfig)) {
+      throw 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
+ */
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+
+injectEventPluginOrder(ReactNativeEventPluginOrder);
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+
+injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+
+function getTagFromInstance(inst) {
+  var nativeInstance = inst.stateNode.canonical;
+
+  if (!nativeInstance._nativeTag) {
+    throw Error("All native instances should have a tag.");
+  }
+
+  return nativeInstance;
+}
+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.
+ */
+function get(key) {
+  return key._reactInternalFiber;
+}
+function set(key, value) {
+  key._reactInternalFiber = value;
+}
+
+// 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
+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_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 0xead9;
+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;
+}
+
+// TODO: Move this to "react" once we can import from externals.
+var Uninitialized = -1;
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
+
+function refineResolvedLazyComponent(lazyComponent) {
+  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+}
+function initializeLazyComponentType(lazyComponent) {
+  if (lazyComponent._status === Uninitialized) {
+    var ctor = lazyComponent._result;
+
+    if (!ctor) {
+      // TODO: Remove this later. THis only exists in case you use an older "react" package.
+      ctor = lazyComponent._ctor;
+    }
+
+    var thenable = ctor(); // Transition to the next state.
+
+    var pending = lazyComponent;
+    pending._status = Pending;
+    pending._result = thenable;
+    thenable.then(
+      function(moduleObject) {
+        if (lazyComponent._status === Pending) {
+          var defaultExport = moduleObject.default;
+
+          {
+            if (defaultExport === undefined) {
+              error(
+                "lazy: Expected the result of a dynamic import() call. " +
+                "Instead received: %s\n\nYour code should look like: \n  " + // Break up imports to avoid accidentally parsing them as dependencies.
+                  "const MyComponent = lazy(() => imp" +
+                  "ort('./MyComponent'))",
+                moduleObject
+              );
+            }
+          } // Transition to the next state.
+
+          var resolved = lazyComponent;
+          resolved._status = Resolved;
+          resolved._result = defaultExport;
+        }
+      },
+      function(error) {
+        if (lazyComponent._status === Pending) {
+          // Transition to the next state.
+          var rejected = lazyComponent;
+          rejected._status = Rejected;
+          rejected._result = error;
+        }
+      }
+    );
+  }
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
   var functionName = innerType.displayName || innerType.name || "";
   return (
     outerType.displayName ||
@@ -2769,15 +2590,19 @@ function getWrappedName(outerType, innerType, wrapperName) {
   );
 }
 
+function getContextName(type) {
+  return type.displayName || "Context";
+}
+
 function getComponentName(type) {
   if (type == null) {
     // Host root, text node or just invalid type.
     return null;
   }
+
   {
     if (typeof type.tag === "number") {
-      warningWithoutStack$1(
-        false,
+      error(
         "Received an unexpected object in getComponentName(). " +
           "This is likely a bug in React. Please file an issue."
       );
@@ -2815,10 +2640,12 @@ function getComponentName(type) {
   if (typeof type === "object") {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        var context = type;
+        return getContextName(context) + ".Consumer";
 
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        var provider = type;
+        return getContextName(provider._context) + ".Provider";
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, "ForwardRef");
@@ -2826,6 +2653,9 @@ function getComponentName(type) {
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
 
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
+
       case REACT_LAZY_TYPE: {
         var thenable = type;
         var resolvedThenable = refineResolvedLazyComponent(thenable);
@@ -2838,6 +2668,7 @@ function getComponentName(type) {
       }
     }
   }
+
   return null;
 }
 
@@ -2900,7 +2731,10 @@ var ShouldCapture =
   /*         */
   4096;
 
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+var enableProfilerTimer = true;
+var warnAboutStringRefs = false;
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function getNearestMountedFiber(fiber) {
   var node = fiber;
   var nearestMounted = fiber;
@@ -2937,28 +2771,28 @@ function getNearestMountedFiber(fiber) {
 
   return null;
 }
-
 function isFiberMounted(fiber) {
   return getNearestMountedFiber(fiber) === fiber;
 }
 function isMounted(component) {
   {
-    var owner = ReactCurrentOwner$1.current;
+    var owner = ReactCurrentOwner.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;
+
+      if (!instance._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing isMounted inside its render() function. " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(ownerFiber.type) || "A component"
+        );
+      }
+
       instance._warnedAboutRefsInRender = true;
     }
   }
@@ -3037,6 +2871,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
           assertIsMounted(parentA);
           return fiber;
         }
+
         if (child === b) {
           // We've determined that B is the current branch.
           assertIsMounted(parentA);
@@ -3067,6 +2902,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
       // Search parent A's child set
       var didFindChild = false;
       var _child = parentA.child;
+
       while (_child) {
         if (_child === a) {
           didFindChild = true;
@@ -3074,6 +2910,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
           b = parentB;
           break;
         }
+
         if (_child === b) {
           didFindChild = true;
           b = parentA;
@@ -3095,6 +2932,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
             b = parentA;
             break;
           }
+
           if (_child === b) {
             didFindChild = true;
             b = parentB;
@@ -3200,41 +3038,6 @@ function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
     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 = {};
@@ -3275,6 +3078,7 @@ function restoreDeletedValuesInNestedArray(
 ) {
   if (Array.isArray(node)) {
     var i = node.length;
+
     while (i-- && removedKeyCount > 0) {
       restoreDeletedValuesInNestedArray(
         updatePayload,
@@ -3284,6 +3088,7 @@ function restoreDeletedValuesInNestedArray(
     }
   } else if (node && removedKeyCount > 0) {
     var obj = node;
+
     for (var propKey in removedKeys) {
       if (!removedKeys[propKey]) {
         continue;
@@ -3296,6 +3101,7 @@ function restoreDeletedValuesInNestedArray(
       }
 
       var attributeConfig = validAttributes[propKey];
+
       if (!attributeConfig) {
         continue; // not a valid native prop
       }
@@ -3303,6 +3109,7 @@ function restoreDeletedValuesInNestedArray(
       if (typeof nextProp === "function") {
         nextProp = true;
       }
+
       if (typeof nextProp === "undefined") {
         nextProp = null;
       }
@@ -3321,6 +3128,7 @@ function restoreDeletedValuesInNestedArray(
             : nextProp;
         updatePayload[propKey] = nextValue;
       }
+
       removedKeys[propKey] = false;
       removedKeyCount--;
     }
@@ -3347,6 +3155,7 @@ function diffNestedArrayProperty(
       validAttributes
     );
   }
+
   for (; i < prevArray.length; i++) {
     // Clear out all remaining properties.
     updatePayload = clearNestedProperty(
@@ -3355,6 +3164,7 @@ function diffNestedArrayProperty(
       validAttributes
     );
   }
+
   for (; i < nextArray.length; i++) {
     // Add all remaining properties.
     updatePayload = addNestedProperty(
@@ -3363,6 +3173,7 @@ function diffNestedArrayProperty(
       validAttributes
     );
   }
+
   return updatePayload;
 }
 
@@ -3426,6 +3237,7 @@ function diffNestedProperty(
  * attribute configurations. It processes each prop and adds it to the
  * updatePayload.
  */
+
 function addNestedProperty(updatePayload, nextProp, validAttributes) {
   if (!nextProp) {
     return updatePayload;
@@ -3451,6 +3263,7 @@ function addNestedProperty(updatePayload, nextProp, validAttributes) {
  * 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;
@@ -3537,6 +3350,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
             : nextProp;
         updatePayload[propKey] = nextValue;
       }
+
       continue;
     }
 
@@ -3560,11 +3374,13 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         (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 {
@@ -3579,6 +3395,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         nextProp,
         attributeConfig
       );
+
       if (removedKeyCount > 0 && updatePayload) {
         restoreDeletedValuesInNestedArray(
           updatePayload,
@@ -3657,6 +3474,7 @@ function addProperties(updatePayload, 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);
@@ -3680,49 +3498,6 @@ function diff(prevProps, nextProps, validAttributes) {
 
 var PLUGIN_EVENT_SYSTEM = 1;
 
-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;
-  }
-
-  if (!(typeof restoreImpl === "function")) {
-    throw 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]);
-    }
-  }
-}
-
 // 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
@@ -3732,31 +3507,7 @@ function restoreStateIfNeeded() {
 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;
-var isBatchingEventUpdates = 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) {
@@ -3771,72 +3522,6 @@ function batchedUpdates(fn, bookkeeping) {
     return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
     isInsideEventHandler = false;
-    finishEventHandler();
-  }
-}
-function batchedEventUpdates(fn, a, b) {
-  if (isBatchingEventUpdates) {
-    // If we are currently inside another batch, we need to wait until it
-    // fully completes before restoring state.
-    return fn(a, b);
-  }
-
-  isBatchingEventUpdates = true;
-
-  try {
-    return batchedEventUpdatesImpl(fn, a, b);
-  } finally {
-    isBatchingEventUpdates = false;
-    finishEventHandler();
-  }
-} // This is for the React Flare event system
-
-function executeUserEventHandler(fn, value) {
-  var previouslyInEventHandler = isInsideEventHandler;
-
-  try {
-    isInsideEventHandler = true;
-    var type = typeof value === "object" && value !== null ? value.type : "";
-    invokeGuardedCallbackAndCatchFirstError(type, fn, undefined, value);
-  } finally {
-    isInsideEventHandler = previouslyInEventHandler;
-  }
-}
-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(
@@ -3846,567 +3531,188 @@ function setBatchingImplementation(
   _batchedEventUpdatesImpl
 ) {
   batchedUpdatesImpl = _batchedUpdatesImpl;
-  discreteUpdatesImpl = _discreteUpdatesImpl;
-  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
-  batchedEventUpdatesImpl = _batchedEventUpdatesImpl;
 }
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
+/**
+ * Internal queue of events that have accumulated their dispatches and are
+ * waiting to have their dispatches executed.
+ */
 
+var eventQueue = null;
 /**
- * Class only exists for its Flow type.
+ * Dispatches an event and releases it back into the pool, unless persistent.
+ *
+ * @param {?object} event Synthetic event to be dispatched.
+ * @private
  */
-var ReactNativeComponent =
-  /*#__PURE__*/
-  (function(_React$Component) {
-    _inheritsLoose(ReactNativeComponent, _React$Component);
 
-    function ReactNativeComponent() {
-      return _React$Component.apply(this, arguments) || this;
-    }
+var executeDispatchesAndRelease = function(event) {
+  if (event) {
+    executeDispatchesInOrder(event);
 
-    var _proto = ReactNativeComponent.prototype;
+    if (!event.isPersistent()) {
+      event.constructor.release(event);
+    }
+  }
+};
 
-    _proto.blur = function blur() {};
+var executeDispatchesAndReleaseTopLevel = function(e) {
+  return executeDispatchesAndRelease(e);
+};
 
-    _proto.focus = function focus() {};
+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.
 
-    _proto.measure = function measure(callback) {};
+  var processingEventQueue = eventQueue;
+  eventQueue = null;
 
-    _proto.measureInWindow = function measureInWindow(callback) {};
+  if (!processingEventQueue) {
+    return;
+  }
 
-    _proto.measureLayout = function measureLayout(
-      relativeToNativeNode,
-      onSuccess,
-      onFail
-    ) {};
-
-    _proto.setNativeProps = function setNativeProps(nativeProps) {};
-
-    return ReactNativeComponent;
-  })(React.Component); // This type is only used for FlowTests. It shouldn't be imported directly
-
-var DiscreteEvent = 0;
-var UserBlockingEvent = 1;
-var ContinuousEvent = 2;
-
-// CommonJS interop named imports.
-
-var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
-var runWithPriority = Scheduler.unstable_runWithPriority;
-var _nativeFabricUIManage$2 = nativeFabricUIManager;
-var measureInWindow = _nativeFabricUIManage$2.measureInWindow;
-var rootEventTypesToEventResponderInstances = new Map();
-var currentTimeStamp = 0;
-var currentInstance = null;
-var eventResponderContext = {
-  dispatchEvent: function(eventValue, eventListener, eventPriority) {
-    validateResponderContext();
-    validateEventValue(eventValue);
-
-    switch (eventPriority) {
-      case DiscreteEvent: {
-        flushDiscreteUpdatesIfNeeded(currentTimeStamp);
-        discreteUpdates(function() {
-          return executeUserEventHandler(eventListener, eventValue);
-        });
-        break;
-      }
+  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
 
-      case UserBlockingEvent: {
-        runWithPriority(UserBlockingPriority, function() {
-          return executeUserEventHandler(eventListener, eventValue);
-        });
-        break;
-      }
+  if (!!eventQueue) {
+    throw 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.
 
-      case ContinuousEvent: {
-        executeUserEventHandler(eventListener, eventValue);
-        break;
-      }
-    }
-  },
-  isTargetWithinNode: function(childTarget, parentTarget) {
-    validateResponderContext();
-    var childFiber = getFiberFromTarget(childTarget);
-    var parentFiber = getFiberFromTarget(parentTarget);
-    var node = childFiber;
+  rethrowCaughtError();
+}
 
-    while (node !== null) {
-      if (node === parentFiber) {
-        return true;
-      }
+/**
+ * Allows registered plugins an opportunity to extract events from top-level
+ * native browser events.
+ *
+ * @return {*} An accumulation of synthetic events.
+ * @internal
+ */
 
-      node = node.return;
-    }
+function extractPluginEvents(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  var events = null;
 
-    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 < plugins.length; i++) {
+    // Not every plugin in the ordering may be loaded at runtime.
+    var possiblePlugin = plugins[i];
 
-    for (var i = 0; i < rootEventTypes.length; i++) {
-      var rootEventType = rootEventTypes[i];
-      var rootEventResponders = rootEventTypesToEventResponderInstances.get(
-        rootEventType
+    if (possiblePlugin) {
+      var extractedEvents = possiblePlugin.extractEvents(
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget,
+        eventSystemFlags
       );
-      var rootEventTypesSet = currentInstance.rootEventTypes;
-
-      if (rootEventTypesSet !== null) {
-        rootEventTypesSet.delete(rootEventType);
-      }
 
-      if (rootEventResponders !== undefined) {
-        rootEventResponders.delete(currentInstance);
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
       }
     }
-  },
-  getTimeStamp: function() {
-    validateResponderContext();
-    return currentTimeStamp;
-  },
-  getResponderNode: function() {
-    validateResponderContext();
-    var responderFiber = currentInstance.fiber;
-
-    if (responderFiber.tag === ScopeComponent) {
-      return null;
-    }
-
-    return responderFiber.stateNode;
   }
-};
 
-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
+  return events;
+}
 
-    Object.defineProperty(eventValue, "nativeEvent", {
-      get: function() {
-        {
-          showWarning("nativeEvent");
-        }
-      }
-    });
-  }
+function runExtractedPluginEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  var events = extractPluginEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  );
+  runEventsInBatch(events);
 }
 
-function getFiberFromTarget(target) {
-  if (target === null) {
-    return null;
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  var targetFiber = target;
+  var eventTarget = null;
+
+  if (targetFiber != null) {
+    var stateNode = targetFiber.stateNode; // Guard against Fiber being unmounted
+
+    if (stateNode != null) {
+      eventTarget = stateNode.canonical;
+    }
   }
 
-  return target.canonical._internalInstanceHandle || null;
+  batchedUpdates(function() {
+    // Heritage plugin event system
+    runExtractedPluginEventsInBatch(
+      topLevelType,
+      targetFiber,
+      nativeEvent,
+      eventTarget,
+      PLUGIN_EVENT_SYSTEM
+    );
+  }); // React Native doesn't use ReactControlledComponent but if it did, here's
+  // where it would do it.
 }
 
-function createFabricResponderEvent(topLevelType, nativeEvent, target) {
-  return {
-    nativeEvent: nativeEvent,
-    target: target,
-    type: topLevelType
-  };
-}
+// can re-export everything from this module.
 
-function validateResponderContext() {
-  if (!currentInstance) {
+function shim() {
+  {
     throw Error(
-      "An event responder context was used outside of an event cycle."
+      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
     );
   }
-} // TODO this function is almost an exact copy of the DOM version, we should
-// somehow share the logic
+} // Mutation (when unsupported)
 
-function responderEventTypesContainType(eventTypes, type) {
-  for (var i = 0, len = eventTypes.length; i < len; i++) {
-    if (eventTypes[i] === type) {
-      return true;
-    }
-  }
-  return false;
-}
+var supportsMutation = false;
+var commitMount = shim;
 
-function validateResponderTargetEventTypes(eventType, responder) {
-  var targetEventTypes = responder.targetEventTypes; // Validate the target event type exists on the responder
+// can re-export everything from this module.
 
-  if (targetEventTypes !== null) {
-    return responderEventTypesContainType(targetEventTypes, eventType);
+function shim$1() {
+  {
+    throw Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
+} // Hydration (when unsupported)
+var isSuspenseInstancePending = shim$1;
+var isSuspenseInstanceFallback = shim$1;
+var hydrateTextInstance = shim$1;
 
-  return false;
-} // 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 || tag === ScopeComponent) &&
-      dependencies !== null
-    ) {
-      var respondersMap = dependencies.responders;
+var _nativeFabricUIManage = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage.createNode,
+  cloneNode = _nativeFabricUIManage.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage.cloneNodeWithNewChildren,
+  cloneNodeWithNewChildrenAndProps =
+    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage.createChildSet,
+  appendChildNode = _nativeFabricUIManage.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+  completeRoot = _nativeFabricUIManage.completeRoot,
+  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage.measureLayout;
+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.
 
-      if (respondersMap !== null) {
-        var responderInstances = Array.from(respondersMap.values());
-
-        for (var i = 0, length = responderInstances.length; i < length; i++) {
-          var responderInstance = responderInstances[i];
-          var props = responderInstance.props,
-            responder = responderInstance.responder,
-            state = responderInstance.state;
-
-          if (
-            !visitedResponders.has(responder) &&
-            validateResponderTargetEventTypes(eventType, responder)
-          ) {
-            var onEvent = responder.onEvent;
-            visitedResponders.add(responder);
-
-            if (onEvent !== null) {
-              currentInstance = responderInstance;
-              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];
-      var props = _responderInstance.props,
-        responder = _responderInstance.responder,
-        state = _responderInstance.state;
-      var onRootEvent = responder.onRootEvent;
-
-      if (onRootEvent !== null) {
-        currentInstance = _responderInstance;
-        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 previousInstance = currentInstance;
-  var previousTimeStamp = currentTimeStamp; // We might want to control timeStamp another way here
-
-  currentTimeStamp = Date.now();
-
-  try {
-    batchedEventUpdates(function() {
-      traverseAndHandleEventResponderInstances(
-        topLevelType,
-        targetFiber,
-        nativeEvent
-      );
-    });
-  } finally {
-    currentInstance = previousInstance;
-    currentTimeStamp = previousTimeStamp;
-  }
-} // TODO this function is almost an exact copy of the DOM version, we should
-// somehow share the logic
-
-function mountEventResponder(responder, responderInstance, props, state) {
-  var onMount = responder.onMount;
-
-  if (onMount !== null) {
-    currentInstance = responderInstance;
-
-    try {
-      batchedEventUpdates(function() {
-        onMount(eventResponderContext, props, state);
-      });
-    } finally {
-      currentInstance = 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;
-    currentInstance = responderInstance;
-
-    try {
-      batchedEventUpdates(function() {
-        onUnmount(eventResponderContext, props, state);
-      });
-    } finally {
-      currentInstance = null;
-    }
-  }
-
-  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();
-  }
-
-  if (!!rootEventTypesSet.has(rootEventType)) {
-    throw 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);
-  }
-
-  var eventTarget = null;
-
-  if (enableNativeTargetAsInstance) {
-    if (targetFiber != null) {
-      eventTarget = targetFiber.stateNode.canonical;
-    }
-  } else {
-    eventTarget = nativeEvent.target;
-  }
-
-  batchedUpdates(function() {
-    // Heritage plugin event system
-    runExtractedPluginEventsInBatch(
-      topLevelType,
-      targetFiber,
-      nativeEvent,
-      eventTarget,
-      PLUGIN_EVENT_SYSTEM
-    );
-  }); // React Native doesn't use ReactControlledComponent but if it did, here's
-  // where it would do it.
-}
-
-// can re-export everything from this module.
-
-function shim() {
-  {
-    throw 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;
-
-// can re-export everything from this module.
-
-function shim$1() {
-  {
-    throw Error(
-      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-} // 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 hydrateSuspenseInstance = shim$1;
-var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
-var commitHydratedContainer = shim$1;
-var commitHydratedSuspenseInstance = 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 _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;
+var nextReactTag = 2;
 
 // TODO: Remove this conditional once all changes have propagated.
 if (registerEventHandler) {
@@ -4437,13 +3743,11 @@ var ReactFabricHostComponent =
     var _proto = ReactFabricHostComponent.prototype;
 
     _proto.blur = function blur() {
-      ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+      ReactNativePrivateInterface.TextInputState.blurTextInput(this);
     };
 
     _proto.focus = function focus() {
-      ReactNativePrivateInterface.TextInputState.focusTextInput(
-        this._nativeTag
-      );
+      ReactNativePrivateInterface.TextInputState.focusTextInput(this);
     };
 
     _proto.measure = function measure(callback) {
@@ -4470,10 +3774,12 @@ var ReactFabricHostComponent =
         typeof relativeToNativeNode === "number" ||
         !(relativeToNativeNode instanceof ReactFabricHostComponent)
       ) {
-        warningWithoutStack$1(
-          false,
-          "Warning: ref.measureLayout must be called with a ref to a native component."
-        );
+        {
+          error(
+            "Warning: ref.measureLayout must be called with a ref to a native component."
+          );
+        }
+
         return;
       }
 
@@ -4486,16 +3792,15 @@ var ReactFabricHostComponent =
     };
 
     _proto.setNativeProps = function setNativeProps(nativeProps) {
-      warningWithoutStack$1(
-        false,
-        "Warning: setNativeProps is not currently supported in Fabric"
-      );
+      {
+        error("Warning: setNativeProps is not currently supported in Fabric");
+      }
+
       return;
     };
 
     return ReactFabricHostComponent;
   })(); // eslint-disable-next-line no-unused-expressions
-
 function appendInitialChild(parentInstance, child) {
   appendChildNode(parentInstance.node, child.node);
 }
@@ -4564,15 +3869,6 @@ function createTextInstance(
     node: node
   };
 }
-function finalizeInitialChildren(
-  parentInstance,
-  type,
-  props,
-  rootContainerInstance,
-  hostContext
-) {
-  return false;
-}
 function getRootHostContext(rootContainerInstance) {
   return {
     isInAParentText: false
@@ -4632,17 +3928,9 @@ function shouldSetTextContent(type, props) {
   // 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,
@@ -4669,6 +3957,7 @@ function cloneInstance(
       clone = cloneNodeWithNewChildren(node);
     }
   }
+
   return {
     node: clone,
     canonical: instance.canonical
@@ -4703,194 +3992,108 @@ function finalizeContainerChildren(container, newChildren) {
   completeRoot(container, newChildren);
 }
 
-function mountResponderInstance(
-  responder,
-  responderInstance,
-  props,
-  state,
-  instance
-) {
-  if (enableFlareAPI) {
-    var rootEventTypes = responder.rootEventTypes;
-
-    if (rootEventTypes !== null) {
-      addRootEventTypesForResponderInstance(responderInstance, rootEventTypes);
-    }
+var loggedTypeFailures = {};
+function checkPropTypes(typeSpecs, values, location, componentName) {
+  {
+    // $FlowFixMe This is okay but Flow doesn't know it.
+    var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
-    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.");
-}
-function getInstanceFromNode$1(node) {
-  throw new Error("Not yet implemented.");
-}
+    for (var typeSpecName in typeSpecs) {
+      if (has(typeSpecs, typeSpecName)) {
+        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
+        // fail the render phase where it didn't fail before. So we log it.
+        // After these have been cleaned up, we'll let them throw.
 
-var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-var describeComponentFrame = function(name, source, ownerName) {
-  var sourceInfo = "";
+        try {
+          // This is intentionally an invariant that gets caught. It's the same
+          // behavior as without this statement except with a better message.
+          if (typeof typeSpecs[typeSpecName] !== "function") {
+            var err = Error(
+              (componentName || "React class") +
+                ": " +
+                location +
+                " type `" +
+                typeSpecName +
+                "` is invalid; " +
+                "it must be a function, usually from the `prop-types` package, but received `" +
+                typeof typeSpecs[typeSpecName] +
+                "`." +
+                "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            );
+            err.name = "Invariant Violation";
+            throw err;
+          }
 
-  if (source) {
-    var path = source.fileName;
-    var fileName = path.replace(BEFORE_SLASH_RE, "");
+          error$1 = typeSpecs[typeSpecName](
+            values,
+            typeSpecName,
+            componentName,
+            location,
+            null,
+            "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
+          );
+        } catch (ex) {
+          error$1 = ex;
+        }
 
-    {
-      // 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 (error$1 && !(error$1 instanceof Error)) {
+          error(
+            "%s: type specification of %s" +
+              " `%s` is invalid; the type checker " +
+              "function must return `null` or an `Error` but returned a %s. " +
+              "You may have forgotten to pass an argument to the type checker " +
+              "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
+              "shape all require an argument).",
+            componentName || "React class",
+            location,
+            typeSpecName,
+            typeof error$1
+          );
+        }
 
-        if (match) {
-          var pathBeforeSlash = match[1];
+        if (
+          error$1 instanceof Error &&
+          !(error$1.message in loggedTypeFailures)
+        ) {
+          // Only monitor this failure once because there tends to be a lot of the
+          // same error.
+          loggedTypeFailures[error$1.message] = true;
 
-          if (pathBeforeSlash) {
-            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-            fileName = folderName + "/" + fileName;
-          }
+          error("Failed %s type: %s", location, error$1.message);
         }
       }
     }
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
   }
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-};
+}
 
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+// 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?
 
-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;
+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).
 
-      if (owner) {
-        ownerName = getComponentName(owner.type);
-      }
+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.
 
-      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;
-// to avoid stretch the commit phase with measurement overhead.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+// to avoid stretch the commit phase with measurement overhead.
 
 var labelsInCurrentCommit = new Set();
 
@@ -4991,6 +4194,7 @@ var shouldIgnoreFiber = function(fiber) {
     case ContextConsumer:
     case Mode:
       return true;
+
     default:
       return false;
   }
@@ -5000,6 +4204,7 @@ var clearPendingPhaseMeasurement = function() {
   if (currentPhase !== null && currentPhaseFiber !== null) {
     clearFiberMark(currentPhaseFiber, currentPhase);
   }
+
   currentPhaseFiber = null;
   currentPhase = null;
   hasScheduledUpdateInCurrentPhase = false;
@@ -5009,10 +4214,12 @@ 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;
   }
 };
@@ -5021,6 +4228,7 @@ var resumeTimersRecursively = function(fiber) {
   if (fiber.return !== null) {
     resumeTimersRecursively(fiber.return);
   }
+
   if (fiber._debugIsCurrentlyTiming) {
     beginFiberMark(fiber, null);
   }
@@ -5034,15 +4242,16 @@ var resumeTimers = function() {
 };
 
 function recordEffect() {
-  if (enableUserTimingAPI) {
+  {
     effectCountInCurrentCommit++;
   }
 }
 function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
+  {
     if (isCommitting) {
       hasScheduledUpdateInCurrentCommit = true;
     }
+
     if (
       currentPhase !== null &&
       currentPhase !== "componentWillMount" &&
@@ -5052,9 +4261,8 @@ function recordScheduleUpdate() {
     }
   }
 }
-
 function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, this is the fiber to unwind from.
@@ -5069,7 +4277,7 @@ function startWorkTimer(fiber) {
   }
 }
 function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // Remember we shouldn't complete measurement for this fiber.
@@ -5080,7 +4288,7 @@ function cancelWorkTimer(fiber) {
   }
 }
 function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -5096,7 +4304,7 @@ function stopWorkTimer(fiber) {
   }
 }
 function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -5116,7 +4324,7 @@ function stopFailedWorkTimer(fiber) {
   }
 }
 function startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5132,22 +4340,24 @@ function startPhaseTimer(fiber, 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) {
@@ -5163,7 +4373,7 @@ function startWorkLoopTimer(nextUnitOfWork) {
   }
 }
 function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5192,10 +4402,11 @@ function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
   }
 }
 function startCommitTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
+
     isCommitting = true;
     hasScheduledUpdateInCurrentCommit = false;
     labelsInCurrentCommit.clear();
@@ -5203,17 +4414,19 @@ function startCommitTimer() {
   }
 }
 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;
@@ -5222,19 +4435,21 @@ function stopCommitTimer() {
   }
 }
 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(
@@ -5245,19 +4460,21 @@ function stopCommitSnapshotEffectsTimer() {
   }
 }
 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(
@@ -5268,19 +4485,21 @@ function stopCommitHostEffectsTimer() {
   }
 }
 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(
@@ -5309,14 +4528,15 @@ function createCursor(defaultValue) {
 function pop(cursor, fiber) {
   if (index < 0) {
     {
-      warningWithoutStack$1(false, "Unexpected pop.");
+      error("Unexpected pop.");
     }
+
     return;
   }
 
   {
     if (fiber !== fiberStack[index]) {
-      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+      error("Unexpected Fiber popped.");
     }
   }
 
@@ -5366,9 +4586,7 @@ function getUnmaskedContext(
   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
@@ -5376,14 +4594,13 @@ function getUnmaskedContext(
       // 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;
@@ -5391,9 +4608,7 @@ function cacheContext(workInProgress, unmaskedContext, maskedContext) {
 }
 
 function getMaskedContext(workInProgress, unmaskedContext) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     var type = workInProgress.type;
     var contextTypes = type.contextTypes;
 
@@ -5413,19 +4628,14 @@ function getMaskedContext(workInProgress, unmaskedContext) {
     }
 
     var context = {};
+
     for (var key in contextTypes) {
       context[key] = unmaskedContext[key];
     }
 
     {
       var name = getComponentName(type) || "Unknown";
-      checkPropTypes(
-        contextTypes,
-        context,
-        "context",
-        name,
-        getCurrentFiberStackInDev
-      );
+      checkPropTypes(contextTypes, context, "context", name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -5438,44 +4648,34 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 }
 
 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 {
+  {
     if (!(contextStackCursor.current === emptyContextObject)) {
       throw Error(
         "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
@@ -5488,9 +4688,7 @@ function pushTopLevelContextObject(fiber, context, didChange) {
 }
 
 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.
@@ -5501,8 +4699,8 @@ function processChildContext(fiber, type, parentContext) {
 
         if (!warnedAboutMissingGetChildContext[componentName]) {
           warnedAboutMissingGetChildContext[componentName] = true;
-          warningWithoutStack$1(
-            false,
+
+          error(
             "%s.childContextTypes is specified but there is no getChildContext() method " +
               "on the instance. You can either define getChildContext() on %s or remove " +
               "childContextTypes from it.",
@@ -5516,19 +4714,10 @@ function processChildContext(fiber, type, parentContext) {
     }
 
     var childContext;
-
-    {
-      setCurrentPhase("getChildContext");
-    }
-
     startPhaseTimer(fiber, "getChildContext");
     childContext = instance.getChildContext();
     stopPhaseTimer();
 
-    {
-      setCurrentPhase(null);
-    }
-
     for (var contextKey in childContext) {
       if (!(contextKey in childContextTypes)) {
         throw Error(
@@ -5542,17 +4731,7 @@ function processChildContext(fiber, type, parentContext) {
 
     {
       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
-      );
+      checkPropTypes(childContextTypes, childContext, "child context", name);
     }
 
     return Object.assign({}, parentContext, {}, childContext);
@@ -5560,9 +4739,7 @@ function processChildContext(fiber, type, parentContext) {
 }
 
 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.
@@ -5584,9 +4761,7 @@ function pushContextProvider(workInProgress) {
 }
 
 function invalidateContextProvider(workInProgress, type, didChange) {
-  if (disableLegacyContext) {
-    return;
-  } else {
+  {
     var instance = workInProgress.stateNode;
 
     if (!instance) {
@@ -5620,9 +4795,7 @@ function invalidateContextProvider(workInProgress, type, didChange) {
 }
 
 function findCurrentUnmaskedContext(fiber) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     // Currently this is only used with renderSubtreeIntoContainer; not sure if it
     // makes sense elsewhere
     if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
@@ -5665,22 +4838,21 @@ var BlockingRoot = 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) {
+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;
+
+{
   // Provide explicit error message when production+profiling bundle of e.g.
   // react-dom is used with production (non-profiling) bundle of
   // scheduler/tracing
@@ -5701,7 +4873,7 @@ var fakeCallbackNode = {}; // Except for NoPriority, these correspond to Schedul
 // avoid clashing with Scheduler's priorities.
 
 var ImmediatePriority = 99;
-var UserBlockingPriority$1 = 98;
+var UserBlockingPriority = 98;
 var NormalPriority = 97;
 var LowPriority = 96;
 var IdlePriority = 95; // NoPriority is the absence of priority. Also React-only.
@@ -5720,6 +4892,7 @@ var initialTimeMs = Scheduler_now(); // If the initial timestamp is reasonably s
 // 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
@@ -5732,7 +4905,7 @@ function getCurrentPriorityLevel() {
       return ImmediatePriority;
 
     case Scheduler_UserBlockingPriority:
-      return UserBlockingPriority$1;
+      return UserBlockingPriority;
 
     case Scheduler_NormalPriority:
       return NormalPriority;
@@ -5754,7 +4927,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     case ImmediatePriority:
       return Scheduler_ImmediatePriority;
 
-    case UserBlockingPriority$1:
+    case UserBlockingPriority:
       return Scheduler_UserBlockingPriority;
 
     case NormalPriority:
@@ -5772,7 +4945,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
   }
 }
 
-function runWithPriority$1(reactPriorityLevel, fn) {
+function runWithPriority(reactPriorityLevel, fn) {
   var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(priorityLevel, fn);
 }
@@ -5818,12 +4991,14 @@ function flushSyncCallbackQueueImpl() {
     // Prevent re-entrancy.
     isFlushingSyncQueue = true;
     var i = 0;
+
     try {
       var _isSync = true;
       var queue = syncQueue;
-      runWithPriority$1(ImmediatePriority, function() {
+      runWithPriority(ImmediatePriority, function() {
         for (; i < queue.length; i++) {
           var callback = queue[i];
+
           do {
             callback = callback(_isSync);
           } while (callback !== null);
@@ -5871,14 +5046,14 @@ var NoWork = 0; // TODO: Think of a better name for Never. The key difference wi
 var Never = 1; // Idle is slightly higher priority than Never. It must completely finish in
 // order to be consistent.
 
-var Idle = 2; // Continuous Hydration is a moving priority. It is slightly higher than Idle
+var Idle = 2; // Continuous Hydration is slightly higher than Idle and is used to increase
 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.
+  // Always subtract from the offset so that we don't clash with the magic number for NoWork.
   return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
 }
 function expirationTimeToMs(expirationTime) {
@@ -5937,7 +5112,6 @@ function computeInteractiveExpiration(currentTime) {
     HIGH_PRIORITY_BATCH_SIZE
   );
 }
-
 function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (expirationTime === Sync) {
     return ImmediatePriority;
@@ -5955,7 +5129,7 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   }
 
   if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
-    return UserBlockingPriority$1;
+    return UserBlockingPriority;
   }
 
   if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
@@ -5976,7 +5150,7 @@ function is(x, y) {
   );
 }
 
-var is$1 = typeof Object.is === "function" ? Object.is : is;
+var objectIs = typeof Object.is === "function" ? Object.is : is;
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 /**
@@ -5986,7 +5160,7 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
  */
 
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) {
+  if (objectIs(objA, objB)) {
     return true;
   }
 
@@ -6009,7 +5183,7 @@ function shallowEqual(objA, objB) {
   for (var i = 0; i < keysA.length; i++) {
     if (
       !hasOwnProperty.call(objB, keysA[i]) ||
-      !is$1(objA[keysA[i]], objB[keysA[i]])
+      !objectIs(objA[keysA[i]], objB[keysA[i]])
     ) {
       return false;
     }
@@ -6018,95 +5192,141 @@ function shallowEqual(objA, objB) {
   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 lowPriorityWarningWithoutStack = function() {};
-
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = new Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
-    }
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function describeComponentFrame(name, source, ownerName) {
+  var sourceInfo = "";
 
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
+  if (source) {
+    var path = source.fileName;
+    var fileName = path.replace(BEFORE_SLASH_RE, "");
 
-    if (typeof console !== "undefined") {
-      console.warn(message);
-    }
+    {
+      // 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);
 
-    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) {}
-  };
+        if (match) {
+          var pathBeforeSlash = match[1];
 
-  lowPriorityWarningWithoutStack = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
+          if (pathBeforeSlash) {
+            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+            fileName = folderName + "/" + fileName;
+          }
+        }
+      }
     }
 
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = new Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
-      ) {
-        args[_key2 - 2] = arguments[_key2];
-      }
+    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+  } else if (ownerName) {
+    sourceInfo = " (created by " + ownerName + ")";
+  }
 
-      printWarning.apply(void 0, [format].concat(args));
-    }
-  };
+  return "\n    in " + (name || "Unknown") + sourceInfo;
 }
 
-var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 
-var ReactStrictModeWarnings = {
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordLegacyContextWarning: function(fiber, instance) {},
-  flushLegacyContextWarning: function() {},
-  discardPendingWarnings: function() {}
-};
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostPortal:
+    case HostText:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+      return "";
 
-{
-  var findStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
-    var node = fiber;
+    default:
+      var owner = fiber._debugOwner;
+      var source = fiber._debugSource;
+      var name = getComponentName(fiber.type);
+      var ownerName = null;
 
-    while (node !== null) {
-      if (node.mode & StrictMode) {
-        maybeStrictRoot = node;
+      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 isRendering = false;
+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);
+  }
+}
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    isRendering = false;
+  }
+}
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    isRendering = false;
+  }
+}
+function setIsRendering(rendering) {
+  {
+    isRendering = rendering;
+  }
+}
+
+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;
     }
 
@@ -6185,6 +5405,7 @@ var ReactStrictModeWarnings = {
   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(
@@ -6196,6 +5417,7 @@ var ReactStrictModeWarnings = {
     }
 
     var UNSAFE_componentWillMountUniqueNames = new Set();
+
     if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
       pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
         UNSAFE_componentWillMountUniqueNames.add(
@@ -6207,6 +5429,7 @@ var ReactStrictModeWarnings = {
     }
 
     var componentWillReceivePropsUniqueNames = new Set();
+
     if (pendingComponentWillReceivePropsWarnings.length > 0) {
       pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
         componentWillReceivePropsUniqueNames.add(
@@ -6218,6 +5441,7 @@ var ReactStrictModeWarnings = {
     }
 
     var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+
     if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
       pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
         UNSAFE_componentWillReceivePropsUniqueNames.add(
@@ -6229,6 +5453,7 @@ var ReactStrictModeWarnings = {
     }
 
     var componentWillUpdateUniqueNames = new Set();
+
     if (pendingComponentWillUpdateWarnings.length > 0) {
       pendingComponentWillUpdateWarnings.forEach(function(fiber) {
         componentWillUpdateUniqueNames.add(
@@ -6240,6 +5465,7 @@ var ReactStrictModeWarnings = {
     }
 
     var UNSAFE_componentWillUpdateUniqueNames = new Set();
+
     if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
       pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
         UNSAFE_componentWillUpdateUniqueNames.add(
@@ -6253,8 +5479,8 @@ var ReactStrictModeWarnings = {
 
     if (UNSAFE_componentWillMountUniqueNames.size > 0) {
       var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6267,8 +5493,8 @@ var ReactStrictModeWarnings = {
       var _sortedNames = setToSortedString(
         UNSAFE_componentWillReceivePropsUniqueNames
       );
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6285,8 +5511,8 @@ var ReactStrictModeWarnings = {
       var _sortedNames2 = setToSortedString(
         UNSAFE_componentWillUpdateUniqueNames
       );
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6299,8 +5525,7 @@ var ReactStrictModeWarnings = {
     if (componentWillMountUniqueNames.size > 0) {
       var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillMount has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6318,8 +5543,7 @@ var ReactStrictModeWarnings = {
         componentWillReceivePropsUniqueNames
       );
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillReceiveProps has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6338,8 +5562,7 @@ var ReactStrictModeWarnings = {
     if (componentWillUpdateUniqueNames.size > 0) {
       var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillUpdate has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6362,12 +5585,13 @@ var ReactStrictModeWarnings = {
     instance
   ) {
     var strictRoot = findStrictRoot(fiber);
+
     if (strictRoot === null) {
-      warningWithoutStack$1(
-        false,
+      error(
         "Expected to find a StrictMode component in a strict mode tree. " +
           "This error is likely caused by a bug in React. Please file an issue."
       );
+
       return;
     } // Dedup strategy: Warn once per component.
 
@@ -6386,21 +5610,27 @@ var ReactStrictModeWarnings = {
         warningsForRoot = [];
         pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
       }
+
       warningsForRoot.push(fiber);
     }
   };
 
   ReactStrictModeWarnings.flushLegacyContextWarning = function() {
     pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      if (fiberArray.length === 0) {
+        return;
+      }
+
+      var firstFiber = fiberArray[0];
       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,
+      var firstComponentStack = getStackByFiberInDevAndProd(firstFiber);
+
+      error(
         "Legacy context API has been detected within a strict-mode tree." +
           "\n\nThe old API will be supported in all 16.x releases, but applications " +
           "using it should migrate to the new version." +
@@ -6408,7 +5638,7 @@ var ReactStrictModeWarnings = {
           "\n\nLearn more about this warning here: https://fb.me/react-legacy-context" +
           "%s",
         sortedNames,
-        strictRootComponentStack
+        firstComponentStack
       );
     });
   };
@@ -6472,6 +5702,7 @@ function resolveForwardRefForHotReloading(type) {
         // 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,
@@ -6565,6 +5796,7 @@ function isCompatibleFamilyForHotReloading(fiber, element) {
       // 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;
       }
@@ -6649,9 +5881,6 @@ function scheduleFibersWithFamiliesRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     if (resolveFamily === null) {
@@ -6676,6 +5905,7 @@ function scheduleFibersWithFamiliesRecursively(
         }
       }
     }
+
     if (failedBoundaries !== null) {
       if (
         failedBoundaries.has(fiber) ||
@@ -6700,6 +5930,7 @@ function scheduleFibersWithFamiliesRecursively(
         staleFamilies
       );
     }
+
     if (sibling !== null) {
       scheduleFibersWithFamiliesRecursively(
         sibling,
@@ -6749,12 +5980,10 @@ function findHostInstancesForMatchingFibersRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     var didMatch = false;
+
     if (candidateType !== null) {
       if (types.has(candidateType)) {
         didMatch = true;
@@ -6828,6 +6057,7 @@ function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
   {
     var node = fiber;
     var foundHostInstances = false;
+
     while (true) {
       if (node.tag === HostComponent) {
         // We got a match.
@@ -6855,6 +6085,7 @@ function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
       node = node.sibling;
     }
   }
+
   return false;
 }
 
@@ -6863,6 +6094,7 @@ function resolveDefaultProps(Component, baseProps) {
     // 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];
@@ -6902,6 +6134,7 @@ function resetContextDependencies() {
   currentlyRenderingFiber = null;
   lastContextDependency = null;
   lastContextWithAllBitsObserved = null;
+
   {
     isDisallowedContextReadInDEV = false;
   }
@@ -6919,40 +6152,22 @@ function exitDisallowedContextReadInDEV() {
 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;
+      if (
+        context._currentRenderer2 !== undefined &&
+        context._currentRenderer2 !== null &&
+        context._currentRenderer2 !== rendererSigil
+      ) {
+        error(
+          "Detected multiple renderers concurrently rendering the " +
+            "same context provider. This is currently unsupported."
+        );
+      }
+
       context._currentRenderer2 = rendererSigil;
     }
   }
@@ -6962,14 +6177,12 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   var context = providerFiber.type._context;
 
-  if (isPrimaryRenderer) {
-    context._currentValue = currentValue;
-  } else {
+  {
     context._currentValue2 = currentValue;
   }
 }
 function calculateChangedBits(context, newValue, oldValue) {
-  if (is$1(oldValue, newValue)) {
+  if (objectIs(oldValue, newValue)) {
     // No change
     return 0;
   } else {
@@ -6979,14 +6192,13 @@ function calculateChangedBits(context, newValue, oldValue) {
         : 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;
+      if ((changedBits & MAX_SIGNED_31_BIT_INT) !== changedBits) {
+        error(
+          "calculateChangedBits: Expected the return value to be a " +
+            "31-bit integer. Instead received: %s",
+          changedBits
+        );
+      }
     }
 
     return changedBits | 0;
@@ -7030,6 +6242,7 @@ function propagateContextChange(
   renderExpirationTime
 ) {
   var fiber = workInProgress.child;
+
   if (fiber !== null) {
     // Set the return pointer of the child to the work-in-progress fiber.
     fiber.return = workInProgress;
@@ -7090,39 +6303,6 @@ function propagateContextChange(
     } 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 === DehydratedFragment
-    ) {
-      // If a dehydrated suspense bounudary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      var parentSuspense = fiber.return;
-
-      if (!(parentSuspense !== null)) {
-        throw Error(
-          "We just came from a parent so we must have had a parent. This is a bug in React."
-        );
-      }
-
-      if (parentSuspense.expirationTime < renderExpirationTime) {
-        parentSuspense.expirationTime = renderExpirationTime;
-      }
-
-      var _alternate = parentSuspense.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(parentSuspense, renderExpirationTime);
-      nextFiber = fiber.sibling;
     } else {
       // Traverse down.
       nextFiber = fiber.child;
@@ -7134,6 +6314,7 @@ function propagateContextChange(
     } 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.
@@ -7180,22 +6361,19 @@ 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 (isDisallowedContextReadInDEV) {
+      error(
+        "Context can only be read while React is rendering. " +
+          "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+          "In function components, you can read it directly in the function body, but not " +
+          "inside Hooks like useReducer() or useMemo()."
+      );
+    }
   }
 
-  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 {
+  if (lastContextWithAllBitsObserved === context);
+  else if (observedBits === false || observedBits === 0);
+  else {
     var resolvedObservedBits; // Avoid deopting on observable arguments or heterogeneous types.
 
     if (
@@ -7233,85 +6411,10 @@ function readContext(context, observedBits) {
       lastContextDependency = lastContextDependency.next = contextItem;
     }
   }
-  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+
+  return 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;
@@ -7328,38 +6431,32 @@ var currentlyProcessingQueue;
   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) {
+function initializeUpdateQueue(fiber) {
   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
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: {
+      pending: null
+    },
+    effects: null
   };
-  return queue;
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  var queue = workInProgress.updateQueue;
+  var currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    var clone = {
+      baseState: currentQueue.baseState,
+      baseQueue: currentQueue.baseQueue,
+      shared: currentQueue.shared,
+      effects: currentQueue.effects
+    };
+    workInProgress.updateQueue = clone;
+  }
 }
-
 function createUpdate(expirationTime, suspenseConfig) {
   var update = {
     expirationTime: expirationTime,
@@ -7367,9 +6464,9 @@ function createUpdate(expirationTime, suspenseConfig) {
     tag: UpdateState,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
+  update.next = update;
 
   {
     update.priority = getCurrentPriorityLevel();
@@ -7377,130 +6474,62 @@ function createUpdate(expirationTime, suspenseConfig) {
 
   return update;
 }
+function enqueueUpdate(fiber, update) {
+  var updateQueue = fiber.updateQueue;
 
-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;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
   }
-}
 
-function enqueueUpdate(fiber, update) {
-  // Update queues are created lazily.
-  var alternate = fiber.alternate;
-  var queue1;
-  var queue2;
+  var sharedQueue = updateQueue.shared;
+  var pending = sharedQueue.pending;
 
-  if (alternate === null) {
-    // There's only one fiber.
-    queue1 = fiber.updateQueue;
-    queue2 = null;
-    if (queue1 === null) {
-      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
-    }
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
   } 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.
-      }
-    }
+    update.next = pending.next;
+    pending.next = update;
   }
-  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;
-    }
-  }
+  sharedQueue.pending = update;
 
   {
     if (
-      fiber.tag === ClassComponent &&
-      (currentlyProcessingQueue === queue1 ||
-        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      currentlyProcessingQueue === sharedQueue &&
       !didWarnUpdateInsideUpdate
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "An update (setState, replaceState, or forceUpdate) was scheduled " +
           "from inside an update function. Update functions should be pure, " +
           "with zero side-effects. Consider using componentDidUpdate or a " +
           "callback."
       );
+
       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);
-    }
+    // Ensure the work-in-progress queue is a clone
+    cloneUpdateQueue(current, workInProgress);
+  } // Captured updates go only on the work-in-progress queue.
+
+  var queue = workInProgress.updateQueue; // Append the update to the end of the list.
+
+  var last = queue.baseQueue;
+
+  if (last === null) {
+    queue.baseQueue = update.next = update;
+    update.next = update;
+  } else {
+    update.next = last.next;
+    last.next = update;
   }
-  return queue;
 }
 
 function getStateFromUpdate(
@@ -7520,10 +6549,7 @@ function getStateFromUpdate(
         {
           enterDisallowedContextReadInDEV();
 
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
+          if (workInProgress.mode & StrictMode) {
             payload.call(instance, prevState, nextProps);
           }
         }
@@ -7555,10 +6581,7 @@ function getStateFromUpdate(
         {
           enterDisallowedContextReadInDEV();
 
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
+          if (workInProgress.mode & StrictMode) {
             _payload.call(instance, prevState, nextProps);
           }
         }
@@ -7586,164 +6609,176 @@ function getStateFromUpdate(
       return prevState;
     }
   }
+
   return prevState;
 }
 
 function processUpdateQueue(
   workInProgress,
-  queue,
   props,
   instance,
   renderExpirationTime
 ) {
+  // This is always non-null on a ClassComponent or HostRoot
+  var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
-  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
 
   {
-    currentlyProcessingQueue = queue;
-  } // These values may change as we process the queue.
+    currentlyProcessingQueue = queue.shared;
+  } // The last rebase update that is NOT part of the base state.
 
-  var newBaseState = queue.baseState;
-  var newFirstUpdate = null;
-  var newExpirationTime = NoWork; // Iterate through the list of updates to compute the result.
+  var baseQueue = queue.baseQueue; // The last pending update that hasn't been processed yet.
 
-  var update = queue.firstUpdate;
-  var resultState = newBaseState;
+  var pendingQueue = queue.shared.pending;
+
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
+    }
 
-  while (update !== null) {
-    var updateExpirationTime = update.expirationTime;
+    baseQueue = pendingQueue;
+    queue.shared.pending = null; // TODO: Pass `current` as argument
 
-    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.
+    var current = workInProgress.alternate;
 
-        newBaseState = resultState;
-      } // Since this update will remain in the list, update the remaining
-      // expiration time.
+    if (current !== null) {
+      var currentQueue = current.updateQueue;
 
-      if (newExpirationTime < updateExpirationTime) {
-        newExpirationTime = updateExpirationTime;
+      if (currentQueue !== null) {
+        currentQueue.baseQueue = pendingQueue;
       }
-    } 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;
+    }
+  } // These values may change as we process the queue.
 
-      if (callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+  if (baseQueue !== null) {
+    var first = baseQueue.next; // Iterate through the list of updates to compute the result.
 
-        update.nextEffect = null;
+    var newState = queue.baseState;
+    var newExpirationTime = NoWork;
+    var newBaseState = null;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
 
-        if (queue.lastEffect === null) {
-          queue.firstEffect = queue.lastEffect = update;
-        } else {
-          queue.lastEffect.nextEffect = update;
-          queue.lastEffect = update;
-        }
-      }
-    } // Continue to the next update.
+    if (first !== null) {
+      var update = first;
 
-    update = update.next;
-  } // Separately, iterate though the list of captured updates.
+      do {
+        var updateExpirationTime = update.expirationTime;
+
+        if (updateExpirationTime < renderExpirationTime) {
+          // Priority is insufficient. Skip this update. If this is the first
+          // skipped update, the previous update/state is the new base
+          // update/state.
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
 
-  var newFirstCapturedUpdate = null;
-  update = queue.firstCapturedUpdate;
+          if (newBaseQueueLast === null) {
+            newBaseQueueFirst = newBaseQueueLast = clone;
+            newBaseState = newState;
+          } else {
+            newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Update the remaining priority in the queue.
 
-  while (update !== null) {
-    var _updateExpirationTime = update.expirationTime;
+          if (updateExpirationTime > newExpirationTime) {
+            newExpirationTime = updateExpirationTime;
+          }
+        } else {
+          // This update does have sufficient priority.
+          if (newBaseQueueLast !== null) {
+            var _clone = {
+              expirationTime: Sync,
+              // This update is going to be committed so we never want uncommit it.
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            };
+            newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // 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.
+
+          newState = getStateFromUpdate(
+            workInProgress,
+            queue,
+            update,
+            newState,
+            props,
+            instance
+          );
+          var callback = update.callback;
 
-    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 (callback !== null) {
+            workInProgress.effectTag |= Callback;
+            var effects = queue.effects;
 
-        if (newFirstUpdate === null) {
-          newBaseState = resultState;
+            if (effects === null) {
+              queue.effects = [update];
+            } else {
+              effects.push(update);
+            }
+          }
         }
-      } // 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 _callback = update.callback;
 
-      if (_callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+        update = update.next;
 
-        update.nextEffect = null;
+        if (update === null || update === first) {
+          pendingQueue = queue.shared.pending;
 
-        if (queue.lastCapturedEffect === null) {
-          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
-        } else {
-          queue.lastCapturedEffect.nextEffect = update;
-          queue.lastCapturedEffect = update;
+          if (pendingQueue === null) {
+            break;
+          } else {
+            // An update was scheduled from inside a reducer. Add the new
+            // pending updates to the end of the list and keep processing.
+            update = baseQueue.next = pendingQueue.next;
+            pendingQueue.next = first;
+            queue.baseQueue = baseQueue = pendingQueue;
+            queue.shared.pending = null;
+          }
         }
-      }
+      } while (true);
     }
-    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;
-  }
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
+    }
 
-  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.
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast; // 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.
 
-  markUnprocessedUpdateTime(newExpirationTime);
-  workInProgress.expirationTime = newExpirationTime;
-  workInProgress.memoizedState = resultState;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = newState;
+  }
 
   {
     currentlyProcessingQueue = null;
@@ -7767,42 +6802,21 @@ function resetHasForceUpdateBeforeProcessing() {
 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.
+function commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  // Commit the effects
+  var effects = finishedQueue.effects;
+  finishedQueue.effects = null;
 
-    finishedQueue.firstCapturedUpdate = finishedQueue.lastCapturedUpdate = null;
-  } // Commit the effects
+  if (effects !== null) {
+    for (var i = 0; i < effects.length; i++) {
+      var effect = effects[i];
+      var callback = effect.callback;
 
-  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 callback = effect.callback;
-
-    if (callback !== null) {
-      effect.callback = null;
-      callCallback(callback, instance);
+      if (callback !== null) {
+        effect.callback = null;
+        callCallback(callback, instance);
+      }
     }
-
-    effect = effect.nextEffect;
   }
 }
 
@@ -7812,7 +6826,7 @@ function requestCurrentSuspenseConfig() {
 }
 
 var fakeInternalInstance = {};
-var isArray$1 = Array.isArray; // React.Component uses a shared frozen object by default.
+var isArray = 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;
@@ -7847,8 +6861,8 @@ var didWarnAboutInvalidateContextType;
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%s(...): Expected the last optional `callback` argument to be a " +
           "function. Instead received: %s.",
         callerName,
@@ -7860,10 +6874,11 @@ var didWarnAboutInvalidateContextType;
   warnOnUndefinedDerivedState = function(type, partialState) {
     if (partialState === undefined) {
       var componentName = getComponentName(type) || "Component";
+
       if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
         didWarnAboutUndefinedDerivedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
             "You have returned undefined.",
           componentName
@@ -7898,10 +6913,7 @@ function applyDerivedStateFromProps(
   var prevState = workInProgress.memoizedState;
 
   {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
+    if (workInProgress.mode & StrictMode) {
       // Invoke the function an extra time to help detect side-effects.
       getDerivedStateFromProps(nextProps, prevState);
     }
@@ -7920,9 +6932,9 @@ function applyDerivedStateFromProps(
   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) {
+  if (workInProgress.expirationTime === NoWork) {
+    // Queue is always non-null for classes
+    var updateQueue = workInProgress.updateQueue;
     updateQueue.baseState = memoizedState;
   }
 }
@@ -8010,7 +7022,15 @@ function checkShouldComponentUpdate(
   nextContext
 ) {
   var instance = workInProgress.stateNode;
+
   if (typeof instance.shouldComponentUpdate === "function") {
+    {
+      if (workInProgress.mode & StrictMode) {
+        // Invoke the function an extra time to help detect side-effects.
+        instance.shouldComponentUpdate(newProps, newState, nextContext);
+      }
+    }
+
     startPhaseTimer(workInProgress, "shouldComponentUpdate");
     var shouldUpdate = instance.shouldComponentUpdate(
       newProps,
@@ -8020,14 +7040,13 @@ function checkShouldComponentUpdate(
     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;
+      if (shouldUpdate === undefined) {
+        error(
+          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+            "boolean value. Make sure to return true or false.",
+          getComponentName(ctor) || "Component"
+        );
+      }
     }
 
     return shouldUpdate;
@@ -8044,21 +7063,20 @@ function checkShouldComponentUpdate(
 
 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,
+        error(
           "%s(...): No `render` method found on the returned component " +
             "instance: did you accidentally return an object from the constructor?",
           name
         );
       } else {
-        warningWithoutStack$1(
-          false,
+        error(
           "%s(...): No `render` method found on the returned component " +
             "instance: you may have forgotten to define `render`.",
           name
@@ -8066,77 +7084,55 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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.",
+    if (
+      instance.getInitialState &&
+      !instance.getInitialState.isReactClassApproved &&
+      !instance.state
+    ) {
+      error(
+        "getInitialState was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Did you mean to define a state property instead?",
+        name
+      );
+    }
+
+    if (
+      instance.getDefaultProps &&
+      !instance.getDefaultProps.isReactClassApproved
+    ) {
+      error(
+        "getDefaultProps was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Use a static property to define defaultProps instead.",
+        name
+      );
+    }
+
+    if (instance.propTypes) {
+      error(
+        "propTypes was defined as an instance property on %s. Use a static " +
+          "property to define propTypes instead.",
+        name
+      );
+    }
+
+    if (instance.contextType) {
+      error(
+        "contextType was defined as an instance property on %s. Use a static " +
+          "property to define contextType instead.",
+        name
+      );
+    }
+
+    {
+      if (instance.contextTypes) {
+        error(
+          "contextTypes was defined as an instance property on %s. Use a static " +
+            "property to define contextTypes instead.",
           name
         );
       }
-    } 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 &&
@@ -8144,8 +7140,8 @@ function checkClassInstance(workInProgress, ctor, newProps) {
         !didWarnAboutContextTypeAndContextTypes.has(ctor)
       ) {
         didWarnAboutContextTypeAndContextTypes.add(ctor);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s declares both contextTypes and contextType static properties. " +
             "The legacy contextTypes property will be ignored.",
           name
@@ -8153,95 +7149,84 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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 (typeof instance.componentShouldUpdate === "function") {
+      error(
+        "%s has a method called " +
+          "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+          "The name is phrased as a question because the function is " +
+          "expected to return a value.",
+        name
+      );
+    }
+
     if (
       ctor.prototype &&
       ctor.prototype.isPureReactComponent &&
       typeof instance.shouldComponentUpdate !== "undefined"
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "%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;
+
+    if (typeof instance.componentDidUnmount === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidUnmount(). But there is no such lifecycle method. " +
+          "Did you mean componentWillUnmount()?",
+        name
+      );
+    }
+
+    if (typeof instance.componentDidReceiveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidReceiveProps(). But there is no such lifecycle method. " +
+          "If you meant to update the state in response to changing props, " +
+          "use componentWillReceiveProps(). If you meant to fetch data or " +
+          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+        name
+      );
+    }
+
+    if (typeof instance.componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+        name
+      );
+    }
+
+    if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+        name
+      );
+    }
+
     var hasMutatedProps = instance.props !== newProps;
-    !(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 (instance.props !== undefined && hasMutatedProps) {
+      error(
+        "%s(...): When calling super() in `%s`, make sure to pass " +
+          "up the same props that your component's constructor was passed.",
+        name,
+        name
+      );
+    }
+
+    if (instance.defaultProps) {
+      error(
+        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+          " Instead, define defaultProps as a static property on %s.",
+        name,
+        name
+      );
+    }
 
     if (
       typeof instance.getSnapshotBeforeUpdate === "function" &&
@@ -8249,61 +7234,53 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
     ) {
       didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%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",
+    if (typeof instance.getDerivedStateFromProps === "function") {
+      error(
+        "%s: getDerivedStateFromProps() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
+
+    if (typeof instance.getDerivedStateFromError === "function") {
+      error(
+        "%s: getDerivedStateFromError() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
+
+    if (typeof ctor.getSnapshotBeforeUpdate === "function") {
+      error(
+        "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+          "and will be ignored. Instead, declare it as an instance method.",
         name
       );
     }
-    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;
+
+    var _state = instance.state;
+
+    if (_state && (typeof _state !== "object" || isArray(_state))) {
+      error("%s.state: must be set to an object or null", name);
+    }
+
+    if (
+      typeof instance.getChildContext === "function" &&
+      typeof ctor.childContextTypes !== "object"
+    ) {
+      error(
+        "%s.getChildContext(): childContextTypes must be defined in order to " +
+          "use getChildContext().",
+        name
+      );
     }
   }
 }
@@ -8319,12 +7296,7 @@ function adoptClassInstance(workInProgress, instance) {
   }
 }
 
-function constructClassInstance(
-  workInProgress,
-  ctor,
-  props,
-  renderExpirationTime
-) {
+function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = false;
   var unmaskedContext = emptyContextObject;
   var context = emptyContextObject;
@@ -8361,8 +7333,8 @@ function constructClassInstance(
             Object.keys(contextType).join(", ") +
             "}.";
         }
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s defines an invalid contextType. " +
             "contextType should point to the Context object returned by React.createContext().%s",
           getComponentName(ctor) || "Component",
@@ -8374,7 +7346,7 @@ function constructClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     context = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
     isLegacyContextConsumer =
@@ -8385,10 +7357,7 @@ function constructClassInstance(
   } // Instantiate twice to help detect side-effects.
 
   {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
+    if (workInProgress.mode & StrictMode) {
       new ctor(props, context); // eslint-disable-line no-new
     }
   }
@@ -8403,10 +7372,11 @@ function constructClassInstance(
   {
     if (typeof ctor.getDerivedStateFromProps === "function" && state === null) {
       var componentName = getComponentName(ctor) || "Component";
+
       if (!didWarnAboutUninitializedState.has(componentName)) {
         didWarnAboutUninitializedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "`%s` uses `getDerivedStateFromProps` but its initial state is " +
             "%s. This is not recommended. Instead, define the initial state by " +
             "assigning an object to `this.state` in the constructor of `%s`. " +
@@ -8427,6 +7397,7 @@ function constructClassInstance(
       var foundWillMountName = null;
       var foundWillReceivePropsName = null;
       var foundWillUpdateName = null;
+
       if (
         typeof instance.componentWillMount === "function" &&
         instance.componentWillMount.__suppressDeprecationWarning !== true
@@ -8435,6 +7406,7 @@ function constructClassInstance(
       } else if (typeof instance.UNSAFE_componentWillMount === "function") {
         foundWillMountName = "UNSAFE_componentWillMount";
       }
+
       if (
         typeof instance.componentWillReceiveProps === "function" &&
         instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
@@ -8445,6 +7417,7 @@ function constructClassInstance(
       ) {
         foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
       }
+
       if (
         typeof instance.componentWillUpdate === "function" &&
         instance.componentWillUpdate.__suppressDeprecationWarning !== true
@@ -8453,20 +7426,23 @@ function constructClassInstance(
       } 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,
+
+          error(
             "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
               "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
               "The above lifecycles should be removed. Learn more about this warning here:\n" +
@@ -8499,6 +7475,7 @@ function callComponentWillMount(workInProgress, instance) {
   if (typeof instance.componentWillMount === "function") {
     instance.componentWillMount();
   }
+
   if (typeof instance.UNSAFE_componentWillMount === "function") {
     instance.UNSAFE_componentWillMount();
   }
@@ -8507,14 +7484,14 @@ function callComponentWillMount(workInProgress, instance) {
 
   if (oldState !== instance.state) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "%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);
   }
 }
@@ -8541,10 +7518,11 @@ function callComponentWillReceiveProps(
   if (instance.state !== oldState) {
     {
       var componentName = getComponentName(workInProgress.type) || "Component";
+
       if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
         didWarnAboutStateAssignmentForComponent.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.componentWillReceiveProps(): Assigning directly to " +
             "this.state is deprecated (except inside a component's " +
             "constructor). Use setState instead.",
@@ -8571,12 +7549,11 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
 
   if (typeof contextType === "object" && contextType !== null) {
     instance.context = readContext(contextType);
-  } else if (disableLegacyContext) {
-    instance.context = emptyContextObject;
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8585,10 +7562,11 @@ function mountClassInstance(
   {
     if (instance.state === newProps) {
       var componentName = getComponentName(ctor) || "Component";
+
       if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
         didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s: It is not recommended to assign props directly to state " +
             "because updates to props won't be reflected in state. " +
             "In most cases, it is better to use props directly.",
@@ -8604,7 +7582,7 @@ function mountClassInstance(
       );
     }
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
         workInProgress,
         instance
@@ -8612,19 +7590,10 @@ function mountClassInstance(
     }
   }
 
-  var updateQueue = workInProgress.updateQueue;
-  if (updateQueue !== null) {
-    processUpdateQueue(
-      workInProgress,
-      updateQueue,
-      newProps,
-      instance,
-      renderExpirationTime
-    );
-    instance.state = workInProgress.memoizedState;
-  }
-
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+
   if (typeof getDerivedStateFromProps === "function") {
     applyDerivedStateFromProps(
       workInProgress,
@@ -8645,18 +7614,13 @@ function mountClassInstance(
     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;
-    }
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    instance.state = workInProgress.memoizedState;
   }
 
   if (typeof instance.componentDidMount === "function") {
@@ -8679,7 +7643,7 @@ function resumeMountClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
       ctor,
@@ -8715,18 +7679,9 @@ function resumeMountClassInstance(
   resetHasForceUpdateBeforeProcessing();
   var oldState = workInProgress.memoizedState;
   var newState = (instance.state = oldState);
-  var updateQueue = workInProgress.updateQueue;
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
-  if (updateQueue !== null) {
-    processUpdateQueue(
-      workInProgress,
-      updateQueue,
-      newProps,
-      instance,
-      renderExpirationTime
-    );
-    newState = workInProgress.memoizedState;
-  }
   if (
     oldProps === newProps &&
     oldState === newState &&
@@ -8738,6 +7693,7 @@ function resumeMountClassInstance(
     if (typeof instance.componentDidMount === "function") {
       workInProgress.effectTag |= Update;
     }
+
     return false;
   }
 
@@ -8814,6 +7770,7 @@ function updateClassInstance(
   renderExpirationTime
 ) {
   var instance = workInProgress.stateNode;
+  cloneUpdateQueue(current, workInProgress);
   var oldProps = workInProgress.memoizedProps;
   instance.props =
     workInProgress.type === workInProgress.elementType
@@ -8825,7 +7782,7 @@ function updateClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
   }
@@ -8857,18 +7814,8 @@ function updateClassInstance(
   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;
-  }
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
   if (
     oldProps === newProps &&
@@ -8886,6 +7833,7 @@ function updateClassInstance(
         workInProgress.effectTag |= Update;
       }
     }
+
     if (typeof instance.getSnapshotBeforeUpdate === "function") {
       if (
         oldProps !== current.memoizedProps ||
@@ -8894,6 +7842,7 @@ function updateClassInstance(
         workInProgress.effectTag |= Snapshot;
       }
     }
+
     return false;
   }
 
@@ -8958,6 +7907,7 @@ function updateClassInstance(
         workInProgress.effectTag |= Update;
       }
     }
+
     if (typeof instance.getSnapshotBeforeUpdate === "function") {
       if (
         oldProps !== current.memoizedProps ||
@@ -8996,6 +7946,7 @@ var warnForMissingKey = function(child) {};
    * object keys are not valid. This allows us to keep track of children between
    * updates.
    */
+
   ownerHasKeyUseWarning = {};
   ownerHasFunctionTypeWarning = {};
 
@@ -9026,8 +7977,8 @@ var warnForMissingKey = function(child) {};
     }
 
     ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-    warning$1(
-      false,
+
+    error(
       "Each child in a list should have a unique " +
         '"key" prop. See https://fb.me/react-warning-keys for ' +
         "more information."
@@ -9035,10 +7986,11 @@ var warnForMissingKey = function(child) {};
   };
 }
 
-var isArray = Array.isArray;
+var isArray$1 = Array.isArray;
 
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   var mixedRef = element.ref;
+
   if (
     mixedRef !== null &&
     typeof mixedRef !== "function" &&
@@ -9047,24 +7999,21 @@ function coerceRef(returnFiber, current$$1, element) {
     {
       // 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) {
+      if (
+        (returnFiber.mode & StrictMode || warnAboutStringRefs) && // We warn in ReactElement.js if owner and self are equal for string refs
+        // because these cannot be automatically converted to an arrow function
+        // using a codemod. Therefore, we don't have to warn about string refs again.
+        !(
+          element._owner &&
+          element._self &&
+          element._owner.stateNode !== element._self
+        )
+      ) {
         var componentName = 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. " +
-                "Learn more about using refs safely here: " +
-                "https://fb.me/react-strict-mode-string-ref%s",
-              componentName,
-              mixedRef,
-              getStackByFiberInDevAndProd(returnFiber)
-            );
-          } else {
-            warningWithoutStack$1(
-              false,
+          {
+            error(
               'A string ref, "%s", has been found within a strict mode tree. ' +
                 "String refs are a source of potential bugs and should be avoided. " +
                 "We recommend using useRef() or createRef() instead. " +
@@ -9074,6 +8023,7 @@ function coerceRef(returnFiber, current$$1, element) {
               getStackByFiberInDevAndProd(returnFiber)
             );
           }
+
           didWarnAboutStringRefs[componentName] = true;
         }
       }
@@ -9088,7 +8038,7 @@ function coerceRef(returnFiber, current$$1, element) {
 
         if (!(ownerFiber.tag === ClassComponent)) {
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         }
 
@@ -9106,12 +8056,12 @@ function coerceRef(returnFiber, current$$1, element) {
       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
+        current !== null &&
+        current.ref !== null &&
+        typeof current.ref === "function" &&
+        current.ref._stringRef === stringRef
       ) {
-        return current$$1.ref;
+        return current.ref;
       }
 
       var ref = function(value) {
@@ -9121,6 +8071,7 @@ function coerceRef(returnFiber, current$$1, element) {
           // This is a lazy pooled frozen object, so we need to initialize.
           refs = inst.refs = {};
         }
+
         if (value === null) {
           delete refs[stringRef];
         } else {
@@ -9153,6 +8104,7 @@ function coerceRef(returnFiber, current$$1, element) {
 function throwOnInvalidObjectType(returnFiber, newChild) {
   if (returnFiber.type !== "textarea") {
     var addendum = "";
+
     {
       addendum =
         " If you meant to render a collection of children, use an array " +
@@ -9174,23 +8126,25 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
 }
 
 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();
+  {
+    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;
-  }
+    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."
-  );
+    ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+    error(
+      "Functions are not valid as a React child. This may happen if " +
+        "you return a Component instead of <Component /> from render. " +
+        "Or maybe you meant to call this function rather than return it."
+    );
+  }
 } // 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
@@ -9215,6 +8169,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     } else {
       returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
     }
+
     childToDelete.nextEffect = null;
     childToDelete.effectTag = Deletion;
   }
@@ -9232,6 +8187,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       deleteChild(returnFiber, childToDelete);
       childToDelete = childToDelete.sibling;
     }
+
     return null;
   }
 
@@ -9255,10 +8211,10 @@ function ChildReconciler(shouldTrackSideEffects) {
     return existingChildren;
   }
 
-  function useFiber(fiber, pendingProps, expirationTime) {
+  function useFiber(fiber, pendingProps) {
     // We currently set sibling to null and index to 0 here because it is easy
     // to forget to do before returning it. E.g. for the single child case.
-    var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
+    var clone = createWorkInProgress(fiber, pendingProps);
     clone.index = 0;
     clone.sibling = null;
     return clone;
@@ -9266,15 +8222,16 @@ function ChildReconciler(shouldTrackSideEffects) {
 
   function placeChild(newFiber, lastPlacedIndex, newIndex) {
     newFiber.index = newIndex;
+
     if (!shouldTrackSideEffects) {
       // Noop.
       return lastPlacedIndex;
     }
 
-    var current$$1 = newFiber.alternate;
+    var current = newFiber.alternate;
 
-    if (current$$1 !== null) {
-      var oldIndex = current$$1.index;
+    if (current !== null) {
+      var oldIndex = current.index;
 
       if (oldIndex < lastPlacedIndex) {
         // This is a move.
@@ -9297,16 +8254,12 @@ function ChildReconciler(shouldTrackSideEffects) {
     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) {
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(
         textContent,
@@ -9317,46 +8270,48 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, textContent, expirationTime);
+      var existing = useFiber(current, textContent);
       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;
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (current !== null) {
+      if (
+        current.elementType === element.type || // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current, element)
+      ) {
+        // Move based on index
+        var existing = useFiber(current, element.props);
+        existing.ref = coerceRef(returnFiber, current, element);
+        existing.return = returnFiber;
+
+        {
+          existing._debugSource = element._source;
+          existing._debugOwner = element._owner;
+        }
+
+        return existing;
       }
-      return existing;
-    } else {
-      // Insert
-      var created = createFiberFromElement(
-        element,
-        returnFiber.mode,
-        expirationTime
-      );
-      created.ref = coerceRef(returnFiber, current$$1, element);
-      created.return = returnFiber;
-      return created;
-    }
+    } // Insert
+
+    var created = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    created.ref = coerceRef(returnFiber, current, element);
+    created.return = returnFiber;
+    return created;
   }
 
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      current$$1 === null ||
-      current$$1.tag !== HostPortal ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      current === null ||
+      current.tag !== HostPortal ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     ) {
       // Insert
       var created = createFiberFromPortal(
@@ -9368,24 +8323,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(
-        current$$1,
-        portal.children || [],
-        expirationTime
-      );
+      var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
       return existing;
     }
   }
 
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (current$$1 === null || current$$1.tag !== Fragment) {
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(
         fragment,
@@ -9397,7 +8342,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, fragment, expirationTime);
+      var existing = useFiber(current, fragment);
       existing.return = returnFiber;
       return existing;
     }
@@ -9425,28 +8370,32 @@ function ChildReconciler(shouldTrackSideEffects) {
             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)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _created3 = createFiberFromFragment(
           newChild,
           returnFiber.mode,
           expirationTime,
           null
         );
+
         _created3.return = returnFiber;
         return _created3;
       }
@@ -9474,6 +8423,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       if (key !== null) {
         return null;
       }
+
       return updateTextNode(
         returnFiber,
         oldFiber,
@@ -9495,6 +8445,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                 key
               );
             }
+
             return updateElement(
               returnFiber,
               oldFiber,
@@ -9505,6 +8456,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             return null;
           }
         }
+
         case REACT_PORTAL_TYPE: {
           if (newChild.key === key) {
             return updatePortal(
@@ -9519,7 +8471,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         if (key !== null) {
           return null;
         }
@@ -9571,6 +8523,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             existingChildren.get(
               newChild.key === null ? newIdx : newChild.key
             ) || null;
+
           if (newChild.type === REACT_FRAGMENT_TYPE) {
             return updateFragment(
               returnFiber,
@@ -9580,6 +8533,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               newChild.key
             );
           }
+
           return updateElement(
             returnFiber,
             _matchedFiber,
@@ -9587,11 +8541,13 @@ function ChildReconciler(shouldTrackSideEffects) {
             expirationTime
           );
         }
+
         case REACT_PORTAL_TYPE: {
           var _matchedFiber2 =
             existingChildren.get(
               newChild.key === null ? newIdx : newChild.key
             ) || null;
+
           return updatePortal(
             returnFiber,
             _matchedFiber2,
@@ -9601,8 +8557,9 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
+
         return updateFragment(
           returnFiber,
           _matchedFiber3,
@@ -9632,6 +8589,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       if (typeof child !== "object" || child === null) {
         return knownKeys;
       }
+
       switch (child.$$typeof) {
         case REACT_ELEMENT_TYPE:
         case REACT_PORTAL_TYPE:
@@ -9647,12 +8605,13 @@ function ChildReconciler(shouldTrackSideEffects) {
             knownKeys.add(key);
             break;
           }
+
           if (!knownKeys.has(key)) {
             knownKeys.add(key);
             break;
           }
-          warning$1(
-            false,
+
+          error(
             "Encountered two children with the same key, `%s`. " +
               "Keys should be unique so that components maintain their identity " +
               "across updates. Non-unique keys may cause children to be " +
@@ -9660,11 +8619,11 @@ function ChildReconciler(shouldTrackSideEffects) {
               "could change in a future version.",
             key
           );
-          break;
-        default:
+
           break;
       }
     }
+
     return knownKeys;
   }
 
@@ -9705,6 +8664,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     var lastPlacedIndex = 0;
     var newIdx = 0;
     var nextOldFiber = null;
+
     for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
       if (oldFiber.index > newIdx) {
         nextOldFiber = oldFiber;
@@ -9712,12 +8672,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       } 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
@@ -9750,6 +8712,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         // with the previous one.
         previousNewFiber.sibling = newFiber;
       }
+
       previousNewFiber = newFiber;
       oldFiber = nextOldFiber;
     }
@@ -9799,6 +8762,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         newChildren[newIdx],
         expirationTime
       );
+
       if (_newFiber2 !== null) {
         if (shouldTrackSideEffects) {
           if (_newFiber2.alternate !== null) {
@@ -9819,6 +8783,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         } else {
           previousNewFiber.sibling = _newFiber2;
         }
+
         previousNewFiber = _newFiber2;
       }
     }
@@ -9857,28 +8822,28 @@ function ChildReconciler(shouldTrackSideEffects) {
         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;
+        if (!didWarnAboutGenerators) {
+          error(
+            "Using Generators as children is unsupported and will likely yield " +
+              "unexpected results because enumerating a generator mutates it. " +
+              "You may convert it to an array with `Array.from()` or the " +
+              "`[...spread]` operator before rendering. Keep in mind " +
+              "you might need to polyfill these features for older browsers."
+          );
+        }
+
         didWarnAboutGenerators = true;
       } // Warn about using Maps as children
 
       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;
+        if (!didWarnAboutMaps) {
+          error(
+            "Using Maps as children is unsupported and will likely yield " +
+              "unexpected results. Convert it to a sequence/iterable of keyed " +
+              "ReactElements instead."
+          );
+        }
+
         didWarnAboutMaps = true;
       } // First, validate keys.
       // We'll get a different iterator later for the main pass.
@@ -9922,12 +8887,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       } 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
@@ -9960,6 +8927,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         // with the previous one.
         previousNewFiber.sibling = newFiber;
       }
+
       previousNewFiber = newFiber;
       oldFiber = nextOldFiber;
     }
@@ -10005,6 +8973,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         step.value,
         expirationTime
       );
+
       if (_newFiber4 !== null) {
         if (shouldTrackSideEffects) {
           if (_newFiber4.alternate !== null) {
@@ -10025,6 +8994,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         } else {
           previousNewFiber.sibling = _newFiber4;
         }
+
         previousNewFiber = _newFiber4;
       }
     }
@@ -10052,7 +9022,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       // 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);
+      var existing = useFiber(currentFirstChild, textContent);
       existing.return = returnFiber;
       return existing;
     } // The existing first child is not a text node so we need to create one
@@ -10076,38 +9046,64 @@ function ChildReconciler(shouldTrackSideEffects) {
   ) {
     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:
+        switch (child.tag) {
+          case Fragment: {
+            if (element.type === REACT_FRAGMENT_TYPE) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+              var existing = useFiber(child, element.props.children);
+              existing.return = returnFiber;
+
+              {
+                existing._debugSource = element._source;
+                existing._debugOwner = element._owner;
+              }
+
+              return existing;
+            }
+
+            break;
+          }
+
+          case Block:
+
+          // We intentionally fallthrough here if enableBlocksAPI is not on.
+          // eslint-disable-next-lined no-fallthrough
+
+          default: {
+            if (
+              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;
+            ) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+
+              var _existing3 = useFiber(child, element.props);
+
+              _existing3.ref = coerceRef(returnFiber, child, element);
+              _existing3.return = returnFiber;
+
+              {
+                _existing3._debugSource = element._source;
+                _existing3._debugOwner = element._owner;
+              }
+
+              return _existing3;
+            }
+
+            break;
           }
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
+        } // Didn't match.
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
       } else {
         deleteChild(returnFiber, child);
       }
+
       child = child.sibling;
     }
 
@@ -10126,6 +9122,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         returnFiber.mode,
         expirationTime
       );
+
       _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
       _created4.return = returnFiber;
       return _created4;
@@ -10140,6 +9137,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   ) {
     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.
@@ -10150,7 +9148,7 @@ function ChildReconciler(shouldTrackSideEffects) {
           child.stateNode.implementation === portal.implementation
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || [], expirationTime);
+          var existing = useFiber(child, portal.children || []);
           existing.return = returnFiber;
           return existing;
         } else {
@@ -10160,6 +9158,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       } else {
         deleteChild(returnFiber, child);
       }
+
       child = child.sibling;
     }
 
@@ -10210,6 +9209,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               expirationTime
             )
           );
+
         case REACT_PORTAL_TYPE:
           return placeSingleChild(
             reconcileSinglePortal(
@@ -10233,7 +9233,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       );
     }
 
-    if (isArray(newChild)) {
+    if (isArray$1(newChild)) {
       return reconcileChildrenArray(
         returnFiber,
         currentFirstChild,
@@ -10260,6 +9260,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         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,
@@ -10268,6 +9269,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         case ClassComponent: {
           {
             var instance = returnFiber.stateNode;
+
             if (instance.render._isMockFunction) {
               // We allow auto-mocks to proceed as if they're returning null.
               break;
@@ -10299,8 +9301,8 @@ function ChildReconciler(shouldTrackSideEffects) {
 
 var reconcileChildFibers = ChildReconciler(true);
 var mountChildFibers = ChildReconciler(false);
-function cloneChildFibers(current$$1, workInProgress) {
-  if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+function cloneChildFibers(current, workInProgress) {
+  if (!(current === null || workInProgress.child === current.child)) {
     throw Error("Resuming work not yet implemented.");
   }
 
@@ -10309,11 +9311,7 @@ function cloneChildFibers(current$$1, workInProgress) {
   }
 
   var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(
-    currentChild,
-    currentChild.pendingProps,
-    currentChild.expirationTime
-  );
+  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
   workInProgress.child = newChild;
   newChild.return = workInProgress;
 
@@ -10321,8 +9319,7 @@ function cloneChildFibers(current$$1, workInProgress) {
     currentChild = currentChild.sibling;
     newChild = newChild.sibling = createWorkInProgress(
       currentChild,
-      currentChild.pendingProps,
-      currentChild.expirationTime
+      currentChild.pendingProps
     );
     newChild.return = workInProgress;
   }
@@ -10372,7 +9369,7 @@ function pushHostContainer(fiber, nextRootInstance) {
   // 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.
+  var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
 
   pop(contextStackCursor$1, fiber);
   push(contextStackCursor$1, nextRootContext, fiber);
@@ -10392,7 +9389,7 @@ function getHostContext() {
 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.
+  var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
 
   if (context === nextContext) {
     return;
@@ -10495,8 +9492,8 @@ function findFirstSuspended(row) {
 
         if (
           dehydrated === null ||
-          isSuspenseInstancePending(dehydrated) ||
-          isSuspenseInstanceFallback(dehydrated)
+          isSuspenseInstancePending() ||
+          isSuspenseInstanceFallback()
         ) {
           return node;
         }
@@ -10507,6 +9504,7 @@ function findFirstSuspended(row) {
       node.memoizedProps.revealOrder !== undefined
     ) {
       var didSuspend = (node.effectTag & DidCapture) !== NoEffect;
+
       if (didSuspend) {
         return node;
       }
@@ -10535,191 +9533,7 @@ function findFirstSuspended(row) {
   return null;
 }
 
-var emptyObject$1 = {};
-var isArray$2 = Array.isArray;
-function createResponderInstance(
-  responder,
-  responderProps,
-  responderState,
-  fiber
-) {
-  return {
-    fiber: fiber,
-    props: responderProps,
-    responder: responder,
-    rootEventTypes: null,
-    state: responderState
-  };
-}
-
-function mountEventResponder$1(
-  responder,
-  responderProps,
-  fiber,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responderState = emptyObject$1;
-  var getInitialState = responder.getInitialState;
-
-  if (getInitialState !== null) {
-    responderState = getInitialState(responderProps);
-  }
-
-  var responderInstance = createResponderInstance(
-    responder,
-    responderProps,
-    responderState,
-    fiber
-  );
-
-  if (!rootContainerInstance) {
-    var node = fiber;
-
-    while (node !== null) {
-      var tag = node.tag;
-
-      if (tag === HostComponent) {
-        rootContainerInstance = node.stateNode;
-        break;
-      } else if (tag === HostRoot) {
-        rootContainerInstance = node.stateNode.containerInfo;
-        break;
-      }
-
-      node = node.return;
-    }
-  }
-
-  mountResponderInstance(
-    responder,
-    responderInstance,
-    responderProps,
-    responderState,
-    rootContainerInstance
-  );
-  respondersMap.set(responder, responderInstance);
-}
-
-function updateEventListener(
-  listener,
-  fiber,
-  visistedResponders,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responder;
-  var props;
-
-  if (listener) {
-    responder = listener.responder;
-    props = listener.props;
-  }
-
-  if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
-    throw Error(
-      "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponder()."
-    );
-  }
-
-  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 (happens in either complete or commit phase)
-    mountEventResponder$1(
-      responder,
-      listenerProps,
-      fiber,
-      respondersMap,
-      rootContainerInstance
-    );
-  } else {
-    // Update (happens during commit phase only)
-    responderInstance.props = listenerProps;
-    responderInstance.fiber = fiber;
-  }
-}
-
-function updateEventListeners(listeners, fiber, rootContainerInstance) {
-  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,
-          rootContainerInstance
-        );
-      }
-    } else {
-      updateEventListener(
-        listeners,
-        fiber,
-        visistedResponders,
-        respondersMap,
-        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 createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   var eventResponderListener = {
     responder: responder,
     props: props
@@ -10732,33 +9546,19 @@ function createResponderListener(responder, props) {
   return eventResponderListener;
 }
 
-var NoEffect$1 =
-  /*             */
-  0;
-var UnmountSnapshot =
-  /*      */
+var HasEffect =
+  /* */
+  1; // Represents the phase in which the effect (not the clean-up) fires.
+
+var Layout =
+  /*    */
   2;
-var UnmountMutation =
-  /*      */
+var Passive$1 =
+  /*   */
   4;
-var MountMutation =
-  /*        */
-  8;
-var UnmountLayout =
-  /*        */
-  16;
-var MountLayout =
-  /*          */
-  32;
-var MountPassive =
-  /*         */
-  64;
-var UnmountPassive =
-  /*       */
-  128;
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
 
 {
@@ -10766,7 +9566,7 @@ var didWarnAboutMismatchedHooksForComponent;
 }
 
 // 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
+var renderExpirationTime = 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
@@ -10775,26 +9575,12 @@ var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on th
 // 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 workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
+// does not get reset if we do another render pass; only when we're completely
+// finished evaluating this component. This is an optimization so we know
+// whether we need to clear render phase updates after a throw.
+
+var didScheduleRenderPhaseUpdate = false;
 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.
@@ -10826,6 +9612,7 @@ function updateHookTypesDev() {
 
     if (hookTypesDev !== null) {
       hookTypesUpdateIndexDev++;
+
       if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
         warnOnHookMismatchInDev(hookName);
       }
@@ -10838,8 +9625,7 @@ 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,
+      error(
         "%s received a final argument that is not an array (instead, received `%s`). When " +
           "specified, the final argument must be an array.",
         currentHookNameInDev,
@@ -10852,6 +9638,7 @@ function checkDepsAreArrayDev(deps) {
 function warnOnHookMismatchInDev(currentHookName) {
   {
     var componentName = getComponentName(currentlyRenderingFiber$1.type);
+
     if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
       didWarnAboutMismatchedHooksForComponent.add(componentName);
 
@@ -10874,8 +9661,7 @@ function warnOnHookMismatchInDev(currentHookName) {
           table += row;
         }
 
-        warning$1(
-          false,
+        error(
           "React has detected a change in the order of Hooks called by %s. " +
             "This will lead to bugs and errors if not fixed. " +
             "For more information, read the Rules of Hooks: https://fb.me/rules-of-hooks\n\n" +
@@ -10909,14 +9695,14 @@ function areHookInputsEqual(nextDeps, prevDeps) {
 
   if (prevDeps === null) {
     {
-      warning$1(
-        false,
+      error(
         "%s received a final argument during this render, but not during " +
           "the previous render. Even though the final argument is optional, " +
           "its type cannot change between renders.",
         currentHookNameInDev
       );
     }
+
     return false;
   }
 
@@ -10924,8 +9710,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
     // Don't bother comparing lengths in prod because these arrays should be
     // passed inline.
     if (nextDeps.length !== prevDeps.length) {
-      warning$1(
-        false,
+      error(
         "The final argument passed to %s changed size between renders. The " +
           "order and size of this array must remain constant.\n\n" +
           "Previous: %s\n" +
@@ -10938,7 +9723,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
   }
 
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (is$1(nextDeps[i], prevDeps[i])) {
+    if (objectIs(nextDeps[i], prevDeps[i])) {
       continue;
     }
 
@@ -10953,12 +9738,11 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = nextRenderExpirationTime;
   currentlyRenderingFiber$1 = workInProgress;
-  nextCurrentHook = current !== null ? current.memoizedState : null;
 
   {
     hookTypesDev = current !== null ? current._debugHookTypes : null;
@@ -10966,89 +9750,87 @@ function renderWithHooks(
 
     ignorePreviousDependencies =
       current !== null && current.type !== workInProgress.type;
-  } // The following should have already been reset
+  }
+
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = NoWork; // 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.
+  // Currently we will identify the update render as a mount because memoizedState === null.
   // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-  // Using nextCurrentHook to differentiate between mount/update only works if at least one stateful hook is used.
+  // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
   // Non-stateful hooks (e.g. context) don't get added to memoizedState,
-  // so nextCurrentHook would be null during updates and mounts.
+  // so memoizedState would be null during updates and mounts.
 
   {
-    if (nextCurrentHook !== null) {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+    if (current !== null && current.memoizedState !== null) {
+      ReactCurrentDispatcher.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;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountWithHookTypesInDEV;
     } else {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountInDEV;
     }
   }
 
-  var children = Component(props, refOrContext);
+  var children = Component(props, secondArg); // Check if there was a render phase update
+
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    // Keep rendering in a loop for as long as render phase updates continue to
+    // be scheduled. Use a counter to prevent infinite loops.
+    var numberOfReRenders = 0;
 
-  if (didScheduleRenderPhaseUpdate) {
     do {
-      didScheduleRenderPhaseUpdate = false;
+      workInProgress.expirationTime = NoWork;
+
+      if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      }
+
       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;
+      workInProgress.updateQueue = null;
 
       {
         // Also validate hook order for cascading updates.
         hookTypesUpdateIndexDev = -1;
       }
 
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-      children = Component(props, refOrContext);
-    } while (didScheduleRenderPhaseUpdate);
-
-    renderPhaseUpdates = null;
-    numberOfReRenders = 0;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerenderInDEV;
+      children = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   } // 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;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
   {
-    renderedWork._debugHookTypes = hookTypesDev;
+    workInProgress._debugHookTypes = hookTypesDev;
   } // This check uses currentHook so that it works the same in DEV and prod bundles.
   // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
   var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-  renderExpirationTime$1 = NoWork;
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     currentHookNameInDev = null;
@@ -11056,12 +9838,7 @@ function renderWithHooks(
     hookTypesUpdateIndexDev = -1;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0; // These were reset above
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
+  didScheduleRenderPhaseUpdate = false;
 
   if (!!didRenderTooFewHooks) {
     throw Error(
@@ -11079,20 +9856,37 @@ function bailoutHooks(current, workInProgress, expirationTime) {
     current.expirationTime = NoWork;
   }
 }
-function resetHooks() {
+function resetHooksAfterThrow() {
   // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-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.
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+
+  if (didScheduleRenderPhaseUpdate) {
+    // There were render phase updates. These are only valid for this render
+    // phase, which we are now aborting. Remove the updates from the queues so
+    // they do not persist to the next render. Do not remove updates from hooks
+    // that weren't processed.
+    //
+    // Only reset the updates from the queue if it has a clone. If it does
+    // not have a clone, that means it wasn't processed, and the updates were
+    // scheduled before we entered the render phase.
+    var hook = currentlyRenderingFiber$1.memoizedState;
+
+    while (hook !== null) {
+      var queue = hook.queue;
+
+      if (queue !== null) {
+        queue.pending = null;
+      }
 
-  renderExpirationTime$1 = NoWork;
+      hook = hook.next;
+    }
+  }
+
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     hookTypesDev = null;
@@ -11100,30 +9894,26 @@ function resetHooks() {
     currentHookNameInDev = null;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0;
   didScheduleRenderPhaseUpdate = false;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
 }
 
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
 
   if (workInProgressHook === null) {
     // This is the first hook in the list
-    firstWorkInProgressHook = workInProgressHook = hook;
+    currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
   } else {
     // Append to the end of the list
     workInProgressHook = workInProgressHook.next = hook;
   }
+
   return workInProgressHook;
 }
 
@@ -11133,12 +9923,33 @@ function updateWorkInProgressHook() {
   // clone, or a work-in-progress hook from a previous render pass that we can
   // use as a base. When we reach the end of the base list, we must switch to
   // the dispatcher used for mounts.
+  var nextCurrentHook;
+
+  if (currentHook === null) {
+    var current = currentlyRenderingFiber$1.alternate;
+
+    if (current !== null) {
+      nextCurrentHook = current.memoizedState;
+    } else {
+      nextCurrentHook = null;
+    }
+  } else {
+    nextCurrentHook = currentHook.next;
+  }
+
+  var nextWorkInProgressHook;
+
+  if (workInProgressHook === null) {
+    nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
+  } else {
+    nextWorkInProgressHook = workInProgressHook.next;
+  }
+
   if (nextWorkInProgressHook !== null) {
     // There's already a work-in-progress. Reuse it.
     workInProgressHook = nextWorkInProgressHook;
     nextWorkInProgressHook = workInProgressHook.next;
     currentHook = nextCurrentHook;
-    nextCurrentHook = currentHook !== null ? currentHook.next : null;
   } else {
     // Clone from the current hook.
     if (!(nextCurrentHook !== null)) {
@@ -11149,20 +9960,18 @@ function updateWorkInProgressHook() {
     var newHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
 
     if (workInProgressHook === null) {
       // This is the first hook in the list.
-      workInProgressHook = firstWorkInProgressHook = newHook;
+      currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook;
     } else {
       // Append to the end of the list.
       workInProgressHook = workInProgressHook.next = newHook;
     }
-
-    nextCurrentHook = currentHook.next;
   }
 
   return workInProgressHook;
@@ -11175,6 +9984,7 @@ function createFunctionComponentUpdateQueue() {
 }
 
 function basicStateReducer(state, action) {
+  // $FlowFixMe: Flow doesn't like mixed types
   return typeof action === "function" ? action(state) : action;
 }
 
@@ -11187,15 +9997,16 @@ function mountReducer(reducer, initialArg, init) {
   } else {
     initialState = initialArg;
   }
+
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11213,157 +10024,191 @@ function updateReducer(reducer, initialArg, init) {
   }
 
   queue.lastRenderedReducer = reducer;
+  var current = currentHook; // The last rebase update that is NOT part of the base state.
 
-  if (numberOfReRenders > 0) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // work-in-progress hook.
-    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$1(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.
+  var baseQueue = current.baseQueue; // The last pending update that hasn't been processed yet.
 
-        if (hook.baseUpdate === queue.last) {
-          hook.baseState = newState;
-        }
+  var pendingQueue = queue.pending;
 
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
     }
 
-    return [hook.memoizedState, _dispatch];
-  } // The last update in the entire queue
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
+  }
 
-  var last = queue.last; // The last update that is part of the base state.
+  if (baseQueue !== null) {
+    // We have a queue to process.
+    var first = baseQueue.next;
+    var newState = current.baseState;
+    var newBaseState = null;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
+    var update = first;
 
-  var baseUpdate = hook.baseUpdate;
-  var baseState = hook.baseState; // Find the first unprocessed update.
+    do {
+      var updateExpirationTime = update.expirationTime;
 
-  var first;
-
-  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) {
+      if (updateExpirationTime < renderExpirationTime) {
         // 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;
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+
+        if (newBaseQueueLast === null) {
+          newBaseQueueFirst = newBaseQueueLast = clone;
+          newBaseState = newState;
+        } else {
+          newBaseQueueLast = newBaseQueueLast.next = clone;
         } // Update the remaining priority in the queue.
 
-        if (updateExpirationTime > remainingExpirationTime) {
-          remainingExpirationTime = updateExpirationTime;
-          markUnprocessedUpdateTime(remainingExpirationTime);
+        if (updateExpirationTime > currentlyRenderingFiber$1.expirationTime) {
+          currentlyRenderingFiber$1.expirationTime = updateExpirationTime;
+          markUnprocessedUpdateTime(updateExpirationTime);
         }
       } else {
         // This update does have sufficient priority.
-        // Mark the event time of this update as relevant to this render pass.
+        if (newBaseQueueLast !== null) {
+          var _clone = {
+            expirationTime: Sync,
+            // This update is going to be committed so we never want uncommit it.
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          };
+          newBaseQueueLast = newBaseQueueLast.next = _clone;
+        } // 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
+          update.suspenseConfig
         ); // Process this update.
 
-        if (_update.eagerReducer === reducer) {
+        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;
+          newState = update.eagerState;
         } else {
-          var _action = _update.action;
-          _newState = reducer(_newState, _action);
+          var action = update.action;
+          newState = reducer(newState, action);
         }
       }
 
-      prevUpdate = _update;
-      _update = _update.next;
-    } while (_update !== null && _update !== first);
+      update = update.next;
+    } while (update !== null && update !== first);
 
-    if (!didSkip) {
-      newBaseUpdate = prevUpdate;
-      newBaseState = _newState;
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
     } // Mark that the fiber performed work, but only if the new state is
     // different from the current state.
 
-    if (!is$1(_newState, hook.memoizedState)) {
+    if (!objectIs(newState, hook.memoizedState)) {
       markWorkInProgressReceivedUpdate();
     }
 
-    hook.memoizedState = _newState;
-    hook.baseUpdate = newBaseUpdate;
+    hook.memoizedState = newState;
     hook.baseState = newBaseState;
-    queue.lastRenderedState = _newState;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = newState;
   }
 
   var dispatch = queue.dispatch;
   return [hook.memoizedState, dispatch];
 }
 
+function rerenderReducer(reducer, initialArg, init) {
+  var hook = updateWorkInProgressHook();
+  var queue = hook.queue;
+
+  if (!(queue !== null)) {
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  }
+
+  queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
+  // work-in-progress hook.
+
+  var dispatch = queue.dispatch;
+  var lastRenderPhaseUpdate = queue.pending;
+  var newState = hook.memoizedState;
+
+  if (lastRenderPhaseUpdate !== null) {
+    // The queue doesn't persist past this render pass.
+    queue.pending = null;
+    var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+    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 !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
+    // different from the current state.
+
+    if (!objectIs(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.baseQueue === null) {
+      hook.baseState = newState;
+    }
+
+    queue.lastRenderedState = newState;
+  }
+
+  return [newState, dispatch];
+}
+
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === "function") {
+    // $FlowFixMe: Flow doesn't like mixed types
     initialState = initialState();
   }
 
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11371,7 +10216,11 @@ function mountState(initialState) {
 }
 
 function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
+  return updateReducer(basicStateReducer);
+}
+
+function rerenderState(initialState) {
+  return rerenderReducer(basicStateReducer);
 }
 
 function pushEffect(tag, create, destroy, deps) {
@@ -11383,8 +10232,11 @@ function pushEffect(tag, create, destroy, deps) {
     // Circular
     next: null
   };
+  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
+
   if (componentUpdateQueue === null) {
     componentUpdateQueue = createFunctionComponentUpdateQueue();
+    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
     componentUpdateQueue.lastEffect = effect.next = effect;
   } else {
     var lastEffect = componentUpdateQueue.lastEffect;
@@ -11398,6 +10250,7 @@ function pushEffect(tag, create, destroy, deps) {
       componentUpdateQueue.lastEffect = effect;
     }
   }
+
   return effect;
 }
 
@@ -11423,8 +10276,13 @@ function updateRef(initialValue) {
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, undefined, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | hookEffectTag,
+    create,
+    undefined,
+    nextDeps
+  );
 }
 
 function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
@@ -11440,52 +10298,35 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
       var prevDeps = prevEffect.deps;
 
       if (areHookInputsEqual(nextDeps, prevDeps)) {
-        pushEffect(NoEffect$1, create, destroy, nextDeps);
+        pushEffect(hookEffectTag, create, destroy, nextDeps);
         return;
       }
     }
   }
 
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | 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
-  );
+  return mountEffectImpl(Update | Passive, Passive$1, 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
-  );
+  return updateEffectImpl(Update | Passive, Passive$1, create, deps);
 }
 
 function mountLayoutEffect(create, deps) {
-  return mountEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return mountEffectImpl(Update, Layout, create, deps);
 }
 
 function updateLayoutEffect(create, deps) {
-  return updateEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return updateEffectImpl(Update, Layout, create, deps);
 }
 
 function imperativeHandleEffect(create, ref) {
@@ -11500,15 +10341,15 @@ function imperativeHandleEffect(create, ref) {
     };
   } 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;
+      if (!refObject.hasOwnProperty("current")) {
+        error(
+          "Expected useImperativeHandle() first argument to either be a " +
+            "ref callback or React.createRef() object. Instead received: %s.",
+          "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+        );
+      }
     }
 
     var _inst2 = create();
@@ -11522,21 +10363,20 @@ function imperativeHandleEffect(create, ref) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return mountEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11544,21 +10384,20 @@ function mountImperativeHandle(ref, create, deps) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return updateEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11593,6 +10432,7 @@ function updateCallback(callback, deps) {
       }
     }
   }
+
   hook.memoizedState = [callback, nextDeps];
   return callback;
 }
@@ -11609,15 +10449,18 @@ 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;
@@ -11630,17 +10473,14 @@ function mountDeferredValue(value, config) {
 
   mountEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
@@ -11648,100 +10488,151 @@ function mountDeferredValue(value, config) {
 }
 
 function updateDeferredValue(value, config) {
-  var _updateState = updateState(value),
+  var _updateState = updateState(),
     prevValue = _updateState[0],
     setValue = _updateState[1];
 
   updateEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    },
+    [value, config]
+  );
+  return prevValue;
+}
+
+function rerenderDeferredValue(value, config) {
+  var _rerenderState = rerenderState(),
+    prevValue = _rerenderState[0],
+    setValue = _rerenderState[1];
+
+  updateEffect(
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
   return prevValue;
 }
 
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(
+    priorityLevel < UserBlockingPriority ? UserBlockingPriority : priorityLevel,
+    function() {
+      setPending(true);
+    }
+  );
+  runWithPriority(
+    priorityLevel > NormalPriority ? NormalPriority : priorityLevel,
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setPending(false);
+        callback();
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    }
+  );
+}
+
 function mountTransition(config) {
   var _mountState2 = mountState(false),
     isPending = _mountState2[0],
     setPending = _mountState2[1];
 
-  var startTransition = mountCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
-
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+  var start = mountCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function updateTransition(config) {
-  var _updateState2 = updateState(false),
+  var _updateState2 = updateState(),
     isPending = _updateState2[0],
     setPending = _updateState2[1];
 
-  var startTransition = updateCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
+}
 
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+function rerenderTransition(config) {
+  var _rerenderState2 = rerenderState(),
+    isPending = _rerenderState2[0],
+    setPending = _rerenderState2[1];
+
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function dispatchAction(fiber, queue, action) {
-  if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
+  {
+    if (typeof arguments[3] === "function") {
+      error(
+        "State updates from the useState() and useReducer() Hooks don't support the " +
+          "second callback argument. To execute a side effect after " +
+          "rendering, declare it in the component body with useEffect()."
+      );
+    }
   }
 
+  var currentTime = requestCurrentTimeForUpdate();
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    fiber,
+    suspenseConfig
+  );
+  var update = {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+
   {
-    !(typeof arguments[3] !== "function")
-      ? 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;
+    update.priority = getCurrentPriorityLevel();
+  } // Append the update to the end of the list.
+
+  var pending = queue.pending;
+
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
+  } else {
+    update.next = pending.next;
+    pending.next = update;
   }
 
+  queue.pending = update;
   var alternate = fiber.alternate;
+
   if (
     fiber === currentlyRenderingFiber$1 ||
     (alternate !== null && alternate === currentlyRenderingFiber$1)
@@ -11750,76 +10641,9 @@ function dispatchAction(fiber, queue, action) {
     // 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;
-    }
+    update.expirationTime = renderExpirationTime;
+    currentlyRenderingFiber$1.expirationTime = renderExpirationTime;
   } else {
-    var currentTime = requestCurrentTimeForUpdate();
-    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)
@@ -11833,8 +10657,8 @@ function dispatchAction(fiber, queue, action) {
         var prevDispatcher;
 
         {
-          prevDispatcher = ReactCurrentDispatcher$1.current;
-          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          prevDispatcher = ReactCurrentDispatcher.current;
+          ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
         }
 
         try {
@@ -11844,10 +10668,10 @@ function dispatchAction(fiber, queue, action) {
           // time we enter the render phase, then the eager state can be used
           // without calling the reducer again.
 
-          _update2.eagerReducer = lastRenderedReducer;
-          _update2.eagerState = eagerState;
+          update.eagerReducer = lastRenderedReducer;
+          update.eagerState = eagerState;
 
-          if (is$1(eagerState, currentState)) {
+          if (objectIs(eagerState, currentState)) {
             // Fast path. We can bail out without scheduling React to re-render.
             // It's still possible that we'll need to rebase this update later,
             // if the component re-renders for a different reason and by that
@@ -11858,23 +10682,24 @@ function dispatchAction(fiber, queue, action) {
           // Suppress the error. It will throw again in the render phase.
         } finally {
           {
-            ReactCurrentDispatcher$1.current = prevDispatcher;
+            ReactCurrentDispatcher.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);
   }
 }
 
+function mountEventListener(event) {
+  return undefined;
+}
+
+function updateEventListener(event) {
+  return undefined;
+}
+
 var ContextOnlyDispatcher = {
   readContext: readContext,
   useCallback: throwInvalidHookError,
@@ -11889,18 +10714,20 @@ var ContextOnlyDispatcher = {
   useDebugValue: throwInvalidHookError,
   useResponder: throwInvalidHookError,
   useDeferredValue: throwInvalidHookError,
-  useTransition: throwInvalidHookError
+  useTransition: throwInvalidHookError,
+  useEvent: throwInvalidHookError
 };
 var HooksDispatcherOnMountInDEV = null;
 var HooksDispatcherOnMountWithHookTypesInDEV = null;
 var HooksDispatcherOnUpdateInDEV = null;
+var HooksDispatcherOnRerenderInDEV = null;
 var InvalidNestedHooksDispatcherOnMountInDEV = null;
 var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
 
 {
   var warnInvalidContextAccess = function() {
-    warning$1(
-      false,
+    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 " +
@@ -11909,8 +10736,7 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
   };
 
   var warnInvalidHookAccess = function() {
-    warning$1(
-      false,
+    error(
       "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
         "You can only call Hooks at the top level of your React function. " +
         "For more information, see " +
@@ -11955,23 +10781,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       mountHookTypesDev();
       checkDepsAreArrayDev(deps);
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -11982,23 +10810,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       mountHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12009,6 +10838,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       mountHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnMountWithHookTypesInDEV = {
@@ -12043,23 +10877,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -12070,23 +10906,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12097,6 +10934,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnUpdateInDEV = {
@@ -12131,50 +10973,53 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12185,70 +11030,173 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
-  InvalidNestedHooksDispatcherOnMountInDEV = {
+  HooksDispatcherOnRerenderInDEV = {
     readContext: function(context, observedBits) {
-      warnInvalidContextAccess();
       return readContext(context, observedBits);
     },
     useCallback: function(callback, deps) {
       currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountCallback(callback, deps);
+      updateHookTypesDev();
+      return updateCallback(callback, deps);
     },
     useContext: function(context, observedBits) {
       currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
+      updateHookTypesDev();
       return readContext(context, observedBits);
     },
     useEffect: function(create, deps) {
       currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountEffect(create, deps);
+      updateHookTypesDev();
+      return updateEffect(create, deps);
     },
     useImperativeHandle: function(ref, create, deps) {
       currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountImperativeHandle(ref, create, deps);
+      updateHookTypesDev();
+      return updateImperativeHandle(ref, create, deps);
     },
     useLayoutEffect: function(create, deps) {
       currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountLayoutEffect(create, deps);
+      updateHookTypesDev();
+      return updateLayoutEffect(create, deps);
     },
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
       try {
-        return mountMemo(create, deps);
+        return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
       try {
-        return mountReducer(reducer, initialArg, init);
+        return rerenderReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return rerenderState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
+    }
+  };
+  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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
+      try {
+        return mountMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
+      try {
+        return mountReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
       mountHookTypesDev();
       return mountRef(initialValue);
     },
@@ -12256,25 +11204,26 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12287,6 +11236,12 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       mountHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
   InvalidNestedHooksDispatcherOnUpdateInDEV = {
@@ -12328,55 +11283,58 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12389,2412 +11347,951 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       updateHookTypesDev();
       return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
-}
-
-// 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;
-  }
-}
-
-// 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,
-  suspenseInstance
-) {
-  if (!supportsHydration) {
-    return false;
-  }
-
-  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 = (fiber.effectTag & ~Hydrating) | 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) {
-          var suspenseState = {
-            dehydrated: suspenseInstance,
-            retryTime: Never
-          };
-          fiber.memoizedState = suspenseState; // Store the dehydrated fragment as a child fiber.
-          // This simplifies the code for getHostSibling and deleting nodes,
-          // since it doesn't have to consider all Suspense boundaries and
-          // check if they're dehydrated ones or not.
-
-          var dehydratedFragment = createFiberFromDehydratedFragment(
-            suspenseInstance
-          );
-          dehydratedFragment.return = fiber;
-          fiber.child = dehydratedFragment;
-          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) {
-    {
-      throw 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) {
-    {
-      throw 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 prepareToHydrateHostSuspenseInstance(fiber) {
-  if (!supportsHydration) {
-    {
-      throw Error(
-        "Expected prepareToHydrateHostSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  hydrateSuspenseInstance(suspenseInstance, fiber);
-}
-
-function skipPastDehydratedSuspenseInstance(fiber) {
-  if (!supportsHydration) {
-    {
-      throw Error(
-        "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  return getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
-}
-
-function popToNextHostParent(fiber) {
-  var parent = fiber.return;
-  while (
-    parent !== null &&
-    parent.tag !== HostComponent &&
-    parent.tag !== HostRoot &&
-    parent.tag !== SuspenseComponent
-  ) {
-    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);
-
-  if (fiber.tag === SuspenseComponent) {
-    nextHydratableInstance = skipPastDehydratedSuspenseInstance(fiber);
-  } else {
-    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;
-var didWarnAboutModulePatternComponent;
-var didWarnAboutContextTypeOnFunctionComponent;
-var didWarnAboutGetDerivedStateOnFunctionComponent;
-var didWarnAboutFunctionRefs;
-var didWarnAboutReassigningProps;
-var didWarnAboutMaxDuration;
-var didWarnAboutRevealOrder;
-var didWarnAboutTailOptions;
-var didWarnAboutDefaultPropsOnFunctionComponent;
-
-{
-  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;
-  prepareToReadContext(workInProgress, renderExpirationTime);
-
-  {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
-    nextChildren = renderWithHooks(
-      current$$1,
-      workInProgress,
-      render,
-      nextProps,
-      ref,
-      renderExpirationTime
-    );
-
-    if (
-      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;
-
-  if (!disableLegacyContext) {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
-
-  var nextChildren;
-  prepareToReadContext(workInProgress, renderExpirationTime);
-
-  {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
-    nextChildren = renderWithHooks(
-      current$$1,
-      workInProgress,
-      Component,
-      nextProps,
-      context,
-      renderExpirationTime
-    );
-
-    if (
-      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;
-
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-
-  prepareToReadContext(workInProgress, renderExpirationTime);
-  var instance = workInProgress.stateNode;
-  var shouldUpdate;
-
-  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;
-
-  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 (
-        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;
-
-  if (!(updateQueue !== null)) {
-    throw 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 (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.
-    var child = mountChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderExpirationTime
-    );
-    workInProgress.child = child;
-    var node = child;
-
-    while (node) {
-      // Mark each child as hydrating. This is a fast path to know whether this
-      // tree is part of a hydrating tree. This is used to determine if a child
-      // node has fully mounted yet, and for scheduling event replaying.
-      // Conceptually this is similar to Placement in that a new subtree is
-      // inserted into the React tree here. It just happens to not need DOM
-      // mutations because it already exists.
-      node.effectTag = (node.effectTag & ~Placement) | Hydrating;
-      node = node.sibling;
-    }
-  } 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;
-
-  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.
-
-      {
-        throw 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;
-
-  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;
-
-  if (!disableLegacyContext) {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
-
-  prepareToReadContext(workInProgress, renderExpirationTime);
-  var value;
-
-  {
-    if (
-      Component.prototype &&
-      typeof Component.prototype.render === "function"
-    ) {
-      var componentName = getComponentName(Component) || "Unknown";
+  InvalidNestedHooksDispatcherOnRerenderInDEV = {
+    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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      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;
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
-    }
-
-    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;
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-  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;
+      try {
+        return rerenderReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
-    } // 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;
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    if (typeof getDerivedStateFromProps === "function") {
-      applyDerivedStateFromProps(
-        workInProgress,
-        Component,
-        getDerivedStateFromProps,
-        props
-      );
+      try {
+        return rerenderState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
+  };
+}
 
-    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"
-        );
-      }
+var now$1 = Scheduler.unstable_now;
+var commitTime = 0;
+var profilerStartTime = -1;
 
-      if (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode
-      ) {
-        // Only double-render components with Hooks
-        if (workInProgress.memoizedState !== null) {
-          value = renderWithHooks(
-            null,
-            workInProgress,
-            Component,
-            props,
-            context,
-            renderExpirationTime
-          );
-        }
-      }
-    }
+function getCommitTime() {
+  return commitTime;
+}
 
-    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+function recordCommitTime() {
+  commitTime = now$1();
+}
 
-    {
-      validateFunctionComponentInDev(workInProgress, Component);
-    }
+function startProfilerTimer(fiber) {
+  profilerStartTime = now$1();
 
-    return workInProgress.child;
+  if (fiber.actualStartTime < 0) {
+    fiber.actualStartTime = now$1();
   }
 }
 
-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;
-  }
+function stopProfilerTimerIfRunning(fiber) {
+  profilerStartTime = -1;
+}
 
-  if (workInProgress.ref !== null) {
-    var info = "";
-    var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+  if (profilerStartTime >= 0) {
+    var elapsedTime = now$1() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
 
-    if (ownerName) {
-      info += "\n\nCheck the render method of `" + ownerName + "`.";
+    if (overrideBaseTime) {
+      fiber.selfBaseDuration = elapsedTime;
     }
 
-    var warningKey = ownerName || workInProgress._debugID || "";
-    var debugSource = workInProgress._debugSource;
+    profilerStartTime = -1;
+  }
+}
 
-    if (debugSource) {
-      warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-    }
+function enterHydrationState(fiber) {
+  {
+    return false;
+  }
+}
 
-    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
+function prepareToHydrateHostInstance(
+  fiber,
+  rootContainerInstance,
+  hostContext
+) {
+  {
+    {
+      throw Error(
+        "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
       );
     }
   }
+}
 
-  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
+function prepareToHydrateHostTextInstance(fiber) {
+  {
+    {
+      throw Error(
+        "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
       );
-      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
     }
   }
+  var shouldUpdate = hydrateTextInstance();
+}
 
-  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;
-    }
+function popHydrationState(fiber) {
+  {
+    return false;
   }
+}
 
-  if (
-    typeof Component.contextType === "object" &&
-    Component.contextType !== null
-  ) {
-    var _componentName3 = getComponentName(Component) || "Unknown";
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+var didReceiveUpdate = false;
+var didWarnAboutBadClass;
+var didWarnAboutModulePatternComponent;
+var didWarnAboutContextTypeOnFunctionComponent;
+var didWarnAboutGetDerivedStateOnFunctionComponent;
+var didWarnAboutFunctionRefs;
+var didWarnAboutReassigningProps;
+var didWarnAboutRevealOrder;
+var didWarnAboutTailOptions;
 
-    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
-      warningWithoutStack$1(
-        false,
-        "%s: Function components do not support contextType.",
-        _componentName3
-      );
-      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
-    }
+{
+  didWarnAboutBadClass = {};
+  didWarnAboutModulePatternComponent = {};
+  didWarnAboutContextTypeOnFunctionComponent = {};
+  didWarnAboutGetDerivedStateOnFunctionComponent = {};
+  didWarnAboutFunctionRefs = {};
+  didWarnAboutReassigningProps = false;
+  didWarnAboutRevealOrder = {};
+  didWarnAboutTailOptions = {};
+}
+
+function reconcileChildren(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  if (current === null) {
+    // If this is a fresh new component that hasn't been rendered yet, we
+    // won't update its child set by applying minimal side-effects. Instead,
+    // we will add them all to the child before it gets rendered. That means
+    // we can optimize this reconciliation pass by not tracking side-effects.
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      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.child,
+      nextChildren,
+      renderExpirationTime
+    );
   }
 }
 
-var SUSPENDED_MARKER = {
-  dehydrated: null,
-  retryTime: NoWork
-};
+function forceUnmountCurrentAndReconcile(
+  current,
+  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.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
+  // identities match.
 
-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)
+  workInProgress.child = reconcileChildFibers(
+    workInProgress,
+    null,
+    nextChildren,
+    renderExpirationTime
   );
 }
 
-function updateSuspenseComponent(
-  current$$1,
+function updateForwardRef(
+  current,
   workInProgress,
+  Component,
+  nextProps,
   renderExpirationTime
 ) {
-  var mode = workInProgress.mode;
-  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
-
+  // 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 (shouldSuspend(workInProgress)) {
-      workInProgress.effectTag |= DidCapture;
-    }
-  }
-
-  var suspenseContext = suspenseStackCursor.current;
-  var nextDidTimeout = false;
-  var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
+    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 (
-    didSuspend ||
-    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
-  ) {
-    // Something in this boundary's subtree already suspended. Switch to
-    // rendering the fallback children.
-    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
+      if (innerPropTypes) {
+        checkPropTypes(
+          innerPropTypes,
+          nextProps, // Resolved props
+          "prop",
+          getComponentName(Component)
         );
       }
     }
   }
 
-  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.
-
-  if (current$$1 === null) {
-    // 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 been a dehydrated suspense component.
-
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
-
-        if (suspenseState !== null) {
-          var dehydrated = suspenseState.dehydrated;
+  var render = Component.render;
+  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
-          if (dehydrated !== null) {
-            return mountDehydratedSuspenseComponent(
-              workInProgress,
-              dehydrated,
-              renderExpirationTime
-            );
-          }
-        }
-      }
-    } // This is the initial mount. This branch is pretty simple because there's
-    // no previous state that needs to be preserved.
+  var nextChildren;
+  prepareToReadContext(workInProgress, renderExpirationTime);
 
-    if (nextDidTimeout) {
-      // Mount separate fragments for primary and fallback children.
-      var nextFallbackChildren = nextProps.fallback;
-      var primaryChildFragment = createFiberFromFragment(
-        null,
-        mode,
-        NoWork,
-        null
-      );
-      primaryChildFragment.return = workInProgress;
+  {
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
+    nextChildren = renderWithHooks(
+      current,
+      workInProgress,
+      render,
+      nextProps,
+      ref,
+      renderExpirationTime
+    );
 
-      if ((workInProgress.mode & BlockingMode) === NoMode) {
-        // Outside of blocking mode, we commit the effects from the
-        // partially completed, timed-out tree, too.
-        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;
-        }
+    if (workInProgress.mode & StrictMode) {
+      // Only double-render components with Hooks
+      if (workInProgress.memoizedState !== null) {
+        nextChildren = renderWithHooks(
+          current,
+          workInProgress,
+          render,
+          nextProps,
+          ref,
+          renderExpirationTime
+        );
       }
-
-      var fallbackChildFragment = createFiberFromFragment(
-        nextFallbackChildren,
-        mode,
-        renderExpirationTime,
-        null
-      );
-      fallbackChildFragment.return = workInProgress;
-      primaryChildFragment.sibling = fallbackChildFragment; // Skip the primary children, and continue working on the
-      // fallback children.
-
-      workInProgress.memoizedState = SUSPENDED_MARKER;
-      workInProgress.child = primaryChildFragment;
-      return fallbackChildFragment;
-    } else {
-      // Mount the primary children without an intermediate fragment fiber.
-      var nextPrimaryChildren = nextProps.children;
-      workInProgress.memoizedState = null;
-      return (workInProgress.child = 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;
-
-    if (prevState !== null) {
-      if (enableSuspenseServerRenderer) {
-        var _dehydrated = prevState.dehydrated;
-
-        if (_dehydrated !== null) {
-          if (!didSuspend) {
-            return updateDehydratedSuspenseComponent(
-              current$$1,
-              workInProgress,
-              _dehydrated,
-              prevState,
-              renderExpirationTime
-            );
-          } else if (workInProgress.memoizedState !== null) {
-            // Something suspended and we should still be in dehydrated mode.
-            // Leave the existing child in place.
-            workInProgress.child = current$$1.child; // The dehydrated completion pass expects this flag to be there
-            // but the normal suspense pass doesn't.
 
-            workInProgress.effectTag |= DidCapture;
-            return null;
-          } else {
-            // Suspended but we should no longer be in dehydrated mode.
-            // Therefore we now have to render the fallback. Wrap the children
-            // in a fragment fiber to keep them separate from the fallback
-            // children.
-            var _nextFallbackChildren = nextProps.fallback;
-
-            var _primaryChildFragment = createFiberFromFragment(
-              // It shouldn't matter what the pending props are because we aren't
-              // going to render this fragment.
-              null,
-              mode,
-              NoWork,
-              null
-            );
+    setIsRendering(false);
+  }
 
-            _primaryChildFragment.return = workInProgress; // This is always null since we never want the previous child
-            // that we're not going to hydrate.
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderExpirationTime
+    );
+  } // React DevTools reads this flag.
 
-            _primaryChildFragment.child = null;
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-            if ((workInProgress.mode & BlockingMode) === NoMode) {
-              // Outside of blocking mode, we commit the effects from the
-              // partially completed, timed-out tree, too.
-              var _progressedChild = (_primaryChildFragment.child =
-                workInProgress.child);
+function updateMemoComponent(
+  current,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (current === null) {
+    var type = Component.type;
 
-              while (_progressedChild !== null) {
-                _progressedChild.return = _primaryChildFragment;
-                _progressedChild = _progressedChild.sibling;
-              }
-            } else {
-              // We will have dropped the effect list which contains the deletion.
-              // We need to reconcile to delete the current child.
-              reconcileChildFibers(
-                workInProgress,
-                current$$1.child,
-                null,
-                renderExpirationTime
-              );
-            } // Because primaryChildFragment is a new fiber that we're inserting as the
-            // parent of a new tree, we need to set its treeBaseDuration.
+    if (
+      isSimpleFunctionComponent(type) &&
+      Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
+      Component.defaultProps === undefined
+    ) {
+      var resolvedType = type;
 
-            if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-              // treeBaseDuration is the sum of all the child tree base durations.
-              var treeBaseDuration = 0;
-              var hiddenChild = _primaryChildFragment.child;
+      {
+        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.
 
-              while (hiddenChild !== null) {
-                treeBaseDuration += hiddenChild.treeBaseDuration;
-                hiddenChild = hiddenChild.sibling;
-              }
+      workInProgress.tag = SimpleMemoComponent;
+      workInProgress.type = resolvedType;
 
-              _primaryChildFragment.treeBaseDuration = treeBaseDuration;
-            } // Create a fragment from the fallback children, too.
+      {
+        validateFunctionComponentInDev(workInProgress, type);
+      }
 
-            var _fallbackChildFragment = createFiberFromFragment(
-              _nextFallbackChildren,
-              mode,
-              renderExpirationTime,
-              null
-            );
+      return updateSimpleMemoComponent(
+        current,
+        workInProgress,
+        resolvedType,
+        nextProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-            _fallbackChildFragment.return = workInProgress;
-            _primaryChildFragment.sibling = _fallbackChildFragment;
-            _fallbackChildFragment.effectTag |= Placement;
-            _primaryChildFragment.childExpirationTime = NoWork;
-            workInProgress.memoizedState = SUSPENDED_MARKER;
-            workInProgress.child = _primaryChildFragment; // Skip the primary children, and continue working on the
-            // fallback children.
+    {
+      var innerPropTypes = type.propTypes;
 
-            return _fallbackChildFragment;
-          }
-        }
-      } // The current tree already timed out. That means each child set is
-      // wrapped in a fragment fiber.
+      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)
+        );
+      }
+    }
 
-      var currentPrimaryChildFragment = current$$1.child;
-      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+    var child = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    child.ref = workInProgress.ref;
+    child.return = workInProgress;
+    workInProgress.child = child;
+    return child;
+  }
 
-      if (nextDidTimeout) {
-        // Still timed out. Reuse the current primary children by cloning
-        // its fragment. We're going to skip over these entirely.
-        var _nextFallbackChildren2 = nextProps.fallback;
+  {
+    var _type = Component.type;
+    var _innerPropTypes = _type.propTypes;
 
-        var _primaryChildFragment2 = createWorkInProgress(
-          currentPrimaryChildFragment,
-          currentPrimaryChildFragment.pendingProps,
-          NoWork
-        );
+    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)
+      );
+    }
+  }
 
-        _primaryChildFragment2.return = workInProgress;
+  var currentChild = current.child; // This is always exactly one child
 
-        if ((workInProgress.mode & BlockingMode) === NoMode) {
-          // Outside of blocking mode, we commit the effects from the
-          // partially completed, timed-out tree, too.
-          var _progressedState = workInProgress.memoizedState;
+  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 _progressedPrimaryChild =
-            _progressedState !== null
-              ? workInProgress.child.child
-              : workInProgress.child;
+    var compare = Component.compare;
+    compare = compare !== null ? compare : shallowEqual;
 
-          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
-            _primaryChildFragment2.child = _progressedPrimaryChild;
-            var _progressedChild2 = _progressedPrimaryChild;
+    if (compare(prevProps, nextProps) && current.ref === workInProgress.ref) {
+      return bailoutOnAlreadyFinishedWork(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  } // React DevTools reads this flag.
 
-            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.
+  workInProgress.effectTag |= PerformedWork;
+  var newChild = createWorkInProgress(currentChild, nextProps);
+  newChild.ref = workInProgress.ref;
+  newChild.return = workInProgress;
+  workInProgress.child = newChild;
+  return newChild;
+}
 
-        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-          // treeBaseDuration is the sum of all the child tree base durations.
-          var _treeBaseDuration = 0;
-          var _hiddenChild = _primaryChildFragment2.child;
+function updateSimpleMemoComponent(
+  current,
+  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;
 
-          while (_hiddenChild !== null) {
-            _treeBaseDuration += _hiddenChild.treeBaseDuration;
-            _hiddenChild = _hiddenChild.sibling;
-          }
+      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);
+      }
 
-          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
-        } // Clone the fallback child fragment, too. These we'll continue
-        // working on.
+      var outerPropTypes = outerMemoType && outerMemoType.propTypes;
 
-        var _fallbackChildFragment2 = createWorkInProgress(
-          currentFallbackChildFragment,
-          _nextFallbackChildren2,
-          currentFallbackChildFragment.expirationTime
+      if (outerPropTypes) {
+        checkPropTypes(
+          outerPropTypes,
+          nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
+          "prop",
+          getComponentName(outerMemoType)
         );
+      } // Inner propTypes will be validated in the function component path.
+    }
+  }
 
-        _fallbackChildFragment2.return = workInProgress;
-        _primaryChildFragment2.sibling = _fallbackChildFragment2;
-        _primaryChildFragment2.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
-        // fallback children.
+  if (current !== null) {
+    var prevProps = current.memoizedProps;
 
-        workInProgress.memoizedState = SUSPENDED_MARKER;
-        workInProgress.child = _primaryChildFragment2;
-        return _fallbackChildFragment2;
-      } 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(
+    if (
+      shallowEqual(prevProps, nextProps) &&
+      current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
+      workInProgress.type === current.type
+    ) {
+      didReceiveUpdate = false;
+
+      if (updateExpirationTime < renderExpirationTime) {
+        // The pending update priority was cleared at the beginning of
+        // beginWork. We're about to bail out, but there might be additional
+        // updates at a lower priority. Usually, the priority level of the
+        // remaining updates is accumlated during the evaluation of the
+        // component (i.e. when processing the update queue). But since since
+        // we're bailing out early *without* evaluating the component, we need
+        // to account for it here, too. Reset to the value of the current fiber.
+        // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
+        // because a MemoComponent fiber does not have hooks or an update queue;
+        // rather, it wraps around an inner component, which may or may not
+        // contains hooks.
+        // TODO: Move the reset at in beginWork out of the common path so that
+        // this is no longer necessary.
+        workInProgress.expirationTime = current.expirationTime;
+        return bailoutOnAlreadyFinishedWork(
+          current,
           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.
-
-        workInProgress.memoizedState = null;
-        return (workInProgress.child = 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 _nextFallbackChildren3 = nextProps.fallback;
+  return updateFunctionComponent(
+    current,
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+}
 
-        var _primaryChildFragment3 = createFiberFromFragment(
-          // It shouldn't matter what the pending props are because we aren't
-          // going to render this fragment.
-          null,
-          mode,
-          NoWork,
-          null
-        );
+function updateFragment(current, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-        _primaryChildFragment3.return = workInProgress;
-        _primaryChildFragment3.child = _currentPrimaryChild;
+function updateMode(current, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps.children;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-        if (_currentPrimaryChild !== null) {
-          _currentPrimaryChild.return = _primaryChildFragment3;
-        } // 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;
+function updateProfiler(current, workInProgress, renderExpirationTime) {
+  {
+    workInProgress.effectTag |= Update; // Reset effect durations for the next eventual effect phase.
+    // These are reset during render to allow the DevTools commit hook a chance to read them,
 
-        if ((workInProgress.mode & BlockingMode) === NoMode) {
-          // Outside of blocking mode, we commit the effects from the
-          // partially completed, timed-out tree, too.
-          var _progressedState2 = workInProgress.memoizedState;
+    var stateNode = workInProgress.stateNode;
+    stateNode.effectDuration = 0;
+    stateNode.passiveEffectDuration = 0;
+  }
 
-          var _progressedPrimaryChild2 =
-            _progressedState2 !== null
-              ? workInProgress.child.child
-              : workInProgress.child;
+  var nextProps = workInProgress.pendingProps;
+  var nextChildren = nextProps.children;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
+
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
 
-          _primaryChildFragment3.child = _progressedPrimaryChild2;
-          var _progressedChild3 = _progressedPrimaryChild2;
+  if (
+    (current === null && ref !== null) ||
+    (current !== null && current.ref !== ref)
+  ) {
+    // Schedule a Ref effect
+    workInProgress.effectTag |= Ref;
+  }
+}
 
-          while (_progressedChild3 !== null) {
-            _progressedChild3.return = _primaryChildFragment3;
-            _progressedChild3 = _progressedChild3.sibling;
-          }
-        } // Because primaryChildFragment is a new fiber that we're inserting as the
-        // parent of a new tree, we need to set its treeBaseDuration.
+function updateFunctionComponent(
+  current,
+  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 (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-          // treeBaseDuration is the sum of all the child tree base durations.
-          var _treeBaseDuration2 = 0;
-          var _hiddenChild2 = _primaryChildFragment3.child;
+      if (innerPropTypes) {
+        checkPropTypes(
+          innerPropTypes,
+          nextProps, // Resolved props
+          "prop",
+          getComponentName(Component)
+        );
+      }
+    }
+  }
 
-          while (_hiddenChild2 !== null) {
-            _treeBaseDuration2 += _hiddenChild2.treeBaseDuration;
-            _hiddenChild2 = _hiddenChild2.sibling;
-          }
+  var context;
 
-          _primaryChildFragment3.treeBaseDuration = _treeBaseDuration2;
-        } // Create a fragment from the fallback children, too.
+  {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
-        var _fallbackChildFragment3 = createFiberFromFragment(
-          _nextFallbackChildren3,
-          mode,
-          renderExpirationTime,
-          null
-        );
+  var nextChildren;
+  prepareToReadContext(workInProgress, renderExpirationTime);
 
-        _fallbackChildFragment3.return = workInProgress;
-        _primaryChildFragment3.sibling = _fallbackChildFragment3;
-        _fallbackChildFragment3.effectTag |= Placement;
-        _primaryChildFragment3.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
-        // fallback children.
+  {
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
+    nextChildren = renderWithHooks(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      context,
+      renderExpirationTime
+    );
 
-        workInProgress.memoizedState = SUSPENDED_MARKER;
-        workInProgress.child = _primaryChildFragment3;
-        return _fallbackChildFragment3;
-      } else {
-        // Still haven't timed out.  Continue rendering the children, like we
-        // normally do.
-        workInProgress.memoizedState = null;
-        var _nextPrimaryChildren2 = nextProps.children;
-        return (workInProgress.child = reconcileChildFibers(
+    if (workInProgress.mode & StrictMode) {
+      // Only double-render components with Hooks
+      if (workInProgress.memoizedState !== null) {
+        nextChildren = renderWithHooks(
+          current,
           workInProgress,
-          _currentPrimaryChild,
-          _nextPrimaryChildren2,
+          Component,
+          nextProps,
+          context,
           renderExpirationTime
-        ));
+        );
       }
     }
+
+    setIsRendering(false);
   }
+
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderExpirationTime
+    );
+  } // React DevTools reads this flag.
+
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
 }
 
-function retrySuspenseComponentWithoutHydrating(
-  current$$1,
+function updateClassComponent(
+  current,
   workInProgress,
+  Component,
+  nextProps,
   renderExpirationTime
 ) {
-  // We're now not suspended nor dehydrated.
-  workInProgress.memoizedState = null; // Retry with the full children.
+  {
+    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;
 
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children; // This will ensure that the children get Placement effects and
-  // that the old child gets a Deletion effect.
-  // We could also call forceUnmountCurrentAndReconcile.
+      if (innerPropTypes) {
+        checkPropTypes(
+          innerPropTypes,
+          nextProps, // Resolved props
+          "prop",
+          getComponentName(Component)
+        );
+      }
+    }
+  } // Push context providers early to prevent context stack mismatches.
+  // During mounting we don't know the child context yet as the instance doesn't exist.
+  // We will invalidate the child context in finishClassComponent() right after rendering.
 
-  reconcileChildren(
-    current$$1,
+  var hasContext;
+
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
+  }
+
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var instance = workInProgress.stateNode;
+  var shouldUpdate;
+
+  if (instance === null) {
+    if (current !== null) {
+      // A class component without an instance 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;
+    } // In the initial pass we might need to construct the instance.
+
+    constructClassInstance(workInProgress, Component, nextProps);
+    mountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+    shouldUpdate = true;
+  } else if (current === null) {
+    // In a resume, we'll already have an instance we can reuse.
+    shouldUpdate = resumeMountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  } else {
+    shouldUpdate = updateClassInstance(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  }
+
+  var nextUnitOfWork = finishClassComponent(
+    current,
     workInProgress,
-    nextChildren,
+    Component,
+    shouldUpdate,
+    hasContext,
     renderExpirationTime
   );
-  return workInProgress.child;
+
+  {
+    var inst = workInProgress.stateNode;
+
+    if (inst.props !== nextProps) {
+      if (!didWarnAboutReassigningProps) {
+        error(
+          "It looks like %s is reassigning its own `this.props` while rendering. " +
+            "This is not supported and can lead to confusing bugs.",
+          getComponentName(workInProgress.type) || "a component"
+        );
+      }
+
+      didWarnAboutReassigningProps = true;
+    }
+  }
+
+  return nextUnitOfWork;
 }
 
-function mountDehydratedSuspenseComponent(
+function finishClassComponent(
+  current,
   workInProgress,
-  suspenseInstance,
+  Component,
+  shouldUpdate,
+  hasContext,
   renderExpirationTime
 ) {
-  // During the first pass, we'll bail out and not drill into the children.
-  // Instead, we'll leave the content in place and try to hydrate it later.
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    {
-      warning$1(
-        false,
-        "Cannot hydrate Suspense in legacy mode. Switch from " +
-          "ReactDOM.hydrate(element, container) to " +
-          "ReactDOM.createBlockingRoot(container, { hydrate: true })" +
-          ".render(element) or remove the Suspense components from " +
-          "the server rendered components."
-      );
+  // Refs should update even if shouldComponentUpdate returns false
+  markRef(current, workInProgress);
+  var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
+
+  if (!shouldUpdate && !didCaptureError) {
+    // Context providers should defer to sCU for rendering
+    if (hasContext) {
+      invalidateContextProvider(workInProgress, Component, false);
     }
 
-    workInProgress.expirationTime = Sync;
-  } else 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 = requestCurrentTimeForUpdate(); // Schedule a normal pri update to render this content.
+    return bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
 
-    var newExpirationTime = computeAsyncExpiration(serverDisplayTime);
+  var instance = workInProgress.stateNode; // Rerender
 
-    if (enableSchedulerTracing) {
-      markSpawnedWork(newExpirationTime);
-    }
+  ReactCurrentOwner$1.current = workInProgress;
+  var nextChildren;
 
-    workInProgress.expirationTime = newExpirationTime;
+  if (
+    didCaptureError &&
+    typeof Component.getDerivedStateFromError !== "function"
+  ) {
+    // If we captured an error, but getDerivedStateFromError is not defined,
+    // unmount all the children. componentDidCatch will schedule an update to
+    // re-render a fallback. This is temporary until we migrate everyone to
+    // the new API.
+    // TODO: Warn in a future release.
+    nextChildren = null;
+
+    {
+      stopProfilerTimerIfRunning();
+    }
   } else {
-    // 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;
+    {
+      setIsRendering(true);
+      nextChildren = instance.render();
 
-    if (enableSchedulerTracing) {
-      markSpawnedWork(Never);
+      if (workInProgress.mode & StrictMode) {
+        instance.render();
+      }
+
+      setIsRendering(false);
     }
+  } // React DevTools reads this flag.
+
+  workInProgress.effectTag |= PerformedWork;
+
+  if (current !== null && didCaptureError) {
+    // If we're recovering from an error, reconcile without reusing any of
+    // the existing children. Conceptually, the normal children and the children
+    // that are shown on error are two different sets, so we shouldn't reuse
+    // normal children even if their identities match.
+    forceUnmountCurrentAndReconcile(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current,
+      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 null;
+  return workInProgress.child;
 }
 
-function updateDehydratedSuspenseComponent(
-  current$$1,
-  workInProgress,
-  suspenseInstance,
-  suspenseState,
-  renderExpirationTime
-) {
-  // We should never be hydrating at this point because it is the first pass,
-  // but after we've already committed once.
-  warnIfHydrating();
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
 
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    return retrySuspenseComponentWithoutHydrating(
-      current$$1,
+  if (root.pendingContext) {
+    pushTopLevelContextObject(
       workInProgress,
-      renderExpirationTime
+      root.pendingContext,
+      root.pendingContext !== root.context
     );
+  } else if (root.context) {
+    // Should always be set
+    pushTopLevelContextObject(workInProgress, root.context, false);
   }
 
-  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
+  pushHostContainer(workInProgress, root.containerInfo);
+}
+
+function updateHostRoot(current, workInProgress, renderExpirationTime) {
+  pushHostRootContext(workInProgress);
+  var updateQueue = workInProgress.updateQueue;
+
+  if (!(current !== null && updateQueue !== null)) {
+    throw 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."
     );
-  } // 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, if
-    // we are rendering at lower expiration than sync.
-    if (renderExpirationTime < Sync) {
-      if (suspenseState.retryTime <= renderExpirationTime) {
-        // This render is even higher pri than we've seen before, let's try again
-        // at even higher pri.
-        var attemptHydrationAtExpirationTime = renderExpirationTime + 1;
-        suspenseState.retryTime = attemptHydrationAtExpirationTime;
-        scheduleWork(current$$1, attemptHydrationAtExpirationTime); // TODO: Early abort this render.
-      } else {
-        // We have already tried to ping at a higher priority than we're rendering with
-        // so if we got here, we must have failed to hydrate at those levels. We must
-        // now give up. 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. This might suspend for a while and if it does we might still have
-        // an opportunity to hydrate before this pass commits.
-      }
-    } // If we have scheduled higher pri work above, this will probably just abort the render
-    // since we now have higher priority work, but in case it doesn't, we need to prepare to
-    // render something, if we time out. Even if that requires us to delete everything and
-    // skip hydration.
-    // Delay having to do this as long as the suspense timeout allows us.
-
-    renderDidSuspendDelayIfPossible();
-    return retrySuspenseComponentWithoutHydrating(
-      current$$1,
+  }
+
+  var nextProps = workInProgress.pendingProps;
+  var prevState = workInProgress.memoizedState;
+  var prevChildren = prevState !== null ? prevState.element : null;
+  cloneUpdateQueue(current, workInProgress);
+  processUpdateQueue(workInProgress, 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) {
+    return bailoutOnAlreadyFinishedWork(
+      current,
       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 child in place. I.e. the dehydrated fragment.
-
-    workInProgress.child = current$$1.child; // Register a callback to retry this boundary once the server has sent the result.
-
-    registerSuspenseInstanceRetry(
-      suspenseInstance,
-      retryDehydratedSuspenseBoundary.bind(null, current$$1)
-    );
-    return null;
-  } else {
-    // This is the first attempt.
-    reenterHydrationStateFromDehydratedSuspenseInstance(
-      workInProgress,
-      suspenseInstance
-    );
-    var nextProps = workInProgress.pendingProps;
-    var nextChildren = nextProps.children;
+  }
+
+  var root = workInProgress.stateNode;
+
+  if (root.hydrate && enterHydrationState()) {
+    // 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.
     var child = mountChildFibers(
       workInProgress,
       null,
       nextChildren,
       renderExpirationTime
     );
+    workInProgress.child = child;
     var node = child;
 
     while (node) {
@@ -14804,4133 +12301,3612 @@ function updateDehydratedSuspenseComponent(
       // Conceptually this is similar to Placement in that a new subtree is
       // inserted into the React tree here. It just happens to not need DOM
       // mutations because it already exists.
-      node.effectTag |= Hydrating;
-      node = node.sibling;
-    }
-
-    workInProgress.child = child;
-    return workInProgress.child;
-  }
-}
-
-function scheduleWorkOnFiber(fiber, renderExpirationTime) {
-  if (fiber.expirationTime < renderExpirationTime) {
-    fiber.expirationTime = renderExpirationTime;
-  }
-
-  var alternate = fiber.alternate;
-
-  if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
-    alternate.expirationTime = renderExpirationTime;
-  }
-
-  scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
-}
-
-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) {
-        scheduleWorkOnFiber(node, renderExpirationTime);
-      }
-    } else if (node.tag === SuspenseListComponent) {
-      // If the tail is hidden there might not be an Suspense boundaries
-      // to schedule work on. In this case we have to schedule it on the
-      // list itself.
-      // We don't have to traverse to the children of the list since
-      // the list will propagate the change when it rerenders.
-      scheduleWorkOnFiber(node, 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);
+      node.effectTag = (node.effectTag & ~Placement) | Hydrating;
+      node = node.sibling;
+    }
+  } else {
+    // Otherwise reset hydration state in case we aborted and resumed another
+    // root.
+    reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
 
-        if (typeof iteratorFn === "function") {
-          var childrenIterator = iteratorFn.call(children);
+  return workInProgress.child;
+}
 
-          if (childrenIterator) {
-            var step = childrenIterator.next();
-            var _i = 0;
+function updateHostComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContext(workInProgress);
 
-            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
-          );
-        }
-      }
-    }
+  var type = workInProgress.type;
+  var nextProps = workInProgress.pendingProps;
+  var prevProps = current !== null ? current.memoizedProps : null;
+  var nextChildren = nextProps.children;
+
+  if (prevProps !== null && shouldSetTextContent()) {
+    // If we're switching from a direct text child to a normal child, or to
+    // empty, we need to schedule the text content to be reset.
+    workInProgress.effectTag |= ContentReset;
   }
-}
 
-function initSuspenseListRenderState(
-  workInProgress,
-  isBackwards,
-  tail,
-  lastContentRow,
-  tailMode,
-  lastEffectBeforeRendering
-) {
-  var renderState = workInProgress.memoizedState;
+  markRef(current, workInProgress); // Check the host config to see if the children are offscreen/hidden.
 
-  if (renderState === null) {
-    workInProgress.memoizedState = {
-      isBackwards: isBackwards,
-      rendering: null,
-      last: lastContentRow,
-      tail: tail,
-      tailExpiration: 0,
-      tailMode: tailMode,
-      lastEffect: lastEffectBeforeRendering
-    };
-  } 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;
-    renderState.lastEffect = lastEffectBeforeRendering;
+  if (
+    workInProgress.mode & ConcurrentMode &&
+    renderExpirationTime !== Never &&
+    shouldDeprioritizeSubtree()
+  ) {
+    {
+      markSpawnedWork(Never);
+    } // Schedule this fiber to re-render at offscreen priority. Then bailout.
+
+    workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+    return null;
   }
-} // 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,
+    current,
     workInProgress,
-    newChildren,
+    nextChildren,
     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
-      );
-    }
+  return workInProgress.child;
+}
 
-    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+function updateHostText(current, workInProgress) {
+  // immediately after.
+
+  return null;
+}
+
+function mountLazyComponent(
+  _current,
+  workInProgress,
+  elementType,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // A lazy component only mounts if it suspended inside a non-
+    // concurrent tree, in an inconsistent state. We want to treat it like
+    // a new mount, even though an empty version of it already committed.
+    // Disconnect the alternate pointers.
+    _current.alternate = null;
+    workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
+    workInProgress.effectTag |= Placement;
   }
 
-  pushSuspenseContext(workInProgress, suspenseContext);
+  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.
 
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    // Outside of blocking 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;
+  cancelWorkTimer(workInProgress);
+  var Component = readLazyComponentType(elementType); // Store the unwrapped component in the type.
 
-        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,
-          workInProgress.lastEffect
+  workInProgress.type = Component;
+  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
+  startWorkTimer(workInProgress);
+  var resolvedProps = resolveDefaultProps(Component, props);
+  var child;
+
+  switch (resolvedTag) {
+    case FunctionComponent: {
+      {
+        validateFunctionComponentInDev(workInProgress, Component);
+        workInProgress.type = Component = resolveFunctionForHotReloading(
+          Component
         );
-        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.
+      child = updateFunctionComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      return child;
+    }
 
-        initSuspenseListRenderState(
-          workInProgress,
-          true, // isBackwards
-          _tail,
-          null, // last
-          tailMode,
-          workInProgress.lastEffect
+    case ClassComponent: {
+      {
+        workInProgress.type = Component = resolveClassForHotReloading(
+          Component
         );
-        break;
       }
 
-      case "together": {
-        initSuspenseListRenderState(
-          workInProgress,
-          false, // isBackwards
-          null, // tail
-          null, // last
-          undefined,
-          workInProgress.lastEffect
+      child = updateClassComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      return child;
+    }
+
+    case ForwardRef: {
+      {
+        workInProgress.type = Component = resolveForwardRefForHotReloading(
+          Component
         );
-        break;
       }
 
-      default: {
-        // The default reveal order is the same as not having
-        // a boundary.
-        workInProgress.memoizedState = null;
+      child = updateForwardRef(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      return child;
+    }
+
+    case MemoComponent: {
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = Component.propTypes;
+
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              resolvedProps, // Resolved for outer only
+              "prop",
+              getComponentName(Component)
+            );
+          }
+        }
       }
+
+      child = updateMemoComponent(
+        null,
+        workInProgress,
+        Component,
+        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
+        updateExpirationTime,
+        renderExpirationTime
+      );
+      return child;
     }
   }
-  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
+  var hint = "";
+
+  {
+    if (
+      Component !== null &&
+      typeof Component === "object" &&
+      Component.$$typeof === REACT_LAZY_TYPE
+    ) {
+      hint = " Did you wrap a component in React.lazy() more than once?";
+    }
+  } // This message intentionally doesn't mention ForwardRef or MemoComponent
+  // because the fact that it's a separate type of work is an
+  // implementation detail.
+
+  {
+    throw Error(
+      "Element type is invalid. Received a promise that resolves to: " +
+        Component +
+        ". Lazy element type must resolve to a class or function." +
+        hint
     );
   }
-  return workInProgress.child;
 }
 
-function updateContextProvider(
-  current$$1,
+function mountIncompleteClassComponent(
+  _current,
   workInProgress,
+  Component,
+  nextProps,
   renderExpirationTime
 ) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
-  var newProps = workInProgress.pendingProps;
-  var oldProps = workInProgress.memoizedProps;
-  var newValue = newProps.value;
+  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
 
-  {
-    var providerPropTypes = workInProgress.type.propTypes;
+    workInProgress.effectTag |= Placement;
+  } // Promote the fiber to a class and try rendering again.
 
-    if (providerPropTypes) {
-      checkPropTypes(
-        providerPropTypes,
-        newProps,
-        "prop",
-        "Context.Provider",
-        getCurrentFiberStackInDev
-      );
-    }
-  }
+  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.
 
-  pushProvider(workInProgress, newValue);
+  var hasContext;
 
-  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
-      );
-    }
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
   }
 
-  var newChildren = newProps.children;
-  reconcileChildren(
-    current$$1,
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  constructClassInstance(workInProgress, Component, nextProps);
+  mountClassInstance(
     workInProgress,
-    newChildren,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+  return finishClassComponent(
+    null,
+    workInProgress,
+    Component,
+    true,
+    hasContext,
     renderExpirationTime
   );
-  return workInProgress.child;
 }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
-function updateContextConsumer(
-  current$$1,
+function mountIndeterminateComponent(
+  _current,
   workInProgress,
+  Component,
   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;
-    }
+  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 newProps = workInProgress.pendingProps;
-  var render = newProps.children;
+
+  var props = workInProgress.pendingProps;
+  var context;
 
   {
-    !(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;
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+    context = getMaskedContext(workInProgress, unmaskedContext);
   }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-  var newValue = readContext(context, newProps.unstable_observedBits);
-  var newChildren;
+  var value;
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
-    newChildren = render(newValue);
-    setCurrentPhase(null);
+    if (
+      Component.prototype &&
+      typeof Component.prototype.render === "function"
+    ) {
+      var componentName = getComponentName(Component) || "Unknown";
+
+      if (!didWarnAboutBadClass[componentName]) {
+        error(
+          "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+            "This is likely to cause errors. Change %s to extend React.Component instead.",
+          componentName,
+          componentName
+        );
+
+        didWarnAboutBadClass[componentName] = true;
+      }
+    }
+
+    if (workInProgress.mode & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    }
+
+    ReactCurrentOwner$1.current = workInProgress;
+    value = renderWithHooks(
+      null,
+      workInProgress,
+      Component,
+      props,
+      context,
+      renderExpirationTime
+    );
   } // 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 (
+    typeof value === "object" &&
+    value !== null &&
+    typeof value.render === "function" &&
+    value.$$typeof === undefined
+  ) {
+    {
+      var _componentName = getComponentName(Component) || "Unknown";
 
-  if (fundamentalImpl.reconcileChildren === false) {
-    return null;
-  }
+      if (!didWarnAboutModulePatternComponent[_componentName]) {
+        error(
+          "The <%s /> component appears to be a function component that returns a class instance. " +
+            "Change %s to a class that extends React.Component instead. " +
+            "If you can't use a class try assigning the prototype on the function as a workaround. " +
+            "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
+            "cannot be called with `new` by React.",
+          _componentName,
+          _componentName,
+          _componentName
+        );
+
+        didWarnAboutModulePatternComponent[_componentName] = true;
+      }
+    } // Proceed under the assumption that this is a class instance
 
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
-  return workInProgress.child;
-}
+    workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
 
-function updateScopeComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
-  return workInProgress.child;
-}
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
+    // During mounting we don't know the child context yet as the instance doesn't exist.
+    // We will invalidate the child context in finishClassComponent() right after rendering.
 
-function markWorkInProgressReceivedUpdate() {
-  didReceiveUpdate = true;
-}
+    var hasContext = false;
 
-function bailoutOnAlreadyFinishedWork(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  cancelWorkTimer(workInProgress);
+    if (isContextProvider(Component)) {
+      hasContext = true;
+      pushContextProvider(workInProgress);
+    } else {
+      hasContext = false;
+    }
 
-  if (current$$1 !== null) {
-    // Reuse previous dependencies
-    workInProgress.dependencies = current$$1.dependencies;
-  }
+    workInProgress.memoizedState =
+      value.state !== null && value.state !== undefined ? value.state : null;
+    initializeUpdateQueue(workInProgress);
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
 
-  if (enableProfilerTimer) {
-    // Don't update "base" render times for bailouts.
-    stopProfilerTimerIfRunning(workInProgress);
-  }
+    if (typeof getDerivedStateFromProps === "function") {
+      applyDerivedStateFromProps(
+        workInProgress,
+        Component,
+        getDerivedStateFromProps,
+        props
+      );
+    }
 
-  var updateExpirationTime = workInProgress.expirationTime;
+    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 (updateExpirationTime !== NoWork) {
-    markUnprocessedUpdateTime(updateExpirationTime);
-  } // Check if the children have any pending work.
+    {
+      if (workInProgress.mode & StrictMode) {
+        // Only double-render components with Hooks
+        if (workInProgress.memoizedState !== null) {
+          value = renderWithHooks(
+            null,
+            workInProgress,
+            Component,
+            props,
+            context,
+            renderExpirationTime
+          );
+        }
+      }
+    }
 
-  var childExpirationTime = workInProgress.childExpirationTime;
+    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+
+    {
+      validateFunctionComponentInDev(workInProgress, Component);
+    }
 
-  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) {
+function validateFunctionComponentInDev(workInProgress, Component) {
   {
-    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 (Component) {
+      if (Component.childContextTypes) {
+        error(
+          "%s(...): childContextTypes cannot be defined on a function component.",
+          Component.displayName || Component.name || "Component"
+        );
+      }
+    }
 
-    if (oldWorkInProgress === returnFiber.child) {
-      returnFiber.child = newWorkInProgress;
-    } else {
-      var prevSibling = returnFiber.child;
+    if (workInProgress.ref !== null) {
+      var info = "";
+      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
 
-      if (prevSibling === null) {
-        throw new Error("Expected parent to have a child.");
+      if (ownerName) {
+        info += "\n\nCheck the render method of `" + ownerName + "`.";
       }
 
-      while (prevSibling.sibling !== oldWorkInProgress) {
-        prevSibling = prevSibling.sibling;
+      var warningKey = ownerName || workInProgress._debugID || "";
+      var debugSource = workInProgress._debugSource;
 
-        if (prevSibling === null) {
-          throw new Error("Expected to find the previous sibling.");
-        }
+      if (debugSource) {
+        warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
       }
 
-      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 (!didWarnAboutFunctionRefs[warningKey]) {
+        didWarnAboutFunctionRefs[warningKey] = true;
 
-    if (last !== null) {
-      last.nextEffect = current$$1;
-      returnFiber.lastEffect = current$$1;
-    } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+        error(
+          "Function components cannot be given refs. " +
+            "Attempts to access this ref will fail. " +
+            "Did you mean to use React.forwardRef()?%s",
+          info
+        );
+      }
     }
 
-    current$$1.nextEffect = null;
-    current$$1.effectTag = Deletion;
-    newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
-
-    return newWorkInProgress;
-  }
-}
+    if (typeof Component.getDerivedStateFromProps === "function") {
+      var _componentName2 = getComponentName(Component) || "Unknown";
 
-function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
-  var updateExpirationTime = workInProgress.expirationTime;
+      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+        error(
+          "%s: Function components do not support getDerivedStateFromProps.",
+          _componentName2
+        );
 
-  {
-    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
-        )
-      );
+        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
+      }
     }
-  }
-
-  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
+      typeof Component.contextType === "object" &&
+      Component.contextType !== null
     ) {
-      // 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;
+      var _componentName3 = getComponentName(Component) || "Unknown";
 
-        case HostComponent:
-          pushHostContext(workInProgress);
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+        error(
+          "%s: Function components do not support contextType.",
+          _componentName3
+        );
 
-          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.
+        didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
+      }
+    }
+  }
+}
 
-            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
-            return null;
-          }
+var SUSPENDED_MARKER = {
+  dehydrated: null,
+  retryTime: NoWork
+};
 
-          break;
+function shouldRemainOnFallback(suspenseContext, current, 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 === null || current.memoizedState !== null)
+  );
+}
 
-        case ClassComponent: {
-          var Component = workInProgress.type;
+function updateSuspenseComponent(
+  current,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode;
+  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
 
-          if (isContextProvider(Component)) {
-            pushContextProvider(workInProgress);
-          }
+  {
+    if (shouldSuspend(workInProgress)) {
+      workInProgress.effectTag |= DidCapture;
+    }
+  }
 
-          break;
-        }
+  var suspenseContext = suspenseStackCursor.current;
+  var nextDidTimeout = false;
+  var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
-        case HostPortal:
-          pushHostContainer(
-            workInProgress,
-            workInProgress.stateNode.containerInfo
-          );
-          break;
-        case ContextProvider: {
-          var newValue = workInProgress.memoizedProps.value;
-          pushProvider(workInProgress, newValue);
-          break;
-        }
+  if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
+    // Something in this boundary's subtree already suspended. Switch to
+    // rendering the fallback children.
+    nextDidTimeout = true;
+    workInProgress.effectTag &= ~DidCapture;
+  } else {
+    // Attempting the main content
+    if (current === null || current.memoizedState !== null) {
+      // This is a new mount or this boundary is already showing a fallback state.
+      // Mark this subtree context as having at least one invisible parent that could
+      // handle the fallback state.
+      // 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
+        );
+      }
+    }
+  }
 
-        case Profiler:
-          if (enableProfilerTimer) {
-            // Profiler should only call onRender when one of its descendants actually rendered.
-            var hasChildWork =
-              workInProgress.childExpirationTime >= renderExpirationTime;
+  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  pushSuspenseContext(workInProgress, suspenseContext); // 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.
 
-            if (hasChildWork) {
-              workInProgress.effectTag |= Update;
-            }
-          }
+  if (current === null) {
+    // If we're currently hydrating, try to hydrate this boundary.
+    // But only if this has a fallback.
+    if (nextProps.fallback !== undefined); // This is the initial mount. This branch is pretty simple because there's
+    // no previous state that needs to be preserved.
 
-          break;
+    if (nextDidTimeout) {
+      // Mount separate fragments for primary and fallback children.
+      var nextFallbackChildren = nextProps.fallback;
+      var primaryChildFragment = createFiberFromFragment(
+        null,
+        mode,
+        NoWork,
+        null
+      );
+      primaryChildFragment.return = workInProgress;
 
-        case SuspenseComponent: {
-          var state = workInProgress.memoizedState;
+      if ((workInProgress.mode & BlockingMode) === NoMode) {
+        // Outside of blocking mode, we commit the effects from the
+        // partially completed, timed-out tree, too.
+        var progressedState = workInProgress.memoizedState;
+        var progressedPrimaryChild =
+          progressedState !== null
+            ? workInProgress.child.child
+            : workInProgress.child;
+        primaryChildFragment.child = progressedPrimaryChild;
+        var progressedChild = progressedPrimaryChild;
 
-          if (state !== null) {
-            if (enableSuspenseServerRenderer) {
-              if (state.dehydrated !== null) {
-                pushSuspenseContext(
-                  workInProgress,
-                  setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-                ); // We know that this component will suspend again because if it has
-                // been unsuspended it has committed as a resolved Suspense component.
-                // If it needs to be retried, it should have work scheduled on it.
+        while (progressedChild !== null) {
+          progressedChild.return = primaryChildFragment;
+          progressedChild = progressedChild.sibling;
+        }
+      }
 
-                workInProgress.effectTag |= DidCapture;
-                break;
-              }
-            } // If this boundary is currently timed out, we need to decide
-            // whether to retry the primary children, or to skip over it and
-            // go straight to the fallback. Check the priority of the primary
-            // child fragment.
+      var fallbackChildFragment = createFiberFromFragment(
+        nextFallbackChildren,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment; // Skip the primary children, and continue working on the
+      // fallback children.
 
-            var primaryChildFragment = workInProgress.child;
-            var primaryChildExpirationTime =
-              primaryChildFragment.childExpirationTime;
+      workInProgress.memoizedState = SUSPENDED_MARKER;
+      workInProgress.child = primaryChildFragment;
+      return fallbackChildFragment;
+    } else {
+      // Mount the primary children without an intermediate fragment fiber.
+      var nextPrimaryChildren = nextProps.children;
+      workInProgress.memoizedState = null;
+      return (workInProgress.child = 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.memoizedState;
 
-            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.
+    if (prevState !== null) {
+      // wrapped in a fragment fiber.
 
-              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)
-            );
-          }
+      var currentPrimaryChildFragment = current.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
 
-          break;
-        }
+      if (nextDidTimeout) {
+        // Still timed out. Reuse the current primary children by cloning
+        // its fragment. We're going to skip over these entirely.
+        var _nextFallbackChildren2 = nextProps.fallback;
 
-        case SuspenseListComponent: {
-          var didSuspendBefore =
-            (current$$1.effectTag & DidCapture) !== NoEffect;
+        var _primaryChildFragment2 = createWorkInProgress(
+          currentPrimaryChildFragment,
+          currentPrimaryChildFragment.pendingProps
+        );
 
-          var _hasChildWork =
-            workInProgress.childExpirationTime >= renderExpirationTime;
+        _primaryChildFragment2.return = workInProgress;
 
-          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.
+        if ((workInProgress.mode & BlockingMode) === NoMode) {
+          // Outside of blocking mode, we commit the effects from the
+          // partially completed, timed-out tree, too.
+          var _progressedState = workInProgress.memoizedState;
 
-            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 _progressedPrimaryChild =
+            _progressedState !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
 
-          var renderState = workInProgress.memoizedState;
+          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
+            _primaryChildFragment2.child = _progressedPrimaryChild;
+            var _progressedChild2 = _progressedPrimaryChild;
 
-          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;
+            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.
 
-          pushSuspenseContext(workInProgress, suspenseStackCursor.current);
+        if (workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var _treeBaseDuration = 0;
+          var _hiddenChild = _primaryChildFragment2.child;
 
-          if (_hasChildWork) {
-            break;
-          } else {
-            // If none of the children had any work, that means that none of
-            // them got retried so they'll still be blocked in the same way
-            // as before. We can fast bail out.
-            return null;
+          while (_hiddenChild !== null) {
+            _treeBaseDuration += _hiddenChild.treeBaseDuration;
+            _hiddenChild = _hiddenChild.sibling;
           }
-        }
-      }
-      return bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    } else {
-      // An update was scheduled on this fiber, but there are no new props
-      // nor legacy context. Set this to false. If an update queue or context
-      // consumer produces a changed value, it will set this to true. Otherwise,
-      // the component will assume the children have not changed and bail out.
-      didReceiveUpdate = false;
-    }
-  } else {
-    didReceiveUpdate = false;
-  } // Before entering the begin phase, clear the expiration time.
 
-  workInProgress.expirationTime = NoWork;
+          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
+        } // Clone the fallback child fragment, too. These we'll continue
+        // working on.
 
-  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
-      );
-    }
+        var _fallbackChildFragment2 = createWorkInProgress(
+          currentFallbackChildFragment,
+          _nextFallbackChildren2
+        );
 
-    case ClassComponent: {
-      var _Component2 = workInProgress.type;
-      var _unresolvedProps = workInProgress.pendingProps;
+        _fallbackChildFragment2.return = workInProgress;
+        _primaryChildFragment2.sibling = _fallbackChildFragment2;
+        _primaryChildFragment2.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
+        // fallback children.
 
-      var _resolvedProps =
-        workInProgress.elementType === _Component2
-          ? _unresolvedProps
-          : resolveDefaultProps(_Component2, _unresolvedProps);
-      return updateClassComponent(
-        current$$1,
-        workInProgress,
-        _Component2,
-        _resolvedProps,
-        renderExpirationTime
-      );
-    }
+        workInProgress.memoizedState = SUSPENDED_MARKER;
+        workInProgress.child = _primaryChildFragment2;
+        return _fallbackChildFragment2;
+      } 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.
 
-    case HostRoot:
-      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+        workInProgress.memoizedState = null;
+        return (workInProgress.child = 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.child;
 
-    case HostComponent:
-      return updateHostComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+      if (nextDidTimeout) {
+        // Timed out. Wrap the children in a fragment fiber to keep them
+        // separate from the fallback children.
+        var _nextFallbackChildren3 = nextProps.fallback;
 
-    case HostText:
-      return updateHostText(current$$1, workInProgress);
+        var _primaryChildFragment3 = createFiberFromFragment(
+          // It shouldn't matter what the pending props are because we aren't
+          // going to render this fragment.
+          null,
+          mode,
+          NoWork,
+          null
+        );
 
-    case SuspenseComponent:
-      return updateSuspenseComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    case HostPortal:
-      return updatePortalComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+        _primaryChildFragment3.return = workInProgress;
+        _primaryChildFragment3.child = _currentPrimaryChild;
 
-    case ForwardRef: {
-      var type = workInProgress.type;
-      var _unresolvedProps2 = workInProgress.pendingProps;
+        if (_currentPrimaryChild !== null) {
+          _currentPrimaryChild.return = _primaryChildFragment3;
+        } // 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;
 
-      var _resolvedProps2 =
-        workInProgress.elementType === type
-          ? _unresolvedProps2
-          : resolveDefaultProps(type, _unresolvedProps2);
-      return updateForwardRef(
-        current$$1,
-        workInProgress,
-        type,
-        _resolvedProps2,
-        renderExpirationTime
-      );
-    }
+        if ((workInProgress.mode & BlockingMode) === NoMode) {
+          // Outside of blocking mode, we commit the effects from the
+          // partially completed, timed-out tree, too.
+          var _progressedState2 = workInProgress.memoizedState;
 
-    case Fragment:
-      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+          var _progressedPrimaryChild2 =
+            _progressedState2 !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
 
-    case Mode:
-      return updateMode(current$$1, workInProgress, renderExpirationTime);
+          _primaryChildFragment3.child = _progressedPrimaryChild2;
+          var _progressedChild3 = _progressedPrimaryChild2;
 
-    case Profiler:
-      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+          while (_progressedChild3 !== null) {
+            _progressedChild3.return = _primaryChildFragment3;
+            _progressedChild3 = _progressedChild3.sibling;
+          }
+        } // Because primaryChildFragment is a new fiber that we're inserting as the
+        // parent of a new tree, we need to set its treeBaseDuration.
 
-    case ContextProvider:
-      return updateContextProvider(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    case ContextConsumer:
-      return updateContextConsumer(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+        if (workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var _treeBaseDuration2 = 0;
+          var _hiddenChild2 = _primaryChildFragment3.child;
 
-    case MemoComponent: {
-      var _type2 = workInProgress.type;
-      var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+          while (_hiddenChild2 !== null) {
+            _treeBaseDuration2 += _hiddenChild2.treeBaseDuration;
+            _hiddenChild2 = _hiddenChild2.sibling;
+          }
 
-      var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+          _primaryChildFragment3.treeBaseDuration = _treeBaseDuration2;
+        } // Create a fragment from the fallback children, too.
 
-      {
-        if (workInProgress.type !== workInProgress.elementType) {
-          var outerPropTypes = _type2.propTypes;
+        var _fallbackChildFragment3 = createFiberFromFragment(
+          _nextFallbackChildren3,
+          mode,
+          renderExpirationTime,
+          null
+        );
 
-          if (outerPropTypes) {
-            checkPropTypes(
-              outerPropTypes,
-              _resolvedProps3, // Resolved for outer only
-              "prop",
-              getComponentName(_type2),
-              getCurrentFiberStackInDev
-            );
-          }
-        }
+        _fallbackChildFragment3.return = workInProgress;
+        _primaryChildFragment3.sibling = _fallbackChildFragment3;
+        _fallbackChildFragment3.effectTag |= Placement;
+        _primaryChildFragment3.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
+        // fallback children.
+
+        workInProgress.memoizedState = SUSPENDED_MARKER;
+        workInProgress.child = _primaryChildFragment3;
+        return _fallbackChildFragment3;
+      } else {
+        // Still haven't timed out. Continue rendering the children, like we
+        // normally do.
+        workInProgress.memoizedState = null;
+        var _nextPrimaryChildren2 = nextProps.children;
+        return (workInProgress.child = reconcileChildFibers(
+          workInProgress,
+          _currentPrimaryChild,
+          _nextPrimaryChildren2,
+          renderExpirationTime
+        ));
       }
-      _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;
+function scheduleWorkOnFiber(fiber, renderExpirationTime) {
+  if (fiber.expirationTime < renderExpirationTime) {
+    fiber.expirationTime = renderExpirationTime;
+  }
 
-      var _resolvedProps4 =
-        workInProgress.elementType === _Component3
-          ? _unresolvedProps4
-          : resolveDefaultProps(_Component3, _unresolvedProps4);
-      return mountIncompleteClassComponent(
-        current$$1,
-        workInProgress,
-        _Component3,
-        _resolvedProps4,
-        renderExpirationTime
-      );
-    }
-    case SuspenseListComponent: {
-      return updateSuspenseListComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        return updateFundamentalComponent$1(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+  var alternate = fiber.alternate;
+
+  if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
+    alternate.expirationTime = renderExpirationTime;
+  }
+
+  scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
+}
+
+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) {
+        scheduleWorkOnFiber(node, renderExpirationTime);
       }
+    } else if (node.tag === SuspenseListComponent) {
+      // If the tail is hidden there might not be an Suspense boundaries
+      // to schedule work on. In this case we have to schedule it on the
+      // list itself.
+      // We don't have to traverse to the children of the list since
+      // the list will propagate the change when it rerenders.
+      scheduleWorkOnFiber(node, renderExpirationTime);
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
 
-      break;
+    if (node === workInProgress) {
+      return;
     }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        return updateScopeComponent(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+    while (node.sibling === null) {
+      if (node.return === null || node.return === workInProgress) {
+        return;
       }
 
-      break;
+      node = node.return;
     }
-  }
 
-  {
-    throw Error(
-      "Unknown unit of work tag (" +
-        workInProgress.tag +
-        "). This error is likely caused by a bug in React. Please file an issue."
-    );
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
 }
 
-function createFundamentalStateInstance(currentFiber, props, impl, state) {
-  return {
-    currentFiber: currentFiber,
-    impl: impl,
-    instance: null,
-    prevProps: null,
-    props: props,
-    state: state
-  };
-}
+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;
 
-function isFiberSuspenseAndTimedOut(fiber) {
-  return fiber.tag === SuspenseComponent && fiber.memoizedState !== 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;
+  }
 
-function getSuspenseFallbackChild(fiber) {
-  return fiber.child.sibling.child;
+  return lastContentRow;
 }
 
-var emptyObject$2 = {};
+function validateRevealOrder(revealOrder) {
+  {
+    if (
+      revealOrder !== undefined &&
+      revealOrder !== "forwards" &&
+      revealOrder !== "backwards" &&
+      revealOrder !== "together" &&
+      !didWarnAboutRevealOrder[revealOrder]
+    ) {
+      didWarnAboutRevealOrder[revealOrder] = true;
 
-function collectScopedNodes(node, fn, scopedNodes) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
+      if (typeof revealOrder === "string") {
+        switch (revealOrder.toLowerCase()) {
+          case "together":
+          case "forwards":
+          case "backwards": {
+            error(
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'Use lowercase "%s" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
 
-      var _instance = getPublicInstance(stateNode);
+            break;
+          }
 
-      if (
-        _instance !== null &&
-        fn(_type, memoizedProps || emptyObject$2, _instance) === true
-      ) {
-        scopedNodes.push(_instance);
-      }
-    }
+          case "forward":
+          case "backward": {
+            error(
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'React uses the -s suffix in the spelling. Use "%ss" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
 
-    var child = node.child;
+            break;
+          }
 
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
+          default:
+            error(
+              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
 
-    if (child !== null) {
-      collectScopedNodesFromChildren(child, fn, scopedNodes);
+            break;
+        }
+      } else {
+        error(
+          "%s is not a supported value for revealOrder on <SuspenseList />. " +
+            'Did you mean "together", "forwards" or "backwards"?',
+          revealOrder
+        );
+      }
     }
   }
 }
 
-function collectFirstScopedNode(node, fn) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type2 = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
+function validateTailOptions(tailMode, revealOrder) {
+  {
+    if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
+      if (tailMode !== "collapsed" && tailMode !== "hidden") {
+        didWarnAboutTailOptions[tailMode] = true;
 
-      var _instance2 = getPublicInstance(stateNode);
+        error(
+          '"%s" is not a supported value for tail on <SuspenseList />. ' +
+            'Did you mean "collapsed" or "hidden"?',
+          tailMode
+        );
+      } else if (revealOrder !== "forwards" && revealOrder !== "backwards") {
+        didWarnAboutTailOptions[tailMode] = true;
 
-      if (
-        _instance2 !== null &&
-        fn(_type2, memoizedProps, _instance2) === true
-      ) {
-        return _instance2;
+        error(
+          '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
+            '"forwards" or "backwards". ' +
+            'Did you mean to specify revealOrder="forwards"?',
+          tailMode
+        );
       }
     }
+  }
+}
+
+function validateSuspenseListNestedChild(childSlot, index) {
+  {
+    var isArray = Array.isArray(childSlot);
+    var isIterable = !isArray && typeof getIteratorFn(childSlot) === "function";
 
-    var child = node.child;
+    if (isArray || isIterable) {
+      var type = isArray ? "array" : "iterable";
 
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
+      error(
+        "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
+          "an additional SuspenseList to configure its revealOrder: " +
+          "<SuspenseList revealOrder=...> ... " +
+          "<SuspenseList revealOrder=...>{%s}</SuspenseList> ... " +
+          "</SuspenseList>",
+        type,
+        index,
+        type
+      );
 
-    if (child !== null) {
-      return collectFirstScopedNodeFromChildren(child, fn);
+      return false;
     }
   }
 
-  return null;
+  return true;
 }
 
-function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
-  var child = startingChild;
+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);
 
-  while (child !== null) {
-    collectScopedNodes(child, fn, scopedNodes);
-    child = child.sibling;
-  }
-}
+        if (typeof iteratorFn === "function") {
+          var childrenIterator = iteratorFn.call(children);
 
-function collectFirstScopedNodeFromChildren(startingChild, fn) {
-  var child = startingChild;
+          if (childrenIterator) {
+            var step = childrenIterator.next();
+            var _i = 0;
 
-  while (child !== null) {
-    var scopedNode = collectFirstScopedNode(child, fn);
+            for (; !step.done; step = childrenIterator.next()) {
+              if (!validateSuspenseListNestedChild(step.value, _i)) {
+                return;
+              }
 
-    if (scopedNode !== null) {
-      return scopedNode;
+              _i++;
+            }
+          }
+        } else {
+          error(
+            'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
+              "This is not useful since it needs multiple rows. " +
+              "Did you mean to pass multiple children or an array?",
+            revealOrder
+          );
+        }
+      }
     }
-
-    child = child.sibling;
   }
-
-  return null;
 }
 
-function collectNearestScopeMethods(node, scope, childrenScopes) {
-  if (isValidScopeNode(node, scope)) {
-    childrenScopes.push(node.stateNode.methods);
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode,
+  lastEffectBeforeRendering
+) {
+  var renderState = workInProgress.memoizedState;
+
+  if (renderState === null) {
+    workInProgress.memoizedState = {
+      isBackwards: isBackwards,
+      rendering: null,
+      renderingStartTime: 0,
+      last: lastContentRow,
+      tail: tail,
+      tailExpiration: 0,
+      tailMode: tailMode,
+      lastEffect: lastEffectBeforeRendering
+    };
   } else {
-    var child = node.child;
+    // We can reuse the existing object from previous renders.
+    renderState.isBackwards = isBackwards;
+    renderState.rendering = null;
+    renderState.renderingStartTime = 0;
+    renderState.last = lastContentRow;
+    renderState.tail = tail;
+    renderState.tailExpiration = 0;
+    renderState.tailMode = tailMode;
+    renderState.lastEffect = lastEffectBeforeRendering;
+  }
+} // 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.
 
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
+function updateSuspenseListComponent(
+  current,
+  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, workInProgress, newChildren, renderExpirationTime);
+  var suspenseContext = suspenseStackCursor.current;
+  var shouldForceFallback = hasSuspenseContext(
+    suspenseContext,
+    ForceSuspenseFallback
+  );
 
-    if (child !== null) {
-      collectNearestChildScopeMethods(child, scope, childrenScopes);
-    }
-  }
-}
+  if (shouldForceFallback) {
+    suspenseContext = setShallowSuspenseContext(
+      suspenseContext,
+      ForceSuspenseFallback
+    );
+    workInProgress.effectTag |= DidCapture;
+  } else {
+    var didSuspendBefore =
+      current !== null && (current.effectTag & DidCapture) !== NoEffect;
 
-function collectNearestChildScopeMethods(startingChild, scope, childrenScopes) {
-  var child = startingChild;
+    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
+      );
+    }
 
-  while (child !== null) {
-    collectNearestScopeMethods(child, scope, childrenScopes);
-    child = child.sibling;
+    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
   }
-}
-
-function isValidScopeNode(node, scope) {
-  return (
-    node.tag === ScopeComponent &&
-    node.type === scope &&
-    node.stateNode !== null
-  );
-}
 
-function createScopeMethods(scope, instance) {
-  return {
-    getChildren: function() {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var childrenScopes = [];
-
-      if (child !== null) {
-        collectNearestChildScopeMethods(child, scope, childrenScopes);
-      }
-
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getChildrenFromRoot: function() {
-      var currentFiber = instance.fiber;
-      var node = currentFiber;
+  pushSuspenseContext(workInProgress, suspenseContext);
 
-      while (node !== null) {
-        var parent = node.return;
+  if ((workInProgress.mode & BlockingMode) === NoMode) {
+    // Outside of blocking mode, SuspenseList doesn't work so we just
+    // use make it a noop by treating it as the default revealOrder.
+    workInProgress.memoizedState = null;
+  } else {
+    switch (revealOrder) {
+      case "forwards": {
+        var lastContentRow = findLastContentRow(workInProgress.child);
+        var tail;
 
-        if (parent === null) {
-          break;
+        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;
         }
 
-        node = parent;
-
-        if (node.tag === ScopeComponent && node.type === scope) {
-          break;
-        }
+        initSuspenseListRenderState(
+          workInProgress,
+          false, // isBackwards
+          tail,
+          lastContentRow,
+          tailMode,
+          workInProgress.lastEffect
+        );
+        break;
       }
 
-      var childrenScopes = [];
-      collectNearestChildScopeMethods(node.child, scope, childrenScopes);
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getParent: function() {
-      var node = instance.fiber.return;
+      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 (node !== null) {
-        if (node.tag === ScopeComponent && node.type === scope) {
-          return node.stateNode.methods;
-        }
+        while (row !== null) {
+          var currentRow = row.alternate; // New rows can't be content rows.
 
-        node = node.return;
-      }
+          if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+            // This is the beginning of the main content.
+            workInProgress.child = row;
+            break;
+          }
 
-      return null;
-    },
-    getProps: function() {
-      var currentFiber = instance.fiber;
-      return currentFiber.memoizedProps;
-    },
-    queryAllNodes: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var scopedNodes = [];
+          var nextRow = row.sibling;
+          row.sibling = _tail;
+          _tail = row;
+          row = nextRow;
+        } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
 
-      if (child !== null) {
-        collectScopedNodesFromChildren(child, fn, scopedNodes);
+        initSuspenseListRenderState(
+          workInProgress,
+          true, // isBackwards
+          _tail,
+          null, // last
+          tailMode,
+          workInProgress.lastEffect
+        );
+        break;
       }
 
-      return scopedNodes.length === 0 ? null : scopedNodes;
-    },
-    queryFirstNode: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-
-      if (child !== null) {
-        return collectFirstScopedNodeFromChildren(child, fn);
+      case "together": {
+        initSuspenseListRenderState(
+          workInProgress,
+          false, // isBackwards
+          null, // tail
+          null, // last
+          undefined,
+          workInProgress.lastEffect
+        );
+        break;
       }
 
-      return null;
-    },
-    containsNode: function(node) {
-      var fiber = getInstanceFromNode$1(node);
-
-      while (fiber !== null) {
-        if (
-          fiber.tag === ScopeComponent &&
-          fiber.type === scope &&
-          fiber.stateNode === instance
-        ) {
-          return true;
-        }
-
-        fiber = fiber.return;
+      default: {
+        // The default reveal order is the same as not having
+        // a boundary.
+        workInProgress.memoizedState = null;
       }
-
-      return false;
     }
-  };
-}
-
-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;
+  return workInProgress.child;
 }
 
-var appendAllChildren;
-var updateHostContainer;
-var updateHostComponent$1;
-var updateHostText$1;
-
-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;
-    }
-  };
+function updatePortalComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
 
-  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.
+  if (current === null) {
+    // Portals are special because we don't append the children during mount
+    // but at commit. Therefore we need to track insertions which the normal
+    // flow doesn't do during mount. This doesn't happen at the root because
+    // the root always starts with a "current" with a null child.
+    // TODO: Consider unifying this with how the root works.
+    workInProgress.child = reconcileChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
 
-    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`.
+  return workInProgress.child;
+}
 
-    var updatePayload = prepareUpdate(
-      instance,
-      type,
-      oldProps,
-      newProps,
-      rootContainerInstance,
-      currentHostContext
-    ); // TODO: Type this specific to this type of component.
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var providerType = workInProgress.type;
+  var context = providerType._context;
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+  var newValue = newProps.value;
 
-    workInProgress.updateQueue = updatePayload; // If the update payload indicates that there is a change or if there
-    // is a new ref we mark this as an update. All the work is done in commitWork.
+  {
+    var providerPropTypes = workInProgress.type.propTypes;
 
-    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);
+    if (providerPropTypes) {
+      checkPropTypes(providerPropTypes, newProps, "prop", "Context.Provider");
     }
-  };
-} 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;
+  pushProvider(workInProgress, newValue);
 
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var text = node.memoizedProps;
-          _instance = cloneHiddenTextInstance(_instance, text, node);
-        }
+  if (oldProps !== null) {
+    var oldValue = oldProps.value;
+    var changedBits = calculateChangedBits(context, newValue, oldValue);
 
-        appendInitialChild(parent, _instance);
-      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
-        var _instance2 = node.stateNode.instance;
+    if (changedBits === 0) {
+      // No change. Bailout early if children are the same.
+      if (oldProps.children === newProps.children && !hasContextChanged()) {
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    } else {
+      // The context value changed. Search for matching consumers and schedule
+      // them to update.
+      propagateContextChange(
+        workInProgress,
+        context,
+        changedBits,
+        renderExpirationTime
+      );
+    }
+  }
 
-        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;
+  var newChildren = newProps.children;
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
+  return workInProgress.child;
+}
 
-          if (newIsHidden) {
-            var primaryChildParent = node.child;
+var hasWarnedAboutUsingContextAsConsumer = false;
 
-            if (primaryChildParent !== null) {
-              if (primaryChildParent.child !== null) {
-                primaryChildParent.child.return = primaryChildParent;
-                appendAllChildren(
-                  parent,
-                  primaryChildParent,
-                  true,
-                  newIsHidden
-                );
-              }
+function updateContextConsumer(current, 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.
 
-              var fallbackChildParent = primaryChildParent.sibling;
+  {
+    if (context._context === undefined) {
+      // This may be because it's a Context (rather than a Consumer).
+      // Or it may be because it's older React where they're the same thing.
+      // We only want to warn if we're sure it's a new React.
+      if (context !== context.Consumer) {
+        if (!hasWarnedAboutUsingContextAsConsumer) {
+          hasWarnedAboutUsingContextAsConsumer = true;
 
-              if (fallbackChildParent !== null) {
-                fallbackChildParent.return = node;
-                node = fallbackChildParent;
-                continue;
-              }
-            }
-          }
-        }
-        if (node.child !== null) {
-          // Continue traversing like normal
-          node.child.return = node;
-          node = node.child;
-          continue;
+          error(
+            "Rendering <Context> directly is not supported and will be removed in " +
+              "a future major release. Did you mean to render <Context.Consumer> instead?"
+          );
         }
-      } else 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;
       }
+    } else {
+      context = context._context;
+    }
+  }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
-
-        node = node.return;
-      }
+  var newProps = workInProgress.pendingProps;
+  var render = newProps.children;
 
-      node.sibling.return = node.return;
-      node = node.sibling;
+  {
+    if (typeof render !== "function") {
+      error(
+        "A context consumer was rendered with multiple children, or a child " +
+          "that isn't a function. A context consumer expects a single child " +
+          "that is a function. If you did pass a function, make sure there " +
+          "is no trailing or leading whitespace around it."
+      );
     }
-  }; // 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);
-        }
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var newValue = readContext(context, newProps.unstable_observedBits);
+  var newChildren;
 
-        appendChildToContainerChildSet(containerChildSet, instance);
-      } else if (node.tag === HostText) {
-        var _instance3 = node.stateNode;
+  {
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
+    newChildren = render(newValue);
+    setIsRendering(false);
+  } // React DevTools reads this flag.
 
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var text = node.memoizedProps;
-          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
-        }
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
+  return workInProgress.child;
+}
 
-        appendChildToContainerChildSet(containerChildSet, _instance3);
-      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
-        var _instance4 = node.stateNode.instance;
+function markWorkInProgressReceivedUpdate() {
+  didReceiveUpdate = true;
+}
 
-        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;
+function bailoutOnAlreadyFinishedWork(
+  current,
+  workInProgress,
+  renderExpirationTime
+) {
+  cancelWorkTimer(workInProgress);
 
-          if (newIsHidden) {
-            var primaryChildParent = node.child;
+  if (current !== null) {
+    // Reuse previous dependencies
+    workInProgress.dependencies = current.dependencies;
+  }
 
-            if (primaryChildParent !== null) {
-              if (primaryChildParent.child !== null) {
-                primaryChildParent.child.return = primaryChildParent;
-                appendAllChildrenToContainer(
-                  containerChildSet,
-                  primaryChildParent,
-                  true,
-                  newIsHidden
-                );
-              }
+  {
+    // Don't update "base" render times for bailouts.
+    stopProfilerTimerIfRunning();
+  }
 
-              var fallbackChildParent = primaryChildParent.sibling;
+  var updateExpirationTime = workInProgress.expirationTime;
 
-              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.
+  if (updateExpirationTime !== NoWork) {
+    markUnprocessedUpdateTime(updateExpirationTime);
+  } // Check if the children have any pending work.
 
-      node = node;
+  var childExpirationTime = workInProgress.childExpirationTime;
 
-      if (node === workInProgress) {
-        return;
-      }
+  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, workInProgress);
+    return workInProgress.child;
+  }
+}
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
+function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
+  {
+    var returnFiber = oldWorkInProgress.return;
 
-        node = node.return;
-      }
+    if (returnFiber === null) {
+      throw new Error("Cannot swap the root fiber.");
+    } // Disconnect from the old current.
+    // It will get deleted.
 
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
+    current.alternate = null;
+    oldWorkInProgress.alternate = null; // Connect to the new tree.
 
-  updateHostContainer = function(workInProgress) {
-    var portalOrRoot = workInProgress.stateNode;
-    var childrenUnchanged = workInProgress.firstEffect === null;
+    newWorkInProgress.index = oldWorkInProgress.index;
+    newWorkInProgress.sibling = oldWorkInProgress.sibling;
+    newWorkInProgress.return = oldWorkInProgress.return;
+    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
 
-    if (childrenUnchanged) {
-      // No changes, just reuse the existing instance.
+    if (oldWorkInProgress === returnFiber.child) {
+      returnFiber.child = newWorkInProgress;
     } else {
-      var container = portalOrRoot.containerInfo;
-      var newChildSet = createContainerChildSet(container); // If children might have changed, we have to add them all to the set.
+      var prevSibling = returnFiber.child;
 
-      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
-      portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
+      if (prevSibling === null) {
+        throw new Error("Expected parent to have a child.");
+      }
 
-      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.
+      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 childrenUnchanged = workInProgress.firstEffect === null;
+    var last = returnFiber.lastEffect;
 
-    if (childrenUnchanged && oldProps === newProps) {
-      // No changes, just reuse the existing instance.
-      // Note that this might release a previous clone.
-      workInProgress.stateNode = currentInstance;
-      return;
+    if (last !== null) {
+      last.nextEffect = current;
+      returnFiber.lastEffect = current;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = current;
     }
 
-    var recyclableInstance = workInProgress.stateNode;
-    var currentHostContext = getHostContext();
-    var updatePayload = null;
+    current.nextEffect = null;
+    current.effectTag = Deletion;
+    newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
 
-    if (oldProps !== newProps) {
-      updatePayload = prepareUpdate(
-        recyclableInstance,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
+    return newWorkInProgress;
+  }
+}
+
+function beginWork(current, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+
+  {
+    if (workInProgress._debugNeedsRemount && current !== null) {
+      // This will restart the begin phase with a new fiber.
+      return remountFiber(
+        current,
+        workInProgress,
+        createFiberFromTypeAndProps(
+          workInProgress.type,
+          workInProgress.key,
+          workInProgress.pendingProps,
+          workInProgress._debugOwner || null,
+          workInProgress.mode,
+          workInProgress.expirationTime
+        )
       );
     }
-    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 (current !== null) {
+    var oldProps = current.memoizedProps;
+    var newProps = workInProgress.pendingProps;
+
     if (
-      finalizeInitialChildren(
-        newInstance,
-        type,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      )
+      oldProps !== newProps ||
+      hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
+      workInProgress.type !== current.type
     ) {
-      markUpdate(workInProgress);
-    }
+      // 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.
 
-    workInProgress.stateNode = newInstance;
+      switch (workInProgress.tag) {
+        case HostRoot:
+          pushHostRootContext(workInProgress);
+          break;
 
-    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.
+        case HostComponent:
+          pushHostContext(workInProgress);
 
-      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
-  };
-}
+          if (
+            workInProgress.mode & ConcurrentMode &&
+            renderExpirationTime !== Never &&
+            shouldDeprioritizeSubtree(workInProgress.type)
+          ) {
+            {
+              markSpawnedWork(Never);
+            } // Schedule this fiber to re-render at offscreen priority. Then bailout.
 
-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;
-        }
+            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+            return null;
+          }
 
-        tailNode = tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
+          break;
 
-      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;
-      }
+        case ClassComponent: {
+          var Component = workInProgress.type;
 
-      break;
-    }
+          if (isContextProvider(Component)) {
+            pushContextProvider(workInProgress);
+          }
 
-    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;
+          break;
         }
 
-        _tailNode = _tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
+        case HostPortal:
+          pushHostContainer(
+            workInProgress,
+            workInProgress.stateNode.containerInfo
+          );
+          break;
 
-      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;
+        case ContextProvider: {
+          var newValue = workInProgress.memoizedProps.value;
+          pushProvider(workInProgress, newValue);
+          break;
+        }
+
+        case Profiler:
+          {
+            // Profiler should only call onRender when one of its descendants actually rendered.
+            var hasChildWork =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+
+            if (hasChildWork) {
+              workInProgress.effectTag |= Update;
+            } // Reset effect durations for the next eventual effect phase.
+            // These are reset during render to allow the DevTools commit hook a chance to read them,
+
+            var stateNode = workInProgress.stateNode;
+            stateNode.effectDuration = 0;
+            stateNode.passiveEffectDuration = 0;
+          }
+
+          break;
+
+        case SuspenseComponent: {
+          var state = workInProgress.memoizedState;
+
+          if (state !== null) {
+            // whether to retry the primary children, or to skip over it and
+            // go straight to the fallback. Check the priority of the primary
+            // child fragment.
+
+            var primaryChildFragment = workInProgress.child;
+            var 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,
+                workInProgress,
+                renderExpirationTime
+              );
+            } else {
+              pushSuspenseContext(
+                workInProgress,
+                setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+              ); // The primary children do not have pending work with sufficient
+              // priority. Bailout.
+
+              var child = bailoutOnAlreadyFinishedWork(
+                current,
+                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;
         }
-      } 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;
+        case SuspenseListComponent: {
+          var didSuspendBefore = (current.effectTag & DidCapture) !== NoEffect;
 
-  switch (workInProgress.tag) {
-    case IndeterminateComponent:
-      break;
+          var _hasChildWork =
+            workInProgress.childExpirationTime >= renderExpirationTime;
 
-    case LazyComponent:
-      break;
+          if (didSuspendBefore) {
+            if (_hasChildWork) {
+              // If something was in fallback state last time, and we have all the
+              // same children then we're still in progressive loading state.
+              // Something might get unblocked by state updates or retries in the
+              // tree which will affect the tail. So we need to use the normal
+              // path to compute the correct tail.
+              return updateSuspenseListComponent(
+                current,
+                workInProgress,
+                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.
 
-    case SimpleMemoComponent:
-    case FunctionComponent:
-      break;
+            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.
 
-    case ClassComponent: {
-      var Component = workInProgress.type;
+          var renderState = workInProgress.memoizedState;
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
+          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(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    } else {
+      // An update was scheduled on this fiber, but there are no new props
+      // nor legacy context. Set this to false. If an update queue or context
+      // consumer produces a changed value, it will set this to true. Otherwise,
+      // the component will assume the children have not changed and bail out.
+      didReceiveUpdate = false;
     }
+  } else {
+    didReceiveUpdate = false;
+  } // Before entering the begin phase, clear pending update priority.
+  // TODO: This assumes that we're about to evaluate the component and process
+  // the update queue. However, there's an exception: SimpleMemoComponent
+  // sometimes bails out later in the begin phase. This indicates that we should
+  // move this assignment out of the common path and into each branch.
 
-    case HostRoot: {
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      var fiberRoot = workInProgress.stateNode;
-      if (fiberRoot.pendingContext) {
-        fiberRoot.context = fiberRoot.pendingContext;
-        fiberRoot.pendingContext = null;
-      }
+  workInProgress.expirationTime = NoWork;
 
-      if (current === null || current.child === null) {
-        // If we hydrated, pop so that we can delete any remaining children
-        // that weren't hydrated.
-        var wasHydrated = popHydrationState(workInProgress);
+  switch (workInProgress.tag) {
+    case IndeterminateComponent: {
+      return mountIndeterminateComponent(
+        current,
+        workInProgress,
+        workInProgress.type,
+        renderExpirationTime
+      );
+    }
 
-        if (wasHydrated) {
-          // If we hydrated, then we'll need to schedule an update for
-          // the commit side-effects on the root.
-          markUpdate(workInProgress);
-        }
-      }
+    case LazyComponent: {
+      var elementType = workInProgress.elementType;
+      return mountLazyComponent(
+        current,
+        workInProgress,
+        elementType,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-      updateHostContainer(workInProgress);
-      break;
+    case FunctionComponent: {
+      var _Component = workInProgress.type;
+      var unresolvedProps = workInProgress.pendingProps;
+      var resolvedProps =
+        workInProgress.elementType === _Component
+          ? unresolvedProps
+          : resolveDefaultProps(_Component, unresolvedProps);
+      return updateFunctionComponent(
+        current,
+        workInProgress,
+        _Component,
+        resolvedProps,
+        renderExpirationTime
+      );
     }
 
-    case HostComponent: {
-      popHostContext(workInProgress);
-      var rootContainerInstance = getRootHostContainer();
-      var type = workInProgress.type;
-      if (current !== null && workInProgress.stateNode != null) {
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          rootContainerInstance
-        );
+    case ClassComponent: {
+      var _Component2 = workInProgress.type;
+      var _unresolvedProps = workInProgress.pendingProps;
 
-        if (enableFlareAPI) {
-          var prevListeners = current.memoizedProps.listeners;
-          var nextListeners = newProps.listeners;
+      var _resolvedProps =
+        workInProgress.elementType === _Component2
+          ? _unresolvedProps
+          : resolveDefaultProps(_Component2, _unresolvedProps);
 
-          if (prevListeners !== nextListeners) {
-            markUpdate(workInProgress);
-          }
-        }
+      return updateClassComponent(
+        current,
+        workInProgress,
+        _Component2,
+        _resolvedProps,
+        renderExpirationTime
+      );
+    }
 
-        if (current.ref !== workInProgress.ref) {
-          markRef$1(workInProgress);
-        }
-      } else {
-        if (!newProps) {
-          if (!(workInProgress.stateNode !== null)) {
-            throw 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.
+    case HostRoot:
+      return updateHostRoot(current, workInProgress, renderExpirationTime);
 
-          break;
-        }
+    case HostComponent:
+      return updateHostComponent(current, workInProgress, renderExpirationTime);
 
-        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.
+    case HostText:
+      return updateHostText();
 
-        var _wasHydrated = popHydrationState(workInProgress);
+    case SuspenseComponent:
+      return updateSuspenseComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
 
-        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);
-          }
+    case HostPortal:
+      return updatePortalComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
 
-          if (enableFlareAPI) {
-            var listeners = newProps.listeners;
+    case ForwardRef: {
+      var type = workInProgress.type;
+      var _unresolvedProps2 = workInProgress.pendingProps;
 
-            if (listeners != null) {
-              updateEventListeners(
-                listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          }
-        } else {
-          var instance = createInstance(
-            type,
-            newProps,
-            rootContainerInstance,
-            currentHostContext,
-            workInProgress
-          );
-          appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
+      var _resolvedProps2 =
+        workInProgress.elementType === type
+          ? _unresolvedProps2
+          : resolveDefaultProps(type, _unresolvedProps2);
 
-          workInProgress.stateNode = instance;
+      return updateForwardRef(
+        current,
+        workInProgress,
+        type,
+        _resolvedProps2,
+        renderExpirationTime
+      );
+    }
 
-          if (enableFlareAPI) {
-            var _listeners = newProps.listeners;
+    case Fragment:
+      return updateFragment(current, workInProgress, renderExpirationTime);
 
-            if (_listeners != null) {
-              updateEventListeners(
-                _listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          } // 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.
+    case Mode:
+      return updateMode(current, workInProgress, renderExpirationTime);
 
-          if (
-            finalizeInitialChildren(
-              instance,
-              type,
-              newProps,
-              rootContainerInstance,
-              currentHostContext
-            )
-          ) {
-            markUpdate(workInProgress);
-          }
-        }
+    case Profiler:
+      return updateProfiler(current, workInProgress, renderExpirationTime);
 
-        if (workInProgress.ref !== null) {
-          // If there is a ref on a host node we need to schedule a callback
-          markRef$1(workInProgress);
-        }
-      }
+    case ContextProvider:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
 
-      break;
-    }
+    case ContextConsumer:
+      return updateContextConsumer(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+
+    case MemoComponent: {
+      var _type2 = workInProgress.type;
+      var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
-    case HostText: {
-      var newText = newProps;
+      var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
 
-      if (current && workInProgress.stateNode != null) {
-        var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
-        // to schedule a side-effect to do the updates.
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = _type2.propTypes;
 
-        updateHostText$1(current, workInProgress, oldText, newText);
-      } else {
-        if (typeof newText !== "string") {
-          if (!(workInProgress.stateNode !== null)) {
-            throw Error(
-              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              _resolvedProps3, // Resolved for outer only
+              "prop",
+              getComponentName(_type2)
             );
-          } // This can happen when we abort work.
+          }
         }
+      }
 
-        var _rootContainerInstance = getRootHostContainer();
+      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+      return updateMemoComponent(
+        current,
+        workInProgress,
+        _type2,
+        _resolvedProps3,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-        var _currentHostContext = getHostContext();
+    case SimpleMemoComponent: {
+      return updateSimpleMemoComponent(
+        current,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-        var _wasHydrated2 = popHydrationState(workInProgress);
+    case IncompleteClassComponent: {
+      var _Component3 = workInProgress.type;
+      var _unresolvedProps4 = workInProgress.pendingProps;
 
-        if (_wasHydrated2) {
-          if (prepareToHydrateHostTextInstance(workInProgress)) {
-            markUpdate(workInProgress);
-          }
-        } else {
-          workInProgress.stateNode = createTextInstance(
-            newText,
-            _rootContainerInstance,
-            _currentHostContext,
-            workInProgress
-          );
-        }
-      }
+      var _resolvedProps4 =
+        workInProgress.elementType === _Component3
+          ? _unresolvedProps4
+          : resolveDefaultProps(_Component3, _unresolvedProps4);
 
-      break;
+      return mountIncompleteClassComponent(
+        current,
+        workInProgress,
+        _Component3,
+        _resolvedProps4,
+        renderExpirationTime
+      );
     }
 
-    case ForwardRef:
-      break;
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
-      var nextState = workInProgress.memoizedState;
+  {
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+}
+
+function markUpdate(workInProgress) {
+  // Tag the fiber with an update effect. This turns a Placement into
+  // a PlacementAndUpdate.
+  workInProgress.effectTag |= Update;
+}
 
-      if (enableSuspenseServerRenderer) {
-        if (nextState !== null && nextState.dehydrated !== null) {
-          if (current === null) {
-            var _wasHydrated3 = popHydrationState(workInProgress);
+function markRef$1(workInProgress) {
+  workInProgress.effectTag |= Ref;
+}
 
-            if (!_wasHydrated3) {
-              throw Error(
-                "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
-              );
-            }
+var appendAllChildren;
+var updateHostContainer;
+var updateHostComponent$1;
+var updateHostText$1;
 
-            prepareToHydrateHostSuspenseInstance(workInProgress);
+{
+  // 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;
 
-            if (enableSchedulerTracing) {
-              markSpawnedWork(Never);
-            }
+    while (node !== null) {
+      // eslint-disable-next-line no-labels
+      if (node.tag === HostComponent) {
+        var instance = node.stateNode;
 
-            return 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 and unsuspended.
-              workInProgress.memoizedState = null;
-            } // If nothing suspended, we need to schedule an effect to mark this boundary
-            // as having hydrated so events know that they're free be invoked.
-            // It's also a signal to replay events and the suspense callback.
-            // If something suspended, schedule an effect to attach retry listeners.
-            // So we might as well always mark this.
-
-            workInProgress.effectTag |= Update;
-            return null;
-          }
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var props = node.memoizedProps;
+          var type = node.type;
+          instance = cloneHiddenInstance(instance);
         }
-      }
 
-      if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
-        // Something suspended. Re-render with the fallback children.
-        workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
+        appendInitialChild(parent, instance);
+      } else if (node.tag === HostText) {
+        var _instance = node.stateNode;
 
-        return workInProgress;
-      }
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var text = node.memoizedProps;
+          _instance = cloneHiddenTextInstance();
+        }
 
-      var nextDidTimeout = nextState !== null;
-      var prevDidTimeout = false;
+        appendInitialChild(parent, _instance);
+      } else if (node.tag === HostPortal);
+      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 (current === null) {
-        if (workInProgress.memoizedProps.fallback !== undefined) {
-          popHydrationState(workInProgress);
-        }
-      } else {
-        var prevState = current.memoizedState;
-        prevDidTimeout = prevState !== null;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
 
-        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
-          // the stateNode during the begin phase?
-          var currentFallbackChild = current.child.sibling;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildren(
+                  parent,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
 
-          if (currentFallbackChild !== null) {
-            // Deletions go at the beginning of the return fiber's effect list
-            var first = workInProgress.firstEffect;
+              var fallbackChildParent = primaryChildParent.sibling;
 
-            if (first !== null) {
-              workInProgress.firstEffect = currentFallbackChild;
-              currentFallbackChild.nextEffect = first;
-            } else {
-              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
-              currentFallbackChild.nextEffect = null;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
             }
-            currentFallbackChild.effectTag = Deletion;
           }
         }
+
+        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;
       }
 
-      if (nextDidTimeout && !prevDidTimeout) {
-        // If this subtreee is running in blocking 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 & BlockingMode) !== 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();
-          }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
         }
+
+        node = node.return;
       }
 
-      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;
+      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
+      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);
         }
-      }
-      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;
+
+        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();
         }
-      }
-      if (
-        enableSuspenseCallback &&
-        workInProgress.updateQueue !== null &&
-        workInProgress.memoizedProps.suspenseCallback != null
-      ) {
-        // Always notify the callback
-        workInProgress.effectTag |= Update;
-      }
 
-      break;
-    }
+        appendChildToContainerChildSet(containerChildSet, _instance3);
+      } else if (node.tag === HostPortal);
+      else if (node.tag === SuspenseComponent) {
+        if ((node.effectTag & Update) !== NoEffect) {
+          // Need to toggle the visibility of the primary children.
+          var newIsHidden = node.memoizedState !== null;
 
-    case Fragment:
-      break;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
 
-    case Mode:
-      break;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildrenToContainer(
+                  containerChildSet,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
 
-    case Profiler:
-      break;
+              var fallbackChildParent = primaryChildParent.sibling;
 
-    case HostPortal:
-      popHostContainer(workInProgress);
-      updateHostContainer(workInProgress);
-      break;
-    case ContextProvider:
-      // Pop provider fiber
-      popProvider(workInProgress);
-      break;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
+            }
+          }
+        }
 
-    case ContextConsumer:
-      break;
+        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.
 
-    case MemoComponent:
-      break;
+      node = node;
 
-    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 (node === workInProgress) {
+        return;
+      }
 
-      if (isContextProvider(_Component)) {
-        popContext(workInProgress);
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+
+        node = node.return;
       }
 
-      break;
+      node.sibling.return = node.return;
+      node = node.sibling;
     }
+  };
 
-    case SuspenseListComponent: {
-      popSuspenseContext(workInProgress);
-      var renderState = workInProgress.memoizedState;
+  updateHostContainer = function(workInProgress) {
+    var portalOrRoot = workInProgress.stateNode;
+    var childrenUnchanged = workInProgress.firstEffect === null;
 
-      if (renderState === null) {
-        // We're running in the default, "independent" mode. We don't do anything
-        // in this mode.
-        break;
-      }
+    if (childrenUnchanged);
+    else {
+      var container = portalOrRoot.containerInfo;
+      var newChildSet = createContainerChildSet(container); // If children might have changed, we have to add them all to the set.
 
-      var didSuspendAlready =
-        (workInProgress.effectTag & DidCapture) !== NoEffect;
-      var renderedTail = renderState.rendering;
+      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
+      portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
 
-      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);
+      markUpdate(workInProgress);
+      finalizeContainerChildren(container, newChildSet);
+    }
+  };
 
-          if (!cannotBeSuspended) {
-            var row = workInProgress.child;
+  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.
 
-            while (row !== null) {
-              var suspended = findFirstSuspended(row);
+    var childrenUnchanged = workInProgress.firstEffect === null;
 
-              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.
+    if (childrenUnchanged && oldProps === newProps) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+      return;
+    }
 
-                var newThennables = suspended.updateQueue;
+    var recyclableInstance = workInProgress.stateNode;
+    var currentHostContext = getHostContext();
+    var updatePayload = null;
 
-                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.
+    if (oldProps !== newProps) {
+      updatePayload = prepareUpdate(
+        recyclableInstance,
+        type,
+        oldProps,
+        newProps
+      );
+    }
 
-                if (renderState.lastEffect === null) {
-                  workInProgress.firstEffect = null;
-                }
+    if (childrenUnchanged && updatePayload === null) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+      return;
+    }
 
-                workInProgress.lastEffect = renderState.lastEffect; // Reset the child fibers to their original state.
+    var newInstance = cloneInstance(
+      currentInstance,
+      updatePayload,
+      type,
+      oldProps,
+      newProps,
+      workInProgress,
+      childrenUnchanged
+    );
 
-                resetChildFibers(workInProgress, renderExpirationTime); // Set up the Suspense Context to force suspense and immediately
-                // rerender the children.
+    workInProgress.stateNode = newInstance;
 
-                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 (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.
 
-          if (_suspended !== null) {
-            workInProgress.effectTag |= DidCapture;
-            didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
-            // get lost if this row ends up dropped during a second pass.
+      markUpdate(workInProgress);
+    } else {
+      workInProgress.stateNode = current.stateNode;
+    }
+  };
+}
 
-            var _newThennables = _suspended.updateQueue;
+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;
 
-            if (_newThennables !== null) {
-              workInProgress.updateQueue = _newThennables;
-              workInProgress.effectTag |= Update;
-            }
+      while (tailNode !== null) {
+        if (tailNode.alternate !== null) {
+          lastTailNode = tailNode;
+        }
 
-            cutOffTailIfNeeded(renderState, true); // This might have been modified.
+        tailNode = tailNode.sibling;
+      } // Next we're simply going to delete all insertions after the
+      // last rendered item.
 
-            if (
-              renderState.tail === null &&
-              renderState.tailMode === "hidden" &&
-              !renderedTail.alternate
-            ) {
-              // We need to delete the row we just rendered.
-              // Reset the effect list to what it was 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 (lastTailNode === null) {
+        // All remaining items in the tail are insertions.
+        renderState.tail = null;
+      } else {
+        // Detach the insertion after the last node that was already
+        // inserted.
+        lastTailNode.sibling = null;
+      }
 
-              if (lastEffect !== null) {
-                lastEffect.nextEffect = null;
-              } // We're done.
+      break;
+    }
 
-              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.
+    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;
 
-            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;
+      while (_tailNode !== null) {
+        if (_tailNode.alternate !== null) {
+          _lastTailNode = _tailNode;
         }
-      }
-
-      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;
+        _tailNode = _tailNode.sibling;
+      } // Next we're simply going to delete all insertions after the
+      // last rendered item.
 
-        if (didSuspendAlready) {
-          suspenseContext = setShallowSuspenseContext(
-            suspenseContext,
-            ForceSuspenseFallback
-          );
+      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 {
-          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+          renderState.tail = null;
         }
-
-        pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
-
-        return next;
+      } else {
+        // Detach the insertion after the last node that was already
+        // inserted.
+        _lastTailNode.sibling = null;
       }
 
       break;
     }
+  }
+}
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalImpl = workInProgress.type.impl;
-        var fundamentalInstance = workInProgress.stateNode;
-
-        if (fundamentalInstance === null) {
-          var getInitialState = fundamentalImpl.getInitialState;
-          var fundamentalState;
-
-          if (getInitialState !== undefined) {
-            fundamentalState = getInitialState(newProps);
-          }
-
-          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
-            workInProgress,
-            newProps,
-            fundamentalImpl,
-            fundamentalState || {}
-          );
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
 
-          var _instance5 = getFundamentalComponentInstance(fundamentalInstance);
+  switch (workInProgress.tag) {
+    case IndeterminateComponent:
+    case LazyComponent:
+    case SimpleMemoComponent:
+    case FunctionComponent:
+    case ForwardRef:
+    case Fragment:
+    case Mode:
+    case Profiler:
+    case ContextConsumer:
+    case MemoComponent:
+      return null;
 
-          fundamentalInstance.instance = _instance5;
+    case ClassComponent: {
+      var Component = workInProgress.type;
 
-          if (fundamentalImpl.reconcileChildren === false) {
-            return null;
-          }
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
 
-          appendAllChildren(_instance5, 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;
+      return null;
+    }
 
-          if (supportsPersistence) {
-            var _instance6 = cloneFundamentalInstance(fundamentalInstance);
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var fiberRoot = workInProgress.stateNode;
 
-            fundamentalInstance.instance = _instance6;
-            appendAllChildren(_instance6, workInProgress, false, false);
-          }
+      if (fiberRoot.pendingContext) {
+        fiberRoot.context = fiberRoot.pendingContext;
+        fiberRoot.pendingContext = null;
+      }
 
-          var shouldUpdate = shouldUpdateFundamentalComponent(
-            fundamentalInstance
-          );
+      if (current === null || current.child === null) {
+        // If we hydrated, pop so that we can delete any remaining children
+        // that weren't hydrated.
+        var wasHydrated = popHydrationState();
 
-          if (shouldUpdate) {
-            markUpdate(workInProgress);
-          }
+        if (wasHydrated) {
+          // If we hydrated, then we'll need to schedule an update for
+          // the commit side-effects on the root.
+          markUpdate(workInProgress);
         }
       }
 
-      break;
+      updateHostContainer(workInProgress);
+      return null;
     }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        if (current === null) {
-          var _type3 = workInProgress.type;
-          var scopeInstance = {
-            fiber: workInProgress,
-            methods: null
-          };
-          workInProgress.stateNode = scopeInstance;
-          scopeInstance.methods = createScopeMethods(_type3, scopeInstance);
+    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 (current.ref !== workInProgress.ref) {
+          markRef$1(workInProgress);
+        }
+      } else {
+        if (!newProps) {
+          if (!(workInProgress.stateNode !== null)) {
+            throw 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.
 
-          if (enableFlareAPI) {
-            var _listeners2 = newProps.listeners;
+          return null;
+        }
 
-            if (_listeners2 != null) {
-              var _rootContainerInstance2 = getRootHostContainer();
+        var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
+        // "stack" as the parent. Then append children as we go in beginWork
+        // or completeWork depending on whether we want to add them top->down or
+        // bottom->up. Top->down is faster in IE11.
 
-              updateEventListeners(
-                _listeners2,
-                workInProgress,
-                _rootContainerInstance2
-              );
-            }
-          }
+        var _wasHydrated = popHydrationState();
 
-          if (workInProgress.ref !== null) {
-            markRef$1(workInProgress);
+        if (_wasHydrated) {
+          // TODO: Move this and createInstance step into the beginPhase
+          // to consolidate.
+          if (prepareToHydrateHostInstance()) {
+            // If changes to the hydrated node need to be applied at the
+            // commit-phase we mark this as such.
             markUpdate(workInProgress);
           }
         } else {
-          if (enableFlareAPI) {
-            var _prevListeners = current.memoizedProps.listeners;
-            var _nextListeners = newProps.listeners;
-
-            if (
-              _prevListeners !== _nextListeners ||
-              workInProgress.ref !== null
-            ) {
-              markUpdate(workInProgress);
-            }
-          } else {
-            if (workInProgress.ref !== null) {
-              markUpdate(workInProgress);
-            }
-          }
+          var instance = createInstance(
+            type,
+            newProps,
+            rootContainerInstance,
+            currentHostContext,
+            workInProgress
+          );
+          appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
 
-          if (current.ref !== workInProgress.ref) {
-            markRef$1(workInProgress);
-          }
+          workInProgress.stateNode = instance;
+        }
+
+        if (workInProgress.ref !== null) {
+          // If there is a ref on a host node we need to schedule a callback
+          markRef$1(workInProgress);
         }
       }
 
-      break;
+      return null;
     }
 
-    default: {
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
+    case HostText: {
+      var newText = newProps;
 
-  return null;
-}
+      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.
 
-function unwindWork(workInProgress, renderExpirationTime) {
-  switch (workInProgress.tag) {
-    case ClassComponent: {
-      var Component = workInProgress.type;
+        updateHostText$1(current, workInProgress, oldText, newText);
+      } else {
+        if (typeof newText !== "string") {
+          if (!(workInProgress.stateNode !== null)) {
+            throw 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.
+        }
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
+        var _rootContainerInstance = getRootHostContainer();
 
-      var effectTag = workInProgress.effectTag;
+        var _currentHostContext = getHostContext();
 
-      if (effectTag & ShouldCapture) {
-        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
-        return workInProgress;
+        var _wasHydrated2 = popHydrationState();
+
+        if (_wasHydrated2) {
+          if (prepareToHydrateHostTextInstance()) {
+            markUpdate(workInProgress);
+          }
+        } else {
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            _rootContainerInstance,
+            _currentHostContext,
+            workInProgress
+          );
+        }
       }
 
       return null;
     }
 
-    case HostRoot: {
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      var _effectTag = workInProgress.effectTag;
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var nextState = workInProgress.memoizedState;
 
-      if (!((_effectTag & DidCapture) === NoEffect)) {
-        throw Error(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
+      if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+        // Something suspended. Re-render with the fallback children.
+        workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
+
+        return workInProgress;
       }
 
-      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
-      return workInProgress;
-    }
+      var nextDidTimeout = nextState !== null;
+      var prevDidTimeout = false;
 
-    case HostComponent: {
-      // TODO: popHydrationState
-      popHostContext(workInProgress);
-      return null;
-    }
+      if (current === null) {
+        if (workInProgress.memoizedProps.fallback !== undefined);
+      } else {
+        var prevState = current.memoizedState;
+        prevDidTimeout = prevState !== null;
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
+        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
+          // the stateNode during the begin phase?
+          var currentFallbackChild = current.child.sibling;
 
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
+          if (currentFallbackChild !== null) {
+            // Deletions go at the beginning of the return fiber's effect list
+            var first = workInProgress.firstEffect;
 
-        if (suspenseState !== null && suspenseState.dehydrated !== null) {
-          if (!(workInProgress.alternate !== null)) {
-            throw Error(
-              "Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue."
-            );
-          }
+            if (first !== null) {
+              workInProgress.firstEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = first;
+            } else {
+              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = null;
+            }
 
-          resetHydrationState();
+            currentFallbackChild.effectTag = Deletion;
+          }
         }
       }
 
-      var _effectTag2 = workInProgress.effectTag;
-
-      if (_effectTag2 & ShouldCapture) {
-        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+      if (nextDidTimeout && !prevDidTimeout) {
+        // If this subtreee is running in blocking 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 & BlockingMode) !== 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;
 
-        return workInProgress;
+          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();
+          }
+        }
       }
 
-      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.
+      {
+        // 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 promise. This flag is also used to hide the
+          // primary children.
+          workInProgress.effectTag |= Update;
+        }
+      }
 
       return null;
     }
 
     case HostPortal:
       popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
       return null;
 
     case ContextProvider:
+      // Pop provider fiber
       popProvider(workInProgress);
       return null;
 
-    default:
+    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);
+      }
+
       return null;
-  }
-}
+    }
 
-function unwindInterruptedWork(interruptedWork) {
-  switch (interruptedWork.tag) {
-    case ClassComponent: {
-      var childContextTypes = interruptedWork.type.childContextTypes;
+    case SuspenseListComponent: {
+      popSuspenseContext(workInProgress);
+      var renderState = workInProgress.memoizedState;
 
-      if (childContextTypes !== null && childContextTypes !== undefined) {
-        popContext(interruptedWork);
+      if (renderState === null) {
+        // We're running in the default, "independent" mode.
+        // We don't do anything in this mode.
+        return null;
       }
 
-      break;
-    }
+      var didSuspendAlready =
+        (workInProgress.effectTag & DidCapture) !== NoEffect;
+      var renderedTail = renderState.rendering;
 
-    case HostRoot: {
-      popHostContainer(interruptedWork);
-      popTopLevelContextObject(interruptedWork);
-      break;
-    }
-    case HostComponent: {
-      popHostContext(interruptedWork);
-      break;
-    }
+      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);
 
-    case HostPortal:
-      popHostContainer(interruptedWork);
-      break;
+          if (!cannotBeSuspended) {
+            var row = workInProgress.child;
 
-    case SuspenseComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+            while (row !== null) {
+              var suspended = findFirstSuspended(row);
 
-    case SuspenseListComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+              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.
 
-    case ContextProvider:
-      popProvider(interruptedWork);
-      break;
+                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.
 
-    default:
-      break;
-  }
-}
+                if (renderState.lastEffect === null) {
+                  workInProgress.firstEffect = 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)
-  };
-}
+                workInProgress.lastEffect = renderState.lastEffect; // Reset the child fibers to their original state.
 
-// Module provided by RN:
-if (
-  !(
-    typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog ===
-    "function"
-  )
-) {
-  throw Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-}
+                resetChildFibers(workInProgress, renderExpirationTime); // Set up the Suspense Context to force suspense and immediately
+                // rerender the children.
 
-function showErrorDialog(capturedError) {
-  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
-    capturedError
-  );
-}
+                pushSuspenseContext(
+                  workInProgress,
+                  setShallowSuspenseContext(
+                    suspenseStackCursor.current,
+                    ForceSuspenseFallback
+                  )
+                );
+                return workInProgress.child;
+              }
 
-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.
+              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 (logError === false) {
-    return;
-  }
+          if (_suspended !== null) {
+            workInProgress.effectTag |= DidCapture;
+            didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+            // get lost if this row ends up dropped during a second pass.
 
-  var 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.
+            var _newThennables = _suspended.updateQueue;
 
-    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.
+            if (_newThennables !== null) {
+              workInProgress.updateQueue = _newThennables;
+              workInProgress.effectTag |= Update;
+            }
 
-      console.error(error); // For a more detailed description of this block, see:
-      // https://github.com/facebook/react/pull/13384
-    }
+            cutOffTailIfNeeded(renderState, true); // This might have been modified.
 
-    var componentNameMessage = componentName
-      ? "The above error occurred in the <" + componentName + "> component:"
-      : "The above error occurred in one of your React components:";
-    var errorBoundaryMessage; // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+            if (
+              renderState.tail === null &&
+              renderState.tailMode === "hidden" &&
+              !renderedTail.alternate
+            ) {
+              // We need to delete the row we just rendered.
+              // Reset the effect list to what it was 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 (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.
+              if (lastEffect !== null) {
+                lastEffect.nextEffect = null;
+              } // We're done.
 
-    console.error(combinedMessage);
-  }
-}
+              return null;
+            }
+          } else if (
+            // The time it took to render last row is greater than time until
+            // the expiration.
+            now() * 2 - renderState.renderingStartTime >
+              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 didWarnAboutUndefinedSnapshotBeforeUpdate = null;
-{
-  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
-}
+            var nextPriority = renderExpirationTime - 1;
+            workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
 
-var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
-function logError(boundary, errorInfo) {
-  var source = errorInfo.source;
-  var stack = errorInfo.stack;
+            {
+              markSpawnedWork(nextPriority);
+            }
+          }
+        }
 
-  if (stack === null && source !== null) {
-    stack = getStackByFiberInDevAndProd(source);
-  }
+        if (renderState.isBackwards) {
+          // The effect list of the backwards tail will have been added
+          // to the end. This breaks the guarantee that life-cycles fire in
+          // sibling order but that isn't a strong guarantee promised by React.
+          // Especially since these might also just pop in during future commits.
+          // Append to the beginning of the list.
+          renderedTail.sibling = workInProgress.child;
+          workInProgress.child = renderedTail;
+        } else {
+          var previousSibling = renderState.last;
 
-  var capturedError = {
-    componentName: source !== null ? getComponentName(source.type) : null,
-    componentStack: stack !== null ? stack : "",
-    error: errorInfo.value,
-    errorBoundary: null,
-    errorBoundaryName: null,
-    errorBoundaryFound: false,
-    willRetry: false
-  };
+          if (previousSibling !== null) {
+            previousSibling.sibling = renderedTail;
+          } else {
+            workInProgress.child = renderedTail;
+          }
 
-  if (boundary !== null && boundary.tag === ClassComponent) {
-    capturedError.errorBoundary = boundary.stateNode;
-    capturedError.errorBoundaryName = getComponentName(boundary.type);
-    capturedError.errorBoundaryFound = true;
-    capturedError.willRetry = true;
-  }
+          renderState.last = renderedTail;
+        }
+      }
 
-  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;
-    });
-  }
-}
+      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; // TODO: This is meant to mimic the train model or JND but this
+          // is a per component value. It should really be since the start
+          // of the total render or last commit. Consider using something like
+          // globalMostRecentFallbackTime. That doesn't account for being
+          // suspended for part of the time or when it's a new render.
+          // It should probably use a global start time value instead.
+        } // Pop a row.
 
-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.
+        var next = renderState.tail;
+        renderState.rendering = next;
+        renderState.tail = next.sibling;
+        renderState.lastEffect = workInProgress.lastEffect;
+        renderState.renderingStartTime = now();
+        next.sibling = null; // Restore the context.
+        // TODO: We can probably just avoid popping it instead and only
+        // setting it the first time we go from not suspended to suspended.
 
-function safelyCallComponentWillUnmount(current$$1, instance) {
-  {
-    invokeGuardedCallback(
-      null,
-      callComponentWillUnmountWithTimer,
-      null,
-      current$$1,
-      instance
-    );
-    if (hasCaughtError()) {
-      var unmountError = clearCaughtError();
-      captureCommitPhaseError(current$$1, unmountError);
-    }
-  }
-}
+        var suspenseContext = suspenseStackCursor.current;
 
-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);
+        if (didSuspendAlready) {
+          suspenseContext = setShallowSuspenseContext(
+            suspenseContext,
+            ForceSuspenseFallback
+          );
+        } else {
+          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
         }
+
+        pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
+
+        return next;
       }
-    } else {
-      ref.current = null;
+
+      return null;
     }
   }
-}
 
-function safelyCallDestroy(current$$1, destroy) {
   {
-    invokeGuardedCallback(null, destroy, null);
-    if (hasCaughtError()) {
-      var error = clearCaughtError();
-      captureCommitPhaseError(current$$1, error);
-    }
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
-      return;
-    }
+function unwindWork(workInProgress, renderExpirationTime) {
+  switch (workInProgress.tag) {
     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.
+      var Component = workInProgress.type;
 
-          {
-            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
-          );
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
 
-          {
-            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+      var effectTag = workInProgress.effectTag;
 
-            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();
-        }
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
       }
 
-      return;
+      return null;
     }
 
-    case HostRoot:
-    case HostComponent:
-    case HostText:
-    case HostPortal:
-    case IncompleteClassComponent:
-      // Nothing to do for these component types
-      return;
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
 
-    default: {
-      {
+      if (!((_effectTag & DidCapture) === NoEffect)) {
         throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+          "The root failed to unmount after an error. This is likely 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;
+      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      return workInProgress;
+    }
 
-    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();
+    case HostComponent: {
+      // TODO: popHydrationState
+      popHostContext(workInProgress);
+      return null;
+    }
 
-        {
-          var _destroy = effect.destroy;
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
 
-          if (_destroy !== undefined && typeof _destroy !== "function") {
-            var addendum = void 0;
+      var _effectTag2 = workInProgress.effectTag;
 
-            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);
-  }
-}
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
 
-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;
+        return workInProgress;
       }
-      default:
-        break;
-    }
-  }
-}
 
-function commitLifeCycles(
-  finishedRoot,
-  current$$1,
-  finishedWork,
-  committedExpirationTime
-) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
-      break;
+      return null;
     }
 
-    case ClassComponent: {
-      var instance = finishedWork.stateNode;
+    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.
 
-      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.
+      return null;
+    }
 
-          {
-            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.
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
 
-          {
-            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();
-        }
-      }
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
 
-      var updateQueue = finishedWork.updateQueue;
+    default:
+      return null;
+  }
+}
 
-      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.
+function unwindInterruptedWork(interruptedWork) {
+  switch (interruptedWork.tag) {
+    case ClassComponent: {
+      var childContextTypes = interruptedWork.type.childContextTypes;
 
-        commitUpdateQueue(
-          finishedWork,
-          updateQueue,
-          instance,
-          committedExpirationTime
-        );
+      if (childContextTypes !== null && childContextTypes !== undefined) {
+        popContext(interruptedWork);
       }
 
-      return;
+      break;
     }
 
     case HostRoot: {
-      var _updateQueue = finishedWork.updateQueue;
+      popHostContainer(interruptedWork);
+      popTopLevelContextObject(interruptedWork);
+      break;
+    }
 
-      if (_updateQueue !== null) {
-        var _instance = null;
+    case HostComponent: {
+      popHostContext(interruptedWork);
+      break;
+    }
 
-        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
-        );
-      }
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
 
-      return;
-    }
+    case SuspenseComponent:
+      popSuspenseContext(interruptedWork);
+      break;
 
-    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.
+    case SuspenseListComponent:
+      popSuspenseContext(interruptedWork);
+      break;
 
-      if (current$$1 === null && finishedWork.effectTag & Update) {
-        var type = finishedWork.type;
-        var props = finishedWork.memoizedProps;
-        commitMount(_instance2, type, props, finishedWork);
-      }
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+  }
+}
 
-      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;
+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)
+  };
+}
 
-        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()
-            );
-          }
-        }
-      }
+// Module provided by RN:
 
-      return;
-    }
+if (
+  !(
+    typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog ===
+    "function"
+  )
+) {
+  throw Error(
+    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+  );
+}
 
-    case SuspenseComponent: {
-      commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
-      return;
+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); // Don't transform to our wrapper
+      // For a more detailed description of this block, see:
+      // https://github.com/facebook/react/pull/13384
     }
 
-    case SuspenseListComponent:
-    case IncompleteClassComponent:
-    case FundamentalComponent:
-    case ScopeComponent:
-      return;
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+    var errorBoundaryMessage; // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
+    if (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); // Don't transform to our wrapper
   }
 }
 
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  if (supportsMutation) {
-    // 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;
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
 
-    while (true) {
-      if (node.tag === HostComponent) {
-        var instance = node.stateNode;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
 
-        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 &&
-        node.memoizedState.dehydrated === null
-      ) {
-        // Found a nested Suspense component that timed out. Skip over the
-        // primary child fragment, which should remain hidden.
-        var fallbackChildFragment = node.child.sibling;
-        fallbackChildFragment.return = node;
-        node = fallbackChildFragment;
-        continue;
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
+var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source;
+  var stack = errorInfo.stack;
 
-      if (node === finishedWork) {
-        return;
-      }
+  if (stack === null && source !== null) {
+    stack = getStackByFiberInDevAndProd(source);
+  }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === finishedWork) {
-          return;
-        }
+  var capturedError = {
+    componentName: source !== null ? getComponentName(source.type) : null,
+    componentStack: stack !== null ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: false,
+    willRetry: false
+  };
 
-        node = node.return;
-      }
+  if (boundary !== null && boundary.tag === ClassComponent) {
+    capturedError.errorBoundary = boundary.stateNode;
+    capturedError.errorBoundaryName = getComponentName(boundary.type);
+    capturedError.errorBoundaryFound = true;
+    capturedError.willRetry = true;
+  }
 
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
+  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;
+    });
   }
 }
 
-function commitAttachRef(finishedWork) {
-  var ref = finishedWork.ref;
+var callComponentWillUnmountWithTimer = function(current, instance) {
+  startPhaseTimer(current, "componentWillUnmount");
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
 
-  if (ref !== null) {
-    var instance = finishedWork.stateNode;
-    var instanceToUse;
+  {
+    instance.componentWillUnmount();
+  }
 
-    switch (finishedWork.tag) {
-      case HostComponent:
-        instanceToUse = getPublicInstance(instance);
-        break;
+  stopPhaseTimer();
+}; // Capture errors so they don't interrupt unmounting.
 
-      default:
-        instanceToUse = instance;
-    } // Moved outside to ensure DCE works with this flag
+function safelyCallComponentWillUnmount(current, instance) {
+  {
+    invokeGuardedCallback(
+      null,
+      callComponentWillUnmountWithTimer,
+      null,
+      current,
+      instance
+    );
 
-    if (enableScopeAPI && finishedWork.tag === ScopeComponent) {
-      instanceToUse = instance.methods;
+    if (hasCaughtError()) {
+      var unmountError = clearCaughtError();
+      captureCommitPhaseError(current, unmountError);
     }
+  }
+}
+
+function safelyDetachRef(current) {
+  var ref = current.ref;
 
+  if (ref !== null) {
     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)
-          );
+        invokeGuardedCallback(null, ref, null, null);
+
+        if (hasCaughtError()) {
+          var refError = clearCaughtError();
+          captureCommitPhaseError(current, refError);
         }
       }
-
-      ref.current = instanceToUse;
+    } else {
+      ref.current = null;
     }
   }
 }
 
-function commitDetachRef(current$$1) {
-  var currentRef = current$$1.ref;
-  if (currentRef !== null) {
-    if (typeof currentRef === "function") {
-      currentRef(null);
-    } else {
-      currentRef.current = null;
+function safelyCallDestroy(current, destroy) {
+  {
+    invokeGuardedCallback(null, destroy, null);
+
+    if (hasCaughtError()) {
+      var error = clearCaughtError();
+      captureCommitPhaseError(current, error);
     }
   }
-} // 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(finishedRoot, current$$1, renderPriorityLevel) {
-  onCommitUnmount(current$$1);
+}
 
-  switch (current$$1.tag) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
+  switch (finishedWork.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);
-      }
-
+    case SimpleMemoComponent:
+    case Block: {
       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());
+    case ClassComponent: {
+      if (finishedWork.effectTag & Snapshot) {
+        if (current !== null) {
+          var prevProps = current.memoizedProps;
+          var prevState = current.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.
 
-            for (
-              var i = 0, length = responderInstances.length;
-              i < length;
-              i++
+          {
+            if (
+              finishedWork.type === finishedWork.elementType &&
+              !didWarnAboutReassigningProps
             ) {
-              var responderInstance = responderInstances[i];
-              unmountResponderInstance(responderInstance);
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
-            dependencies.responders = null;
           }
-        }
-      }
 
-      safelyDetachRef(current$$1);
-      return;
-    }
+          var snapshot = instance.getSnapshotBeforeUpdate(
+            finishedWork.elementType === finishedWork.type
+              ? prevProps
+              : resolveDefaultProps(finishedWork.type, prevProps),
+            prevState
+          );
 
-    case HostPortal: {
-      // TODO: this is recursive.
-      // We are also not using this parent because
-      // the portal will get pushed immediately.
-      if (supportsMutation) {
-        unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-      } else if (supportsPersistence) {
-        emptyPortalContainer(current$$1);
-      }
+          {
+            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
 
-      return;
-    }
+            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
+              didWarnSet.add(finishedWork.type);
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = current$$1.stateNode;
+              error(
+                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                  "must be returned. You have returned undefined.",
+                getComponentName(finishedWork.type)
+              );
+            }
+          }
 
-        if (fundamentalInstance !== null) {
-          unmountFundamentalComponent(fundamentalInstance);
-          current$$1.stateNode = null;
+          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          stopPhaseTimer();
         }
       }
 
       return;
     }
 
-    case DehydratedFragment: {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
-
-          if (onDeleted) {
-            onDeleted(current$$1.stateNode);
-          }
-        }
-      }
-
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case IncompleteClassComponent:
+      // Nothing to do for these component types
       return;
-    }
+  }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        safelyDetachRef(current$$1);
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitNestedUnmounts(finishedRoot, 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
-  // we do an inner loop while we're still inside the host node.
-  var node = root;
-
-  while (true) {
-    commitUnmount(finishedRoot, node, renderPriorityLevel); // Visit children because they may contain more composite or host nodes.
-    // Skip portals because commitUnmount() currently visits them recursively.
+function commitHookEffectListUnmount(tag, finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
 
-    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 (lastEffect !== null) {
+    var firstEffect = lastEffect.next;
+    var effect = firstEffect;
 
-    if (node === root) {
-      return;
-    }
+    do {
+      if ((effect.tag & tag) === tag) {
+        // Unmount
+        var destroy = effect.destroy;
+        effect.destroy = undefined;
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === root) {
-        return;
+        if (destroy !== undefined) {
+          destroy();
+        }
       }
 
-      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);
+      effect = effect.next;
+    } while (effect !== firstEffect);
   }
 }
 
-function emptyPortalContainer(current$$1) {
-  if (!supportsPersistence) {
-    return;
-  }
+function commitHookEffectListMount(tag, finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
 
-  var portal = current$$1.stateNode;
-  var containerInfo = portal.containerInfo;
-  var emptyChildSet = createContainerChildSet(containerInfo);
-}
+  if (lastEffect !== null) {
+    var firstEffect = lastEffect.next;
+    var effect = firstEffect;
 
-function commitContainer(finishedWork) {
-  if (!supportsPersistence) {
-    return;
-  }
+    do {
+      if ((effect.tag & tag) === tag) {
+        // Mount
+        var create = effect.create;
+        effect.destroy = create();
 
-  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;
-    }
+        {
+          var destroy = effect.destroy;
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
-  }
-}
+          if (destroy !== undefined && typeof destroy !== "function") {
+            var addendum = void 0;
 
-function getHostParentFiber(fiber) {
-  var parent = fiber.return;
-  while (parent !== null) {
-    if (isHostParent(parent)) {
-      return parent;
-    }
+            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;
+            }
 
-    parent = parent.return;
-  }
+            error(
+              "An effect function must not return anything besides a function, " +
+                "which is used for clean-up.%s%s",
+              addendum,
+              getStackByFiberInDevAndProd(finishedWork)
+            );
+          }
+        }
+      }
 
-  {
-    throw Error(
-      "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
-    );
+      effect = effect.next;
+    } while (effect !== firstEffect);
   }
 }
 
-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.
-  // TODO: Find a more efficient way to do this.
-  var node = fiber;
-
-  siblings: while (true) {
-    // If we didn't find anything, let's try the next sibling.
-    while (node.sibling === null) {
-      if (node.return === null || isHostParent(node.return)) {
-        // If we pop out of the root or hit the parent the fiber we are the
-        // last sibling.
-        return null;
-      }
-
-      node = node.return;
-    }
-
-    node.sibling.return = node.return;
-    node = node.sibling;
+function commitPassiveHookEffects(finishedWork) {
+  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case SimpleMemoComponent:
+      case Block: {
+        // TODO (#17945) We should call all passive destroy functions (for all fibers)
+        // before calling any create functions. The current approach only serializes
+        // these for a single fiber.
+        {
+          commitHookEffectListUnmount(Passive$1 | HasEffect, finishedWork);
+          commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
+        }
 
-    while (
-      node.tag !== HostComponent &&
-      node.tag !== HostText &&
-      node.tag !== DehydratedFragment
-    ) {
-      // If it is not host node and, we might have a host node inside it.
-      // Try to search down until we find one.
-      if (node.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;
+        break;
       }
-    } // 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;
-  var isContainer;
-  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;
+function commitLifeCycles(
+  finishedRoot,
+  current,
+  finishedWork,
+  committedExpirationTime
+) {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent:
+    case Block: {
+      // At this point layout effects have already been destroyed (during mutation phase).
+      // This is done to prevent sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      {
+        commitHookEffectListMount(Layout | HasEffect, finishedWork);
       }
 
-    // eslint-disable-next-line-no-fallthrough
-
-    default: {
-      throw Error(
-        "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
     }
-  }
 
-  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;
-  }
+    case ClassComponent: {
+      var instance = finishedWork.stateNode;
 
-  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.
+      if (finishedWork.effectTag & Update) {
+        if (current === 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.
 
-  var node = finishedWork;
+          {
+            if (
+              finishedWork.type === finishedWork.elementType &&
+              !didWarnAboutReassigningProps
+            ) {
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
 
-  while (true) {
-    var isHost = node.tag === HostComponent || node.tag === HostText;
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+            }
+          }
 
-    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
-      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+          {
+            instance.componentDidMount();
+          }
 
-      if (before) {
-        if (isContainer) {
-          insertInContainerBefore(parent, stateNode, before);
-        } else {
-          insertBefore(parent, stateNode, before);
-        }
-      } else {
-        if (isContainer) {
-          appendChildToContainer(parent, stateNode);
+          stopPhaseTimer();
         } 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;
-    }
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          var prevState = current.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.
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-}
+          {
+            if (
+              finishedWork.type === finishedWork.elementType &&
+              !didWarnAboutReassigningProps
+            ) {
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
 
-function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
-  // We only have the top Fiber that was deleted but we need to recurse down its
-  // children to find all the terminal nodes.
-  var node = current$$1; // Each iteration, currentParent is populated with node's host parent if not
-  // currentParentIsValid.
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+            }
+          }
 
-  var currentParentIsValid = false; // Note: these two variables *must* always be updated together.
+          {
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          }
 
-  var currentParent;
-  var currentParentIsContainer;
+          stopPhaseTimer();
+        }
+      }
 
-  while (true) {
-    if (!currentParentIsValid) {
-      var parent = node.return;
+      var updateQueue = finishedWork.updateQueue;
 
-      findParent: while (true) {
-        if (!(parent !== null)) {
-          throw Error(
-            "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
+      if (updateQueue !== null) {
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
 
-        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;
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
             }
-        }
+          }
+        } // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
 
-        parent = parent.return;
+        commitUpdateQueue(finishedWork, updateQueue, instance);
       }
 
-      currentParentIsValid = true;
+      return;
     }
 
-    if (node.tag === HostComponent || node.tag === HostText) {
-      commitNestedUnmounts(finishedRoot, node, renderPriorityLevel); // After all the children have unmounted, it is now safe to remove the
-      // node from the tree.
+    case HostRoot: {
+      var _updateQueue = finishedWork.updateQueue;
 
-      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(finishedRoot, 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 === DehydratedFragment
-    ) {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
+      if (_updateQueue !== null) {
+        var _instance = null;
 
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
+        if (finishedWork.child !== null) {
+          switch (finishedWork.child.tag) {
+            case HostComponent:
+              _instance = getPublicInstance(finishedWork.child.stateNode);
+              break;
 
-          if (onDeleted) {
-            onDeleted(node.stateNode);
+            case ClassComponent:
+              _instance = finishedWork.child.stateNode;
+              break;
           }
         }
-      } // Delete the dehydrated suspense boundary and all of its content.
 
-      if (currentParentIsContainer) {
-        clearSuspenseBoundaryFromContainer(currentParent, node.stateNode);
-      } else {
-        clearSuspenseBoundary(currentParent, node.stateNode);
+        commitUpdateQueue(finishedWork, _updateQueue, _instance);
       }
-    } 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(finishedRoot, node, renderPriorityLevel); // Visit children because we may find more host components below.
+      return;
+    }
 
-      if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
+    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 === null && finishedWork.effectTag & Update) {
+        var type = finishedWork.type;
+        var props = finishedWork.memoizedProps;
+        commitMount();
       }
+
+      return;
     }
 
-    if (node === current$$1) {
+    case HostText: {
+      // We have no life-cycles associated with text.
       return;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === current$$1) {
-        return;
-      }
+    case HostPortal: {
+      // We have no life-cycles associated with portals.
+      return;
+    }
 
-      node = node.return;
+    case Profiler: {
+      {
+        var _finishedWork$memoize2 = finishedWork.memoizedProps,
+          onCommit = _finishedWork$memoize2.onCommit,
+          onRender = _finishedWork$memoize2.onRender;
+        var effectDuration = finishedWork.stateNode.effectDuration;
+        var commitTime = getCommitTime();
 
-      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;
+        if (typeof onRender === "function") {
+          {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              commitTime,
+              finishedRoot.memoizedInteractions
+            );
+          }
+        }
       }
+
+      return;
     }
-    node.sibling.return = node.return;
-    node = node.sibling;
+
+    case SuspenseComponent: {
+      return;
+    }
+
+    case SuspenseListComponent:
+    case IncompleteClassComponent:
+    case FundamentalComponent:
+    case ScopeComponent:
+      return;
   }
-}
 
-function commitDeletion(finishedRoot, current$$1, renderPriorityLevel) {
-  if (supportsMutation) {
-    // Recursively delete all host nodes from the parent.
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-  } else {
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitNestedUnmounts(finishedRoot, current$$1, renderPriorityLevel);
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
-
-  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;
-      }
+function commitAttachRef(finishedWork) {
+  var ref = finishedWork.ref;
 
-      case Profiler: {
-        return;
-      }
+  if (ref !== null) {
+    var instance = finishedWork.stateNode;
+    var instanceToUse;
 
-      case SuspenseComponent: {
-        commitSuspenseComponent(finishedWork);
-        attachSuspenseRetryListeners(finishedWork);
-        return;
-      }
-      case SuspenseListComponent: {
-        attachSuspenseRetryListeners(finishedWork);
-        return;
-      }
+    switch (finishedWork.tag) {
+      case HostComponent:
+        instanceToUse = getPublicInstance(instance);
+        break;
 
-      case HostRoot: {
-        if (supportsHydration) {
-          var root = finishedWork.stateNode;
+      default:
+        instanceToUse = instance;
+    } // Moved outside to ensure DCE works with this flag
 
-          if (root.hydrate) {
-            // We've just hydrated. No need to hydrate again.
-            root.hydrate = false;
-            commitHydratedContainer(root.containerInfo);
-          }
+    if (typeof ref === "function") {
+      ref(instanceToUse);
+    } else {
+      {
+        if (!ref.hasOwnProperty("current")) {
+          error(
+            "Unexpected ref object provided for %s. " +
+              "Use either a ref-setter function or React.createRef().%s",
+            getComponentName(finishedWork.type),
+            getStackByFiberInDevAndProd(finishedWork)
+          );
         }
-
-        break;
       }
-    }
 
-    commitContainer(finishedWork);
-    return;
+      ref.current = instanceToUse;
+    }
   }
+}
 
-  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;
-    }
+function commitDetachRef(current) {
+  var currentRef = current.ref;
 
-    case ClassComponent: {
-      return;
+  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
 
-    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.
+function commitUnmount(finishedRoot, current, renderPriorityLevel) {
+  onCommitUnmount(current);
 
-        var oldProps =
-          current$$1 !== null ? current$$1.memoizedProps : newProps;
-        var type = finishedWork.type; // TODO: Type the updateQueue to be specific to host components.
+  switch (current.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case MemoComponent:
+    case SimpleMemoComponent:
+    case Block: {
+      var updateQueue = current.updateQueue;
 
-        var updatePayload = finishedWork.updateQueue;
-        finishedWork.updateQueue = null;
+      if (updateQueue !== null) {
+        var lastEffect = updateQueue.lastEffect;
 
-        if (updatePayload !== null) {
-          commitUpdate(
-            instance,
-            updatePayload,
-            type,
-            oldProps,
-            newProps,
-            finishedWork
-          );
-        }
+        if (lastEffect !== null) {
+          var firstEffect = lastEffect.next;
 
-        if (enableFlareAPI) {
-          var prevListeners = oldProps.listeners;
-          var nextListeners = newProps.listeners;
+          {
+            // 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 _effect3 = effect,
+                  _destroy = _effect3.destroy,
+                  _tag = _effect3.tag;
+
+                if (_destroy !== undefined) {
+                  {
+                    safelyCallDestroy(current, _destroy);
+                  }
+                }
 
-          if (prevListeners !== nextListeners) {
-            updateEventListeners(nextListeners, finishedWork, null);
+                effect = effect.next;
+              } while (effect !== firstEffect);
+            });
           }
         }
       }
@@ -18938,164 +15914,199 @@ function commitWork(current$$1, finishedWork) {
       return;
     }
 
-    case HostText: {
-      if (!(finishedWork.stateNode !== null)) {
-        throw Error(
-          "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
+    case ClassComponent: {
+      safelyDetachRef(current);
+      var instance = current.stateNode;
 
-      var textInstance = finishedWork.stateNode;
-      var newText = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
-      // as the newProps. The updatePayload will contain the real change in
-      // this case.
+      if (typeof instance.componentWillUnmount === "function") {
+        safelyCallComponentWillUnmount(current, instance);
+      }
 
-      var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
-      commitTextUpdate(textInstance, oldText, newText);
       return;
     }
 
-    case HostRoot: {
-      if (supportsHydration) {
-        var _root = finishedWork.stateNode;
+    case HostComponent: {
+      safelyDetachRef(current);
+      return;
+    }
 
-        if (_root.hydrate) {
-          // We've just hydrated. No need to hydrate again.
-          _root.hydrate = false;
-          commitHydratedContainer(_root.containerInfo);
-        }
+    case HostPortal: {
+      // TODO: this is recursive.
+      // We are also not using this parent because
+      // the portal will get pushed immediately.
+      {
+        emptyPortalContainer(current);
       }
 
       return;
     }
 
-    case Profiler: {
+    case FundamentalComponent: {
       return;
     }
 
-    case SuspenseComponent: {
-      commitSuspenseComponent(finishedWork);
-      attachSuspenseRetryListeners(finishedWork);
+    case DehydratedFragment: {
       return;
     }
-    case SuspenseListComponent: {
-      attachSuspenseRetryListeners(finishedWork);
+
+    case ScopeComponent: {
       return;
     }
+  }
+}
 
-    case IncompleteClassComponent: {
+function commitNestedUnmounts(finishedRoot, 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
+  // we do an inner loop while we're still inside the host node.
+  var node = root;
+
+  while (true) {
+    commitUnmount(finishedRoot, 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.child.return = node;
+      node = node.child;
+      continue;
+    }
+
+    if (node === root) {
       return;
     }
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = finishedWork.stateNode;
-        updateFundamentalComponent(fundamentalInstance);
+    while (node.sibling === null) {
+      if (node.return === null || node.return === root) {
+        return;
       }
 
-      return;
+      node = node.return;
     }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        var scopeInstance = finishedWork.stateNode;
-        scopeInstance.fiber = finishedWork;
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
 
-        if (enableFlareAPI) {
-          var _newProps = finishedWork.memoizedProps;
+function detachFiber(current) {
+  var alternate = current.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.
 
-          var _oldProps =
-            current$$1 !== null ? current$$1.memoizedProps : _newProps;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
 
-          var _prevListeners = _oldProps.listeners;
-          var _nextListeners = _newProps.listeners;
+  if (alternate !== null) {
+    detachFiber(alternate);
+  }
+}
 
-          if (_prevListeners !== _nextListeners) {
-            updateEventListeners(_nextListeners, finishedWork, null);
-          }
-        }
-      }
+function emptyPortalContainer(current) {
+  var portal = current.stateNode;
+  var containerInfo = portal.containerInfo;
+  var emptyChildSet = createContainerChildSet(containerInfo);
+}
 
+function commitContainer(finishedWork) {
+  switch (finishedWork.tag) {
+    case ClassComponent:
+    case HostComponent:
+    case HostText:
+    case FundamentalComponent: {
       return;
     }
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
+    case HostRoot:
+    case HostPortal: {
+      var portalOrRoot = finishedWork.stateNode;
+      var containerInfo = portalOrRoot.containerInfo,
+        pendingChildren = portalOrRoot.pendingChildren;
+      return;
     }
   }
-}
-
-function commitSuspenseComponent(finishedWork) {
-  var newState = finishedWork.memoizedState;
-  var newDidTimeout;
-  var primaryChildParent = finishedWork;
 
-  if (newState === null) {
-    newDidTimeout = false;
-  } else {
-    newDidTimeout = true;
-    primaryChildParent = finishedWork.child;
-    markCommitTimeOfFallback();
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
+}
 
-  if (supportsMutation && primaryChildParent !== null) {
-    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+function commitDeletion(finishedRoot, current, renderPriorityLevel) {
+  {
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    commitNestedUnmounts(finishedRoot, current, renderPriorityLevel);
   }
 
-  if (enableSuspenseCallback && newState !== null) {
-    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+  detachFiber(current);
+}
+
+function commitWork(current, finishedWork) {
+  {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case MemoComponent:
+      case SimpleMemoComponent:
+      case Block: {
+        // Layout effects are destroyed during the mutation phase so that all
+        // destroy functions for all fibers are called before any create functions.
+        // This prevents sibling component effects from interfering with each other,
+        // e.g. a destroy function in one component should never override a ref set
+        // by a create function in another component during the same commit.
+        {
+          commitHookEffectListUnmount(Layout | HasEffect, finishedWork);
+        }
+
+        return;
+      }
 
-    if (typeof suspenseCallback === "function") {
-      var thenables = finishedWork.updateQueue;
+      case Profiler: {
+        return;
+      }
 
-      if (thenables !== null) {
-        suspenseCallback(new Set(thenables));
+      case SuspenseComponent: {
+        commitSuspenseComponent(finishedWork);
+        attachSuspenseRetryListeners(finishedWork);
+        return;
       }
-    } else {
-      if (suspenseCallback !== undefined) {
-        warning$1(false, "Unexpected type for suspenseCallback.");
+
+      case SuspenseListComponent: {
+        attachSuspenseRetryListeners(finishedWork);
+        return;
       }
     }
-  }
-}
 
-function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
-  if (!supportsHydration) {
+    commitContainer(finishedWork);
     return;
   }
+}
 
+function commitSuspenseComponent(finishedWork) {
   var newState = finishedWork.memoizedState;
+  var primaryChildParent = finishedWork;
 
-  if (newState === null) {
-    var current$$1 = finishedWork.alternate;
-
-    if (current$$1 !== null) {
-      var prevState = current$$1.memoizedState;
-
-      if (prevState !== null) {
-        var suspenseInstance = prevState.dehydrated;
-
-        if (suspenseInstance !== null) {
-          commitHydratedSuspenseInstance(suspenseInstance);
-
-          if (enableSuspenseCallback) {
-            var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-            if (hydrationCallbacks !== null) {
-              var onHydrated = hydrationCallbacks.onHydrated;
-
-              if (onHydrated) {
-                onHydrated(suspenseInstance);
-              }
-            }
-          }
-        }
-      }
-    }
+  if (newState === null);
+  else {
+    primaryChildParent = finishedWork.child;
+    markCommitTimeOfFallback();
   }
 }
 
@@ -19118,7 +16129,7 @@ function attachSuspenseRetryListeners(finishedWork) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
 
       if (!retryCache.has(thenable)) {
-        if (enableSchedulerTracing) {
+        {
           if (thenable.__reactDoNotTraceInteractions !== true) {
             retry = tracing.unstable_wrap(retry);
           }
@@ -19131,14 +16142,6 @@ function attachSuspenseRetryListeners(finishedWork) {
   }
 }
 
-function commitResetTextContent(current$$1) {
-  if (!supportsMutation) {
-    return;
-  }
-
-  resetTextContent(current$$1.stateNode);
-}
-
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
@@ -19156,6 +16159,7 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
     onUncaughtError(error);
     logError(fiber, errorInfo);
   };
+
   return update;
 }
 
@@ -19165,20 +16169,22 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
 
   if (typeof getDerivedStateFromError === "function") {
-    var error = errorInfo.value;
+    var error$1 = errorInfo.value;
 
     update.payload = function() {
       logError(fiber, errorInfo);
-      return getDerivedStateFromError(error);
+      return getDerivedStateFromError(error$1);
     };
   }
 
   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.
@@ -19190,24 +16196,24 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         logError(fiber, errorInfo);
       }
 
-      var error = errorInfo.value;
+      var error$1 = errorInfo.value;
       var stack = errorInfo.stack;
-      this.componentDidCatch(error, {
+      this.componentDidCatch(error$1, {
         componentStack: stack !== null ? stack : ""
       });
+
       {
         if (typeof getDerivedStateFromError !== "function") {
           // If componentDidCatch is the only error boundary method defined,
           // then it needs to call setState to recover from errors.
           // If no state update is scheduled then the boundary will swallow the error.
-          !(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;
+          if (fiber.expirationTime !== Sync) {
+            error(
+              "%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"
+            );
+          }
         }
       }
     };
@@ -19216,6 +16222,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
       markFailedErrorBoundaryForHotReloading(fiber);
     };
   }
+
   return update;
 }
 
@@ -19232,11 +16239,13 @@ function attachPingListener(root, renderExpirationTime, thenable) {
     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);
@@ -19269,7 +16278,22 @@ function throwException(
   ) {
     // This is a thenable.
     var thenable = value;
-    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    if ((sourceFiber.mode & BlockingMode) === NoMode) {
+      // Reset the memoizedState to what it was before we attempted
+      // to render it.
+      var currentSource = sourceFiber.alternate;
+
+      if (currentSource) {
+        sourceFiber.updateQueue = currentSource.updateQueue;
+        sourceFiber.memoizedState = currentSource.memoizedState;
+        sourceFiber.expirationTime = currentSource.expirationTime;
+      } else {
+        sourceFiber.updateQueue = null;
+        sourceFiber.memoizedState = null;
+      }
+    }
+
     var hasInvisibleParentBoundary = hasSuspenseContext(
       suspenseStackCursor.current,
       InvisibleParentSuspenseContext
@@ -19311,6 +16335,7 @@ function throwException(
 
           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
@@ -19404,6 +16429,7 @@ function throwException(
         var _errorInfo = value;
         workInProgress.effectTag |= ShouldCapture;
         workInProgress.expirationTime = renderExpirationTime;
+
         var _update = createRootErrorUpdate(
           workInProgress,
           _errorInfo,
@@ -19419,6 +16445,7 @@ function throwException(
         var errorInfo = value;
         var ctor = workInProgress.type;
         var instance = workInProgress.stateNode;
+
         if (
           (workInProgress.effectTag & DidCapture) === NoEffect &&
           (typeof ctor.getDerivedStateFromError === "function" ||
@@ -19440,9 +16467,6 @@ function throwException(
         }
 
         break;
-
-      default:
-        break;
     }
 
     workInProgress = workInProgress.return;
@@ -19450,18 +16474,15 @@ function throwException(
 }
 
 var ceil = Math.ceil;
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
-var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
 var NoContext =
   /*                    */
   0;
 var BatchedContext =
   /*               */
   1;
-var EventContext =
-  /*                 */
-  2;
 var DiscreteEventContext =
   /*         */
   4;
@@ -19487,7 +16508,7 @@ 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 renderExpirationTime$1 = NoWork; // Whether to root completed, errored, suspended, etc.
 
 var workInProgressRootExitStatus = RootIncomplete; // A fatal error, if one is thrown
 
@@ -19564,6 +16585,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   }
 
   var priorityLevel = getCurrentPriorityLevel();
+
   if ((mode & ConcurrentMode) === NoMode) {
     return priorityLevel === ImmediatePriority ? Sync : Batched;
   }
@@ -19571,7 +16593,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   if ((executionContext & RenderContext) !== NoContext) {
     // Use whatever time we're already rendering
     // TODO: Should there be a way to opt out, like with `runWithPriority`?
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   }
 
   var expirationTime;
@@ -19588,10 +16610,12 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
       case ImmediatePriority:
         expirationTime = Sync;
         break;
-      case UserBlockingPriority$1:
+
+      case UserBlockingPriority:
         // TODO: Rename this to computeUserBlockingExpiration
         expirationTime = computeInteractiveExpiration(currentTime);
         break;
+
       case NormalPriority:
       case LowPriority:
         // TODO: Handle LowPriority
@@ -19612,7 +16636,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   // 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) {
+
+  if (
+    workInProgressRoot !== null &&
+    expirationTime === renderExpirationTime$1
+  ) {
     // This is a trick to move this update into a separate batch
     expirationTime -= 1;
   }
@@ -19621,7 +16649,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
 }
 function scheduleUpdateOnFiber(fiber, expirationTime) {
   checkForNestedUpdates();
-  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+  warnAboutRenderPhaseUpdatesInDEV(fiber);
   var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
 
   if (root === null) {
@@ -19668,7 +16696,7 @@ function scheduleUpdateOnFiber(fiber, 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 === UserBlockingPriority ||
       priorityLevel === ImmediatePriority)
   ) {
     // This is the result of a discrete event. Track the lowest priority
@@ -19677,6 +16705,7 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
       rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
     } else {
       var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+
       if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
         rootsWithPendingDiscreteUpdates.set(root, expirationTime);
       }
@@ -19724,10 +16753,12 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
       ) {
         alternate.childExpirationTime = expirationTime;
       }
+
       if (node.return === null && node.tag === HostRoot) {
         root = node.stateNode;
         break;
       }
+
       node = node.return;
     }
   }
@@ -19752,7 +16783,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
         // scheduled before the root started rendering. Need to track the next
         // pending expiration time (perhaps by backtracking the return path) and
         // then trigger a restart in the `renderDidSuspendDelayIfPossible` path.
-        markRootSuspendedAtTime(root, renderExpirationTime);
+        markRootSuspendedAtTime(root, renderExpirationTime$1);
       }
     } // Mark that the root has a pending update.
 
@@ -19784,9 +16815,17 @@ function getNextRootExpirationTimeToWorkOn(root) {
 
   var lastPingedTime = root.lastPingedTime;
   var nextKnownPendingLevel = root.nextKnownPendingLevel;
-  return lastPingedTime > nextKnownPendingLevel
-    ? lastPingedTime
-    : nextKnownPendingLevel;
+  var nextLevel =
+    lastPingedTime > nextKnownPendingLevel
+      ? lastPingedTime
+      : nextKnownPendingLevel;
+
+  if (nextLevel <= Idle && firstPendingTime !== nextLevel) {
+    // Don't work on Idle/Never priority unless everything else is committed.
+    return NoWork;
+  }
+
+  return nextLevel;
 } // Use this function to schedule a task for a root. There's only one task per
 // root; if a task was already scheduled, we'll check to make sure the
 // expiration time of the existing task is the same as the expiration time of
@@ -19853,11 +16892,6 @@ function ensureRootIsScheduled(root) {
   if (expirationTime === Sync) {
     // Sync React callbacks are scheduled on a special internal queue
     callbackNode = scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
-  } else if (disableSchedulerTimeoutBasedOnReactExpirationTime) {
-    callbackNode = scheduleCallback(
-      priorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root)
-    );
   } else {
     callbackNode = scheduleCallback(
       priorityLevel,
@@ -19876,7 +16910,7 @@ function ensureRootIsScheduled(root) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   // 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;
+  currentEventTime = NoWork; // Check if the render expired.
 
   if (didTimeout) {
     // The render task took too long to complete. Mark the current time as
@@ -19891,83 +16925,50 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
 
   var expirationTime = getNextRootExpirationTimeToWorkOn(root);
 
-  if (expirationTime !== NoWork) {
-    var originalCallbackNode = root.callbackNode;
-
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
-
-    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);
-    } // If we have a work-in-progress fiber, it means there's still work to do
-    // in this root.
+  if (expirationTime === NoWork) {
+    return null;
+  }
 
-    if (workInProgress !== null) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
+  var originalCallbackNode = root.callbackNode;
 
-      do {
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
+  flushPassiveEffects();
+  var exitStatus = renderRootConcurrent(root, expirationTime);
 
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
+  if (exitStatus !== RootIncomplete) {
+    if (exitStatus === RootErrored) {
+      // If something threw an error, try rendering one more time. We'll
+      // render synchronously to block concurrent data mutations, and we'll
+      // render at Idle (or lower) so that all pending updates are included.
+      // If it still fails after the second attempt, we'll give up and commit
+      // the resulting tree.
+      expirationTime = expirationTime > Idle ? Idle : expirationTime;
+      exitStatus = renderRootSync(root, expirationTime);
+    }
 
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
+    if (exitStatus === RootFatalErrored) {
+      var fatalError = workInProgressRootFatalError;
+      prepareFreshStack(root, expirationTime);
+      markRootSuspendedAtTime(root, expirationTime);
+      ensureRootIsScheduled(root);
+      throw fatalError;
+    } // We now have a consistent tree. The next step is either to commit it,
+    // or, if something suspended, wait to commit it after a timeout.
 
-      if (workInProgress !== null) {
-        // There's still work left over. Exit without committing.
-        stopInterruptedWorkLoopTimer();
-      } else {
-        // 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 finishedWork = (root.finishedWork = root.current.alternate);
-        root.finishedExpirationTime = expirationTime;
-        finishConcurrentRender(
-          root,
-          finishedWork,
-          workInProgressRootExitStatus,
-          expirationTime
-        );
-      }
+    var finishedWork = (root.finishedWork = root.current.alternate);
+    root.finishedExpirationTime = expirationTime;
+    finishConcurrentRender(root, finishedWork, exitStatus, expirationTime);
+  }
 
-      ensureRootIsScheduled(root);
+  ensureRootIsScheduled(root);
 
-      if (root.callbackNode === originalCallbackNode) {
-        // The task node scheduled for this root is the same one that's
-        // currently executed. Need to return a continuation.
-        return performConcurrentWorkOnRoot.bind(null, root);
-      }
-    }
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
   }
 
   return null;
@@ -19979,9 +16980,6 @@ function finishConcurrentRender(
   exitStatus,
   expirationTime
 ) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
-
   switch (exitStatus) {
     case RootIncomplete:
     case RootFatalErrored: {
@@ -19994,19 +16992,9 @@ function finishConcurrentRender(
     // if I do. eslint-disable-next-line no-fallthrough
 
     case RootErrored: {
-      // If this was an async render, the error may have happened due to
-      // a mutation in a concurrent event. Try rendering one more time,
-      // synchronously, to see if the error goes away. If there are
-      // lower priority updates, let's include those, too, in case they
-      // fix the inconsistency. Render at Idle to include all updates.
-      // If it was Idle or Never or some not-yet-invented time, render
-      // at that time.
-      markRootExpiredAtTime(
-        root,
-        expirationTime > Idle ? Idle : expirationTime
-      ); // We assume that this second render pass will be synchronous
-      // and therefore not hit this path again.
-
+      // We should have already attempted to retry this tree. If we reached
+      // this point, it errored again. Commit it.
+      commitRoot(root);
       break;
     }
 
@@ -20016,9 +17004,7 @@ function finishConcurrentRender(
 
       if (expirationTime === lastSuspendedTime) {
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
-      }
-
-      flushSuspensePriorityWarningInDEV(); // We have an acceptable loading state. We need to figure out if we
+      } // 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
@@ -20029,7 +17015,7 @@ function finishConcurrentRender(
 
       if (
         hasNotProcessedNewUpdates && // do not delay if we're inside an act() scope
-        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+        !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
@@ -20093,12 +17079,7 @@ function finishConcurrentRender(
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
       }
 
-      flushSuspensePriorityWarningInDEV();
-
-      if (
-        // 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) {
@@ -20153,6 +17134,7 @@ function finishConcurrentRender(
           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;
@@ -20187,11 +17169,6 @@ function finishConcurrentRender(
       // The work completed. Ready to commit.
       if (
         // do not delay if we're inside an act() scope
-        !(
-          true &&
-          flushSuspenseFallbacksInTests &&
-          IsThisRendererActing.current
-        ) &&
         workInProgressRootLatestProcessedExpirationTime !== Sync &&
         workInProgressRootCanSuspendUsingConfig !== null
       ) {
@@ -20229,147 +17206,65 @@ function finishConcurrentRender(
 // through Scheduler
 
 function performSyncWorkOnRoot(root) {
-  // Check if there's expired work on this root. Otherwise, render at Sync.
-  var lastExpiredTime = root.lastExpiredTime;
-  var expirationTime = lastExpiredTime !== NoWork ? lastExpiredTime : Sync;
-
-  if (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.
-    commitRoot(root);
-  } else {
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-    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.
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  var expirationTime;
 
+  if (lastExpiredTime !== NoWork) {
+    // There's expired work on this root. Check if we have a partial tree
+    // that we can reuse.
     if (
-      root !== workInProgressRoot ||
-      expirationTime !== renderExpirationTime
+      root === workInProgressRoot &&
+      renderExpirationTime$1 >= lastExpiredTime
     ) {
-      prepareFreshStack(root, expirationTime);
-      startWorkOnPendingInteractions(root, expirationTime);
-    } // 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 = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
-
-      do {
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
-
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
-
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
-
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
-
-      if (workInProgress !== null) {
-        // This is a sync render, so we should have finished the whole tree.
-        {
-          throw Error(
-            "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-      } else {
-        // We now have a consistent tree. Because this is a sync render, we
-        // will commit it even if something suspended.
-        stopFinishedWorkLoopTimer();
-        root.finishedWork = root.current.alternate;
-        root.finishedExpirationTime = expirationTime;
-        finishSyncRender(root, workInProgressRootExitStatus, expirationTime);
-      } // Before exiting, make sure there's a callback scheduled for the next
-      // pending level.
-
-      ensureRootIsScheduled(root);
+      // There's a partial tree with equal or greater than priority than the
+      // expired level. Finish rendering it before rendering the rest of the
+      // expired work.
+      expirationTime = renderExpirationTime$1;
+    } else {
+      // Start a fresh tree.
+      expirationTime = lastExpiredTime;
     }
+  } else {
+    // There's no expired work. This must be a new, synchronous render.
+    expirationTime = Sync;
   }
 
-  return null;
-}
-
-function finishSyncRender(root, exitStatus, expirationTime) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
+  var exitStatus = renderRootSync(root, expirationTime);
 
-  {
-    if (exitStatus === RootSuspended || exitStatus === RootSuspendedWithDelay) {
-      flushSuspensePriorityWarningInDEV();
-    }
+  if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
+    // If something threw an error, try rendering one more time. We'll
+    // render synchronously to block concurrent data mutations, and we'll
+    // render at Idle (or lower) so that all pending updates are included.
+    // If it still fails after the second attempt, we'll give up and commit
+    // the resulting tree.
+    expirationTime = expirationTime > Idle ? Idle : expirationTime;
+    exitStatus = renderRootSync(root, expirationTime);
   }
 
-  commitRoot(root);
-}
-
-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;
-  }
+  if (exitStatus === RootFatalErrored) {
+    var fatalError = workInProgressRootFatalError;
+    prepareFreshStack(root, expirationTime);
+    markRootSuspendedAtTime(root, expirationTime);
+    ensureRootIsScheduled(root);
+    throw fatalError;
+  } // We now have a consistent tree. Because this is a sync render, we
+  // will commit it even if something suspended.
 
-  flushPendingDiscreteUpdates(); // If the discrete updates scheduled passive effects, flush them now so that
-  // they fire before the next serial event.
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+  commitRoot(root); // Before exiting, make sure there's a callback scheduled for the next
+  // pending level.
 
-  flushPassiveEffects();
+  ensureRootIsScheduled(root);
+  return null;
 }
-
 function syncUpdates(fn, a, b, c) {
-  return runWithPriority$1(ImmediatePriority, 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) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    }); // Now flush the immediate queue.
-
-    flushSyncCallbackQueue();
-  }
+  return runWithPriority(ImmediatePriority, fn.bind(null, a, b, c));
 }
 
 function batchedUpdates$1(fn, a) {
@@ -20387,38 +17282,6 @@ function batchedUpdates$1(fn, a) {
     }
   }
 }
-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) {
     {
@@ -20432,7 +17295,7 @@ function flushSync(fn, a) {
   executionContext |= BatchedContext;
 
   try {
-    return runWithPriority$1(ImmediatePriority, fn.bind(null, a));
+    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
@@ -20465,8 +17328,8 @@ function prepareFreshStack(root, expirationTime) {
   }
 
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestProcessedExpirationTime = Sync;
@@ -20475,13 +17338,12 @@ function prepareFreshStack(root, expirationTime) {
   workInProgressRootNextUnprocessedUpdateTime = NoWork;
   workInProgressRootHasPendingPing = false;
 
-  if (enableSchedulerTracing) {
+  {
     spawnedWorkDuringRender = null;
   }
 
   {
     ReactStrictModeWarnings.discardPendingWarnings();
-    componentsThatTriggeredHighPriSuspend = null;
   }
 }
 
@@ -20490,7 +17352,7 @@ function handleError(root, thrownValue) {
     try {
       // Reset module-level state that was set during the render phase.
       resetContextDependencies();
-      resetHooks();
+      resetHooksAfterThrow();
       resetCurrentFiber();
 
       if (workInProgress === null || workInProgress.return === null) {
@@ -20499,7 +17361,14 @@ function handleError(root, thrownValue) {
         // supposed to capture all errors that weren't caught by an error
         // boundary.
         workInProgressRootExitStatus = RootFatalErrored;
-        workInProgressRootFatalError = thrownValue;
+        workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
+        // sibling, or the parent if there are no siblings. But since the root
+        // has no siblings nor a parent, we set it to null. Usually this is
+        // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+        // interntionally not calling those, we need set it here.
+        // TODO: Consider calling `unwindWork` to pop the contexts.
+
+        workInProgress = null;
         return null;
       }
 
@@ -20515,7 +17384,7 @@ function handleError(root, thrownValue) {
         workInProgress.return,
         workInProgress,
         thrownValue,
-        renderExpirationTime
+        renderExpirationTime$1
       );
       workInProgress = completeUnitOfWork(workInProgress);
     } catch (yetAnotherThrownValue) {
@@ -20529,8 +17398,8 @@ function handleError(root, thrownValue) {
 }
 
 function pushDispatcher(root) {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
 
   if (prevDispatcher === null) {
     // The React isomorphic package does not include a default dispatcher.
@@ -20543,21 +17412,19 @@ function pushDispatcher(root) {
 }
 
 function popDispatcher(prevDispatcher) {
-  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
 }
 
 function pushInteractions(root) {
-  if (enableSchedulerTracing) {
+  {
     var prevInteractions = tracing.__interactionsRef.current;
     tracing.__interactionsRef.current = root.memoizedInteractions;
     return prevInteractions;
   }
-
-  return null;
 }
 
 function popInteractions(prevInteractions) {
-  if (enableSchedulerTracing) {
+  {
     tracing.__interactionsRef.current = prevInteractions;
   }
 }
@@ -20610,7 +17477,7 @@ function renderDidSuspendDelayIfPossible() {
     // pending update.
     // TODO: This should immediately interrupt the current render, instead
     // of waiting until the next time we yield.
-    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime);
+    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime$1);
     markRootUpdatedAtTime(
       workInProgressRoot,
       workInProgressRootNextUnprocessedUpdateTime
@@ -20649,6 +17516,56 @@ function inferTimeFromExpirationTimeWithSuspenseConfig(
     earliestExpirationTimeMs -
     (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
   );
+}
+
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  executionContext = prevExecutionContext;
+  popDispatcher(prevDispatcher);
+
+  if (workInProgress !== null) {
+    // This is a sync render, so we should have finished the whole tree.
+    {
+      throw Error(
+        "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+      );
+    }
+  }
+
+  stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
 } // The work loop is an extremely hot path. Tell Closure not to inline it.
 
 /** @noinline */
@@ -20659,6 +17576,55 @@ function workLoopSync() {
     workInProgress = performUnitOfWork(workInProgress);
   }
 }
+
+function renderRootConcurrent(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  popDispatcher(prevDispatcher);
+  executionContext = prevExecutionContext; // Check if the tree has completed.
+
+  if (workInProgress !== null) {
+    // Still work remaining.
+    stopInterruptedWorkLoopTimer();
+    return RootIncomplete;
+  } else {
+    // Completed the tree.
+    stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+    workInProgressRoot = null; // Return the final exit status.
+
+    return workInProgressRootExitStatus;
+  }
+}
 /** @noinline */
 
 function workLoopConcurrent() {
@@ -20672,21 +17638,22 @@ 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;
+  var current = unitOfWork.alternate;
   startWorkTimer(unitOfWork);
   setCurrentFiber(unitOfWork);
   var next;
 
-  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+  if ((unitOfWork.mode & ProfileMode) !== NoMode) {
     startProfilerTimer(unitOfWork);
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
     stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
   } else {
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
   }
 
   resetCurrentFiber();
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
+
   if (next === null) {
     // If this doesn't spawn new work, complete the current work.
     next = completeUnitOfWork(unitOfWork);
@@ -20700,25 +17667,23 @@ 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 current = 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);
+      if ((workInProgress.mode & ProfileMode) === NoMode) {
+        next = completeWork(current, workInProgress, renderExpirationTime$1);
       } else {
         startProfilerTimer(workInProgress);
-        next = completeWork(current$$1, workInProgress, renderExpirationTime); // Update render duration assuming we didn't error.
+        next = completeWork(current, workInProgress, renderExpirationTime$1); // Update render duration assuming we didn't error.
 
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
       }
@@ -20742,6 +17707,7 @@ function completeUnitOfWork(unitOfWork) {
         if (returnFiber.firstEffect === null) {
           returnFiber.firstEffect = workInProgress.firstEffect;
         }
+
         if (workInProgress.lastEffect !== null) {
           if (returnFiber.lastEffect !== null) {
             returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
@@ -20765,6 +17731,7 @@ function completeUnitOfWork(unitOfWork) {
           } else {
             returnFiber.firstEffect = workInProgress;
           }
+
           returnFiber.lastEffect = workInProgress;
         }
       }
@@ -20772,12 +17739,9 @@ function completeUnitOfWork(unitOfWork) {
       // 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.
+      var _next = unwindWork(workInProgress); // Because this fiber did not complete, don't reset its expiration time.
 
-      if (
-        enableProfilerTimer &&
-        (workInProgress.mode & ProfileMode) !== NoMode
-      ) {
+      if ((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.
 
@@ -20788,6 +17752,7 @@ function completeUnitOfWork(unitOfWork) {
           actualDuration += child.actualDuration;
           child = child.sibling;
         }
+
         workInProgress.actualDuration = actualDuration;
       }
 
@@ -20802,6 +17767,7 @@ function completeUnitOfWork(unitOfWork) {
         _next.effectTag &= HostEffectMask;
         return _next;
       }
+
       stopWorkTimer(workInProgress);
 
       if (returnFiber !== null) {
@@ -20838,7 +17804,7 @@ function getRemainingExpirationTime(fiber) {
 
 function resetChildExpirationTime(completedWork) {
   if (
-    renderExpirationTime !== Never &&
+    renderExpirationTime$1 !== Never &&
     completedWork.childExpirationTime === Never
   ) {
     // The children of this component are hidden. Don't bubble their
@@ -20848,7 +17814,7 @@ function resetChildExpirationTime(completedWork) {
 
   var newChildExpirationTime = NoWork; // Bubble up the earliest expiration time.
 
-  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+  if ((completedWork.mode & ProfileMode) !== NoMode) {
     // In profiling mode, resetChildExpirationTime is also used to reset
     // profiler durations.
     var actualDuration = completedWork.actualDuration;
@@ -20911,7 +17877,7 @@ function resetChildExpirationTime(completedWork) {
 
 function commitRoot(root) {
   var renderPriorityLevel = getCurrentPriorityLevel();
-  runWithPriority$1(
+  runWithPriority(
     ImmediatePriority,
     commitRootImpl.bind(null, root, renderPriorityLevel)
   );
@@ -20919,7 +17885,16 @@ function commitRoot(root) {
 }
 
 function commitRootImpl(root, renderPriorityLevel) {
-  flushPassiveEffects();
+  do {
+    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+    // means `flushPassiveEffects` will sometimes result in additional
+    // passive effects. So we need to keep flushing in a loop until there are
+    // no more pending effects.
+    // TODO: Might be better if `flushPassiveEffects` did not automatically
+    // flush synchronous work at the end, to avoid factoring hazards like this.
+    flushPassiveEffects();
+  } while (rootWithPendingPassiveEffects !== null);
+
   flushRenderPhaseStrictModeWarningsInDEV();
 
   if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
@@ -20963,8 +17938,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     // We can reset these now that they are finished.
     workInProgressRoot = null;
     workInProgress = null;
-    renderExpirationTime = NoWork;
-  } else {
+    renderExpirationTime$1 = NoWork;
   } // 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.
@@ -21019,9 +17993,10 @@ function commitRootImpl(root, renderPriorityLevel) {
         }
       }
     } 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();
@@ -21095,7 +18070,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
     requestPaint();
 
-    if (enableSchedulerTracing) {
+    {
       popInteractions(prevInteractions);
     }
 
@@ -21109,7 +18084,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     startCommitSnapshotEffectsTimer();
     stopCommitSnapshotEffectsTimer();
 
-    if (enableProfilerTimer) {
+    {
       recordCommitTime();
     }
 
@@ -21134,6 +18109,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     // 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;
@@ -21144,10 +18120,11 @@ function commitRootImpl(root, renderPriorityLevel) {
   var remainingExpirationTime = root.firstPendingTime;
 
   if (remainingExpirationTime !== NoWork) {
-    if (enableSchedulerTracing) {
+    {
       if (spawnedWorkDuringRender !== null) {
         var expirationTimes = spawnedWorkDuringRender;
         spawnedWorkDuringRender = null;
+
         for (var i = 0; i < expirationTimes.length; i++) {
           scheduleInteractions(
             root,
@@ -21165,7 +18142,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     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.
@@ -21219,8 +18196,8 @@ function commitBeforeMutationEffects() {
     if ((effectTag & Snapshot) !== NoEffect) {
       setCurrentFiber(nextEffect);
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+      var current = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current, nextEffect);
       resetCurrentFiber();
     }
 
@@ -21246,15 +18223,11 @@ function commitMutationEffects(root, renderPriorityLevel) {
     setCurrentFiber(nextEffect);
     var effectTag = nextEffect.effectTag;
 
-    if (effectTag & ContentReset) {
-      commitResetTextContent(nextEffect);
-    }
-
     if (effectTag & Ref) {
-      var current$$1 = nextEffect.alternate;
+      var current = nextEffect.alternate;
 
-      if (current$$1 !== null) {
-        commitDetachRef(current$$1);
+      if (current !== null) {
+        commitDetachRef(current);
       }
     } // The following switch statement is only concerned about placement,
     // updates, and deletions. To avoid needing to add a case for every possible
@@ -21266,7 +18239,6 @@ function commitMutationEffects(root, renderPriorityLevel) {
 
     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.
@@ -21276,8 +18248,6 @@ function commitMutationEffects(root, renderPriorityLevel) {
       }
 
       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
@@ -21326,8 +18296,8 @@ function commitLayoutEffects(root, committedExpirationTime) {
 
     if (effectTag & (Update | Callback)) {
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+      var current = nextEffect.alternate;
+      commitLifeCycles(root, current, nextEffect);
     }
 
     if (effectTag & Ref) {
@@ -21347,7 +18317,7 @@ function flushPassiveEffects() {
         ? NormalPriority
         : pendingPassiveEffectsRenderPriority;
     pendingPassiveEffectsRenderPriority = NoPriority;
-    return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl);
+    return runWithPriority(priorityLevel, flushPassiveEffectsImpl);
   }
 }
 
@@ -21367,36 +18337,40 @@ function flushPassiveEffectsImpl() {
 
   var prevExecutionContext = executionContext;
   executionContext |= CommitContext;
-  var prevInteractions = pushInteractions(root); // 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 prevInteractions = pushInteractions(root);
 
-  var effect = root.current.firstEffect;
+  {
+    // 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 _effect2 = root.current.firstEffect;
 
-  while (effect !== null) {
-    {
-      setCurrentFiber(effect);
-      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+    while (_effect2 !== null) {
+      {
+        setCurrentFiber(_effect2);
+        invokeGuardedCallback(null, commitPassiveHookEffects, null, _effect2);
 
-      if (hasCaughtError()) {
-        if (!(effect !== null)) {
-          throw Error("Should be working on an effect.");
+        if (hasCaughtError()) {
+          if (!(_effect2 !== null)) {
+            throw Error("Should be working on an effect.");
+          }
+
+          var _error5 = clearCaughtError();
+
+          captureCommitPhaseError(_effect2, _error5);
         }
 
-        var error = clearCaughtError();
-        captureCommitPhaseError(effect, error);
+        resetCurrentFiber();
       }
 
-      resetCurrentFiber();
-    }
-
-    var nextNextEffect = effect.nextEffect; // Remove nextEffect pointer to assist GC
+      var nextNextEffect = _effect2.nextEffect; // Remove nextEffect pointer to assist GC
 
-    effect.nextEffect = null;
-    effect = nextNextEffect;
+      _effect2.nextEffect = null;
+      _effect2 = nextNextEffect;
+    }
   }
 
-  if (enableSchedulerTracing) {
+  {
     popInteractions(prevInteractions);
     finishPendingInteractions(root, expirationTime);
   }
@@ -21430,6 +18404,7 @@ function prepareToThrowUncaughtError(error) {
     firstUncaughtError = error;
   }
 }
+
 var onUncaughtError = prepareToThrowUncaughtError;
 
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
@@ -21453,6 +18428,7 @@ function captureCommitPhaseError(sourceFiber, error) {
   }
 
   var fiber = sourceFiber.return;
+
   while (fiber !== null) {
     if (fiber.tag === HostRoot) {
       captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
@@ -21460,6 +18436,7 @@ function captureCommitPhaseError(sourceFiber, error) {
     } else if (fiber.tag === ClassComponent) {
       var ctor = fiber.type;
       var instance = fiber.stateNode;
+
       if (
         typeof ctor.getDerivedStateFromError === "function" ||
         (typeof instance.componentDidCatch === "function" &&
@@ -21495,7 +18472,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     pingCache.delete(thenable);
   }
 
-  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+  if (workInProgressRoot === root && renderExpirationTime$1 === 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.
@@ -21515,7 +18492,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     ) {
       // Restart from the root. Don't need to schedule a ping because
       // we're already working on this tree.
-      prepareFreshStack(root, renderExpirationTime);
+      prepareFreshStack(root, renderExpirationTime$1);
     } else {
       // Even though we can't restart right now, we might get an
       // opportunity later. So we mark this render as having a ping.
@@ -21538,13 +18515,6 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   } // Mark the time at which this ping was scheduled.
 
   root.lastPingedTime = suspendedTime;
-
-  if (root.finishedExpirationTime === suspendedTime) {
-    // If there's a pending fallback waiting to commit, throw it away.
-    root.finishedExpirationTime = NoWork;
-    root.finishedWork = null;
-  }
-
   ensureRootIsScheduled(root);
   schedulePendingInteractions(root, suspendedTime);
 }
@@ -21572,45 +18542,12 @@ function retryTimedOutBoundary(boundaryFiber, retryTime) {
     schedulePendingInteractions(root, retryTime);
   }
 }
-
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState;
-  var retryTime = NoWork;
-
-  if (suspenseState !== null) {
-    retryTime = suspenseState.retryTime;
-  }
-
-  retryTimedOutBoundary(boundaryFiber, retryTime);
-}
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryTime = NoWork; // Default
 
   var retryCache;
 
-  if (enableSuspenseServerRenderer) {
-    switch (boundaryFiber.tag) {
-      case SuspenseComponent:
-        retryCache = boundaryFiber.stateNode;
-        var suspenseState = boundaryFiber.memoizedState;
-
-        if (suspenseState !== null) {
-          retryTime = suspenseState.retryTime;
-        }
-
-        break;
-
-      case SuspenseListComponent:
-        retryCache = boundaryFiber.stateNode;
-        break;
-
-      default: {
-        throw Error(
-          "Pinged unknown suspense boundary type. This is probably a bug in React."
-        );
-      }
-    }
-  } else {
+  {
     retryCache = boundaryFiber.stateNode;
   }
 
@@ -21630,20 +18567,21 @@ function resolveRetryThenable(boundaryFiber, thenable) {
 // 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;
+    ? 480
+    : timeElapsed < 1080
+    ? 1080
+    : timeElapsed < 1920
+    ? 1920
+    : timeElapsed < 3000
+    ? 3000
+    : timeElapsed < 4320
+    ? 4320
+    : ceil(timeElapsed / 1960) * 1960;
 }
 
 function computeMsUntilSuspenseLoadingDelay(
@@ -21665,6 +18603,7 @@ function computeMsUntilSuspenseLoadingDelay(
     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.
@@ -21691,8 +18630,8 @@ function checkForNestedUpdates() {
   {
     if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
       nestedPassiveUpdateCount = 0;
-      warning$1(
-        false,
+
+      error(
         "Maximum update depth exceeded. This can happen when a component " +
           "calls setState inside useEffect, but useEffect either doesn't " +
           "have a dependency array, or one of the dependencies changes on " +
@@ -21706,7 +18645,7 @@ function flushRenderPhaseStrictModeWarningsInDEV() {
   {
     ReactStrictModeWarnings.flushLegacyContextWarning();
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
     }
   }
@@ -21727,9 +18666,8 @@ function stopInterruptedWorkLoopTimer() {
 
 function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
   if (
-    enableUserTimingAPI &&
     workInProgressRoot !== null &&
-    updateExpirationTime > renderExpirationTime
+    updateExpirationTime > renderExpirationTime$1
   ) {
     interruptedBy = fiberThatReceivedUpdate;
   }
@@ -21747,11 +18685,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       tag !== FunctionComponent &&
       tag !== ForwardRef &&
       tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
+      tag !== SimpleMemoComponent &&
+      tag !== Block
     ) {
       // 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";
@@ -21760,12 +18699,13 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
         return;
       }
+
       didWarnStateUpdateForUnmountedComponent.add(componentName);
     } else {
       didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
     }
-    warningWithoutStack$1(
-      false,
+
+    error(
       "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",
@@ -21777,12 +18717,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
   }
 }
 
-var beginWork$$1;
+var beginWork$1;
 
-if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+{
   var dummyFiber = null;
 
-  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+  beginWork$1 = function(current, 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.
@@ -21792,8 +18732,9 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       dummyFiber,
       unitOfWork
     );
+
     try {
-      return beginWork$1(current$$1, unitOfWork, expirationTime);
+      return beginWork(current, unitOfWork, expirationTime);
     } catch (originalError) {
       if (
         originalError !== null &&
@@ -21806,7 +18747,7 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       // corresponding changes there.
 
       resetContextDependencies();
-      resetHooks(); // Don't reset current debug fiber, since we're about to work on the
+      resetHooksAfterThrow(); // Don't reset current debug fiber, since we're about to work on the
       // same fiber again.
       // Unwind the failed stack frame
 
@@ -21814,16 +18755,16 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
 
       assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
 
-      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+      if (unitOfWork.mode & ProfileMode) {
         // Reset the profiler timer.
         startProfilerTimer(unitOfWork);
       } // Run beginWork again.
 
       invokeGuardedCallback(
         null,
-        beginWork$1,
+        beginWork,
         null,
-        current$$1,
+        current,
         unitOfWork,
         expirationTime
       );
@@ -21839,38 +18780,37 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       }
     }
   };
-} else {
-  beginWork$$1 = beginWork$1;
 }
 
 var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInGetChildContext = false;
-function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+
+function warnAboutRenderPhaseUpdatesInDEV(fiber) {
   {
-    if (fiber.tag === ClassComponent) {
-      switch (phase) {
-        case "getChildContext":
-          if (didWarnAboutUpdateInGetChildContext) {
-            return;
-          }
-          warningWithoutStack$1(
-            false,
-            "setState(...): Cannot call setState() inside getChildContext()"
+    if ((executionContext & RenderContext) !== NoContext) {
+      switch (fiber.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          error(
+            "Cannot update a component from inside the function body of a " +
+              "different component."
           );
-          didWarnAboutUpdateInGetChildContext = true;
+
           break;
-        case "render":
-          if (didWarnAboutUpdateInRender) {
-            return;
+        }
+
+        case ClassComponent: {
+          if (isRendering && !didWarnAboutUpdateInRender) {
+            error(
+              "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;
           }
-          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;
+        }
       }
     }
   }
@@ -21879,89 +18819,6 @@ function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
 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,
@@ -21976,159 +18833,30 @@ function warnIfUnmockedScheduler(fiber) {
     ) {
       if (fiber.mode & BlockingMode || fiber.mode & ConcurrentMode) {
         didWarnAboutUnmockedScheduler = true;
-        warningWithoutStack$1(
-          false,
+
+        error(
           '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" +
+          "to guarantee consistent behaviour across tests and browsers. " +
+          "For example, with jest: \n" + // Break up requires to avoid accidentally parsing them as dependencies.
+            "jest.mock('scheduler', () => require" +
+            "('scheduler/unstable_mock'));\n\n" +
             "For more info, visit https://fb.me/react-mock-scheduler"
         );
-      } else if (warnAboutUnmockedScheduler === true) {
+      } else {
         didWarnAboutUnmockedScheduler = true;
-        warningWithoutStack$1(
-          false,
+
+        error(
           '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" +
+          "to guarantee consistent behaviour across tests and browsers. " +
+          "For example, with jest: \n" + // Break up requires to avoid accidentally parsing them as dependencies.
+            "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 useTransition 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.
@@ -22136,9 +18864,6 @@ function computeThreadID(root, expirationTime) {
 }
 
 function markSpawnedWork(expirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
   if (spawnedWorkDuringRender === null) {
     spawnedWorkDuringRender = [expirationTime];
   } else {
@@ -22147,13 +18872,10 @@ function markSpawnedWork(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)) {
@@ -22172,6 +18894,7 @@ function scheduleInteractions(root, expirationTime, interactions) {
     }
 
     var subscriber = tracing.__subscriberRef.current;
+
     if (subscriber !== null) {
       var threadID = computeThreadID(root, expirationTime);
       subscriber.onWorkScheduled(interactions, threadID);
@@ -22180,21 +18903,10 @@ function scheduleInteractions(root, expirationTime, interactions) {
 }
 
 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.
 
@@ -22235,10 +18947,6 @@ function startWorkOnPendingInteractions(root, expirationTime) {
 }
 
 function finishPendingInteractions(root, committedExpirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   var earliestRemainingTimeAfterCommit = root.firstPendingTime;
   var subscriber;
 
@@ -22287,6 +18995,7 @@ function finishPendingInteractions(root, committedExpirationTime) {
   }
 }
 
+var onScheduleFiberRoot = null;
 var onCommitFiberRoot = null;
 var onCommitFiberUnmount = null;
 var hasLoggedError = false;
@@ -22305,10 +19014,10 @@ function injectInternals(internals) {
     // https://github.com/facebook/react/issues/3877
     return true;
   }
+
   if (!hook.supportsFiber) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "The installed version of React DevTools is too old and will not work " +
           "with the current version of React. Please update React DevTools. " +
           "https://fb.me/react-devtools"
@@ -22321,6 +19030,23 @@ function injectInternals(internals) {
   try {
     var rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
 
+    if (true) {
+      // Only used by Fast Refresh
+      if (typeof hook.onScheduleFiberRoot === "function") {
+        onScheduleFiberRoot = function(root, children) {
+          try {
+            hook.onScheduleFiberRoot(rendererID, root, children);
+          } catch (err) {
+            if (true && !hasLoggedError) {
+              hasLoggedError = true;
+
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        };
+      }
+    }
+
     onCommitFiberRoot = function(root, expirationTime) {
       try {
         var didError = (root.current.effectTag & DidCapture) === DidCapture;
@@ -22336,43 +19062,43 @@ function injectInternals(internals) {
           hook.onCommitFiberRoot(rendererID, root, undefined, didError);
         }
       } catch (err) {
-        if (true && !hasLoggedError) {
-          hasLoggedError = true;
-          warningWithoutStack$1(
-            false,
-            "React DevTools encountered an error: %s",
-            err
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation 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
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation 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
-      );
+      error("React instrumentation encountered an error: %s.", err);
     }
   } // DevTools exists
 
   return true;
 }
+function onScheduleRoot(root, children) {
+  if (typeof onScheduleFiberRoot === "function") {
+    onScheduleFiberRoot(root, children);
+  }
+}
 function onCommitRoot(root, expirationTime) {
   if (typeof onCommitFiberRoot === "function") {
     onCommitFiberRoot(root, expirationTime);
@@ -22434,7 +19160,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   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
@@ -22461,7 +19187,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   } // This is normally DEV-only except www when it adds listeners.
   // TODO: remove the User Timing integration in favor of Root Events.
 
-  if (enableUserTimingAPI) {
+  {
     this._debugID = debugCounter++;
     this._debugIsCurrentlyTiming = false;
   }
@@ -22489,6 +19215,7 @@ function FiberNode(tag, pendingProps, key, mode) {
 //    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);
@@ -22524,7 +19251,7 @@ function resolveLazyComponentTag(Component) {
   return IndeterminateComponent;
 } // This is used to create an alternate fiber to do work on.
 
-function createWorkInProgress(current, pendingProps, expirationTime) {
+function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
 
   if (workInProgress === null) {
@@ -22545,7 +19272,10 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
 
     {
       // DEV-only fields
-      workInProgress._debugID = current._debugID;
+      {
+        workInProgress._debugID = current._debugID;
+      }
+
       workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
@@ -22563,7 +19293,7 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
     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,
@@ -22573,6 +19303,19 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
     }
   }
 
+  {
+    // Trying to debug a mysterious internal-only production failure.
+    // See D20130868 and t62461245.
+    // This is only on for RN FB builds.
+    if (current == null) {
+      throw Error("current is " + current + " but it can't be");
+    }
+
+    if (workInProgress == null) {
+      throw Error("workInProgress is " + workInProgress + " but it can't be");
+    }
+  }
+
   workInProgress.childExpirationTime = current.childExpirationTime;
   workInProgress.expirationTime = current.expirationTime;
   workInProgress.child = current.child;
@@ -22595,13 +19338,14 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
   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:
@@ -22616,9 +19360,6 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
       case ForwardRef:
         workInProgress.type = resolveForwardRefForHotReloading(current.type);
         break;
-
-      default:
-        break;
     }
   }
 
@@ -22651,7 +19392,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
     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;
@@ -22677,7 +19418,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
             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;
@@ -22698,7 +19439,7 @@ function createHostRootFiber(tag) {
     mode = NoMode;
   }
 
-  if (enableProfilerTimer && isDevToolsPresent) {
+  if (isDevToolsPresent) {
     // Always collect profile timings when DevTools are present.
     // This enables DevTools to start capturing timing at any point–
     // Without some nodes in the tree having empty base times.
@@ -22767,12 +19508,14 @@ function createFiberFromTypeAndProps(
           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;
@@ -22795,29 +19538,10 @@ function createFiberFromTypeAndProps(
               fiberTag = LazyComponent;
               resolvedType = null;
               break getTag;
-            case REACT_FUNDAMENTAL_TYPE:
-              if (enableFundamentalAPI) {
-                return createFiberFromFundamental(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
 
-              break;
-
-            case REACT_SCOPE_TYPE:
-              if (enableScopeAPI) {
-                return createFiberFromScope(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
+            case REACT_BLOCK_TYPE:
+              fiberTag = Block;
+              break getTag;
           }
         }
 
@@ -22879,6 +19603,7 @@ function createFiberFromElement(element, mode, expirationTime) {
     mode,
     expirationTime
   );
+
   {
     fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
@@ -22891,38 +19616,11 @@ function createFiberFromFragment(elements, mode, expirationTime, key) {
   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 createFiberFromScope(scope, pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
-  fiber.type = scope;
-  fiber.elementType = scope;
-  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'
-      );
+    if (typeof pendingProps.id !== "string") {
+      error('Profiler must specify an "id" as a prop');
     }
   }
 
@@ -22931,6 +19629,14 @@ function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   fiber.elementType = REACT_PROFILER_TYPE;
   fiber.type = REACT_PROFILER_TYPE;
   fiber.expirationTime = expirationTime;
+
+  {
+    fiber.stateNode = {
+      effectDuration: 0,
+      passiveEffectDuration: 0
+    };
+  }
+
   return fiber;
 }
 
@@ -22953,6 +19659,7 @@ function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
     // instead.
     fiber.type = REACT_SUSPENSE_LIST_TYPE;
   }
+
   fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
   fiber.expirationTime = expirationTime;
   return fiber;
@@ -22962,18 +19669,6 @@ function createFiberFromText(content, mode, expirationTime) {
   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 createFiberFromDehydratedFragment(dehydratedNode) {
-  var fiber = createFiber(DehydratedFragment, null, null, NoMode);
-  fiber.stateNode = dehydratedNode;
-  return fiber;
-}
 function createFiberFromPortal(portal, mode, expirationTime) {
   var pendingProps = portal.children !== null ? portal.children : [];
   var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
@@ -23021,16 +19716,21 @@ function assignFiberPropertiesInDEV(target, source) {
   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._debugID = source._debugID;
+    target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  }
+
   target._debugSource = source._debugSource;
   target._debugOwner = source._debugOwner;
-  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
   return target;
@@ -23057,28 +19757,21 @@ function FiberRootNode(containerInfo, tag, hydrate) {
   this.lastPingedTime = NoWork;
   this.lastExpiredTime = NoWork;
 
-  if (enableSchedulerTracing) {
+  {
     this.interactionThreadID = tracing.unstable_getThreadID();
     this.memoizedInteractions = new Set();
     this.pendingInteractionMap = new Map();
   }
-
-  if (enableSuspenseCallback) {
-    this.hydrationCallbacks = null;
-  }
 }
 
 function createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks) {
   var root = new FiberRootNode(containerInfo, tag, hydrate);
-
-  if (enableSuspenseCallback) {
-    root.hydrationCallbacks = hydrationCallbacks;
-  } // Cyclic construction. This cheats the type system right now because
   // stateNode is any.
 
   var uninitializedFiber = createHostRootFiber(tag);
   root.current = uninitializedFiber;
   uninitializedFiber.stateNode = root;
+  initializeUpdateQueue(uninitializedFiber);
   return root;
 }
 function isRootSuspendedAtTime(root, expirationTime) {
@@ -23172,15 +19865,6 @@ function markRootExpiredAtTime(root, expirationTime) {
   }
 }
 
-// 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;
-
 var didWarnAboutNestedUpdates;
 var didWarnAboutFindNodeInStrictMode;
 
@@ -23199,39 +19883,13 @@ function getContextForSubtree(parentComponent) {
 
   if (fiber.tag === ClassComponent) {
     var Component = fiber.type;
-    if (isContextProvider(Component)) {
-      return processChildContext(fiber, Component, parentContext);
-    }
-  }
-
-  return parentContext;
-}
-
-function findHostInstance(component) {
-  var fiber = get(component);
-
-  if (fiber === undefined) {
-    if (typeof component.render === "function") {
-      {
-        throw Error("Unable to find node on an unmounted component.");
-      }
-    } else {
-      {
-        throw Error(
-          "Argument appears to not be a ReactComponent. Keys: " +
-            Object.keys(component)
-        );
-      }
-    }
-  }
-
-  var hostFiber = findCurrentHostFiber(fiber);
 
-  if (hostFiber === null) {
-    return null;
+    if (isContextProvider(Component)) {
+      return processChildContext(fiber, Component, parentContext);
+    }
   }
 
-  return hostFiber.stateNode;
+  return parentContext;
 }
 
 function findHostInstanceWithWarning(component, methodName) {
@@ -23266,8 +19924,7 @@ function findHostInstanceWithWarning(component, methodName) {
         didWarnAboutFindNodeInStrictMode[componentName] = true;
 
         if (fiber.mode & StrictMode) {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which is inside StrictMode. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23279,8 +19936,7 @@ function findHostInstanceWithWarning(component, methodName) {
             getStackByFiberInDevAndProd(hostFiber)
           );
         } else {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which renders StrictMode children. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23297,43 +19953,32 @@ function findHostInstanceWithWarning(component, methodName) {
 
     return hostFiber.stateNode;
   }
-
-  return findHostInstance(component);
 }
 
 function createContainer(containerInfo, tag, hydrate, hydrationCallbacks) {
-  return createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks);
+  return createFiberRoot(containerInfo, tag, hydrate);
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current;
+  {
+    onScheduleRoot(container, element);
+  }
+
+  var current$1 = container.current;
   var currentTime = requestCurrentTimeForUpdate();
 
   {
     // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
     if ("undefined" !== typeof jest) {
-      warnIfUnmockedScheduler(current$$1);
-      warnIfNotScopedWithMatchingAct(current$$1);
+      warnIfUnmockedScheduler(current$1);
     }
   }
+
   var suspenseConfig = requestCurrentSuspenseConfig();
   var expirationTime = computeExpirationForFiber(
     currentTime,
-    current$$1,
+    current$1,
     suspenseConfig
   );
-
-  {
-    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) {
@@ -23343,10 +19988,10 @@ function updateContainer(element, container, parentComponent, callback) {
   }
 
   {
-    if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
+    if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
       didWarnAboutNestedUpdates = true;
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Render methods should be a pure function of props and state; " +
           "triggering nested component updates from render is not allowed. " +
           "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
@@ -23365,719 +20010,173 @@ function updateContainer(element, container, parentComponent, callback) {
   callback = callback === undefined ? null : callback;
 
   if (callback !== null) {
-    !(typeof callback === "function")
-      ? warningWithoutStack$1(
-          false,
+    {
+      if (typeof callback !== "function") {
+        error(
           "render(...): Expected the last optional `callback` argument to be a " +
             "function. Instead received: %s.",
           callback
-        )
-      : void 0;
-    update.callback = callback;
-  }
-
-  enqueueUpdate(current$$1, update);
-  scheduleWork(current$$1, expirationTime);
-  return expirationTime;
-}
-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) {
-      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) {
-    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
-
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
-
-    scheduleWork(fiber, Sync);
-  };
-
-  scheduleUpdate = function(fiber) {
-    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.11.0";
-
-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; // 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; // 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; // 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;
-
-        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; // 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;
-      }
-
-      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;
-
-    if (
-      !(
-        !NativeMethodsMixin_DEV.componentWillMount &&
-        !NativeMethodsMixin_DEV.componentWillReceiveProps &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
-      )
-    ) {
-      throw 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;
+    update.callback = callback;
   }
 
-  return NativeMethodsMixin;
-};
-
-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 =
-    /*#__PURE__*/
-    (function(_React$Component) {
-      _inheritsLoose(ReactNativeComponent, _React$Component);
-
-      function ReactNativeComponent() {
-        return _React$Component.apply(this, arguments) || this;
-      }
+  enqueueUpdate(current$1, update);
+  scheduleWork(current$1, expirationTime);
+  return expirationTime;
+}
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
 
-      var _proto = ReactNativeComponent.prototype;
+  if (!containerFiber.child) {
+    return null;
+  }
 
-      /**
-       * Due to bugs in Flow's handling of React.createClass, some fields already
-       * declared in the base class need to be redeclared below.
-       */
+  switch (containerFiber.child.tag) {
+    case HostComponent:
+      return getPublicInstance(containerFiber.child.stateNode);
 
-      /**
-       * Removes focus. This is the opposite of `focus()`.
-       */
-      _proto.blur = function blur() {
-        ReactNativePrivateInterface.TextInputState.blurTextInput(
-          findNodeHandle(this)
-        );
-      };
-      /**
-       * Requests focus. The exact behavior depends on the platform and view.
-       */
+    default:
+      return containerFiber.child.stateNode;
+  }
+}
 
-      _proto.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.
-       */
-
-      _proto.measure = function measure(callback) {
-        var maybeInstance; // 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.
+var shouldSuspendImpl = function(fiber) {
+  return false;
+};
 
-        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.
+function shouldSuspend(fiber) {
+  return shouldSuspendImpl(fiber);
+}
+var overrideHookState = null;
+var overrideProps = null;
+var scheduleUpdate = null;
+var setSuspenseHandler = null;
 
-        if (maybeInstance == null) {
-          return;
-        }
+{
+  var copyWithSetImpl = function(obj, path, idx, value) {
+    if (idx >= path.length) {
+      return value;
+    }
 
-        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.
-       */
-
-      _proto.measureInWindow = function measureInWindow(callback) {
-        var maybeInstance; // 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.
+    var key = path[idx];
+    var updated = Array.isArray(obj) ? obj.slice() : Object.assign({}, obj); // $FlowFixMe number or string is fine here
 
-        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.
+    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+    return updated;
+  };
 
-        if (maybeInstance == null) {
-          return;
-        }
+  var copyWithSet = function(obj, path, value) {
+    return copyWithSetImpl(obj, path, 0, value);
+  }; // Support DevTools editable values for useState and useReducer.
 
-        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)`.
-       */
-
-      _proto.measureLayout = function measureLayout(
-        relativeToNativeNode,
-        onSuccess,
-        onFail
-      ) {
-        var maybeInstance; // 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.
+  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;
 
-        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.
+    while (currentHook !== null && id > 0) {
+      currentHook = currentHook.next;
+      id--;
+    }
 
-        if (maybeInstance == null) {
-          return;
-        }
+    if (currentHook !== null) {
+      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.
 
-        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;
+      fiber.memoizedProps = Object.assign({}, fiber.memoizedProps);
+      scheduleWork(fiber, Sync);
+    }
+  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-          if (typeof relativeToNativeNode === "number") {
-            // Already a node handle
-            relativeNode = relativeToNativeNode;
-          } else if (relativeToNativeNode._nativeTag) {
-            relativeNode = relativeToNativeNode._nativeTag;
-          }
+  overrideProps = function(fiber, path, value) {
+    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
 
-          if (relativeNode == null) {
-            warningWithoutStack$1(
-              false,
-              "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-            );
-            return;
-          }
+    if (fiber.alternate) {
+      fiber.alternate.pendingProps = fiber.pendingProps;
+    }
 
-          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)).
-       */
-
-      _proto.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; // 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.
+    scheduleWork(fiber, Sync);
+  };
 
-        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.
+  scheduleUpdate = function(fiber) {
+    scheduleWork(fiber, Sync);
+  };
 
-        if (maybeInstance == null) {
-          return;
-        }
+  setSuspenseHandler = function(newShouldSuspendImpl) {
+    shouldSuspendImpl = newShouldSuspendImpl;
+  };
+}
 
-        if (maybeInstance.canonical) {
-          warningWithoutStack$1(
-            false,
-            "Warning: setNativeProps is not currently supported in Fabric"
-          );
-          return;
-        }
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    overrideHookState: overrideHookState,
+    overrideProps: overrideProps,
+    setSuspenseHandler: setSuspenseHandler,
+    scheduleUpdate: scheduleUpdate,
+    currentDispatcherRef: ReactCurrentDispatcher,
+    findHostInstanceByFiber: function(fiber) {
+      var hostFiber = findCurrentHostFiber(fiber);
+
+      if (hostFiber === null) {
+        return null;
+      }
 
-        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 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;
+    }
+  });
+}
+var IsSomeRendererActing$1 = ReactSharedInternals.IsSomeRendererActing;
 
-      return ReactNativeComponent;
-    })(React.Component); // eslint-disable-next-line no-unused-expressions
+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
+  };
+}
 
-  return ReactNativeComponent;
-};
+// TODO: this is special because it gets imported during build.
+var ReactVersion = "16.13.0";
 
 var instanceCache = new Map();
 
@@ -24085,13 +20184,14 @@ function getInstanceFromTag(tag) {
   return instanceCache.get(tag) || null;
 }
 
-var emptyObject$3 = {};
+var emptyObject$1 = {};
 
 {
-  Object.freeze(emptyObject$3);
+  Object.freeze(emptyObject$1);
 }
 
 var getInspectorDataForViewTag;
+var getInspectorDataForViewAtPoint;
 
 {
   var traverseOwnerTreeUp = function(hierarchy, instance) {
@@ -24115,6 +20215,7 @@ var getInspectorDataForViewTag;
         return instance;
       }
     }
+
     return hierarchy[0];
   };
 
@@ -24122,10 +20223,10 @@ var getInspectorDataForViewTag;
     var host = findCurrentHostFiber(fiber);
 
     if (host) {
-      return host.memoizedProps || emptyObject$3;
+      return host.memoizedProps || emptyObject$1;
     }
 
-    return emptyObject$3;
+    return emptyObject$1;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -24153,28 +20254,65 @@ var getInspectorDataForViewTag;
         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
+            source: fiber._debugSource,
+            measure: function(callback) {
+              // If this is Fabric, we'll find a ShadowNode and use that to measure.
+              var hostFiber = findCurrentHostFiber(fiber);
+              var shadowNode =
+                hostFiber != null &&
+                hostFiber.stateNode !== null &&
+                hostFiber.stateNode.node;
+
+              if (shadowNode) {
+                nativeFabricUIManager.measure(shadowNode, callback);
+              } else {
+                return ReactNativePrivateInterface.UIManager.measure(
+                  getHostNode(fiber, findNodeHandle),
+                  callback
+                );
+              }
+            }
           };
         }
       };
     });
   };
 
+  var getInspectorDataForInstance = function(closestInstance) {
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject$1,
+        selectedIndex: null,
+        source: null
+      };
+    }
+
+    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+    var fiberHierarchy = getOwnerHierarchy(fiber);
+    var instance = lastNonHostInstance(fiberHierarchy);
+    var hierarchy = createHierarchy(fiberHierarchy);
+    var props = getHostProps(instance);
+    var source = instance._debugSource;
+    var selectedIndex = fiberHierarchy.indexOf(instance);
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selectedIndex: selectedIndex,
+      source: source
+    };
+  };
+
   getInspectorDataForViewTag = function(viewTag) {
     var closestInstance = getInstanceFromTag(viewTag); // Handle case where user clicks outside of ReactNative
 
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$3,
-        selection: null,
+        props: emptyObject$1,
+        selectedIndex: null,
         source: null
       };
     }
@@ -24185,36 +20323,122 @@ var getInspectorDataForViewTag;
     var hierarchy = createHierarchy(fiberHierarchy);
     var props = getHostProps(instance);
     var source = instance._debugSource;
-    var selection = fiberHierarchy.indexOf(instance);
+    var selectedIndex = fiberHierarchy.indexOf(instance);
     return {
       hierarchy: hierarchy,
       props: props,
-      selection: selection,
+      selectedIndex: selectedIndex,
       source: source
     };
   };
+
+  getInspectorDataForViewAtPoint = function(
+    findNodeHandle,
+    inspectedView,
+    locationX,
+    locationY,
+    callback
+  ) {
+    var closestInstance = null;
+
+    if (inspectedView._internalInstanceHandle != null) {
+      // For Fabric we can look up the instance handle directly and measure it.
+      nativeFabricUIManager.findNodeAtPoint(
+        inspectedView._internalInstanceHandle.stateNode.node,
+        locationX,
+        locationY,
+        function(internalInstanceHandle) {
+          if (internalInstanceHandle == null) {
+            callback(
+              Object.assign(
+                {
+                  pointerY: locationY,
+                  frame: {
+                    left: 0,
+                    top: 0,
+                    width: 0,
+                    height: 0
+                  }
+                },
+                getInspectorDataForInstance(closestInstance)
+              )
+            );
+          }
+
+          closestInstance =
+            internalInstanceHandle.stateNode.canonical._internalInstanceHandle;
+          nativeFabricUIManager.measure(
+            internalInstanceHandle.stateNode.node,
+            function(x, y, width, height, pageX, pageY) {
+              callback(
+                Object.assign(
+                  {
+                    pointerY: locationY,
+                    frame: {
+                      left: pageX,
+                      top: pageY,
+                      width: width,
+                      height: height
+                    }
+                  },
+                  getInspectorDataForInstance(closestInstance)
+                )
+              );
+            }
+          );
+        }
+      );
+    } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
+      // For Paper we fall back to the old strategy using the React tag.
+      ReactNativePrivateInterface.UIManager.findSubviewIn(
+        findNodeHandle(inspectedView),
+        [locationX, locationY],
+        function(nativeViewTag, left, top, width, height) {
+          var inspectorData = getInspectorDataForInstance(
+            getInstanceFromTag(nativeViewTag)
+          );
+          callback(
+            Object.assign({}, inspectorData, {
+              pointerY: locationY,
+              frame: {
+                left: left,
+                top: top,
+                width: width,
+                height: height
+              },
+              touchedViewTag: nativeViewTag
+            })
+          );
+        }
+      );
+    } else {
+      error(
+        "getInspectorDataForViewAtPoint expects to receieve a host component"
+      );
+
+      return;
+    }
+  };
 }
 
-var _nativeFabricUIManage = nativeFabricUIManager;
-var fabricDispatchCommand = _nativeFabricUIManage.dispatchCommand;
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
 
 function findHostInstance_DEPRECATED(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24254,20 +20478,20 @@ function findHostInstance_DEPRECATED(componentOrHandle) {
 
 function findNodeHandle(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24307,94 +20531,95 @@ function findNodeHandle(componentOrHandle) {
     // 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),
-  // This is needed for implementation details of TouchableNativeFeedback
-  // Remove this once TouchableNativeFeedback doesn't use cloneElement
-  findHostInstance_DEPRECATED: findHostInstance_DEPRECATED,
-  findNodeHandle: findNodeHandle,
-  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;
+function dispatchCommand(handle, command, args) {
+  if (handle._nativeTag == null) {
+    {
+      error(
+        "dispatchCommand was called with a ref that isn't a " +
+          "native component. Use React.forwardRef to get access to the underlying native component"
+      );
     }
 
-    fabricDispatchCommand(
+    return;
+  }
+
+  if (handle._internalInstanceHandle) {
+    nativeFabricUIManager.dispatchCommand(
       handle._internalInstanceHandle.stateNode.node,
       command,
       args
     );
-  },
-  render: function(element, containerTag, callback) {
-    var root = roots.get(containerTag);
+  } else {
+    ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+      handle._nativeTag,
+      command,
+      args
+    );
+  }
+}
 
-    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, null);
-      roots.set(containerTag, root);
-    }
+function render(element, containerTag, callback) {
+  var root = roots.get(containerTag);
 
-    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)
+  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);
+}
+
+function unmountComponentAtNode(containerTag) {
+  this.stopSurface(containerTag);
+}
+
+function stopSurface(containerTag) {
+  var root = roots.get(containerTag);
+
+  if (root) {
+    // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+  }
+}
+
+function createPortal$1(children, containerTag) {
+  var key =
+    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  return createPortal(children, containerTag, null, key);
+}
+
+setBatchingImplementation(batchedUpdates$1);
+var roots = new Map();
 injectIntoDevTools({
   findFiberByHostInstance: getInstanceFromInstance,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 1,
   version: ReactVersion,
-  rendererPackageName: "react-native-renderer"
-});
-
-var ReactFabric$2 = Object.freeze({
-  default: ReactFabric
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: getInspectorDataForViewTag,
+    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
+      null,
+      findNodeHandle
+    )
+  }
 });
 
-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;
+exports.createPortal = createPortal$1;
+exports.dispatchCommand = dispatchCommand;
+exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
+exports.findNodeHandle = findNodeHandle;
+exports.render = render;
+exports.stopSurface = stopSurface;
+exports.unmountComponentAtNode = unmountComponentAtNode;
 
   })();
 }
diff --git a/Libraries/Renderer/implementations/ReactFabric-dev.js b/Libraries/Renderer/implementations/ReactFabric-dev.js
index a4cbef3535b812..8e2baedcc4efc4 100644
--- a/Libraries/Renderer/implementations/ReactFabric-dev.js
+++ b/Libraries/Renderer/implementations/ReactFabric-dev.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @providesModule ReactFabric-dev
  * @preventMunge
  * @generated
@@ -16,253 +17,234 @@ if (__DEV__) {
   (function() {
 "use strict";
 
+var React = require("react");
 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");
 
-/**
- * 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.
- */
+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.
 
-/**
- * Injectable ordering of event plugins.
- */
-var eventPluginOrder = null;
-/**
- * Injectable mapping from names to event plugin modules.
- */
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
+  ReactSharedInternals.ReactCurrentDispatcher = {
+    current: null
+  };
+}
 
-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;
-  }
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+// by calls to these methods by a Babel plugin.
+//
+// In PROD (or in packages without access to React internals),
+// they are left as they are instead.
 
-    if (!(pluginIndex > -1)) {
-      throw Error(
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-          pluginName +
-          "`."
-      );
+function warn(format) {
+  {
+    for (
+      var _len = arguments.length,
+        args = new Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
     }
 
-    if (plugins[pluginIndex]) {
-      continue;
+    printWarning("warn", format, args);
+  }
+}
+function error(format) {
+  {
+    for (
+      var _len2 = arguments.length,
+        args = new Array(_len2 > 1 ? _len2 - 1 : 0),
+        _key2 = 1;
+      _key2 < _len2;
+      _key2++
+    ) {
+      args[_key2 - 1] = arguments[_key2];
     }
 
-    if (!pluginModule.extractEvents) {
-      throw Error(
-        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-          pluginName +
-          "` does not."
-      );
-    }
+    printWarning("error", format, args);
+  }
+}
 
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var hasExistingStack =
+      args.length > 0 &&
+      typeof args[args.length - 1] === "string" &&
+      args[args.length - 1].indexOf("\n    in") === 0;
 
-    for (var eventName in publishedEvents) {
-      if (
-        !publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        )
-      ) {
-        throw Error(
-          "EventPluginRegistry: Failed to publish event `" +
-            eventName +
-            "` for plugin `" +
-            pluginName +
-            "`."
-        );
+    if (!hasExistingStack) {
+      var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+      var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+      if (stack !== "") {
+        format += "%s";
+        args = args.concat([stack]);
       }
     }
+
+    var argsWithFormat = args.map(function(item) {
+      return "" + item;
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+
+    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) {}
   }
 }
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
 
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-        eventName +
-        "`."
-    );
-  }
+var FunctionComponent = 0;
+var ClassComponent = 1;
+var IndeterminateComponent = 2; // Before we know whether it is function or class
 
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
 
-  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;
+var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
+var HostComponent = 5;
+var HostText = 6;
+var Fragment = 7;
+var Mode = 8;
+var ContextConsumer = 9;
+var ContextProvider = 10;
+var ForwardRef = 11;
+var Profiler = 12;
+var SuspenseComponent = 13;
+var MemoComponent = 14;
+var SimpleMemoComponent = 15;
+var LazyComponent = 16;
+var IncompleteClassComponent = 17;
+var DehydratedFragment = 18;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
+var ScopeComponent = 21;
+var Block = 22;
+
+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 false;
+  return null;
 }
 /**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
  */
 
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  if (!!registrationNameModules[registrationName]) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
+function getLowestCommonAncestor(instA, instB) {
+  var depthA = 0;
+
+  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+    depthA++;
   }
 
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+  var depthB = 0;
 
-  {
-    var lowerCasedName = registrationName.toLowerCase();
+  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;
 }
 /**
- * Registers plugins so that they can extract and dispatch events.
- *
- * @see {EventPluginHub}
+ * Return if A is an ancestor of B.
  */
 
-/**
- * Ordered list of injected plugins.
- */
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
 
-var plugins = [];
+    instB = getParent(instB);
+  }
+
+  return false;
+}
 /**
- * Mapping from event name to dispatch config
+ * Return the parent instance of the passed-in instance.
  */
 
-var eventNameDispatchConfigs = {};
+function getParentInstance(inst) {
+  return getParent(inst);
+}
 /**
- * Mapping from registration name to plugin module
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
  */
 
-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) {
-  if (!!eventPluginOrder) {
-    throw 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;
-    }
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
 
-    var pluginModule = injectedNamesToPlugins[pluginName];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
 
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      if (!!namesToPlugins[pluginName]) {
-        throw Error(
-          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            pluginName +
-            "`."
-        );
-      }
+  var i;
 
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
   }
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
+
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
   }
 }
 
@@ -278,6 +260,7 @@ var invokeGuardedCallbackImpl = function(
   f
 ) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
+
   try {
     func.apply(context, funcArgs);
   } catch (error) {
@@ -486,6 +469,7 @@ var reporter = {
  * @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;
@@ -501,6 +485,7 @@ function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
  * @param {*} context The context to use when calling the function
  * @param {...*} args Arguments for function
  */
+
 function invokeGuardedCallbackAndCatchFirstError(
   name,
   func,
@@ -527,6 +512,7 @@ function invokeGuardedCallbackAndCatchFirstError(
  * 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;
@@ -553,70 +539,6 @@ function clearCaughtError() {
   }
 }
 
-/**
- * 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 = new 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;
@@ -628,14 +550,14 @@ function setComponentTree(
   getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
   getInstanceFromNode = getInstanceFromNodeImpl;
   getNodeFromInstance = getNodeFromInstanceImpl;
+
   {
-    !(getNodeFromInstance && getInstanceFromNode)
-      ? warningWithoutStack$1(
-          false,
-          "EventPluginUtils.setComponentTree(...): Injected " +
-            "module is missing getNodeFromInstance or getInstanceFromNode."
-        )
-      : void 0;
+    if (!getNodeFromInstance || !getInstanceFromNode) {
+      error(
+        "EventPluginUtils.setComponentTree(...): Injected " +
+          "module is missing getNodeFromInstance or getInstanceFromNode."
+      );
+    }
   }
 }
 var validateEventDispatches;
@@ -648,17 +570,18 @@ var validateEventDispatches;
     var listenersLen = listenersIsArr
       ? dispatchListeners.length
       : dispatchListeners
-        ? 1
-        : 0;
+      ? 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;
+      ? 1
+      : 0;
+
+    if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
+      error("EventPluginUtils: Invalid `event`.");
+    }
   };
 }
 /**
@@ -667,6 +590,7 @@ var validateEventDispatches;
  * @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);
@@ -753,6 +677,7 @@ function executeDispatchesInOrderStopAtTrue(event) {
  *
  * @return {*} The return value of executing the single dispatch.
  */
+
 function executeDirectDispatch(event) {
   {
     validateEventDispatches(event);
@@ -778,10 +703,82 @@ function executeDirectDispatch(event) {
  * @param {SyntheticEvent} event
  * @return {boolean} True iff number of dispatches accumulated is greater than 0.
  */
+
 function hasDispatches(event) {
   return !!event._dispatchListeners;
 }
 
+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":
+    case "onMouseEnter":
+      return !!(props.disabled && isInteractive(type));
+
+    default:
+      return false;
+  }
+}
+/**
+ * @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; // 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;
+  }
+
+  if (!(!listener || typeof listener === "function")) {
+    throw Error(
+      "Expected `" +
+        registrationName +
+        "` listener to be a function, instead got a value of `" +
+        typeof listener +
+        "` type."
+    );
+  }
+
+  return listener;
+}
+
 /**
  * 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
@@ -812,6 +809,7 @@ function accumulateInto(current, next) {
       current.push.apply(current, next);
       return current;
     }
+
     current.push(next);
     return current;
   }
@@ -842,1107 +840,794 @@ function forEachAccumulated(arr, cb, scope) {
 }
 
 /**
- * Internal queue of events that have accumulated their dispatches and are
- * waiting to have their dispatches executed.
+ * 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.
  */
 
-var eventQueue = null;
 /**
- * Dispatches an event and releases it back into the pool, unless persistent.
- *
- * @param {?object} event Synthetic event to be dispatched.
- * @private
+ * 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.
  */
-var executeDispatchesAndRelease = function(event) {
-  if (event) {
-    executeDispatchesInOrder(event);
 
-    if (!event.isPersistent()) {
-      event.constructor.release(event);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  {
+    if (!inst) {
+      error("Dispatching inst must not be null");
     }
   }
-};
-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);
+  var listener = listenerAtPhase(inst, event, phase);
 
-  if (!!eventQueue) {
-    throw Error(
-      "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+  if (listener) {
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener
     );
-  } // 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;
+    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
   }
 }
 /**
- * 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
+ * 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);
+  }
+}
 /**
- * Methods for injecting dependencies.
+ * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
  */
-var injection = {
-  /**
-   * @param {array} InjectedEventPluginOrder
-   * @public
-   */
-  injectEventPluginOrder: injectEventPluginOrder,
 
-  /**
-   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-   */
-  injectEventPluginsByName: injectEventPluginsByName
-};
+function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    var targetInst = event._targetInst;
+    var parentInst = targetInst ? getParentInstance(targetInst) : null;
+    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
+  }
+}
 /**
- * @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.
+ * 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 getListener(inst, registrationName) {
-  var listener; // TODO: shouldPreventMouseEvent is DOM-specific and definitely should not
-  // live here; needs to be moved to a better place soon
-
-  var stateNode = inst.stateNode;
+function accumulateDispatches(inst, ignoredDirection, event) {
+  if (inst && event && event.dispatchConfig.registrationName) {
+    var registrationName = event.dispatchConfig.registrationName;
+    var listener = getListener(inst, registrationName);
 
-  if (!stateNode) {
-    // Work in progress (ex: onload events in incremental mode).
-    return null;
+    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
+ */
 
-  var props = getFiberCurrentPropsFromNode(stateNode);
-
-  if (!props) {
-    // Work in progress.
-    return null;
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    accumulateDispatches(event._targetInst, null, event);
   }
+}
 
-  listener = props[registrationName];
+function accumulateTwoPhaseDispatches(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+function accumulateDirectDispatches(events) {
+  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
 
-  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+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
+};
 
-  if (!(!listener || typeof listener === "function")) {
-    throw Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  }
+function functionThatReturnsTrue() {
+  return true;
+}
 
-  return listener;
+function functionThatReturnsFalse() {
+  return false;
 }
 /**
- * Allows registered plugins an opportunity to extract events from top-level
- * native browser events.
+ * Synthetic events are dispatched by event plugins, typically in response to a
+ * top-level event delegation handler.
  *
- * @return {*} An accumulation of synthetic events.
- * @internal
+ * 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 extractPluginEvents(
-  topLevelType,
+
+function SyntheticEvent(
+  dispatchConfig,
   targetInst,
   nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
+  nativeEventTarget
 ) {
-  var events = null;
+  {
+    // these have a getter/setter for warnings
+    delete this.nativeEvent;
+    delete this.preventDefault;
+    delete this.stopPropagation;
+    delete this.isDefaultPrevented;
+    delete this.isPropagationStopped;
+  }
 
-  for (var i = 0; i < plugins.length; i++) {
-    // Not every plugin in the ordering may be loaded at runtime.
-    var possiblePlugin = plugins[i];
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  var Interface = this.constructor.Interface;
 
-    if (possiblePlugin) {
-      var extractedEvents = possiblePlugin.extractEvents(
-        topLevelType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget,
-        eventSystemFlags
-      );
+  for (var propName in Interface) {
+    if (!Interface.hasOwnProperty(propName)) {
+      continue;
+    }
 
-      if (extractedEvents) {
-        events = accumulateInto(events, extractedEvents);
+    {
+      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];
       }
     }
   }
-  return events;
-}
 
-function runExtractedPluginEventsInBatch(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
-) {
-  var events = extractPluginEvents(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  );
-  runEventsInBatch(events);
-}
+  var defaultPrevented =
+    nativeEvent.defaultPrevented != null
+      ? nativeEvent.defaultPrevented
+      : nativeEvent.returnValue === false;
 
-var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
+  if (defaultPrevented) {
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  } else {
+    this.isDefaultPrevented = functionThatReturnsFalse;
+  }
 
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
+}
 
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = true;
+    var event = this.nativeEvent;
 
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
-var DehydratedFragment = 18;
-var SuspenseListComponent = 19;
-var FundamentalComponent = 20;
-var ScopeComponent = 21;
+    if (!event) {
+      return;
+    }
 
-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 (event.preventDefault) {
+      event.preventDefault();
+    } else if (typeof event.returnValue !== "unknown") {
+      event.returnValue = false;
+    }
 
-  if (inst) {
-    return inst;
-  }
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
 
-  return null;
-}
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
+    if (!event) {
+      return;
+    }
 
-function getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
+    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;
+    }
 
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
+    this.isPropagationStopped = functionThatReturnsTrue;
+  },
 
-  var depthB = 0;
+  /**
+   * 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;
+  },
 
-  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  } // If A is deeper, crawl up.
+  /**
+   * Checks if this event should be released back into the pool.
+   *
+   * @return {boolean} True if this should not be released, false otherwise.
+   */
+  isPersistent: functionThatReturnsFalse,
 
-  while (depthA - depthB > 0) {
-    instA = getParent(instA);
-    depthA--;
-  } // If B is deeper, crawl up.
+  /**
+   * `PooledClass` looks for `destructor` on each instance it releases.
+   */
+  destructor: function() {
+    var Interface = this.constructor.Interface;
 
-  while (depthB - depthA > 0) {
-    instB = getParent(instB);
-    depthB--;
-  } // Walk in lockstep until we find a match.
+    for (var propName in Interface) {
+      {
+        Object.defineProperty(
+          this,
+          propName,
+          getPooledWarningPropertyDefinition(propName, Interface[propName])
+        );
+      }
+    }
 
-  var depth = depthA;
+    this.dispatchConfig = null;
+    this._targetInst = null;
+    this.nativeEvent = null;
+    this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = functionThatReturnsFalse;
+    this._dispatchListeners = null;
+    this._dispatchInstances = null;
 
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
+    {
+      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() {})
+      );
     }
-
-    instA = getParent(instA);
-    instB = getParent(instB);
   }
-
-  return null;
-}
+});
+SyntheticEvent.Interface = EventInterface;
 /**
- * Return if A is an ancestor of B.
+ * Helper to reduce boilerplate when creating subclasses.
  */
 
-function isAncestor(instA, instB) {
-  while (instB) {
-    if (instA === instB || instA === instB.alternate) {
-      return true;
-    }
+SyntheticEvent.extend = function(Interface) {
+  var Super = this;
 
-    instB = getParent(instB);
+  var E = function() {};
+
+  E.prototype = Super.prototype;
+  var prototype = new E();
+
+  function Class() {
+    return Super.apply(this, arguments);
   }
 
-  return false;
-}
-/**
- * Return the parent instance of the passed-in instance.
- */
+  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;
+};
 
-function getParentInstance(inst) {
-  return getParent(inst);
-}
+addEventPoolingTo(SyntheticEvent);
 /**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
  */
 
-function traverseTwoPhase(inst, fn, arg) {
-  var path = [];
+function getPooledWarningPropertyDefinition(propName, getVal) {
+  var isFunction = typeof getVal === "function";
+  return {
+    configurable: true,
+    set: set,
+    get: get
+  };
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
+  function set(val) {
+    var action = isFunction ? "setting the method" : "setting the property";
+    warn(action, "This is effectively a no-op");
+    return val;
   }
 
-  var i;
-
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
+  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;
   }
 
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
+  function warn(action, result) {
+    {
+      error(
+        "This synthetic event is reused for performance reasons. If you're seeing this, " +
+          "you're %s `%s` on a released/nullified synthetic event. %s. " +
+          "If you must keep the original synthetic event around, use event.persist(). " +
+          "See https://fb.me/react-event-pooling for more information.",
+        action,
+        propName,
+        result
+      );
+    }
   }
 }
-/**
- * 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.
- */
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  var EventConstructor = this;
 
-/**
- * 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;
+  if (EventConstructor.eventPool.length) {
+    var instance = EventConstructor.eventPool.pop();
+    EventConstructor.call(
+      instance,
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeInst
+    );
+    return instance;
   }
 
-  var listener = listenerAtPhase(inst, event, phase);
+  return new EventConstructor(
+    dispatchConfig,
+    targetInst,
+    nativeEvent,
+    nativeInst
+  );
+}
 
-  if (listener) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listener
+function releasePooledEvent(event) {
+  var EventConstructor = this;
+
+  if (!(event instanceof EventConstructor)) {
+    throw Error(
+      "Trying to release an event instance into a pool of a different type."
     );
-    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);
+  event.destructor();
+
+  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+    EventConstructor.eventPool.push(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);
-    }
-  }
+
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
 }
+
 /**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
+ * `touchHistory` isn't actually on the native event, but putting it in the
+ * interface will ensure that it is cleaned up when pooled/destroyed. The
+ * `ResponderEventPlugin` will populate it appropriately.
  */
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches(event._targetInst, null, event);
+
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function(nativeEvent) {
+    return null; // Actually doesn't even look at the native event.
   }
-}
+});
 
-function accumulateTwoPhaseDispatches(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+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 accumulateTwoPhaseDispatchesSkipTarget(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+function isMoveish(topLevelType) {
+  return topLevelType === TOP_TOUCH_MOVE;
 }
-
-function accumulateDirectDispatches(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+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];
 
-/* eslint valid-typeof: 0 */
-var EVENT_POOL_SIZE = 10;
 /**
- * @interface Event
- * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ * 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 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;
-}
+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 functionThatReturnsFalse() {
-  return false;
+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;
 }
 /**
- * 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.
+ * TODO: Instead of making gestures recompute filtered velocity, we could
+ * include a built in velocity computation that can be reused globally.
  */
-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;
+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)
+  };
+}
 
-  for (var propName in Interface) {
-    if (!Interface.hasOwnProperty(propName)) {
-      continue;
-    }
+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);
+}
 
-    {
-      delete this[propName]; // this has a getter/setter for warnings
-    }
+function getTouchIdentifier(_ref) {
+  var identifier = _ref.identifier;
 
-    var normalize = Interface[propName];
+  if (!(identifier != null)) {
+    throw Error("Touch object is missing identifier.");
+  }
 
-    if (normalize) {
-      this[propName] = normalize(nativeEvent);
-    } else {
-      if (propName === "target") {
-        this.target = nativeEventTarget;
-      } else {
-        this[propName] = nativeEvent[propName];
-      }
+  {
+    if (identifier > MAX_TOUCH_BANK) {
+      error(
+        "Touch identifier %s is greater than maximum supported %s which causes " +
+          "performance issues backfilling array locations for all of the indices.",
+        identifier,
+        MAX_TOUCH_BANK
+      );
     }
   }
 
-  var defaultPrevented =
-    nativeEvent.defaultPrevented != null
-      ? nativeEvent.defaultPrevented
-      : nativeEvent.returnValue === false;
-  if (defaultPrevented) {
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  } else {
-    this.isDefaultPrevented = functionThatReturnsFalse;
-  }
-  this.isPropagationStopped = functionThatReturnsFalse;
-  return this;
+  return identifier;
 }
 
-Object.assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = true;
-    var event = this.nativeEvent;
-    if (!event) {
-      return;
-    }
+function recordTouchStart(touch) {
+  var identifier = getTouchIdentifier(touch);
+  var touchRecord = touchBank[identifier];
 
-    if (event.preventDefault) {
-      event.preventDefault();
-    } else if (typeof event.returnValue !== "unknown") {
-      event.returnValue = false;
-    }
+  if (touchRecord) {
+    resetTouchRecord(touchRecord, touch);
+  } else {
+    touchBank[identifier] = createTouchRecord(touch);
+  }
 
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
+  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+}
 
-    if (!event) {
-      return;
-    }
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-    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;
+  if (touchRecord) {
+    touchRecord.touchActive = true;
+    touchRecord.previousPageX = touchRecord.currentPageX;
+    touchRecord.previousPageY = touchRecord.currentPageY;
+    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+    touchRecord.currentPageX = touch.pageX;
+    touchRecord.currentPageY = touch.pageY;
+    touchRecord.currentTimeStamp = timestampForTouch(touch);
+    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+  } else {
+    {
+      warn(
+        "Cannot record touch move without a touch start.\n" +
+          "Touch Move: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
     }
+  }
+}
 
-    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,
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-  /**
-   * `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;
+  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 {
     {
-      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() {})
+      warn(
+        "Cannot record touch end without a touch start.\n" +
+          "Touch End: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
       );
     }
   }
-});
-SyntheticEvent.Interface = EventInterface;
-/**
- * Helper to reduce boilerplate when creating subclasses.
- */
+}
 
-SyntheticEvent.extend = function(Interface) {
-  var Super = this;
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
+}
 
-  var E = function() {};
-  E.prototype = Super.prototype;
-  var prototype = new E();
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
 
-  function Class() {
-    return Super.apply(this, arguments);
+  if (touchBank.length > MAX_TOUCH_BANK) {
+    printed += " (original size: " + touchBank.length + ")";
   }
 
-  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;
+  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];
+
+          if (activeRecord == null || !activeRecord.touchActive) {
+            error("Cannot find single active touch.");
+          }
+        }
+      }
+    }
+  },
+  touchHistory: touchHistory
 };
 
-addEventPoolingTo(SyntheticEvent);
 /**
- * Helper to nullify syntheticEvent instance properties when destructing
+ * Accumulates items that must not be null or undefined.
  *
- * @param {String} propName
- * @param {?object} getVal
- * @return {object} defineProperty object
+ * This is used to conserve memory by avoiding array allocations.
+ *
+ * @return {*|array<*>} An accumulation of items.
  */
-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 accumulate(current, next) {
+  if (!(next != null)) {
+    throw Error(
+      "accumulate(...): Accumulated items must not be null or undefined."
+    );
   }
 
-  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;
+  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);
   }
 
-  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;
+  if (Array.isArray(next)) {
+    return [current].concat(next);
   }
+
+  return [current, next];
 }
 
-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;
-
-  if (!(event instanceof EventConstructor)) {
-    throw 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.
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
  */
 
-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;
-}
+var responderInst = null;
 /**
- * TODO: Instead of making gestures recompute filtered velocity, we could
- * include a built in velocity computation that can be reused globally.
+ * Count of current touches. A textInput should become responder iff the
+ * selection changes while there is a touch on the screen.
  */
-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;
-
-  if (!(identifier != null)) {
-    throw 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);
-}
+var trackedTouchCount = 0;
 
-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()
-    );
-  }
-}
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
 
-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()
+  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
     );
   }
-}
+};
 
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
+var eventTypes = {
+  /**
+   * On a `touchStart`/`mouseDown`, is it desired that this element become the
+   * responder?
+   */
+  startShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onStartShouldSetResponder",
+      captured: "onStartShouldSetResponderCapture"
+    },
+    dependencies: startDependencies
+  },
 
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+  /**
+   * 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]
+  },
 
-  if (touchBank.length > MAX_TOUCH_BANK) {
-    printed += " (original size: " + touchBank.length + ")";
-  }
+  /**
+   * 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]
+  },
 
-  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) {
-  if (!(next != null)) {
-    throw 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
-  },
+  /**
+   * 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.
@@ -2111,7 +1796,7 @@ to return true:wantsResponderID|                            |
                                +                            + */
 
 /**
- * A note about event ordering in the `EventPluginHub`.
+ * A note about event ordering in the `EventPluginRegistry`.
  *
  * Suppose plugins are injected in the following order:
  *
@@ -2130,7 +1815,7 @@ to return true:wantsResponderID|                            |
  * - 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
+ *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
  *   name deferred).
  *
  * In the process of returning their deferred-dispatched events, event plugins
@@ -2154,9 +1839,9 @@ to return true:wantsResponderID|                            |
  * - `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`)
+ * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
  *
  * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
  * on-demand dispatch returns `true` (and some other details are satisfied) the
@@ -2165,9 +1850,9 @@ to return true:wantsResponderID|                            |
  * 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)
+ * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
+ * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
  */
 
 function setResponderAndExtractTransfer(
@@ -2179,10 +1864,10 @@ function setResponderAndExtractTransfer(
   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.
+    ? eventTypes.moveShouldSetResponder
+    : topLevelType === TOP_SELECTION_CHANGE
+    ? eventTypes.selectionChangeShouldSetResponder
+    : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
 
   var bubbleShouldSetFrom = !responderInst
     ? targetInst
@@ -2199,6 +1884,7 @@ function setResponderAndExtractTransfer(
     nativeEventTarget
   );
   shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
   if (skipOverBubbleShouldSetFrom) {
     accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
   } else {
@@ -2239,6 +1925,7 @@ function setResponderAndExtractTransfer(
     var shouldSwitch =
       !hasDispatches(terminationRequestEvent) ||
       executeDirectDispatch(terminationRequestEvent);
+
     if (!terminationRequestEvent.isPersistent()) {
       terminationRequestEvent.constructor.release(terminationRequestEvent);
     }
@@ -2320,6 +2007,7 @@ function noResponderTouches(nativeEvent) {
       }
     }
   }
+
   return true;
 }
 
@@ -2348,9 +2036,12 @@ var ResponderEventPlugin = {
       if (trackedTouchCount >= 0) {
         trackedTouchCount -= 1;
       } else {
-        console.warn(
-          "Ended a touch event which was not counted in `trackedTouchCount`."
-        );
+        {
+          warn(
+            "Ended a touch event which was not counted in `trackedTouchCount`."
+          );
+        }
+
         return null;
       }
     }
@@ -2373,16 +2064,17 @@ var ResponderEventPlugin = {
     // 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;
+      ? eventTypes.responderMove
+      : isResponderTouchEnd
+      ? eventTypes.responderEnd
+      : null;
 
     if (incrementalTouch) {
       var gesture = ResponderSyntheticEvent.getPooled(
@@ -2406,8 +2098,9 @@ var ResponderEventPlugin = {
     var finalTouch = isResponderTerminate
       ? eventTypes.responderTerminate
       : isResponderRelease
-        ? eventTypes.responderRelease
-        : null;
+      ? eventTypes.responderRelease
+      : null;
+
     if (finalTouch) {
       var finalEvent = ResponderSyntheticEvent.getPooled(
         finalTouch,
@@ -2436,345 +2129,481 @@ var ResponderEventPlugin = {
   }
 };
 
-var customBubblingEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customBubblingEventTypes;
-var customDirectEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customDirectEventTypes;
-var ReactNativeBridgeEventPlugin = {
-  eventTypes: {},
-
-  /**
-   * @see {EventPluginHub.extractEvents}
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  ) {
-    if (targetInst == null) {
-      // Probably a node belonging to another renderer's tree.
-      return null;
-    }
-
-    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
-    var directDispatchConfig = customDirectEventTypes[topLevelType];
-
-    if (!(bubbleDispatchConfig || directDispatchConfig)) {
-      throw 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
+ * Injectable ordering of event plugins.
  */
-// Module provided by RN:
+var eventPluginOrder = null;
 /**
- * Inject module for resolving DOM hierarchy and plugin ordering.
+ * Injectable mapping from names to event plugin modules.
  */
 
-injection.injectEventPluginOrder(ReactNativeEventPluginOrder);
+var namesToPlugins = {};
 /**
- * Some important event plugins included by default (without having to require
- * them).
+ * Recomputes the plugin list using the injected plugins and plugin ordering.
+ *
+ * @private
  */
-injection.injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
 
-var debugRenderPhaseSideEffectsForStrictMode = false;
-var enableUserTimingAPI = true;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = true;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var enableFlareAPI = false;
-var enableFundamentalAPI = false;
-var enableScopeAPI = false;
-
-var warnAboutUnmockedScheduler = false;
-var flushSuspenseFallbacksInTests = true;
-var enableSuspenseCallback = false;
-var warnAboutDefaultPropsOnFunctionComponents = false;
-var warnAboutStringRefs = false;
-var disableLegacyContext = false;
-var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
-
-var enableNativeTargetAsInstance = false; // Only used in www builds.
-
-// Flow magic to verify the exports of this file match the original version.
-
-function getInstanceFromInstance(instanceHandle) {
-  return instanceHandle;
-}
+function recomputePluginOrdering() {
+  if (!eventPluginOrder) {
+    // Wait until an `eventPluginOrder` is injected.
+    return;
+  }
 
-function getTagFromInstance(inst) {
-  if (enableNativeTargetAsInstance) {
-    var nativeInstance = inst.stateNode.canonical;
+  for (var pluginName in namesToPlugins) {
+    var pluginModule = namesToPlugins[pluginName];
+    var pluginIndex = eventPluginOrder.indexOf(pluginName);
 
-    if (!nativeInstance._nativeTag) {
-      throw Error("All native instances should have a tag.");
+    if (!(pluginIndex > -1)) {
+      throw Error(
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+          pluginName +
+          "`."
+      );
     }
 
-    return nativeInstance;
-  } else {
-    var tag = inst.stateNode.canonical._nativeTag;
-
-    if (!tag) {
-      throw Error("All native instances should have a tag.");
+    if (plugins[pluginIndex]) {
+      continue;
     }
 
-    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
+    if (!pluginModule.extractEvents) {
+      throw Error(
+        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+          pluginName +
+          "` does not."
       );
-    } else {
-      ReactNativePrivateInterface.UIManager.clearJSResponder();
     }
-  }
-};
 
-setComponentTree(
-  getFiberCurrentPropsFromNode$1,
-  getInstanceFromInstance,
-  getTagFromInstance
-);
-ResponderEventPlugin.injection.injectGlobalResponderHandler(
-  ReactFabricGlobalResponderHandler
-);
+    plugins[pluginIndex] = pluginModule;
+    var publishedEvents = pluginModule.eventTypes;
 
+    for (var eventName in publishedEvents) {
+      if (
+        !publishEventForPlugin(
+          publishedEvents[eventName],
+          pluginModule,
+          eventName
+        )
+      ) {
+        throw Error(
+          "EventPluginRegistry: Failed to publish event `" +
+            eventName +
+            "` for plugin `" +
+            pluginName +
+            "`."
+        );
+      }
+    }
+  }
+}
 /**
- * `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.
+ * Publishes an event so that it can be dispatched by the supplied plugin.
  *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
+ * @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
  */
 
-/**
- * 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 publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
+        eventName +
+        "`."
+    );
+  }
 
-function get(key) {
-  return key._reactInternalFiber;
-}
+  eventNameDispatchConfigs[eventName] = dispatchConfig;
+  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
 
-function set(key, value) {
-  key._reactInternalFiber = value;
-}
+  if (phasedRegistrationNames) {
+    for (var phaseName in phasedRegistrationNames) {
+      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+        var phasedRegistrationName = phasedRegistrationNames[phaseName];
+        publishRegistrationName(
+          phasedRegistrationName,
+          pluginModule,
+          eventName
+        );
+      }
+    }
 
-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.
+    return true;
+  } else if (dispatchConfig.registrationName) {
+    publishRegistrationName(
+      dispatchConfig.registrationName,
+      pluginModule,
+      eventName
+    );
+    return true;
+  }
 
-if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
-  ReactSharedInternals.ReactCurrentDispatcher = {
-    current: null
-  };
-}
-if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
-  ReactSharedInternals.ReactCurrentBatchConfig = {
-    suspense: null
-  };
+  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
+ */
 
-// 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 REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 0xead7;
-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;
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+  if (!!registrationNameModules[registrationName]) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
   }
 
-  var maybeIterator =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable[FAUX_ITERATOR_SYMBOL];
+  registrationNameModules[registrationName] = pluginModule;
+  registrationNameDependencies[registrationName] =
+    pluginModule.eventTypes[eventName].dependencies;
 
-  if (typeof maybeIterator === "function") {
-    return maybeIterator;
+  {
+    var lowerCasedName = registrationName.toLowerCase();
   }
-
-  return null;
 }
+/**
+ * Registers plugins so that they can extract and dispatch events.
+ */
 
 /**
- * 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.
+ * Ordered list of injected plugins.
  */
 
-var warning = warningWithoutStack$1;
+var plugins = [];
+/**
+ * Mapping from event name to dispatch config
+ */
 
-{
-  warning = function(condition, format) {
-    if (condition) {
-      return;
-    }
+var eventNameDispatchConfigs = {};
+/**
+ * Mapping from registration name to plugin module
+ */
 
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = ReactDebugCurrentFrame.getStackAddendum(); // eslint-disable-next-line react-internal/warning-and-invariant-args
+var registrationNameModules = {};
+/**
+ * Mapping from registration name to event name
+ */
 
-    for (
-      var _len = arguments.length,
-        args = new Array(_len > 2 ? _len - 2 : 0),
-        _key = 2;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 2] = arguments[_key];
-    }
+var registrationNameDependencies = {};
 
-    warningWithoutStack$1.apply(
-      void 0,
-      [false, format + "%s"].concat(args, [stack])
-    );
-  };
-}
+/**
+ * Injects an ordering of plugins (by plugin name). This allows the ordering
+ * to be decoupled from injection of the actual plugins so that ordering is
+ * always deterministic regardless of packaging, on-the-fly injection, etc.
+ *
+ * @param {array} InjectedEventPluginOrder
+ * @internal
+ */
 
-var warning$1 = warning;
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  if (!!eventPluginOrder) {
+    throw 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.
 
-var Uninitialized = -1;
-var Pending = 0;
-var Resolved = 1;
-var Rejected = 2;
-function refineResolvedLazyComponent(lazyComponent) {
-  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+  recomputePluginOrdering();
 }
-function initializeLazyComponentType(lazyComponent) {
-  if (lazyComponent._status === Uninitialized) {
-    lazyComponent._status = Pending;
-    var ctor = lazyComponent._ctor;
-    var thenable = ctor();
-    lazyComponent._result = thenable;
-    thenable.then(
-      function(moduleObject) {
-        if (lazyComponent._status === Pending) {
-          var defaultExport = moduleObject.default;
+/**
+ * Injects plugins to be used by plugin event system. The plugin names must be
+ * in the ordering injected by `injectEventPluginOrder`.
+ *
+ * Plugins can be injected as part of page initialization or on-the-fly.
+ *
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ * @internal
+ */
 
-          {
-            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
-              );
-            }
-          }
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
 
-          lazyComponent._status = Resolved;
-          lazyComponent._result = defaultExport;
-        }
-      },
-      function(error) {
-        if (lazyComponent._status === Pending) {
-          lazyComponent._status = Rejected;
-          lazyComponent._result = error;
-        }
-      }
-    );
-  }
-}
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
+    }
 
-function getWrappedName(outerType, innerType, wrapperName) {
-  var functionName = innerType.displayName || innerType.name || "";
+    var pluginModule = injectedNamesToPlugins[pluginName];
+
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      if (!!namesToPlugins[pluginName]) {
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName +
+            "`."
+        );
+      }
+
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
+    }
+  }
+
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
+  }
+}
+
+var customBubblingEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
+var ReactNativeBridgeEventPlugin = {
+  eventTypes: {},
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  ) {
+    if (targetInst == null) {
+      // Probably a node belonging to another renderer's tree.
+      return null;
+    }
+
+    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+    var directDispatchConfig = customDirectEventTypes[topLevelType];
+
+    if (!(bubbleDispatchConfig || directDispatchConfig)) {
+      throw 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
+ */
+/**
+ * Inject module for resolving DOM hierarchy and plugin ordering.
+ */
+
+injectEventPluginOrder(ReactNativeEventPluginOrder);
+/**
+ * Some important event plugins included by default (without having to require
+ * them).
+ */
+
+injectEventPluginsByName({
+  ResponderEventPlugin: ResponderEventPlugin,
+  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+});
+
+function getInstanceFromInstance(instanceHandle) {
+  return instanceHandle;
+}
+
+function getTagFromInstance(inst) {
+  var nativeInstance = inst.stateNode.canonical;
+
+  if (!nativeInstance._nativeTag) {
+    throw Error("All native instances should have a tag.");
+  }
+
+  return nativeInstance;
+}
+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.
+ */
+function get(key) {
+  return key._reactInternalFiber;
+}
+function set(key, value) {
+  key._reactInternalFiber = value;
+}
+
+// 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
+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_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 0xead9;
+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;
+}
+
+// TODO: Move this to "react" once we can import from externals.
+var Uninitialized = -1;
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
+
+function refineResolvedLazyComponent(lazyComponent) {
+  return lazyComponent._status === Resolved ? lazyComponent._result : null;
+}
+function initializeLazyComponentType(lazyComponent) {
+  if (lazyComponent._status === Uninitialized) {
+    var ctor = lazyComponent._result;
+
+    if (!ctor) {
+      // TODO: Remove this later. THis only exists in case you use an older "react" package.
+      ctor = lazyComponent._ctor;
+    }
+
+    var thenable = ctor(); // Transition to the next state.
+
+    var pending = lazyComponent;
+    pending._status = Pending;
+    pending._result = thenable;
+    thenable.then(
+      function(moduleObject) {
+        if (lazyComponent._status === Pending) {
+          var defaultExport = moduleObject.default;
+
+          {
+            if (defaultExport === undefined) {
+              error(
+                "lazy: Expected the result of a dynamic import() call. " +
+                "Instead received: %s\n\nYour code should look like: \n  " + // Break up imports to avoid accidentally parsing them as dependencies.
+                  "const MyComponent = lazy(() => imp" +
+                  "ort('./MyComponent'))",
+                moduleObject
+              );
+            }
+          } // Transition to the next state.
+
+          var resolved = lazyComponent;
+          resolved._status = Resolved;
+          resolved._result = defaultExport;
+        }
+      },
+      function(error) {
+        if (lazyComponent._status === Pending) {
+          // Transition to the next state.
+          var rejected = lazyComponent;
+          rejected._status = Rejected;
+          rejected._result = error;
+        }
+      }
+    );
+  }
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var functionName = innerType.displayName || innerType.name || "";
   return (
     outerType.displayName ||
     (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName)
   );
 }
 
+function getContextName(type) {
+  return type.displayName || "Context";
+}
+
 function getComponentName(type) {
   if (type == null) {
     // Host root, text node or just invalid type.
     return null;
   }
+
   {
     if (typeof type.tag === "number") {
-      warningWithoutStack$1(
-        false,
+      error(
         "Received an unexpected object in getComponentName(). " +
           "This is likely a bug in React. Please file an issue."
       );
@@ -2812,10 +2641,12 @@ function getComponentName(type) {
   if (typeof type === "object") {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        var context = type;
+        return getContextName(context) + ".Consumer";
 
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        var provider = type;
+        return getContextName(provider._context) + ".Provider";
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, "ForwardRef");
@@ -2823,6 +2654,9 @@ function getComponentName(type) {
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
 
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
+
       case REACT_LAZY_TYPE: {
         var thenable = type;
         var resolvedThenable = refineResolvedLazyComponent(thenable);
@@ -2835,6 +2669,7 @@ function getComponentName(type) {
       }
     }
   }
+
   return null;
 }
 
@@ -2897,7 +2732,10 @@ var ShouldCapture =
   /*         */
   4096;
 
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+var enableProfilerTimer = true;
+var warnAboutStringRefs = false;
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function getNearestMountedFiber(fiber) {
   var node = fiber;
   var nearestMounted = fiber;
@@ -2934,28 +2772,28 @@ function getNearestMountedFiber(fiber) {
 
   return null;
 }
-
 function isFiberMounted(fiber) {
   return getNearestMountedFiber(fiber) === fiber;
 }
 function isMounted(component) {
   {
-    var owner = ReactCurrentOwner$1.current;
+    var owner = ReactCurrentOwner.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;
+
+      if (!instance._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing isMounted inside its render() function. " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(ownerFiber.type) || "A component"
+        );
+      }
+
       instance._warnedAboutRefsInRender = true;
     }
   }
@@ -3034,6 +2872,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
           assertIsMounted(parentA);
           return fiber;
         }
+
         if (child === b) {
           // We've determined that B is the current branch.
           assertIsMounted(parentA);
@@ -3064,6 +2903,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
       // Search parent A's child set
       var didFindChild = false;
       var _child = parentA.child;
+
       while (_child) {
         if (_child === a) {
           didFindChild = true;
@@ -3071,6 +2911,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
           b = parentB;
           break;
         }
+
         if (_child === b) {
           didFindChild = true;
           b = parentA;
@@ -3092,6 +2933,7 @@ function findCurrentFiberUsingSlowPath(fiber) {
             b = parentA;
             break;
           }
+
           if (_child === b) {
             didFindChild = true;
             b = parentB;
@@ -3197,41 +3039,6 @@ function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
     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 = {};
@@ -3272,6 +3079,7 @@ function restoreDeletedValuesInNestedArray(
 ) {
   if (Array.isArray(node)) {
     var i = node.length;
+
     while (i-- && removedKeyCount > 0) {
       restoreDeletedValuesInNestedArray(
         updatePayload,
@@ -3281,6 +3089,7 @@ function restoreDeletedValuesInNestedArray(
     }
   } else if (node && removedKeyCount > 0) {
     var obj = node;
+
     for (var propKey in removedKeys) {
       if (!removedKeys[propKey]) {
         continue;
@@ -3293,6 +3102,7 @@ function restoreDeletedValuesInNestedArray(
       }
 
       var attributeConfig = validAttributes[propKey];
+
       if (!attributeConfig) {
         continue; // not a valid native prop
       }
@@ -3300,6 +3110,7 @@ function restoreDeletedValuesInNestedArray(
       if (typeof nextProp === "function") {
         nextProp = true;
       }
+
       if (typeof nextProp === "undefined") {
         nextProp = null;
       }
@@ -3318,6 +3129,7 @@ function restoreDeletedValuesInNestedArray(
             : nextProp;
         updatePayload[propKey] = nextValue;
       }
+
       removedKeys[propKey] = false;
       removedKeyCount--;
     }
@@ -3344,6 +3156,7 @@ function diffNestedArrayProperty(
       validAttributes
     );
   }
+
   for (; i < prevArray.length; i++) {
     // Clear out all remaining properties.
     updatePayload = clearNestedProperty(
@@ -3352,6 +3165,7 @@ function diffNestedArrayProperty(
       validAttributes
     );
   }
+
   for (; i < nextArray.length; i++) {
     // Add all remaining properties.
     updatePayload = addNestedProperty(
@@ -3360,6 +3174,7 @@ function diffNestedArrayProperty(
       validAttributes
     );
   }
+
   return updatePayload;
 }
 
@@ -3423,6 +3238,7 @@ function diffNestedProperty(
  * attribute configurations. It processes each prop and adds it to the
  * updatePayload.
  */
+
 function addNestedProperty(updatePayload, nextProp, validAttributes) {
   if (!nextProp) {
     return updatePayload;
@@ -3448,6 +3264,7 @@ function addNestedProperty(updatePayload, nextProp, validAttributes) {
  * 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;
@@ -3534,6 +3351,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
             : nextProp;
         updatePayload[propKey] = nextValue;
       }
+
       continue;
     }
 
@@ -3557,11 +3375,13 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         (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 {
@@ -3576,6 +3396,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
         nextProp,
         attributeConfig
       );
+
       if (removedKeyCount > 0 && updatePayload) {
         restoreDeletedValuesInNestedArray(
           updatePayload,
@@ -3654,6 +3475,7 @@ function addProperties(updatePayload, 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);
@@ -3677,49 +3499,6 @@ function diff(prevProps, nextProps, validAttributes) {
 
 var PLUGIN_EVENT_SYSTEM = 1;
 
-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;
-  }
-
-  if (!(typeof restoreImpl === "function")) {
-    throw 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]);
-    }
-  }
-}
-
 // 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
@@ -3729,31 +3508,7 @@ function restoreStateIfNeeded() {
 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;
-var isBatchingEventUpdates = 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) {
@@ -3768,72 +3523,6 @@ function batchedUpdates(fn, bookkeeping) {
     return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
     isInsideEventHandler = false;
-    finishEventHandler();
-  }
-}
-function batchedEventUpdates(fn, a, b) {
-  if (isBatchingEventUpdates) {
-    // If we are currently inside another batch, we need to wait until it
-    // fully completes before restoring state.
-    return fn(a, b);
-  }
-
-  isBatchingEventUpdates = true;
-
-  try {
-    return batchedEventUpdatesImpl(fn, a, b);
-  } finally {
-    isBatchingEventUpdates = false;
-    finishEventHandler();
-  }
-} // This is for the React Flare event system
-
-function executeUserEventHandler(fn, value) {
-  var previouslyInEventHandler = isInsideEventHandler;
-
-  try {
-    isInsideEventHandler = true;
-    var type = typeof value === "object" && value !== null ? value.type : "";
-    invokeGuardedCallbackAndCatchFirstError(type, fn, undefined, value);
-  } finally {
-    isInsideEventHandler = previouslyInEventHandler;
-  }
-}
-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(
@@ -3843,567 +3532,188 @@ function setBatchingImplementation(
   _batchedEventUpdatesImpl
 ) {
   batchedUpdatesImpl = _batchedUpdatesImpl;
-  discreteUpdatesImpl = _discreteUpdatesImpl;
-  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
-  batchedEventUpdatesImpl = _batchedEventUpdatesImpl;
 }
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
+/**
+ * Internal queue of events that have accumulated their dispatches and are
+ * waiting to have their dispatches executed.
+ */
 
+var eventQueue = null;
 /**
- * Class only exists for its Flow type.
+ * Dispatches an event and releases it back into the pool, unless persistent.
+ *
+ * @param {?object} event Synthetic event to be dispatched.
+ * @private
  */
-var ReactNativeComponent =
-  /*#__PURE__*/
-  (function(_React$Component) {
-    _inheritsLoose(ReactNativeComponent, _React$Component);
 
-    function ReactNativeComponent() {
-      return _React$Component.apply(this, arguments) || this;
-    }
+var executeDispatchesAndRelease = function(event) {
+  if (event) {
+    executeDispatchesInOrder(event);
 
-    var _proto = ReactNativeComponent.prototype;
+    if (!event.isPersistent()) {
+      event.constructor.release(event);
+    }
+  }
+};
 
-    _proto.blur = function blur() {};
+var executeDispatchesAndReleaseTopLevel = function(e) {
+  return executeDispatchesAndRelease(e);
+};
 
-    _proto.focus = function focus() {};
+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.
 
-    _proto.measure = function measure(callback) {};
+  var processingEventQueue = eventQueue;
+  eventQueue = null;
 
-    _proto.measureInWindow = function measureInWindow(callback) {};
+  if (!processingEventQueue) {
+    return;
+  }
 
-    _proto.measureLayout = function measureLayout(
-      relativeToNativeNode,
-      onSuccess,
-      onFail
-    ) {};
-
-    _proto.setNativeProps = function setNativeProps(nativeProps) {};
-
-    return ReactNativeComponent;
-  })(React.Component); // This type is only used for FlowTests. It shouldn't be imported directly
-
-var DiscreteEvent = 0;
-var UserBlockingEvent = 1;
-var ContinuousEvent = 2;
-
-// CommonJS interop named imports.
-
-var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
-var runWithPriority = Scheduler.unstable_runWithPriority;
-var _nativeFabricUIManage$2 = nativeFabricUIManager;
-var measureInWindow = _nativeFabricUIManage$2.measureInWindow;
-var rootEventTypesToEventResponderInstances = new Map();
-var currentTimeStamp = 0;
-var currentInstance = null;
-var eventResponderContext = {
-  dispatchEvent: function(eventValue, eventListener, eventPriority) {
-    validateResponderContext();
-    validateEventValue(eventValue);
-
-    switch (eventPriority) {
-      case DiscreteEvent: {
-        flushDiscreteUpdatesIfNeeded(currentTimeStamp);
-        discreteUpdates(function() {
-          return executeUserEventHandler(eventListener, eventValue);
-        });
-        break;
-      }
+  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
 
-      case UserBlockingEvent: {
-        runWithPriority(UserBlockingPriority, function() {
-          return executeUserEventHandler(eventListener, eventValue);
-        });
-        break;
-      }
+  if (!!eventQueue) {
+    throw 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.
 
-      case ContinuousEvent: {
-        executeUserEventHandler(eventListener, eventValue);
-        break;
-      }
-    }
-  },
-  isTargetWithinNode: function(childTarget, parentTarget) {
-    validateResponderContext();
-    var childFiber = getFiberFromTarget(childTarget);
-    var parentFiber = getFiberFromTarget(parentTarget);
-    var node = childFiber;
+  rethrowCaughtError();
+}
 
-    while (node !== null) {
-      if (node === parentFiber) {
-        return true;
-      }
+/**
+ * Allows registered plugins an opportunity to extract events from top-level
+ * native browser events.
+ *
+ * @return {*} An accumulation of synthetic events.
+ * @internal
+ */
 
-      node = node.return;
-    }
+function extractPluginEvents(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  var events = null;
 
-    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 < plugins.length; i++) {
+    // Not every plugin in the ordering may be loaded at runtime.
+    var possiblePlugin = plugins[i];
 
-    for (var i = 0; i < rootEventTypes.length; i++) {
-      var rootEventType = rootEventTypes[i];
-      var rootEventResponders = rootEventTypesToEventResponderInstances.get(
-        rootEventType
+    if (possiblePlugin) {
+      var extractedEvents = possiblePlugin.extractEvents(
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget,
+        eventSystemFlags
       );
-      var rootEventTypesSet = currentInstance.rootEventTypes;
-
-      if (rootEventTypesSet !== null) {
-        rootEventTypesSet.delete(rootEventType);
-      }
 
-      if (rootEventResponders !== undefined) {
-        rootEventResponders.delete(currentInstance);
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
       }
     }
-  },
-  getTimeStamp: function() {
-    validateResponderContext();
-    return currentTimeStamp;
-  },
-  getResponderNode: function() {
-    validateResponderContext();
-    var responderFiber = currentInstance.fiber;
-
-    if (responderFiber.tag === ScopeComponent) {
-      return null;
-    }
-
-    return responderFiber.stateNode;
   }
-};
-
-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
+  return events;
+}
 
-    Object.defineProperty(eventValue, "nativeEvent", {
-      get: function() {
-        {
-          showWarning("nativeEvent");
-        }
-      }
-    });
-  }
+function runExtractedPluginEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  var events = extractPluginEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  );
+  runEventsInBatch(events);
 }
 
-function getFiberFromTarget(target) {
-  if (target === null) {
-    return null;
+function dispatchEvent(target, topLevelType, nativeEvent) {
+  var targetFiber = target;
+  var eventTarget = null;
+
+  if (targetFiber != null) {
+    var stateNode = targetFiber.stateNode; // Guard against Fiber being unmounted
+
+    if (stateNode != null) {
+      eventTarget = stateNode.canonical;
+    }
   }
 
-  return target.canonical._internalInstanceHandle || null;
+  batchedUpdates(function() {
+    // Heritage plugin event system
+    runExtractedPluginEventsInBatch(
+      topLevelType,
+      targetFiber,
+      nativeEvent,
+      eventTarget,
+      PLUGIN_EVENT_SYSTEM
+    );
+  }); // React Native doesn't use ReactControlledComponent but if it did, here's
+  // where it would do it.
 }
 
-function createFabricResponderEvent(topLevelType, nativeEvent, target) {
-  return {
-    nativeEvent: nativeEvent,
-    target: target,
-    type: topLevelType
-  };
-}
+// can re-export everything from this module.
 
-function validateResponderContext() {
-  if (!currentInstance) {
+function shim() {
+  {
     throw Error(
-      "An event responder context was used outside of an event cycle."
+      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
     );
   }
-} // TODO this function is almost an exact copy of the DOM version, we should
-// somehow share the logic
+} // Mutation (when unsupported)
 
-function responderEventTypesContainType(eventTypes, type) {
-  for (var i = 0, len = eventTypes.length; i < len; i++) {
-    if (eventTypes[i] === type) {
-      return true;
-    }
-  }
-  return false;
-}
+var supportsMutation = false;
+var commitMount = shim;
 
-function validateResponderTargetEventTypes(eventType, responder) {
-  var targetEventTypes = responder.targetEventTypes; // Validate the target event type exists on the responder
+// can re-export everything from this module.
 
-  if (targetEventTypes !== null) {
-    return responderEventTypesContainType(targetEventTypes, eventType);
+function shim$1() {
+  {
+    throw Error(
+      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
+} // Hydration (when unsupported)
+var isSuspenseInstancePending = shim$1;
+var isSuspenseInstanceFallback = shim$1;
+var hydrateTextInstance = shim$1;
 
-  return false;
-} // 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;
+var _nativeFabricUIManage = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage.createNode,
+  cloneNode = _nativeFabricUIManage.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage.cloneNodeWithNewChildren,
+  cloneNodeWithNewChildrenAndProps =
+    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage.createChildSet,
+  appendChildNode = _nativeFabricUIManage.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+  completeRoot = _nativeFabricUIManage.completeRoot,
+  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage.measureLayout;
+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.
 
-    if (
-      (tag === HostComponent || tag === ScopeComponent) &&
-      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];
-          var props = responderInstance.props,
-            responder = responderInstance.responder,
-            state = responderInstance.state;
-
-          if (
-            !visitedResponders.has(responder) &&
-            validateResponderTargetEventTypes(eventType, responder)
-          ) {
-            var onEvent = responder.onEvent;
-            visitedResponders.add(responder);
-
-            if (onEvent !== null) {
-              currentInstance = responderInstance;
-              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];
-      var props = _responderInstance.props,
-        responder = _responderInstance.responder,
-        state = _responderInstance.state;
-      var onRootEvent = responder.onRootEvent;
-
-      if (onRootEvent !== null) {
-        currentInstance = _responderInstance;
-        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 previousInstance = currentInstance;
-  var previousTimeStamp = currentTimeStamp; // We might want to control timeStamp another way here
-
-  currentTimeStamp = Date.now();
-
-  try {
-    batchedEventUpdates(function() {
-      traverseAndHandleEventResponderInstances(
-        topLevelType,
-        targetFiber,
-        nativeEvent
-      );
-    });
-  } finally {
-    currentInstance = previousInstance;
-    currentTimeStamp = previousTimeStamp;
-  }
-} // TODO this function is almost an exact copy of the DOM version, we should
-// somehow share the logic
-
-function mountEventResponder(responder, responderInstance, props, state) {
-  var onMount = responder.onMount;
-
-  if (onMount !== null) {
-    currentInstance = responderInstance;
-
-    try {
-      batchedEventUpdates(function() {
-        onMount(eventResponderContext, props, state);
-      });
-    } finally {
-      currentInstance = 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;
-    currentInstance = responderInstance;
-
-    try {
-      batchedEventUpdates(function() {
-        onUnmount(eventResponderContext, props, state);
-      });
-    } finally {
-      currentInstance = null;
-    }
-  }
-
-  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();
-  }
-
-  if (!!rootEventTypesSet.has(rootEventType)) {
-    throw 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);
-  }
-
-  var eventTarget = null;
-
-  if (enableNativeTargetAsInstance) {
-    if (targetFiber != null) {
-      eventTarget = targetFiber.stateNode.canonical;
-    }
-  } else {
-    eventTarget = nativeEvent.target;
-  }
-
-  batchedUpdates(function() {
-    // Heritage plugin event system
-    runExtractedPluginEventsInBatch(
-      topLevelType,
-      targetFiber,
-      nativeEvent,
-      eventTarget,
-      PLUGIN_EVENT_SYSTEM
-    );
-  }); // React Native doesn't use ReactControlledComponent but if it did, here's
-  // where it would do it.
-}
-
-// can re-export everything from this module.
-
-function shim() {
-  {
-    throw 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;
-
-// can re-export everything from this module.
-
-function shim$1() {
-  {
-    throw Error(
-      "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-} // 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 hydrateSuspenseInstance = shim$1;
-var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
-var commitHydratedContainer = shim$1;
-var commitHydratedSuspenseInstance = 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 _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;
+var nextReactTag = 2;
 
 // TODO: Remove this conditional once all changes have propagated.
 if (registerEventHandler) {
@@ -4434,13 +3744,11 @@ var ReactFabricHostComponent =
     var _proto = ReactFabricHostComponent.prototype;
 
     _proto.blur = function blur() {
-      ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+      ReactNativePrivateInterface.TextInputState.blurTextInput(this);
     };
 
     _proto.focus = function focus() {
-      ReactNativePrivateInterface.TextInputState.focusTextInput(
-        this._nativeTag
-      );
+      ReactNativePrivateInterface.TextInputState.focusTextInput(this);
     };
 
     _proto.measure = function measure(callback) {
@@ -4467,10 +3775,12 @@ var ReactFabricHostComponent =
         typeof relativeToNativeNode === "number" ||
         !(relativeToNativeNode instanceof ReactFabricHostComponent)
       ) {
-        warningWithoutStack$1(
-          false,
-          "Warning: ref.measureLayout must be called with a ref to a native component."
-        );
+        {
+          error(
+            "Warning: ref.measureLayout must be called with a ref to a native component."
+          );
+        }
+
         return;
       }
 
@@ -4483,16 +3793,15 @@ var ReactFabricHostComponent =
     };
 
     _proto.setNativeProps = function setNativeProps(nativeProps) {
-      warningWithoutStack$1(
-        false,
-        "Warning: setNativeProps is not currently supported in Fabric"
-      );
+      {
+        error("Warning: setNativeProps is not currently supported in Fabric");
+      }
+
       return;
     };
 
     return ReactFabricHostComponent;
   })(); // eslint-disable-next-line no-unused-expressions
-
 function appendInitialChild(parentInstance, child) {
   appendChildNode(parentInstance.node, child.node);
 }
@@ -4561,15 +3870,6 @@ function createTextInstance(
     node: node
   };
 }
-function finalizeInitialChildren(
-  parentInstance,
-  type,
-  props,
-  rootContainerInstance,
-  hostContext
-) {
-  return false;
-}
 function getRootHostContext(rootContainerInstance) {
   return {
     isInAParentText: false
@@ -4629,17 +3929,9 @@ function shouldSetTextContent(type, props) {
   // 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,
@@ -4666,6 +3958,7 @@ function cloneInstance(
       clone = cloneNodeWithNewChildren(node);
     }
   }
+
   return {
     node: clone,
     canonical: instance.canonical
@@ -4700,194 +3993,108 @@ function finalizeContainerChildren(container, newChildren) {
   completeRoot(container, newChildren);
 }
 
-function mountResponderInstance(
-  responder,
-  responderInstance,
-  props,
-  state,
-  instance
-) {
-  if (enableFlareAPI) {
-    var rootEventTypes = responder.rootEventTypes;
-
-    if (rootEventTypes !== null) {
-      addRootEventTypesForResponderInstance(responderInstance, rootEventTypes);
-    }
+var loggedTypeFailures = {};
+function checkPropTypes(typeSpecs, values, location, componentName) {
+  {
+    // $FlowFixMe This is okay but Flow doesn't know it.
+    var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
-    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.");
-}
-function getInstanceFromNode$1(node) {
-  throw new Error("Not yet implemented.");
-}
+    for (var typeSpecName in typeSpecs) {
+      if (has(typeSpecs, typeSpecName)) {
+        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
+        // fail the render phase where it didn't fail before. So we log it.
+        // After these have been cleaned up, we'll let them throw.
 
-var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-var describeComponentFrame = function(name, source, ownerName) {
-  var sourceInfo = "";
+        try {
+          // This is intentionally an invariant that gets caught. It's the same
+          // behavior as without this statement except with a better message.
+          if (typeof typeSpecs[typeSpecName] !== "function") {
+            var err = Error(
+              (componentName || "React class") +
+                ": " +
+                location +
+                " type `" +
+                typeSpecName +
+                "` is invalid; " +
+                "it must be a function, usually from the `prop-types` package, but received `" +
+                typeof typeSpecs[typeSpecName] +
+                "`." +
+                "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            );
+            err.name = "Invariant Violation";
+            throw err;
+          }
 
-  if (source) {
-    var path = source.fileName;
-    var fileName = path.replace(BEFORE_SLASH_RE, "");
+          error$1 = typeSpecs[typeSpecName](
+            values,
+            typeSpecName,
+            componentName,
+            location,
+            null,
+            "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
+          );
+        } catch (ex) {
+          error$1 = ex;
+        }
 
-    {
-      // 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 (error$1 && !(error$1 instanceof Error)) {
+          error(
+            "%s: type specification of %s" +
+              " `%s` is invalid; the type checker " +
+              "function must return `null` or an `Error` but returned a %s. " +
+              "You may have forgotten to pass an argument to the type checker " +
+              "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
+              "shape all require an argument).",
+            componentName || "React class",
+            location,
+            typeSpecName,
+            typeof error$1
+          );
+        }
 
-        if (match) {
-          var pathBeforeSlash = match[1];
+        if (
+          error$1 instanceof Error &&
+          !(error$1.message in loggedTypeFailures)
+        ) {
+          // Only monitor this failure once because there tends to be a lot of the
+          // same error.
+          loggedTypeFailures[error$1.message] = true;
 
-          if (pathBeforeSlash) {
-            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-            fileName = folderName + "/" + fileName;
-          }
+          error("Failed %s type: %s", location, error$1.message);
         }
       }
     }
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
   }
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-};
+}
 
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+// 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?
 
-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;
+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).
 
-      if (owner) {
-        ownerName = getComponentName(owner.type);
-      }
+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.
 
-      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;
-// to avoid stretch the commit phase with measurement overhead.
+var isCommitting = false;
+var hasScheduledUpdateInCurrentCommit = false;
+var hasScheduledUpdateInCurrentPhase = false;
+var commitCountInCurrentWorkLoop = 0;
+var effectCountInCurrentCommit = 0;
+// to avoid stretch the commit phase with measurement overhead.
 
 var labelsInCurrentCommit = new Set();
 
@@ -4988,6 +4195,7 @@ var shouldIgnoreFiber = function(fiber) {
     case ContextConsumer:
     case Mode:
       return true;
+
     default:
       return false;
   }
@@ -4997,6 +4205,7 @@ var clearPendingPhaseMeasurement = function() {
   if (currentPhase !== null && currentPhaseFiber !== null) {
     clearFiberMark(currentPhaseFiber, currentPhase);
   }
+
   currentPhaseFiber = null;
   currentPhase = null;
   hasScheduledUpdateInCurrentPhase = false;
@@ -5006,10 +4215,12 @@ 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;
   }
 };
@@ -5018,6 +4229,7 @@ var resumeTimersRecursively = function(fiber) {
   if (fiber.return !== null) {
     resumeTimersRecursively(fiber.return);
   }
+
   if (fiber._debugIsCurrentlyTiming) {
     beginFiberMark(fiber, null);
   }
@@ -5031,15 +4243,16 @@ var resumeTimers = function() {
 };
 
 function recordEffect() {
-  if (enableUserTimingAPI) {
+  {
     effectCountInCurrentCommit++;
   }
 }
 function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
+  {
     if (isCommitting) {
       hasScheduledUpdateInCurrentCommit = true;
     }
+
     if (
       currentPhase !== null &&
       currentPhase !== "componentWillMount" &&
@@ -5049,9 +4262,8 @@ function recordScheduleUpdate() {
     }
   }
 }
-
 function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, this is the fiber to unwind from.
@@ -5066,7 +4278,7 @@ function startWorkTimer(fiber) {
   }
 }
 function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // Remember we shouldn't complete measurement for this fiber.
@@ -5077,7 +4289,7 @@ function cancelWorkTimer(fiber) {
   }
 }
 function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -5093,7 +4305,7 @@ function stopWorkTimer(fiber) {
   }
 }
 function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -5113,7 +4325,7 @@ function stopFailedWorkTimer(fiber) {
   }
 }
 function startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5129,22 +4341,24 @@ function startPhaseTimer(fiber, 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) {
@@ -5160,7 +4374,7 @@ function startWorkLoopTimer(nextUnitOfWork) {
   }
 }
 function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5189,10 +4403,11 @@ function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
   }
 }
 function startCommitTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
+
     isCommitting = true;
     hasScheduledUpdateInCurrentCommit = false;
     labelsInCurrentCommit.clear();
@@ -5200,17 +4415,19 @@ function startCommitTimer() {
   }
 }
 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;
@@ -5219,19 +4436,21 @@ function stopCommitTimer() {
   }
 }
 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(
@@ -5242,19 +4461,21 @@ function stopCommitSnapshotEffectsTimer() {
   }
 }
 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(
@@ -5265,19 +4486,21 @@ function stopCommitHostEffectsTimer() {
   }
 }
 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(
@@ -5306,14 +4529,15 @@ function createCursor(defaultValue) {
 function pop(cursor, fiber) {
   if (index < 0) {
     {
-      warningWithoutStack$1(false, "Unexpected pop.");
+      error("Unexpected pop.");
     }
+
     return;
   }
 
   {
     if (fiber !== fiberStack[index]) {
-      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+      error("Unexpected Fiber popped.");
     }
   }
 
@@ -5363,9 +4587,7 @@ function getUnmaskedContext(
   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
@@ -5373,14 +4595,13 @@ function getUnmaskedContext(
       // 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;
@@ -5388,9 +4609,7 @@ function cacheContext(workInProgress, unmaskedContext, maskedContext) {
 }
 
 function getMaskedContext(workInProgress, unmaskedContext) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     var type = workInProgress.type;
     var contextTypes = type.contextTypes;
 
@@ -5410,19 +4629,14 @@ function getMaskedContext(workInProgress, unmaskedContext) {
     }
 
     var context = {};
+
     for (var key in contextTypes) {
       context[key] = unmaskedContext[key];
     }
 
     {
       var name = getComponentName(type) || "Unknown";
-      checkPropTypes(
-        contextTypes,
-        context,
-        "context",
-        name,
-        getCurrentFiberStackInDev
-      );
+      checkPropTypes(contextTypes, context, "context", name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -5435,44 +4649,34 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 }
 
 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 {
+  {
     if (!(contextStackCursor.current === emptyContextObject)) {
       throw Error(
         "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
@@ -5485,9 +4689,7 @@ function pushTopLevelContextObject(fiber, context, didChange) {
 }
 
 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.
@@ -5498,8 +4700,8 @@ function processChildContext(fiber, type, parentContext) {
 
         if (!warnedAboutMissingGetChildContext[componentName]) {
           warnedAboutMissingGetChildContext[componentName] = true;
-          warningWithoutStack$1(
-            false,
+
+          error(
             "%s.childContextTypes is specified but there is no getChildContext() method " +
               "on the instance. You can either define getChildContext() on %s or remove " +
               "childContextTypes from it.",
@@ -5513,19 +4715,10 @@ function processChildContext(fiber, type, parentContext) {
     }
 
     var childContext;
-
-    {
-      setCurrentPhase("getChildContext");
-    }
-
     startPhaseTimer(fiber, "getChildContext");
     childContext = instance.getChildContext();
     stopPhaseTimer();
 
-    {
-      setCurrentPhase(null);
-    }
-
     for (var contextKey in childContext) {
       if (!(contextKey in childContextTypes)) {
         throw Error(
@@ -5539,17 +4732,7 @@ function processChildContext(fiber, type, parentContext) {
 
     {
       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
-      );
+      checkPropTypes(childContextTypes, childContext, "child context", name);
     }
 
     return Object.assign({}, parentContext, {}, childContext);
@@ -5557,9 +4740,7 @@ function processChildContext(fiber, type, parentContext) {
 }
 
 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.
@@ -5581,9 +4762,7 @@ function pushContextProvider(workInProgress) {
 }
 
 function invalidateContextProvider(workInProgress, type, didChange) {
-  if (disableLegacyContext) {
-    return;
-  } else {
+  {
     var instance = workInProgress.stateNode;
 
     if (!instance) {
@@ -5617,9 +4796,7 @@ function invalidateContextProvider(workInProgress, type, didChange) {
 }
 
 function findCurrentUnmaskedContext(fiber) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     // Currently this is only used with renderSubtreeIntoContainer; not sure if it
     // makes sense elsewhere
     if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
@@ -5662,22 +4839,21 @@ var BlockingRoot = 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) {
+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;
+
+{
   // Provide explicit error message when production+profiling bundle of e.g.
   // react-dom is used with production (non-profiling) bundle of
   // scheduler/tracing
@@ -5698,7 +4874,7 @@ var fakeCallbackNode = {}; // Except for NoPriority, these correspond to Schedul
 // avoid clashing with Scheduler's priorities.
 
 var ImmediatePriority = 99;
-var UserBlockingPriority$1 = 98;
+var UserBlockingPriority = 98;
 var NormalPriority = 97;
 var LowPriority = 96;
 var IdlePriority = 95; // NoPriority is the absence of priority. Also React-only.
@@ -5717,6 +4893,7 @@ var initialTimeMs = Scheduler_now(); // If the initial timestamp is reasonably s
 // 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
@@ -5729,7 +4906,7 @@ function getCurrentPriorityLevel() {
       return ImmediatePriority;
 
     case Scheduler_UserBlockingPriority:
-      return UserBlockingPriority$1;
+      return UserBlockingPriority;
 
     case Scheduler_NormalPriority:
       return NormalPriority;
@@ -5751,7 +4928,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
     case ImmediatePriority:
       return Scheduler_ImmediatePriority;
 
-    case UserBlockingPriority$1:
+    case UserBlockingPriority:
       return Scheduler_UserBlockingPriority;
 
     case NormalPriority:
@@ -5769,7 +4946,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
   }
 }
 
-function runWithPriority$1(reactPriorityLevel, fn) {
+function runWithPriority(reactPriorityLevel, fn) {
   var priorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(priorityLevel, fn);
 }
@@ -5815,12 +4992,14 @@ function flushSyncCallbackQueueImpl() {
     // Prevent re-entrancy.
     isFlushingSyncQueue = true;
     var i = 0;
+
     try {
       var _isSync = true;
       var queue = syncQueue;
-      runWithPriority$1(ImmediatePriority, function() {
+      runWithPriority(ImmediatePriority, function() {
         for (; i < queue.length; i++) {
           var callback = queue[i];
+
           do {
             callback = callback(_isSync);
           } while (callback !== null);
@@ -5868,14 +5047,14 @@ var NoWork = 0; // TODO: Think of a better name for Never. The key difference wi
 var Never = 1; // Idle is slightly higher priority than Never. It must completely finish in
 // order to be consistent.
 
-var Idle = 2; // Continuous Hydration is a moving priority. It is slightly higher than Idle
+var Idle = 2; // Continuous Hydration is slightly higher than Idle and is used to increase
 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.
+  // Always subtract from the offset so that we don't clash with the magic number for NoWork.
   return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
 }
 function expirationTimeToMs(expirationTime) {
@@ -5934,7 +5113,6 @@ function computeInteractiveExpiration(currentTime) {
     HIGH_PRIORITY_BATCH_SIZE
   );
 }
-
 function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (expirationTime === Sync) {
     return ImmediatePriority;
@@ -5952,7 +5130,7 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   }
 
   if (msUntil <= HIGH_PRIORITY_EXPIRATION + HIGH_PRIORITY_BATCH_SIZE) {
-    return UserBlockingPriority$1;
+    return UserBlockingPriority;
   }
 
   if (msUntil <= LOW_PRIORITY_EXPIRATION + LOW_PRIORITY_BATCH_SIZE) {
@@ -5973,7 +5151,7 @@ function is(x, y) {
   );
 }
 
-var is$1 = typeof Object.is === "function" ? Object.is : is;
+var objectIs = typeof Object.is === "function" ? Object.is : is;
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 /**
@@ -5983,7 +5161,7 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
  */
 
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) {
+  if (objectIs(objA, objB)) {
     return true;
   }
 
@@ -6006,7 +5184,7 @@ function shallowEqual(objA, objB) {
   for (var i = 0; i < keysA.length; i++) {
     if (
       !hasOwnProperty.call(objB, keysA[i]) ||
-      !is$1(objA[keysA[i]], objB[keysA[i]])
+      !objectIs(objA[keysA[i]], objB[keysA[i]])
     ) {
       return false;
     }
@@ -6015,95 +5193,141 @@ function shallowEqual(objA, objB) {
   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 lowPriorityWarningWithoutStack = function() {};
-
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = new Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
-    }
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function describeComponentFrame(name, source, ownerName) {
+  var sourceInfo = "";
 
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
+  if (source) {
+    var path = source.fileName;
+    var fileName = path.replace(BEFORE_SLASH_RE, "");
 
-    if (typeof console !== "undefined") {
-      console.warn(message);
-    }
+    {
+      // 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);
 
-    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) {}
-  };
+        if (match) {
+          var pathBeforeSlash = match[1];
 
-  lowPriorityWarningWithoutStack = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
+          if (pathBeforeSlash) {
+            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+            fileName = folderName + "/" + fileName;
+          }
+        }
+      }
     }
 
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = new Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
-      ) {
-        args[_key2 - 2] = arguments[_key2];
-      }
+    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+  } else if (ownerName) {
+    sourceInfo = " (created by " + ownerName + ")";
+  }
 
-      printWarning.apply(void 0, [format].concat(args));
-    }
-  };
+  return "\n    in " + (name || "Unknown") + sourceInfo;
 }
 
-var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 
-var ReactStrictModeWarnings = {
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordLegacyContextWarning: function(fiber, instance) {},
-  flushLegacyContextWarning: function() {},
-  discardPendingWarnings: function() {}
-};
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case HostRoot:
+    case HostPortal:
+    case HostText:
+    case Fragment:
+    case ContextProvider:
+    case ContextConsumer:
+      return "";
 
-{
-  var findStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
-    var node = fiber;
+    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 isRendering = false;
+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);
+  }
+}
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    isRendering = false;
+  }
+}
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    isRendering = false;
+  }
+}
+function setIsRendering(rendering) {
+  {
+    isRendering = rendering;
+  }
+}
+
+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;
+      }
 
-    while (node !== null) {
-      if (node.mode & StrictMode) {
-        maybeStrictRoot = node;
-      }
       node = node.return;
     }
 
@@ -6182,6 +5406,7 @@ var ReactStrictModeWarnings = {
   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(
@@ -6193,6 +5418,7 @@ var ReactStrictModeWarnings = {
     }
 
     var UNSAFE_componentWillMountUniqueNames = new Set();
+
     if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
       pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
         UNSAFE_componentWillMountUniqueNames.add(
@@ -6204,6 +5430,7 @@ var ReactStrictModeWarnings = {
     }
 
     var componentWillReceivePropsUniqueNames = new Set();
+
     if (pendingComponentWillReceivePropsWarnings.length > 0) {
       pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
         componentWillReceivePropsUniqueNames.add(
@@ -6215,6 +5442,7 @@ var ReactStrictModeWarnings = {
     }
 
     var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+
     if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
       pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
         UNSAFE_componentWillReceivePropsUniqueNames.add(
@@ -6226,6 +5454,7 @@ var ReactStrictModeWarnings = {
     }
 
     var componentWillUpdateUniqueNames = new Set();
+
     if (pendingComponentWillUpdateWarnings.length > 0) {
       pendingComponentWillUpdateWarnings.forEach(function(fiber) {
         componentWillUpdateUniqueNames.add(
@@ -6237,6 +5466,7 @@ var ReactStrictModeWarnings = {
     }
 
     var UNSAFE_componentWillUpdateUniqueNames = new Set();
+
     if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
       pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
         UNSAFE_componentWillUpdateUniqueNames.add(
@@ -6250,8 +5480,8 @@ var ReactStrictModeWarnings = {
 
     if (UNSAFE_componentWillMountUniqueNames.size > 0) {
       var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6264,8 +5494,8 @@ var ReactStrictModeWarnings = {
       var _sortedNames = setToSortedString(
         UNSAFE_componentWillReceivePropsUniqueNames
       );
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6282,8 +5512,8 @@ var ReactStrictModeWarnings = {
       var _sortedNames2 = setToSortedString(
         UNSAFE_componentWillUpdateUniqueNames
       );
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6296,8 +5526,7 @@ var ReactStrictModeWarnings = {
     if (componentWillMountUniqueNames.size > 0) {
       var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillMount has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6315,8 +5544,7 @@ var ReactStrictModeWarnings = {
         componentWillReceivePropsUniqueNames
       );
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillReceiveProps has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6335,8 +5563,7 @@ var ReactStrictModeWarnings = {
     if (componentWillUpdateUniqueNames.size > 0) {
       var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillUpdate has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6359,12 +5586,13 @@ var ReactStrictModeWarnings = {
     instance
   ) {
     var strictRoot = findStrictRoot(fiber);
+
     if (strictRoot === null) {
-      warningWithoutStack$1(
-        false,
+      error(
         "Expected to find a StrictMode component in a strict mode tree. " +
           "This error is likely caused by a bug in React. Please file an issue."
       );
+
       return;
     } // Dedup strategy: Warn once per component.
 
@@ -6383,21 +5611,27 @@ var ReactStrictModeWarnings = {
         warningsForRoot = [];
         pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
       }
+
       warningsForRoot.push(fiber);
     }
   };
 
   ReactStrictModeWarnings.flushLegacyContextWarning = function() {
     pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      if (fiberArray.length === 0) {
+        return;
+      }
+
+      var firstFiber = fiberArray[0];
       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,
+      var firstComponentStack = getStackByFiberInDevAndProd(firstFiber);
+
+      error(
         "Legacy context API has been detected within a strict-mode tree." +
           "\n\nThe old API will be supported in all 16.x releases, but applications " +
           "using it should migrate to the new version." +
@@ -6405,7 +5639,7 @@ var ReactStrictModeWarnings = {
           "\n\nLearn more about this warning here: https://fb.me/react-legacy-context" +
           "%s",
         sortedNames,
-        strictRootComponentStack
+        firstComponentStack
       );
     });
   };
@@ -6469,6 +5703,7 @@ function resolveForwardRefForHotReloading(type) {
         // 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,
@@ -6562,6 +5797,7 @@ function isCompatibleFamilyForHotReloading(fiber, element) {
       // 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;
       }
@@ -6646,9 +5882,6 @@ function scheduleFibersWithFamiliesRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     if (resolveFamily === null) {
@@ -6673,6 +5906,7 @@ function scheduleFibersWithFamiliesRecursively(
         }
       }
     }
+
     if (failedBoundaries !== null) {
       if (
         failedBoundaries.has(fiber) ||
@@ -6697,6 +5931,7 @@ function scheduleFibersWithFamiliesRecursively(
         staleFamilies
       );
     }
+
     if (sibling !== null) {
       scheduleFibersWithFamiliesRecursively(
         sibling,
@@ -6746,12 +5981,10 @@ function findHostInstancesForMatchingFibersRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     var didMatch = false;
+
     if (candidateType !== null) {
       if (types.has(candidateType)) {
         didMatch = true;
@@ -6825,6 +6058,7 @@ function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
   {
     var node = fiber;
     var foundHostInstances = false;
+
     while (true) {
       if (node.tag === HostComponent) {
         // We got a match.
@@ -6852,6 +6086,7 @@ function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
       node = node.sibling;
     }
   }
+
   return false;
 }
 
@@ -6860,6 +6095,7 @@ function resolveDefaultProps(Component, baseProps) {
     // 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];
@@ -6899,6 +6135,7 @@ function resetContextDependencies() {
   currentlyRenderingFiber = null;
   lastContextDependency = null;
   lastContextWithAllBitsObserved = null;
+
   {
     isDisallowedContextReadInDEV = false;
   }
@@ -6916,40 +6153,22 @@ function exitDisallowedContextReadInDEV() {
 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;
+      if (
+        context._currentRenderer2 !== undefined &&
+        context._currentRenderer2 !== null &&
+        context._currentRenderer2 !== rendererSigil
+      ) {
+        error(
+          "Detected multiple renderers concurrently rendering the " +
+            "same context provider. This is currently unsupported."
+        );
+      }
+
       context._currentRenderer2 = rendererSigil;
     }
   }
@@ -6959,14 +6178,12 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   var context = providerFiber.type._context;
 
-  if (isPrimaryRenderer) {
-    context._currentValue = currentValue;
-  } else {
+  {
     context._currentValue2 = currentValue;
   }
 }
 function calculateChangedBits(context, newValue, oldValue) {
-  if (is$1(oldValue, newValue)) {
+  if (objectIs(oldValue, newValue)) {
     // No change
     return 0;
   } else {
@@ -6976,14 +6193,13 @@ function calculateChangedBits(context, newValue, oldValue) {
         : 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;
+      if ((changedBits & MAX_SIGNED_31_BIT_INT) !== changedBits) {
+        error(
+          "calculateChangedBits: Expected the return value to be a " +
+            "31-bit integer. Instead received: %s",
+          changedBits
+        );
+      }
     }
 
     return changedBits | 0;
@@ -7027,6 +6243,7 @@ function propagateContextChange(
   renderExpirationTime
 ) {
   var fiber = workInProgress.child;
+
   if (fiber !== null) {
     // Set the return pointer of the child to the work-in-progress fiber.
     fiber.return = workInProgress;
@@ -7087,39 +6304,6 @@ function propagateContextChange(
     } 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 === DehydratedFragment
-    ) {
-      // If a dehydrated suspense bounudary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      var parentSuspense = fiber.return;
-
-      if (!(parentSuspense !== null)) {
-        throw Error(
-          "We just came from a parent so we must have had a parent. This is a bug in React."
-        );
-      }
-
-      if (parentSuspense.expirationTime < renderExpirationTime) {
-        parentSuspense.expirationTime = renderExpirationTime;
-      }
-
-      var _alternate = parentSuspense.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(parentSuspense, renderExpirationTime);
-      nextFiber = fiber.sibling;
     } else {
       // Traverse down.
       nextFiber = fiber.child;
@@ -7131,6 +6315,7 @@ function propagateContextChange(
     } 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.
@@ -7177,22 +6362,19 @@ 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 (isDisallowedContextReadInDEV) {
+      error(
+        "Context can only be read while React is rendering. " +
+          "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+          "In function components, you can read it directly in the function body, but not " +
+          "inside Hooks like useReducer() or useMemo()."
+      );
+    }
   }
 
-  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 {
+  if (lastContextWithAllBitsObserved === context);
+  else if (observedBits === false || observedBits === 0);
+  else {
     var resolvedObservedBits; // Avoid deopting on observable arguments or heterogeneous types.
 
     if (
@@ -7230,85 +6412,10 @@ function readContext(context, observedBits) {
       lastContextDependency = lastContextDependency.next = contextItem;
     }
   }
-  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+
+  return 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;
@@ -7325,38 +6432,32 @@ var currentlyProcessingQueue;
   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) {
+function initializeUpdateQueue(fiber) {
   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
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: {
+      pending: null
+    },
+    effects: null
   };
-  return queue;
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  var queue = workInProgress.updateQueue;
+  var currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    var clone = {
+      baseState: currentQueue.baseState,
+      baseQueue: currentQueue.baseQueue,
+      shared: currentQueue.shared,
+      effects: currentQueue.effects
+    };
+    workInProgress.updateQueue = clone;
+  }
 }
-
 function createUpdate(expirationTime, suspenseConfig) {
   var update = {
     expirationTime: expirationTime,
@@ -7364,9 +6465,9 @@ function createUpdate(expirationTime, suspenseConfig) {
     tag: UpdateState,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
+  update.next = update;
 
   {
     update.priority = getCurrentPriorityLevel();
@@ -7374,130 +6475,62 @@ function createUpdate(expirationTime, suspenseConfig) {
 
   return update;
 }
+function enqueueUpdate(fiber, update) {
+  var updateQueue = fiber.updateQueue;
 
-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;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
   }
-}
 
-function enqueueUpdate(fiber, update) {
-  // Update queues are created lazily.
-  var alternate = fiber.alternate;
-  var queue1;
-  var queue2;
+  var sharedQueue = updateQueue.shared;
+  var pending = sharedQueue.pending;
 
-  if (alternate === null) {
-    // There's only one fiber.
-    queue1 = fiber.updateQueue;
-    queue2 = null;
-    if (queue1 === null) {
-      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
-    }
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
   } 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.
-      }
-    }
+    update.next = pending.next;
+    pending.next = update;
   }
-  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;
-    }
-  }
+  sharedQueue.pending = update;
 
   {
     if (
-      fiber.tag === ClassComponent &&
-      (currentlyProcessingQueue === queue1 ||
-        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      currentlyProcessingQueue === sharedQueue &&
       !didWarnUpdateInsideUpdate
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "An update (setState, replaceState, or forceUpdate) was scheduled " +
           "from inside an update function. Update functions should be pure, " +
           "with zero side-effects. Consider using componentDidUpdate or a " +
           "callback."
       );
+
       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);
-    }
+    // Ensure the work-in-progress queue is a clone
+    cloneUpdateQueue(current, workInProgress);
+  } // Captured updates go only on the work-in-progress queue.
+
+  var queue = workInProgress.updateQueue; // Append the update to the end of the list.
+
+  var last = queue.baseQueue;
+
+  if (last === null) {
+    queue.baseQueue = update.next = update;
+    update.next = update;
+  } else {
+    update.next = last.next;
+    last.next = update;
   }
-  return queue;
 }
 
 function getStateFromUpdate(
@@ -7516,13 +6549,6 @@ function getStateFromUpdate(
         // Updater function
         {
           enterDisallowedContextReadInDEV();
-
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
-            payload.call(instance, prevState, nextProps);
-          }
         }
 
         var nextState = payload.call(instance, prevState, nextProps);
@@ -7551,13 +6577,6 @@ function getStateFromUpdate(
         // Updater function
         {
           enterDisallowedContextReadInDEV();
-
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
-            _payload.call(instance, prevState, nextProps);
-          }
         }
 
         partialState = _payload.call(instance, prevState, nextProps);
@@ -7583,164 +6602,176 @@ function getStateFromUpdate(
       return prevState;
     }
   }
+
   return prevState;
 }
 
 function processUpdateQueue(
   workInProgress,
-  queue,
   props,
   instance,
   renderExpirationTime
 ) {
+  // This is always non-null on a ClassComponent or HostRoot
+  var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
-  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
 
   {
-    currentlyProcessingQueue = queue;
-  } // These values may change as we process the queue.
+    currentlyProcessingQueue = queue.shared;
+  } // The last rebase update that is NOT part of the base state.
+
+  var baseQueue = queue.baseQueue; // The last pending update that hasn't been processed yet.
 
-  var newBaseState = queue.baseState;
-  var newFirstUpdate = null;
-  var newExpirationTime = NoWork; // Iterate through the list of updates to compute the result.
+  var pendingQueue = queue.shared.pending;
 
-  var update = queue.firstUpdate;
-  var resultState = newBaseState;
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
+    }
 
-  while (update !== null) {
-    var updateExpirationTime = update.expirationTime;
+    baseQueue = pendingQueue;
+    queue.shared.pending = null; // TODO: Pass `current` as argument
 
-    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.
+    var current = workInProgress.alternate;
 
-        newBaseState = resultState;
-      } // Since this update will remain in the list, update the remaining
-      // expiration time.
+    if (current !== null) {
+      var currentQueue = current.updateQueue;
 
-      if (newExpirationTime < updateExpirationTime) {
-        newExpirationTime = updateExpirationTime;
+      if (currentQueue !== null) {
+        currentQueue.baseQueue = pendingQueue;
       }
-    } 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;
+    }
+  } // These values may change as we process the queue.
 
-      if (callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+  if (baseQueue !== null) {
+    var first = baseQueue.next; // Iterate through the list of updates to compute the result.
 
-        update.nextEffect = null;
+    var newState = queue.baseState;
+    var newExpirationTime = NoWork;
+    var newBaseState = null;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
 
-        if (queue.lastEffect === null) {
-          queue.firstEffect = queue.lastEffect = update;
-        } else {
-          queue.lastEffect.nextEffect = update;
-          queue.lastEffect = update;
-        }
-      }
-    } // Continue to the next update.
+    if (first !== null) {
+      var update = first;
 
-    update = update.next;
-  } // Separately, iterate though the list of captured updates.
+      do {
+        var updateExpirationTime = update.expirationTime;
+
+        if (updateExpirationTime < renderExpirationTime) {
+          // Priority is insufficient. Skip this update. If this is the first
+          // skipped update, the previous update/state is the new base
+          // update/state.
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
 
-  var newFirstCapturedUpdate = null;
-  update = queue.firstCapturedUpdate;
+          if (newBaseQueueLast === null) {
+            newBaseQueueFirst = newBaseQueueLast = clone;
+            newBaseState = newState;
+          } else {
+            newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Update the remaining priority in the queue.
 
-  while (update !== null) {
-    var _updateExpirationTime = update.expirationTime;
+          if (updateExpirationTime > newExpirationTime) {
+            newExpirationTime = updateExpirationTime;
+          }
+        } else {
+          // This update does have sufficient priority.
+          if (newBaseQueueLast !== null) {
+            var _clone = {
+              expirationTime: Sync,
+              // This update is going to be committed so we never want uncommit it.
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            };
+            newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // 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.
+
+          newState = getStateFromUpdate(
+            workInProgress,
+            queue,
+            update,
+            newState,
+            props,
+            instance
+          );
+          var callback = update.callback;
 
-    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 (callback !== null) {
+            workInProgress.effectTag |= Callback;
+            var effects = queue.effects;
 
-        if (newFirstUpdate === null) {
-          newBaseState = resultState;
+            if (effects === null) {
+              queue.effects = [update];
+            } else {
+              effects.push(update);
+            }
+          }
         }
-      } // 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 _callback = update.callback;
 
-      if (_callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+        update = update.next;
 
-        update.nextEffect = null;
+        if (update === null || update === first) {
+          pendingQueue = queue.shared.pending;
 
-        if (queue.lastCapturedEffect === null) {
-          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
-        } else {
-          queue.lastCapturedEffect.nextEffect = update;
-          queue.lastCapturedEffect = update;
+          if (pendingQueue === null) {
+            break;
+          } else {
+            // An update was scheduled from inside a reducer. Add the new
+            // pending updates to the end of the list and keep processing.
+            update = baseQueue.next = pendingQueue.next;
+            pendingQueue.next = first;
+            queue.baseQueue = baseQueue = pendingQueue;
+            queue.shared.pending = null;
+          }
         }
-      }
+      } while (true);
     }
-    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;
-  }
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
+    }
 
-  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.
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast; // 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.
 
-  markUnprocessedUpdateTime(newExpirationTime);
-  workInProgress.expirationTime = newExpirationTime;
-  workInProgress.memoizedState = resultState;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = newState;
+  }
 
   {
     currentlyProcessingQueue = null;
@@ -7764,42 +6795,21 @@ function resetHasForceUpdateBeforeProcessing() {
 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 commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  // Commit the effects
+  var effects = finishedQueue.effects;
+  finishedQueue.effects = null;
 
-function commitUpdateEffects(effect, instance) {
-  while (effect !== null) {
-    var callback = effect.callback;
+  if (effects !== null) {
+    for (var i = 0; i < effects.length; i++) {
+      var effect = effects[i];
+      var callback = effect.callback;
 
-    if (callback !== null) {
-      effect.callback = null;
-      callCallback(callback, instance);
+      if (callback !== null) {
+        effect.callback = null;
+        callCallback(callback, instance);
+      }
     }
-
-    effect = effect.nextEffect;
   }
 }
 
@@ -7809,7 +6819,7 @@ function requestCurrentSuspenseConfig() {
 }
 
 var fakeInternalInstance = {};
-var isArray$1 = Array.isArray; // React.Component uses a shared frozen object by default.
+var isArray = 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;
@@ -7844,8 +6854,8 @@ var didWarnAboutInvalidateContextType;
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%s(...): Expected the last optional `callback` argument to be a " +
           "function. Instead received: %s.",
         callerName,
@@ -7857,10 +6867,11 @@ var didWarnAboutInvalidateContextType;
   warnOnUndefinedDerivedState = function(type, partialState) {
     if (partialState === undefined) {
       var componentName = getComponentName(type) || "Component";
+
       if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
         didWarnAboutUndefinedDerivedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
             "You have returned undefined.",
           componentName
@@ -7894,16 +6905,6 @@ function applyDerivedStateFromProps(
 ) {
   var prevState = workInProgress.memoizedState;
 
-  {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
-      // Invoke the function an extra time to help detect side-effects.
-      getDerivedStateFromProps(nextProps, prevState);
-    }
-  }
-
   var partialState = getDerivedStateFromProps(nextProps, prevState);
 
   {
@@ -7917,9 +6918,9 @@ function applyDerivedStateFromProps(
   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) {
+  if (workInProgress.expirationTime === NoWork) {
+    // Queue is always non-null for classes
+    var updateQueue = workInProgress.updateQueue;
     updateQueue.baseState = memoizedState;
   }
 }
@@ -8007,6 +7008,7 @@ function checkShouldComponentUpdate(
   nextContext
 ) {
   var instance = workInProgress.stateNode;
+
   if (typeof instance.shouldComponentUpdate === "function") {
     startPhaseTimer(workInProgress, "shouldComponentUpdate");
     var shouldUpdate = instance.shouldComponentUpdate(
@@ -8017,14 +7019,13 @@ function checkShouldComponentUpdate(
     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;
+      if (shouldUpdate === undefined) {
+        error(
+          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+            "boolean value. Make sure to return true or false.",
+          getComponentName(ctor) || "Component"
+        );
+      }
     }
 
     return shouldUpdate;
@@ -8041,21 +7042,20 @@ function checkShouldComponentUpdate(
 
 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,
+        error(
           "%s(...): No `render` method found on the returned component " +
             "instance: did you accidentally return an object from the constructor?",
           name
         );
       } else {
-        warningWithoutStack$1(
-          false,
+        error(
           "%s(...): No `render` method found on the returned component " +
             "instance: you may have forgotten to define `render`.",
           name
@@ -8063,77 +7063,55 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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.",
+    if (
+      instance.getInitialState &&
+      !instance.getInitialState.isReactClassApproved &&
+      !instance.state
+    ) {
+      error(
+        "getInitialState was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Did you mean to define a state property instead?",
+        name
+      );
+    }
+
+    if (
+      instance.getDefaultProps &&
+      !instance.getDefaultProps.isReactClassApproved
+    ) {
+      error(
+        "getDefaultProps was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Use a static property to define defaultProps instead.",
+        name
+      );
+    }
+
+    if (instance.propTypes) {
+      error(
+        "propTypes was defined as an instance property on %s. Use a static " +
+          "property to define propTypes instead.",
+        name
+      );
+    }
+
+    if (instance.contextType) {
+      error(
+        "contextType was defined as an instance property on %s. Use a static " +
+          "property to define contextType instead.",
+        name
+      );
+    }
+
+    {
+      if (instance.contextTypes) {
+        error(
+          "contextTypes was defined as an instance property on %s. Use a static " +
+            "property to define contextTypes instead.",
           name
         );
       }
-    } 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 &&
@@ -8141,8 +7119,8 @@ function checkClassInstance(workInProgress, ctor, newProps) {
         !didWarnAboutContextTypeAndContextTypes.has(ctor)
       ) {
         didWarnAboutContextTypeAndContextTypes.add(ctor);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s declares both contextTypes and contextType static properties. " +
             "The legacy contextTypes property will be ignored.",
           name
@@ -8150,95 +7128,84 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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 (typeof instance.componentShouldUpdate === "function") {
+      error(
+        "%s has a method called " +
+          "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+          "The name is phrased as a question because the function is " +
+          "expected to return a value.",
+        name
+      );
+    }
+
     if (
       ctor.prototype &&
       ctor.prototype.isPureReactComponent &&
       typeof instance.shouldComponentUpdate !== "undefined"
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "%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;
+
+    if (typeof instance.componentDidUnmount === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidUnmount(). But there is no such lifecycle method. " +
+          "Did you mean componentWillUnmount()?",
+        name
+      );
+    }
+
+    if (typeof instance.componentDidReceiveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidReceiveProps(). But there is no such lifecycle method. " +
+          "If you meant to update the state in response to changing props, " +
+          "use componentWillReceiveProps(). If you meant to fetch data or " +
+          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+        name
+      );
+    }
+
+    if (typeof instance.componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+        name
+      );
+    }
+
+    if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+        name
+      );
+    }
+
     var hasMutatedProps = instance.props !== newProps;
-    !(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 (instance.props !== undefined && hasMutatedProps) {
+      error(
+        "%s(...): When calling super() in `%s`, make sure to pass " +
+          "up the same props that your component's constructor was passed.",
+        name,
+        name
+      );
+    }
+
+    if (instance.defaultProps) {
+      error(
+        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+          " Instead, define defaultProps as a static property on %s.",
+        name,
+        name
+      );
+    }
 
     if (
       typeof instance.getSnapshotBeforeUpdate === "function" &&
@@ -8246,61 +7213,53 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
     ) {
       didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%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",
+    if (typeof instance.getDerivedStateFromProps === "function") {
+      error(
+        "%s: getDerivedStateFromProps() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
+
+    if (typeof instance.getDerivedStateFromError === "function") {
+      error(
+        "%s: getDerivedStateFromError() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
+
+    if (typeof ctor.getSnapshotBeforeUpdate === "function") {
+      error(
+        "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+          "and will be ignored. Instead, declare it as an instance method.",
         name
       );
     }
-    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;
+
+    var _state = instance.state;
+
+    if (_state && (typeof _state !== "object" || isArray(_state))) {
+      error("%s.state: must be set to an object or null", name);
+    }
+
+    if (
+      typeof instance.getChildContext === "function" &&
+      typeof ctor.childContextTypes !== "object"
+    ) {
+      error(
+        "%s.getChildContext(): childContextTypes must be defined in order to " +
+          "use getChildContext().",
+        name
+      );
     }
   }
 }
@@ -8316,12 +7275,7 @@ function adoptClassInstance(workInProgress, instance) {
   }
 }
 
-function constructClassInstance(
-  workInProgress,
-  ctor,
-  props,
-  renderExpirationTime
-) {
+function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = false;
   var unmaskedContext = emptyContextObject;
   var context = emptyContextObject;
@@ -8358,8 +7312,8 @@ function constructClassInstance(
             Object.keys(contextType).join(", ") +
             "}.";
         }
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s defines an invalid contextType. " +
             "contextType should point to the Context object returned by React.createContext().%s",
           getComponentName(ctor) || "Component",
@@ -8371,7 +7325,7 @@ function constructClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     context = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
     isLegacyContextConsumer =
@@ -8381,15 +7335,6 @@ function constructClassInstance(
       : emptyContextObject;
   } // Instantiate twice to help detect side-effects.
 
-  {
-    if (
-      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
@@ -8400,10 +7345,11 @@ function constructClassInstance(
   {
     if (typeof ctor.getDerivedStateFromProps === "function" && state === null) {
       var componentName = getComponentName(ctor) || "Component";
+
       if (!didWarnAboutUninitializedState.has(componentName)) {
         didWarnAboutUninitializedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "`%s` uses `getDerivedStateFromProps` but its initial state is " +
             "%s. This is not recommended. Instead, define the initial state by " +
             "assigning an object to `this.state` in the constructor of `%s`. " +
@@ -8424,6 +7370,7 @@ function constructClassInstance(
       var foundWillMountName = null;
       var foundWillReceivePropsName = null;
       var foundWillUpdateName = null;
+
       if (
         typeof instance.componentWillMount === "function" &&
         instance.componentWillMount.__suppressDeprecationWarning !== true
@@ -8432,6 +7379,7 @@ function constructClassInstance(
       } else if (typeof instance.UNSAFE_componentWillMount === "function") {
         foundWillMountName = "UNSAFE_componentWillMount";
       }
+
       if (
         typeof instance.componentWillReceiveProps === "function" &&
         instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
@@ -8442,6 +7390,7 @@ function constructClassInstance(
       ) {
         foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
       }
+
       if (
         typeof instance.componentWillUpdate === "function" &&
         instance.componentWillUpdate.__suppressDeprecationWarning !== true
@@ -8450,20 +7399,23 @@ function constructClassInstance(
       } 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,
+
+          error(
             "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
               "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
               "The above lifecycles should be removed. Learn more about this warning here:\n" +
@@ -8496,6 +7448,7 @@ function callComponentWillMount(workInProgress, instance) {
   if (typeof instance.componentWillMount === "function") {
     instance.componentWillMount();
   }
+
   if (typeof instance.UNSAFE_componentWillMount === "function") {
     instance.UNSAFE_componentWillMount();
   }
@@ -8504,14 +7457,14 @@ function callComponentWillMount(workInProgress, instance) {
 
   if (oldState !== instance.state) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "%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);
   }
 }
@@ -8538,10 +7491,11 @@ function callComponentWillReceiveProps(
   if (instance.state !== oldState) {
     {
       var componentName = getComponentName(workInProgress.type) || "Component";
+
       if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
         didWarnAboutStateAssignmentForComponent.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.componentWillReceiveProps(): Assigning directly to " +
             "this.state is deprecated (except inside a component's " +
             "constructor). Use setState instead.",
@@ -8568,12 +7522,11 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
 
   if (typeof contextType === "object" && contextType !== null) {
     instance.context = readContext(contextType);
-  } else if (disableLegacyContext) {
-    instance.context = emptyContextObject;
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8582,10 +7535,11 @@ function mountClassInstance(
   {
     if (instance.state === newProps) {
       var componentName = getComponentName(ctor) || "Component";
+
       if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
         didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s: It is not recommended to assign props directly to state " +
             "because updates to props won't be reflected in state. " +
             "In most cases, it is better to use props directly.",
@@ -8601,7 +7555,7 @@ function mountClassInstance(
       );
     }
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
         workInProgress,
         instance
@@ -8609,19 +7563,10 @@ function mountClassInstance(
     }
   }
 
-  var updateQueue = workInProgress.updateQueue;
-  if (updateQueue !== null) {
-    processUpdateQueue(
-      workInProgress,
-      updateQueue,
-      newProps,
-      instance,
-      renderExpirationTime
-    );
-    instance.state = workInProgress.memoizedState;
-  }
-
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+
   if (typeof getDerivedStateFromProps === "function") {
     applyDerivedStateFromProps(
       workInProgress,
@@ -8642,18 +7587,13 @@ function mountClassInstance(
     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;
-    }
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    instance.state = workInProgress.memoizedState;
   }
 
   if (typeof instance.componentDidMount === "function") {
@@ -8676,7 +7616,7 @@ function resumeMountClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
       ctor,
@@ -8712,18 +7652,9 @@ function resumeMountClassInstance(
   resetHasForceUpdateBeforeProcessing();
   var oldState = workInProgress.memoizedState;
   var newState = (instance.state = oldState);
-  var updateQueue = workInProgress.updateQueue;
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
-  if (updateQueue !== null) {
-    processUpdateQueue(
-      workInProgress,
-      updateQueue,
-      newProps,
-      instance,
-      renderExpirationTime
-    );
-    newState = workInProgress.memoizedState;
-  }
   if (
     oldProps === newProps &&
     oldState === newState &&
@@ -8735,6 +7666,7 @@ function resumeMountClassInstance(
     if (typeof instance.componentDidMount === "function") {
       workInProgress.effectTag |= Update;
     }
+
     return false;
   }
 
@@ -8811,6 +7743,7 @@ function updateClassInstance(
   renderExpirationTime
 ) {
   var instance = workInProgress.stateNode;
+  cloneUpdateQueue(current, workInProgress);
   var oldProps = workInProgress.memoizedProps;
   instance.props =
     workInProgress.type === workInProgress.elementType
@@ -8822,7 +7755,7 @@ function updateClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
   }
@@ -8854,18 +7787,8 @@ function updateClassInstance(
   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;
-  }
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
   if (
     oldProps === newProps &&
@@ -8883,6 +7806,7 @@ function updateClassInstance(
         workInProgress.effectTag |= Update;
       }
     }
+
     if (typeof instance.getSnapshotBeforeUpdate === "function") {
       if (
         oldProps !== current.memoizedProps ||
@@ -8891,6 +7815,7 @@ function updateClassInstance(
         workInProgress.effectTag |= Snapshot;
       }
     }
+
     return false;
   }
 
@@ -8955,6 +7880,7 @@ function updateClassInstance(
         workInProgress.effectTag |= Update;
       }
     }
+
     if (typeof instance.getSnapshotBeforeUpdate === "function") {
       if (
         oldProps !== current.memoizedProps ||
@@ -8993,6 +7919,7 @@ var warnForMissingKey = function(child) {};
    * object keys are not valid. This allows us to keep track of children between
    * updates.
    */
+
   ownerHasKeyUseWarning = {};
   ownerHasFunctionTypeWarning = {};
 
@@ -9023,8 +7950,8 @@ var warnForMissingKey = function(child) {};
     }
 
     ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-    warning$1(
-      false,
+
+    error(
       "Each child in a list should have a unique " +
         '"key" prop. See https://fb.me/react-warning-keys for ' +
         "more information."
@@ -9032,10 +7959,11 @@ var warnForMissingKey = function(child) {};
   };
 }
 
-var isArray = Array.isArray;
+var isArray$1 = Array.isArray;
 
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   var mixedRef = element.ref;
+
   if (
     mixedRef !== null &&
     typeof mixedRef !== "function" &&
@@ -9044,24 +7972,21 @@ function coerceRef(returnFiber, current$$1, element) {
     {
       // 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) {
+      if (
+        (returnFiber.mode & StrictMode || warnAboutStringRefs) && // We warn in ReactElement.js if owner and self are equal for string refs
+        // because these cannot be automatically converted to an arrow function
+        // using a codemod. Therefore, we don't have to warn about string refs again.
+        !(
+          element._owner &&
+          element._self &&
+          element._owner.stateNode !== element._self
+        )
+      ) {
         var componentName = 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. " +
-                "Learn more about using refs safely here: " +
-                "https://fb.me/react-strict-mode-string-ref%s",
-              componentName,
-              mixedRef,
-              getStackByFiberInDevAndProd(returnFiber)
-            );
-          } else {
-            warningWithoutStack$1(
-              false,
+          {
+            error(
               'A string ref, "%s", has been found within a strict mode tree. ' +
                 "String refs are a source of potential bugs and should be avoided. " +
                 "We recommend using useRef() or createRef() instead. " +
@@ -9071,6 +7996,7 @@ function coerceRef(returnFiber, current$$1, element) {
               getStackByFiberInDevAndProd(returnFiber)
             );
           }
+
           didWarnAboutStringRefs[componentName] = true;
         }
       }
@@ -9085,7 +8011,7 @@ function coerceRef(returnFiber, current$$1, element) {
 
         if (!(ownerFiber.tag === ClassComponent)) {
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         }
 
@@ -9103,12 +8029,12 @@ function coerceRef(returnFiber, current$$1, element) {
       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
+        current !== null &&
+        current.ref !== null &&
+        typeof current.ref === "function" &&
+        current.ref._stringRef === stringRef
       ) {
-        return current$$1.ref;
+        return current.ref;
       }
 
       var ref = function(value) {
@@ -9118,6 +8044,7 @@ function coerceRef(returnFiber, current$$1, element) {
           // This is a lazy pooled frozen object, so we need to initialize.
           refs = inst.refs = {};
         }
+
         if (value === null) {
           delete refs[stringRef];
         } else {
@@ -9150,6 +8077,7 @@ function coerceRef(returnFiber, current$$1, element) {
 function throwOnInvalidObjectType(returnFiber, newChild) {
   if (returnFiber.type !== "textarea") {
     var addendum = "";
+
     {
       addendum =
         " If you meant to render a collection of children, use an array " +
@@ -9171,23 +8099,25 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
 }
 
 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();
+  {
+    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;
-  }
+    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."
-  );
+    ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+    error(
+      "Functions are not valid as a React child. This may happen if " +
+        "you return a Component instead of <Component /> from render. " +
+        "Or maybe you meant to call this function rather than return it."
+    );
+  }
 } // 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
@@ -9212,6 +8142,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     } else {
       returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;
     }
+
     childToDelete.nextEffect = null;
     childToDelete.effectTag = Deletion;
   }
@@ -9229,6 +8160,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       deleteChild(returnFiber, childToDelete);
       childToDelete = childToDelete.sibling;
     }
+
     return null;
   }
 
@@ -9252,10 +8184,10 @@ function ChildReconciler(shouldTrackSideEffects) {
     return existingChildren;
   }
 
-  function useFiber(fiber, pendingProps, expirationTime) {
+  function useFiber(fiber, pendingProps) {
     // We currently set sibling to null and index to 0 here because it is easy
     // to forget to do before returning it. E.g. for the single child case.
-    var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
+    var clone = createWorkInProgress(fiber, pendingProps);
     clone.index = 0;
     clone.sibling = null;
     return clone;
@@ -9263,15 +8195,16 @@ function ChildReconciler(shouldTrackSideEffects) {
 
   function placeChild(newFiber, lastPlacedIndex, newIndex) {
     newFiber.index = newIndex;
+
     if (!shouldTrackSideEffects) {
       // Noop.
       return lastPlacedIndex;
     }
 
-    var current$$1 = newFiber.alternate;
+    var current = newFiber.alternate;
 
-    if (current$$1 !== null) {
-      var oldIndex = current$$1.index;
+    if (current !== null) {
+      var oldIndex = current.index;
 
       if (oldIndex < lastPlacedIndex) {
         // This is a move.
@@ -9294,16 +8227,12 @@ function ChildReconciler(shouldTrackSideEffects) {
     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) {
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(
         textContent,
@@ -9314,46 +8243,48 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, textContent, expirationTime);
+      var existing = useFiber(current, textContent);
       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 updateElement(returnFiber, current, element, expirationTime) {
+    if (current !== null) {
+      if (
+        current.elementType === element.type || // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current, element)
+      ) {
+        // Move based on index
+        var existing = useFiber(current, element.props);
+        existing.ref = coerceRef(returnFiber, current, element);
+        existing.return = returnFiber;
+
+        {
+          existing._debugSource = element._source;
+          existing._debugOwner = element._owner;
+        }
+
+        return existing;
+      }
+    } // Insert
+
+    var created = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    created.ref = coerceRef(returnFiber, current, element);
+    created.return = returnFiber;
+    return created;
   }
 
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      current$$1 === null ||
-      current$$1.tag !== HostPortal ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      current === null ||
+      current.tag !== HostPortal ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     ) {
       // Insert
       var created = createFiberFromPortal(
@@ -9365,24 +8296,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(
-        current$$1,
-        portal.children || [],
-        expirationTime
-      );
+      var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
       return existing;
     }
   }
 
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (current$$1 === null || current$$1.tag !== Fragment) {
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(
         fragment,
@@ -9394,7 +8315,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, fragment, expirationTime);
+      var existing = useFiber(current, fragment);
       existing.return = returnFiber;
       return existing;
     }
@@ -9422,28 +8343,32 @@ function ChildReconciler(shouldTrackSideEffects) {
             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)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _created3 = createFiberFromFragment(
           newChild,
           returnFiber.mode,
           expirationTime,
           null
         );
+
         _created3.return = returnFiber;
         return _created3;
       }
@@ -9471,6 +8396,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       if (key !== null) {
         return null;
       }
+
       return updateTextNode(
         returnFiber,
         oldFiber,
@@ -9492,6 +8418,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                 key
               );
             }
+
             return updateElement(
               returnFiber,
               oldFiber,
@@ -9502,6 +8429,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             return null;
           }
         }
+
         case REACT_PORTAL_TYPE: {
           if (newChild.key === key) {
             return updatePortal(
@@ -9516,7 +8444,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         if (key !== null) {
           return null;
         }
@@ -9568,6 +8496,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             existingChildren.get(
               newChild.key === null ? newIdx : newChild.key
             ) || null;
+
           if (newChild.type === REACT_FRAGMENT_TYPE) {
             return updateFragment(
               returnFiber,
@@ -9577,6 +8506,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               newChild.key
             );
           }
+
           return updateElement(
             returnFiber,
             _matchedFiber,
@@ -9584,11 +8514,13 @@ function ChildReconciler(shouldTrackSideEffects) {
             expirationTime
           );
         }
+
         case REACT_PORTAL_TYPE: {
           var _matchedFiber2 =
             existingChildren.get(
               newChild.key === null ? newIdx : newChild.key
             ) || null;
+
           return updatePortal(
             returnFiber,
             _matchedFiber2,
@@ -9598,8 +8530,9 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
+
         return updateFragment(
           returnFiber,
           _matchedFiber3,
@@ -9629,6 +8562,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       if (typeof child !== "object" || child === null) {
         return knownKeys;
       }
+
       switch (child.$$typeof) {
         case REACT_ELEMENT_TYPE:
         case REACT_PORTAL_TYPE:
@@ -9644,12 +8578,13 @@ function ChildReconciler(shouldTrackSideEffects) {
             knownKeys.add(key);
             break;
           }
+
           if (!knownKeys.has(key)) {
             knownKeys.add(key);
             break;
           }
-          warning$1(
-            false,
+
+          error(
             "Encountered two children with the same key, `%s`. " +
               "Keys should be unique so that components maintain their identity " +
               "across updates. Non-unique keys may cause children to be " +
@@ -9657,11 +8592,11 @@ function ChildReconciler(shouldTrackSideEffects) {
               "could change in a future version.",
             key
           );
-          break;
-        default:
+
           break;
       }
     }
+
     return knownKeys;
   }
 
@@ -9702,6 +8637,7 @@ function ChildReconciler(shouldTrackSideEffects) {
     var lastPlacedIndex = 0;
     var newIdx = 0;
     var nextOldFiber = null;
+
     for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
       if (oldFiber.index > newIdx) {
         nextOldFiber = oldFiber;
@@ -9709,12 +8645,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       } 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
@@ -9747,6 +8685,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         // with the previous one.
         previousNewFiber.sibling = newFiber;
       }
+
       previousNewFiber = newFiber;
       oldFiber = nextOldFiber;
     }
@@ -9796,6 +8735,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         newChildren[newIdx],
         expirationTime
       );
+
       if (_newFiber2 !== null) {
         if (shouldTrackSideEffects) {
           if (_newFiber2.alternate !== null) {
@@ -9816,6 +8756,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         } else {
           previousNewFiber.sibling = _newFiber2;
         }
+
         previousNewFiber = _newFiber2;
       }
     }
@@ -9854,28 +8795,28 @@ function ChildReconciler(shouldTrackSideEffects) {
         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;
+        if (!didWarnAboutGenerators) {
+          error(
+            "Using Generators as children is unsupported and will likely yield " +
+              "unexpected results because enumerating a generator mutates it. " +
+              "You may convert it to an array with `Array.from()` or the " +
+              "`[...spread]` operator before rendering. Keep in mind " +
+              "you might need to polyfill these features for older browsers."
+          );
+        }
+
         didWarnAboutGenerators = true;
       } // Warn about using Maps as children
 
       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;
+        if (!didWarnAboutMaps) {
+          error(
+            "Using Maps as children is unsupported and will likely yield " +
+              "unexpected results. Convert it to a sequence/iterable of keyed " +
+              "ReactElements instead."
+          );
+        }
+
         didWarnAboutMaps = true;
       } // First, validate keys.
       // We'll get a different iterator later for the main pass.
@@ -9919,12 +8860,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       } 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
@@ -9957,6 +8900,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         // with the previous one.
         previousNewFiber.sibling = newFiber;
       }
+
       previousNewFiber = newFiber;
       oldFiber = nextOldFiber;
     }
@@ -10002,6 +8946,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         step.value,
         expirationTime
       );
+
       if (_newFiber4 !== null) {
         if (shouldTrackSideEffects) {
           if (_newFiber4.alternate !== null) {
@@ -10022,6 +8967,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         } else {
           previousNewFiber.sibling = _newFiber4;
         }
+
         previousNewFiber = _newFiber4;
       }
     }
@@ -10049,7 +8995,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       // 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);
+      var existing = useFiber(currentFirstChild, textContent);
       existing.return = returnFiber;
       return existing;
     } // The existing first child is not a text node so we need to create one
@@ -10073,38 +9019,64 @@ function ChildReconciler(shouldTrackSideEffects) {
   ) {
     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:
+        switch (child.tag) {
+          case Fragment: {
+            if (element.type === REACT_FRAGMENT_TYPE) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+              var existing = useFiber(child, element.props.children);
+              existing.return = returnFiber;
+
+              {
+                existing._debugSource = element._source;
+                existing._debugOwner = element._owner;
+              }
+
+              return existing;
+            }
+
+            break;
+          }
+
+          case Block:
+
+          // We intentionally fallthrough here if enableBlocksAPI is not on.
+          // eslint-disable-next-lined no-fallthrough
+
+          default: {
+            if (
+              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;
+            ) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+
+              var _existing3 = useFiber(child, element.props);
+
+              _existing3.ref = coerceRef(returnFiber, child, element);
+              _existing3.return = returnFiber;
+
+              {
+                _existing3._debugSource = element._source;
+                _existing3._debugOwner = element._owner;
+              }
+
+              return _existing3;
+            }
+
+            break;
           }
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
+        } // Didn't match.
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
       } else {
         deleteChild(returnFiber, child);
       }
+
       child = child.sibling;
     }
 
@@ -10123,6 +9095,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         returnFiber.mode,
         expirationTime
       );
+
       _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
       _created4.return = returnFiber;
       return _created4;
@@ -10137,6 +9110,7 @@ function ChildReconciler(shouldTrackSideEffects) {
   ) {
     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.
@@ -10147,7 +9121,7 @@ function ChildReconciler(shouldTrackSideEffects) {
           child.stateNode.implementation === portal.implementation
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || [], expirationTime);
+          var existing = useFiber(child, portal.children || []);
           existing.return = returnFiber;
           return existing;
         } else {
@@ -10157,6 +9131,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       } else {
         deleteChild(returnFiber, child);
       }
+
       child = child.sibling;
     }
 
@@ -10207,6 +9182,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               expirationTime
             )
           );
+
         case REACT_PORTAL_TYPE:
           return placeSingleChild(
             reconcileSinglePortal(
@@ -10230,7 +9206,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       );
     }
 
-    if (isArray(newChild)) {
+    if (isArray$1(newChild)) {
       return reconcileChildrenArray(
         returnFiber,
         currentFirstChild,
@@ -10257,6 +9233,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         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,
@@ -10265,6 +9242,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         case ClassComponent: {
           {
             var instance = returnFiber.stateNode;
+
             if (instance.render._isMockFunction) {
               // We allow auto-mocks to proceed as if they're returning null.
               break;
@@ -10296,8 +9274,8 @@ function ChildReconciler(shouldTrackSideEffects) {
 
 var reconcileChildFibers = ChildReconciler(true);
 var mountChildFibers = ChildReconciler(false);
-function cloneChildFibers(current$$1, workInProgress) {
-  if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+function cloneChildFibers(current, workInProgress) {
+  if (!(current === null || workInProgress.child === current.child)) {
     throw Error("Resuming work not yet implemented.");
   }
 
@@ -10306,11 +9284,7 @@ function cloneChildFibers(current$$1, workInProgress) {
   }
 
   var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(
-    currentChild,
-    currentChild.pendingProps,
-    currentChild.expirationTime
-  );
+  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
   workInProgress.child = newChild;
   newChild.return = workInProgress;
 
@@ -10318,8 +9292,7 @@ function cloneChildFibers(current$$1, workInProgress) {
     currentChild = currentChild.sibling;
     newChild = newChild.sibling = createWorkInProgress(
       currentChild,
-      currentChild.pendingProps,
-      currentChild.expirationTime
+      currentChild.pendingProps
     );
     newChild.return = workInProgress;
   }
@@ -10369,7 +9342,7 @@ function pushHostContainer(fiber, nextRootInstance) {
   // 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.
+  var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
 
   pop(contextStackCursor$1, fiber);
   push(contextStackCursor$1, nextRootContext, fiber);
@@ -10389,7 +9362,7 @@ function getHostContext() {
 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.
+  var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
 
   if (context === nextContext) {
     return;
@@ -10492,8 +9465,8 @@ function findFirstSuspended(row) {
 
         if (
           dehydrated === null ||
-          isSuspenseInstancePending(dehydrated) ||
-          isSuspenseInstanceFallback(dehydrated)
+          isSuspenseInstancePending() ||
+          isSuspenseInstanceFallback()
         ) {
           return node;
         }
@@ -10504,6 +9477,7 @@ function findFirstSuspended(row) {
       node.memoizedProps.revealOrder !== undefined
     ) {
       var didSuspend = (node.effectTag & DidCapture) !== NoEffect;
+
       if (didSuspend) {
         return node;
       }
@@ -10532,191 +9506,7 @@ function findFirstSuspended(row) {
   return null;
 }
 
-var emptyObject$1 = {};
-var isArray$2 = Array.isArray;
-function createResponderInstance(
-  responder,
-  responderProps,
-  responderState,
-  fiber
-) {
-  return {
-    fiber: fiber,
-    props: responderProps,
-    responder: responder,
-    rootEventTypes: null,
-    state: responderState
-  };
-}
-
-function mountEventResponder$1(
-  responder,
-  responderProps,
-  fiber,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responderState = emptyObject$1;
-  var getInitialState = responder.getInitialState;
-
-  if (getInitialState !== null) {
-    responderState = getInitialState(responderProps);
-  }
-
-  var responderInstance = createResponderInstance(
-    responder,
-    responderProps,
-    responderState,
-    fiber
-  );
-
-  if (!rootContainerInstance) {
-    var node = fiber;
-
-    while (node !== null) {
-      var tag = node.tag;
-
-      if (tag === HostComponent) {
-        rootContainerInstance = node.stateNode;
-        break;
-      } else if (tag === HostRoot) {
-        rootContainerInstance = node.stateNode.containerInfo;
-        break;
-      }
-
-      node = node.return;
-    }
-  }
-
-  mountResponderInstance(
-    responder,
-    responderInstance,
-    responderProps,
-    responderState,
-    rootContainerInstance
-  );
-  respondersMap.set(responder, responderInstance);
-}
-
-function updateEventListener(
-  listener,
-  fiber,
-  visistedResponders,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responder;
-  var props;
-
-  if (listener) {
-    responder = listener.responder;
-    props = listener.props;
-  }
-
-  if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
-    throw Error(
-      "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponder()."
-    );
-  }
-
-  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 (happens in either complete or commit phase)
-    mountEventResponder$1(
-      responder,
-      listenerProps,
-      fiber,
-      respondersMap,
-      rootContainerInstance
-    );
-  } else {
-    // Update (happens during commit phase only)
-    responderInstance.props = listenerProps;
-    responderInstance.fiber = fiber;
-  }
-}
-
-function updateEventListeners(listeners, fiber, rootContainerInstance) {
-  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,
-          rootContainerInstance
-        );
-      }
-    } else {
-      updateEventListener(
-        listeners,
-        fiber,
-        visistedResponders,
-        respondersMap,
-        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 createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   var eventResponderListener = {
     responder: responder,
     props: props
@@ -10729,33 +9519,19 @@ function createResponderListener(responder, props) {
   return eventResponderListener;
 }
 
-var NoEffect$1 =
-  /*             */
-  0;
-var UnmountSnapshot =
-  /*      */
+var HasEffect =
+  /* */
+  1; // Represents the phase in which the effect (not the clean-up) fires.
+
+var Layout =
+  /*    */
   2;
-var UnmountMutation =
-  /*      */
+var Passive$1 =
+  /*   */
   4;
-var MountMutation =
-  /*        */
-  8;
-var UnmountLayout =
-  /*        */
-  16;
-var MountLayout =
-  /*          */
-  32;
-var MountPassive =
-  /*         */
-  64;
-var UnmountPassive =
-  /*       */
-  128;
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
 
 {
@@ -10763,7 +9539,7 @@ var didWarnAboutMismatchedHooksForComponent;
 }
 
 // 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
+var renderExpirationTime = 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
@@ -10772,26 +9548,12 @@ var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on th
 // 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 workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
+// does not get reset if we do another render pass; only when we're completely
+// finished evaluating this component. This is an optimization so we know
+// whether we need to clear render phase updates after a throw.
+
+var didScheduleRenderPhaseUpdate = false;
 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.
@@ -10823,6 +9585,7 @@ function updateHookTypesDev() {
 
     if (hookTypesDev !== null) {
       hookTypesUpdateIndexDev++;
+
       if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
         warnOnHookMismatchInDev(hookName);
       }
@@ -10835,8 +9598,7 @@ 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,
+      error(
         "%s received a final argument that is not an array (instead, received `%s`). When " +
           "specified, the final argument must be an array.",
         currentHookNameInDev,
@@ -10849,6 +9611,7 @@ function checkDepsAreArrayDev(deps) {
 function warnOnHookMismatchInDev(currentHookName) {
   {
     var componentName = getComponentName(currentlyRenderingFiber$1.type);
+
     if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
       didWarnAboutMismatchedHooksForComponent.add(componentName);
 
@@ -10871,8 +9634,7 @@ function warnOnHookMismatchInDev(currentHookName) {
           table += row;
         }
 
-        warning$1(
-          false,
+        error(
           "React has detected a change in the order of Hooks called by %s. " +
             "This will lead to bugs and errors if not fixed. " +
             "For more information, read the Rules of Hooks: https://fb.me/rules-of-hooks\n\n" +
@@ -10906,14 +9668,14 @@ function areHookInputsEqual(nextDeps, prevDeps) {
 
   if (prevDeps === null) {
     {
-      warning$1(
-        false,
+      error(
         "%s received a final argument during this render, but not during " +
           "the previous render. Even though the final argument is optional, " +
           "its type cannot change between renders.",
         currentHookNameInDev
       );
     }
+
     return false;
   }
 
@@ -10921,8 +9683,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
     // Don't bother comparing lengths in prod because these arrays should be
     // passed inline.
     if (nextDeps.length !== prevDeps.length) {
-      warning$1(
-        false,
+      error(
         "The final argument passed to %s changed size between renders. The " +
           "order and size of this array must remain constant.\n\n" +
           "Previous: %s\n" +
@@ -10935,7 +9696,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
   }
 
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (is$1(nextDeps[i], prevDeps[i])) {
+    if (objectIs(nextDeps[i], prevDeps[i])) {
       continue;
     }
 
@@ -10950,12 +9711,11 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = nextRenderExpirationTime;
   currentlyRenderingFiber$1 = workInProgress;
-  nextCurrentHook = current !== null ? current.memoizedState : null;
 
   {
     hookTypesDev = current !== null ? current._debugHookTypes : null;
@@ -10963,89 +9723,87 @@ function renderWithHooks(
 
     ignorePreviousDependencies =
       current !== null && current.type !== workInProgress.type;
-  } // The following should have already been reset
+  }
+
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = NoWork; // 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.
+  // Currently we will identify the update render as a mount because memoizedState === null.
   // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-  // Using nextCurrentHook to differentiate between mount/update only works if at least one stateful hook is used.
+  // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
   // Non-stateful hooks (e.g. context) don't get added to memoizedState,
-  // so nextCurrentHook would be null during updates and mounts.
+  // so memoizedState would be null during updates and mounts.
 
   {
-    if (nextCurrentHook !== null) {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+    if (current !== null && current.memoizedState !== null) {
+      ReactCurrentDispatcher.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;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountWithHookTypesInDEV;
     } else {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountInDEV;
     }
   }
 
-  var children = Component(props, refOrContext);
+  var children = Component(props, secondArg); // Check if there was a render phase update
+
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    // Keep rendering in a loop for as long as render phase updates continue to
+    // be scheduled. Use a counter to prevent infinite loops.
+    var numberOfReRenders = 0;
 
-  if (didScheduleRenderPhaseUpdate) {
     do {
-      didScheduleRenderPhaseUpdate = false;
+      workInProgress.expirationTime = NoWork;
+
+      if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      }
+
       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;
+      workInProgress.updateQueue = null;
 
       {
         // Also validate hook order for cascading updates.
         hookTypesUpdateIndexDev = -1;
       }
 
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-      children = Component(props, refOrContext);
-    } while (didScheduleRenderPhaseUpdate);
-
-    renderPhaseUpdates = null;
-    numberOfReRenders = 0;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerenderInDEV;
+      children = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   } // 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;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
   {
-    renderedWork._debugHookTypes = hookTypesDev;
+    workInProgress._debugHookTypes = hookTypesDev;
   } // This check uses currentHook so that it works the same in DEV and prod bundles.
   // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
   var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-  renderExpirationTime$1 = NoWork;
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     currentHookNameInDev = null;
@@ -11053,12 +9811,7 @@ function renderWithHooks(
     hookTypesUpdateIndexDev = -1;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0; // These were reset above
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
+  didScheduleRenderPhaseUpdate = false;
 
   if (!!didRenderTooFewHooks) {
     throw Error(
@@ -11076,20 +9829,37 @@ function bailoutHooks(current, workInProgress, expirationTime) {
     current.expirationTime = NoWork;
   }
 }
-function resetHooks() {
+function resetHooksAfterThrow() {
   // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-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.
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+
+  if (didScheduleRenderPhaseUpdate) {
+    // There were render phase updates. These are only valid for this render
+    // phase, which we are now aborting. Remove the updates from the queues so
+    // they do not persist to the next render. Do not remove updates from hooks
+    // that weren't processed.
+    //
+    // Only reset the updates from the queue if it has a clone. If it does
+    // not have a clone, that means it wasn't processed, and the updates were
+    // scheduled before we entered the render phase.
+    var hook = currentlyRenderingFiber$1.memoizedState;
 
-  renderExpirationTime$1 = NoWork;
+    while (hook !== null) {
+      var queue = hook.queue;
+
+      if (queue !== null) {
+        queue.pending = null;
+      }
+
+      hook = hook.next;
+    }
+  }
+
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     hookTypesDev = null;
@@ -11097,30 +9867,26 @@ function resetHooks() {
     currentHookNameInDev = null;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0;
   didScheduleRenderPhaseUpdate = false;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
 }
 
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
 
   if (workInProgressHook === null) {
     // This is the first hook in the list
-    firstWorkInProgressHook = workInProgressHook = hook;
+    currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
   } else {
     // Append to the end of the list
     workInProgressHook = workInProgressHook.next = hook;
   }
+
   return workInProgressHook;
 }
 
@@ -11130,12 +9896,33 @@ function updateWorkInProgressHook() {
   // clone, or a work-in-progress hook from a previous render pass that we can
   // use as a base. When we reach the end of the base list, we must switch to
   // the dispatcher used for mounts.
+  var nextCurrentHook;
+
+  if (currentHook === null) {
+    var current = currentlyRenderingFiber$1.alternate;
+
+    if (current !== null) {
+      nextCurrentHook = current.memoizedState;
+    } else {
+      nextCurrentHook = null;
+    }
+  } else {
+    nextCurrentHook = currentHook.next;
+  }
+
+  var nextWorkInProgressHook;
+
+  if (workInProgressHook === null) {
+    nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
+  } else {
+    nextWorkInProgressHook = workInProgressHook.next;
+  }
+
   if (nextWorkInProgressHook !== null) {
     // There's already a work-in-progress. Reuse it.
     workInProgressHook = nextWorkInProgressHook;
     nextWorkInProgressHook = workInProgressHook.next;
     currentHook = nextCurrentHook;
-    nextCurrentHook = currentHook !== null ? currentHook.next : null;
   } else {
     // Clone from the current hook.
     if (!(nextCurrentHook !== null)) {
@@ -11146,20 +9933,18 @@ function updateWorkInProgressHook() {
     var newHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
 
     if (workInProgressHook === null) {
       // This is the first hook in the list.
-      workInProgressHook = firstWorkInProgressHook = newHook;
+      currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook;
     } else {
       // Append to the end of the list.
       workInProgressHook = workInProgressHook.next = newHook;
     }
-
-    nextCurrentHook = currentHook.next;
   }
 
   return workInProgressHook;
@@ -11172,6 +9957,7 @@ function createFunctionComponentUpdateQueue() {
 }
 
 function basicStateReducer(state, action) {
+  // $FlowFixMe: Flow doesn't like mixed types
   return typeof action === "function" ? action(state) : action;
 }
 
@@ -11184,15 +9970,16 @@ function mountReducer(reducer, initialArg, init) {
   } else {
     initialState = initialArg;
   }
+
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11210,157 +9997,191 @@ function updateReducer(reducer, initialArg, init) {
   }
 
   queue.lastRenderedReducer = reducer;
+  var current = currentHook; // The last rebase update that is NOT part of the base state.
 
-  if (numberOfReRenders > 0) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // work-in-progress hook.
-    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$1(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.
+  var baseQueue = current.baseQueue; // The last pending update that hasn't been processed yet.
 
-        if (hook.baseUpdate === queue.last) {
-          hook.baseState = newState;
-        }
+  var pendingQueue = queue.pending;
 
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
     }
 
-    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;
-
-  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;
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  if (first !== null) {
-    var _newState = baseState;
+
+  if (baseQueue !== null) {
+    // We have a queue to process.
+    var first = baseQueue.next;
+    var newState = current.baseState;
     var newBaseState = null;
-    var newBaseUpdate = null;
-    var prevUpdate = baseUpdate;
-    var _update = first;
-    var didSkip = false;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
+    var update = first;
 
     do {
-      var updateExpirationTime = _update.expirationTime;
+      var updateExpirationTime = update.expirationTime;
 
-      if (updateExpirationTime < renderExpirationTime$1) {
+      if (updateExpirationTime < renderExpirationTime) {
         // 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;
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+
+        if (newBaseQueueLast === null) {
+          newBaseQueueFirst = newBaseQueueLast = clone;
+          newBaseState = newState;
+        } else {
+          newBaseQueueLast = newBaseQueueLast.next = clone;
         } // Update the remaining priority in the queue.
 
-        if (updateExpirationTime > remainingExpirationTime) {
-          remainingExpirationTime = updateExpirationTime;
-          markUnprocessedUpdateTime(remainingExpirationTime);
+        if (updateExpirationTime > currentlyRenderingFiber$1.expirationTime) {
+          currentlyRenderingFiber$1.expirationTime = updateExpirationTime;
+          markUnprocessedUpdateTime(updateExpirationTime);
         }
       } else {
         // This update does have sufficient priority.
-        // Mark the event time of this update as relevant to this render pass.
+        if (newBaseQueueLast !== null) {
+          var _clone = {
+            expirationTime: Sync,
+            // This update is going to be committed so we never want uncommit it.
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          };
+          newBaseQueueLast = newBaseQueueLast.next = _clone;
+        } // 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
+          update.suspenseConfig
         ); // Process this update.
 
-        if (_update.eagerReducer === reducer) {
+        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;
+          newState = update.eagerState;
         } else {
-          var _action = _update.action;
-          _newState = reducer(_newState, _action);
+          var action = update.action;
+          newState = reducer(newState, action);
         }
       }
 
-      prevUpdate = _update;
-      _update = _update.next;
-    } while (_update !== null && _update !== first);
+      update = update.next;
+    } while (update !== null && update !== first);
 
-    if (!didSkip) {
-      newBaseUpdate = prevUpdate;
-      newBaseState = _newState;
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
     } // Mark that the fiber performed work, but only if the new state is
     // different from the current state.
 
-    if (!is$1(_newState, hook.memoizedState)) {
+    if (!objectIs(newState, hook.memoizedState)) {
       markWorkInProgressReceivedUpdate();
     }
 
-    hook.memoizedState = _newState;
-    hook.baseUpdate = newBaseUpdate;
+    hook.memoizedState = newState;
     hook.baseState = newBaseState;
-    queue.lastRenderedState = _newState;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = newState;
   }
 
   var dispatch = queue.dispatch;
   return [hook.memoizedState, dispatch];
 }
 
+function rerenderReducer(reducer, initialArg, init) {
+  var hook = updateWorkInProgressHook();
+  var queue = hook.queue;
+
+  if (!(queue !== null)) {
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  }
+
+  queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
+  // work-in-progress hook.
+
+  var dispatch = queue.dispatch;
+  var lastRenderPhaseUpdate = queue.pending;
+  var newState = hook.memoizedState;
+
+  if (lastRenderPhaseUpdate !== null) {
+    // The queue doesn't persist past this render pass.
+    queue.pending = null;
+    var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+    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 !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
+    // different from the current state.
+
+    if (!objectIs(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.baseQueue === null) {
+      hook.baseState = newState;
+    }
+
+    queue.lastRenderedState = newState;
+  }
+
+  return [newState, dispatch];
+}
+
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === "function") {
+    // $FlowFixMe: Flow doesn't like mixed types
     initialState = initialState();
   }
 
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11368,7 +10189,11 @@ function mountState(initialState) {
 }
 
 function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
+  return updateReducer(basicStateReducer);
+}
+
+function rerenderState(initialState) {
+  return rerenderReducer(basicStateReducer);
 }
 
 function pushEffect(tag, create, destroy, deps) {
@@ -11380,8 +10205,11 @@ function pushEffect(tag, create, destroy, deps) {
     // Circular
     next: null
   };
+  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
+
   if (componentUpdateQueue === null) {
     componentUpdateQueue = createFunctionComponentUpdateQueue();
+    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
     componentUpdateQueue.lastEffect = effect.next = effect;
   } else {
     var lastEffect = componentUpdateQueue.lastEffect;
@@ -11395,6 +10223,7 @@ function pushEffect(tag, create, destroy, deps) {
       componentUpdateQueue.lastEffect = effect;
     }
   }
+
   return effect;
 }
 
@@ -11420,8 +10249,13 @@ function updateRef(initialValue) {
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, undefined, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | hookEffectTag,
+    create,
+    undefined,
+    nextDeps
+  );
 }
 
 function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
@@ -11437,52 +10271,35 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
       var prevDeps = prevEffect.deps;
 
       if (areHookInputsEqual(nextDeps, prevDeps)) {
-        pushEffect(NoEffect$1, create, destroy, nextDeps);
+        pushEffect(hookEffectTag, create, destroy, nextDeps);
         return;
       }
     }
   }
 
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | 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
-  );
+  return mountEffectImpl(Update | Passive, Passive$1, 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
-  );
+  return updateEffectImpl(Update | Passive, Passive$1, create, deps);
 }
 
 function mountLayoutEffect(create, deps) {
-  return mountEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return mountEffectImpl(Update, Layout, create, deps);
 }
 
 function updateLayoutEffect(create, deps) {
-  return updateEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return updateEffectImpl(Update, Layout, create, deps);
 }
 
 function imperativeHandleEffect(create, ref) {
@@ -11497,15 +10314,15 @@ function imperativeHandleEffect(create, ref) {
     };
   } 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;
+      if (!refObject.hasOwnProperty("current")) {
+        error(
+          "Expected useImperativeHandle() first argument to either be a " +
+            "ref callback or React.createRef() object. Instead received: %s.",
+          "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+        );
+      }
     }
 
     var _inst2 = create();
@@ -11519,21 +10336,20 @@ function imperativeHandleEffect(create, ref) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return mountEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11541,21 +10357,20 @@ function mountImperativeHandle(ref, create, deps) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return updateEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11590,6 +10405,7 @@ function updateCallback(callback, deps) {
       }
     }
   }
+
   hook.memoizedState = [callback, nextDeps];
   return callback;
 }
@@ -11606,15 +10422,18 @@ 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;
@@ -11627,17 +10446,14 @@ function mountDeferredValue(value, config) {
 
   mountEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
@@ -11645,100 +10461,151 @@ function mountDeferredValue(value, config) {
 }
 
 function updateDeferredValue(value, config) {
-  var _updateState = updateState(value),
+  var _updateState = updateState(),
     prevValue = _updateState[0],
     setValue = _updateState[1];
 
   updateEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    },
+    [value, config]
+  );
+  return prevValue;
+}
+
+function rerenderDeferredValue(value, config) {
+  var _rerenderState = rerenderState(),
+    prevValue = _rerenderState[0],
+    setValue = _rerenderState[1];
+
+  updateEffect(
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
   return prevValue;
 }
 
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(
+    priorityLevel < UserBlockingPriority ? UserBlockingPriority : priorityLevel,
+    function() {
+      setPending(true);
+    }
+  );
+  runWithPriority(
+    priorityLevel > NormalPriority ? NormalPriority : priorityLevel,
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setPending(false);
+        callback();
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    }
+  );
+}
+
 function mountTransition(config) {
   var _mountState2 = mountState(false),
     isPending = _mountState2[0],
     setPending = _mountState2[1];
 
-  var startTransition = mountCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
-
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+  var start = mountCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function updateTransition(config) {
-  var _updateState2 = updateState(false),
+  var _updateState2 = updateState(),
     isPending = _updateState2[0],
     setPending = _updateState2[1];
 
-  var startTransition = updateCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
+}
 
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+function rerenderTransition(config) {
+  var _rerenderState2 = rerenderState(),
+    isPending = _rerenderState2[0],
+    setPending = _rerenderState2[1];
+
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function dispatchAction(fiber, queue, action) {
-  if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
+  {
+    if (typeof arguments[3] === "function") {
+      error(
+        "State updates from the useState() and useReducer() Hooks don't support the " +
+          "second callback argument. To execute a side effect after " +
+          "rendering, declare it in the component body with useEffect()."
+      );
+    }
   }
 
+  var currentTime = requestCurrentTimeForUpdate();
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    fiber,
+    suspenseConfig
+  );
+  var update = {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+
   {
-    !(typeof arguments[3] !== "function")
-      ? 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;
+    update.priority = getCurrentPriorityLevel();
+  } // Append the update to the end of the list.
+
+  var pending = queue.pending;
+
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
+  } else {
+    update.next = pending.next;
+    pending.next = update;
   }
 
+  queue.pending = update;
   var alternate = fiber.alternate;
+
   if (
     fiber === currentlyRenderingFiber$1 ||
     (alternate !== null && alternate === currentlyRenderingFiber$1)
@@ -11747,76 +10614,9 @@ function dispatchAction(fiber, queue, action) {
     // 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;
-    }
+    update.expirationTime = renderExpirationTime;
+    currentlyRenderingFiber$1.expirationTime = renderExpirationTime;
   } else {
-    var currentTime = requestCurrentTimeForUpdate();
-    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)
@@ -11830,8 +10630,8 @@ function dispatchAction(fiber, queue, action) {
         var prevDispatcher;
 
         {
-          prevDispatcher = ReactCurrentDispatcher$1.current;
-          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          prevDispatcher = ReactCurrentDispatcher.current;
+          ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
         }
 
         try {
@@ -11841,10 +10641,10 @@ function dispatchAction(fiber, queue, action) {
           // time we enter the render phase, then the eager state can be used
           // without calling the reducer again.
 
-          _update2.eagerReducer = lastRenderedReducer;
-          _update2.eagerState = eagerState;
+          update.eagerReducer = lastRenderedReducer;
+          update.eagerState = eagerState;
 
-          if (is$1(eagerState, currentState)) {
+          if (objectIs(eagerState, currentState)) {
             // Fast path. We can bail out without scheduling React to re-render.
             // It's still possible that we'll need to rebase this update later,
             // if the component re-renders for a different reason and by that
@@ -11855,23 +10655,24 @@ function dispatchAction(fiber, queue, action) {
           // Suppress the error. It will throw again in the render phase.
         } finally {
           {
-            ReactCurrentDispatcher$1.current = prevDispatcher;
+            ReactCurrentDispatcher.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);
   }
 }
 
+function mountEventListener(event) {
+  return undefined;
+}
+
+function updateEventListener(event) {
+  return undefined;
+}
+
 var ContextOnlyDispatcher = {
   readContext: readContext,
   useCallback: throwInvalidHookError,
@@ -11886,18 +10687,20 @@ var ContextOnlyDispatcher = {
   useDebugValue: throwInvalidHookError,
   useResponder: throwInvalidHookError,
   useDeferredValue: throwInvalidHookError,
-  useTransition: throwInvalidHookError
+  useTransition: throwInvalidHookError,
+  useEvent: throwInvalidHookError
 };
 var HooksDispatcherOnMountInDEV = null;
 var HooksDispatcherOnMountWithHookTypesInDEV = null;
 var HooksDispatcherOnUpdateInDEV = null;
+var HooksDispatcherOnRerenderInDEV = null;
 var InvalidNestedHooksDispatcherOnMountInDEV = null;
 var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
 
 {
   var warnInvalidContextAccess = function() {
-    warning$1(
-      false,
+    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 " +
@@ -11906,8 +10709,7 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
   };
 
   var warnInvalidHookAccess = function() {
-    warning$1(
-      false,
+    error(
       "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
         "You can only call Hooks at the top level of your React function. " +
         "For more information, see " +
@@ -11952,23 +10754,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       mountHookTypesDev();
       checkDepsAreArrayDev(deps);
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -11979,23 +10783,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       mountHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12006,6 +10811,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       mountHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnMountWithHookTypesInDEV = {
@@ -12040,23 +10850,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -12067,23 +10879,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12094,6 +10907,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnUpdateInDEV = {
@@ -12128,50 +10946,53 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
       try {
         return updateState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12182,111 +11003,110 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
-  InvalidNestedHooksDispatcherOnMountInDEV = {
+  HooksDispatcherOnRerenderInDEV = {
     readContext: function(context, observedBits) {
-      warnInvalidContextAccess();
       return readContext(context, observedBits);
     },
     useCallback: function(callback, deps) {
       currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountCallback(callback, deps);
+      updateHookTypesDev();
+      return updateCallback(callback, deps);
     },
     useContext: function(context, observedBits) {
       currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
+      updateHookTypesDev();
       return readContext(context, observedBits);
     },
     useEffect: function(create, deps) {
       currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountEffect(create, deps);
+      updateHookTypesDev();
+      return updateEffect(create, deps);
     },
     useImperativeHandle: function(ref, create, deps) {
       currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountImperativeHandle(ref, create, deps);
+      updateHookTypesDev();
+      return updateImperativeHandle(ref, create, deps);
     },
     useLayoutEffect: function(create, deps) {
       currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountLayoutEffect(create, deps);
+      updateHookTypesDev();
+      return updateLayoutEffect(create, deps);
     },
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
       try {
-        return mountMemo(create, deps);
+        return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
       try {
-        return mountReducer(reducer, initialArg, init);
+        return rerenderReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountRef(initialValue);
+      updateHookTypesDev();
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
       try {
-        return mountState(initialState);
+        return rerenderState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      updateHookTypesDev();
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return createResponderListener(responder, props);
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDeferredValue(value, config);
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
     },
     useTransition: function(config) {
       currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountTransition(config);
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
-  InvalidNestedHooksDispatcherOnUpdateInDEV = {
+  InvalidNestedHooksDispatcherOnMountInDEV = {
     readContext: function(context, observedBits) {
       warnInvalidContextAccess();
       return readContext(context, observedBits);
@@ -12294,2504 +11114,1125 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useCallback: function(callback, deps) {
       currentHookNameInDev = "useCallback";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
+      mountHookTypesDev();
+      return mountCallback(callback, deps);
     },
     useContext: function(context, observedBits) {
       currentHookNameInDev = "useContext";
       warnInvalidHookAccess();
-      updateHookTypesDev();
+      mountHookTypesDev();
       return readContext(context, observedBits);
     },
     useEffect: function(create, deps) {
       currentHookNameInDev = "useEffect";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateEffect(create, deps);
+      mountHookTypesDev();
+      return mountEffect(create, deps);
     },
     useImperativeHandle: function(ref, create, deps) {
       currentHookNameInDev = "useImperativeHandle";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
+      mountHookTypesDev();
+      return mountImperativeHandle(ref, create, deps);
     },
     useLayoutEffect: function(create, deps) {
       currentHookNameInDev = "useLayoutEffect";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
+      mountHookTypesDev();
+      return mountLayoutEffect(create, deps);
     },
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      mountHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
-        return updateMemo(create, deps);
+        return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      mountHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
-        return updateReducer(reducer, initialArg, init);
+        return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateRef(initialValue);
+      mountHookTypesDev();
+      return mountRef(initialValue);
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      mountHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
+
       try {
-        return updateState(initialState);
+        return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      mountHookTypesDev();
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return createResponderListener(responder, props);
+      mountHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDeferredValue(value, config);
+      mountHookTypesDev();
+      return mountDeferredValue(value, config);
     },
     useTransition: function(config) {
       currentHookNameInDev = "useTransition";
       warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateTransition(config);
+      mountHookTypesDev();
+      return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
-}
-
-// 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;
-  }
-}
-
-// 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,
-  suspenseInstance
-) {
-  if (!supportsHydration) {
-    return false;
-  }
-
-  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 = (fiber.effectTag & ~Hydrating) | 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) {
-          var suspenseState = {
-            dehydrated: suspenseInstance,
-            retryTime: Never
-          };
-          fiber.memoizedState = suspenseState; // Store the dehydrated fragment as a child fiber.
-          // This simplifies the code for getHostSibling and deleting nodes,
-          // since it doesn't have to consider all Suspense boundaries and
-          // check if they're dehydrated ones or not.
-
-          var dehydratedFragment = createFiberFromDehydratedFragment(
-            suspenseInstance
-          );
-          dehydratedFragment.return = fiber;
-          fiber.child = dehydratedFragment;
-          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) {
-    {
-      throw 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) {
-    {
-      throw 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 prepareToHydrateHostSuspenseInstance(fiber) {
-  if (!supportsHydration) {
-    {
-      throw Error(
-        "Expected prepareToHydrateHostSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  hydrateSuspenseInstance(suspenseInstance, fiber);
-}
-
-function skipPastDehydratedSuspenseInstance(fiber) {
-  if (!supportsHydration) {
-    {
-      throw Error(
-        "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  return getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
-}
-
-function popToNextHostParent(fiber) {
-  var parent = fiber.return;
-  while (
-    parent !== null &&
-    parent.tag !== HostComponent &&
-    parent.tag !== HostRoot &&
-    parent.tag !== SuspenseComponent
-  ) {
-    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);
-
-  if (fiber.tag === SuspenseComponent) {
-    nextHydratableInstance = skipPastDehydratedSuspenseInstance(fiber);
-  } else {
-    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;
-var didWarnAboutModulePatternComponent;
-var didWarnAboutContextTypeOnFunctionComponent;
-var didWarnAboutGetDerivedStateOnFunctionComponent;
-var didWarnAboutFunctionRefs;
-var didWarnAboutReassigningProps;
-var didWarnAboutMaxDuration;
-var didWarnAboutRevealOrder;
-var didWarnAboutTailOptions;
-var didWarnAboutDefaultPropsOnFunctionComponent;
-
-{
-  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;
-  prepareToReadContext(workInProgress, renderExpirationTime);
-
-  {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
-    nextChildren = renderWithHooks(
-      current$$1,
-      workInProgress,
-      render,
-      nextProps,
-      ref,
-      renderExpirationTime
-    );
-
-    if (
-      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;
-
-  if (!disableLegacyContext) {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
-
-  var nextChildren;
-  prepareToReadContext(workInProgress, renderExpirationTime);
-
-  {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
-    nextChildren = renderWithHooks(
-      current$$1,
-      workInProgress,
-      Component,
-      nextProps,
-      context,
-      renderExpirationTime
-    );
-
-    if (
-      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;
-
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-
-  prepareToReadContext(workInProgress, renderExpirationTime);
-  var instance = workInProgress.stateNode;
-  var shouldUpdate;
-
-  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;
-
-  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 (
-        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;
-
-  if (!(updateQueue !== null)) {
-    throw 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 (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.
-    var child = mountChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderExpirationTime
-    );
-    workInProgress.child = child;
-    var node = child;
-
-    while (node) {
-      // Mark each child as hydrating. This is a fast path to know whether this
-      // tree is part of a hydrating tree. This is used to determine if a child
-      // node has fully mounted yet, and for scheduling event replaying.
-      // Conceptually this is similar to Placement in that a new subtree is
-      // inserted into the React tree here. It just happens to not need DOM
-      // mutations because it already exists.
-      node.effectTag = (node.effectTag & ~Placement) | Hydrating;
-      node = node.sibling;
-    }
-  } 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;
-
-  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.
-
-      {
-        throw 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;
-
-  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;
-
-  if (!disableLegacyContext) {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
-
-  prepareToReadContext(workInProgress, renderExpirationTime);
-  var value;
-
-  {
-    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.
+  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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    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.
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    var hasContext = false;
+      try {
+        return updateReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    if (isContextProvider(Component)) {
-      hasContext = true;
-      pushContextProvider(workInProgress);
-    } else {
-      hasContext = false;
+      try {
+        return updateState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
+  };
+  InvalidNestedHooksDispatcherOnRerenderInDEV = {
+    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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    workInProgress.memoizedState =
-      value.state !== null && value.state !== undefined ? value.state : null;
-    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
-
-    if (typeof getDerivedStateFromProps === "function") {
-      applyDerivedStateFromProps(
-        workInProgress,
-        Component,
-        getDerivedStateFromProps,
-        props
-      );
-    }
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    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"
-        );
+      try {
+        return rerenderReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      if (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode
-      ) {
-        // Only double-render components with Hooks
-        if (workInProgress.memoizedState !== null) {
-          value = renderWithHooks(
-            null,
-            workInProgress,
-            Component,
-            props,
-            context,
-            renderExpirationTime
-          );
-        }
+      try {
+        return rerenderState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
+  };
+}
 
-    reconcileChildren(null, workInProgress, value, renderExpirationTime);
+var now$1 = Scheduler.unstable_now;
+var commitTime = 0;
+var profilerStartTime = -1;
 
-    {
-      validateFunctionComponentInDev(workInProgress, Component);
-    }
+function getCommitTime() {
+  return commitTime;
+}
 
-    return workInProgress.child;
-  }
+function recordCommitTime() {
+  commitTime = now$1();
 }
 
-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;
+function startProfilerTimer(fiber) {
+  profilerStartTime = now$1();
+
+  if (fiber.actualStartTime < 0) {
+    fiber.actualStartTime = now$1();
   }
+}
+
+function stopProfilerTimerIfRunning(fiber) {
+  profilerStartTime = -1;
+}
 
-  if (workInProgress.ref !== null) {
-    var info = "";
-    var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+  if (profilerStartTime >= 0) {
+    var elapsedTime = now$1() - profilerStartTime;
+    fiber.actualDuration += elapsedTime;
 
-    if (ownerName) {
-      info += "\n\nCheck the render method of `" + ownerName + "`.";
+    if (overrideBaseTime) {
+      fiber.selfBaseDuration = elapsedTime;
     }
 
-    var warningKey = ownerName || workInProgress._debugID || "";
-    var debugSource = workInProgress._debugSource;
+    profilerStartTime = -1;
+  }
+}
 
-    if (debugSource) {
-      warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-    }
+function enterHydrationState(fiber) {
+  {
+    return false;
+  }
+}
 
-    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
+function prepareToHydrateHostInstance(
+  fiber,
+  rootContainerInstance,
+  hostContext
+) {
+  {
+    {
+      throw Error(
+        "Expected prepareToHydrateHostInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
       );
     }
   }
+}
 
-  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
+function prepareToHydrateHostTextInstance(fiber) {
+  {
+    {
+      throw Error(
+        "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
       );
-      didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
     }
   }
+  var shouldUpdate = hydrateTextInstance();
+}
 
-  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;
-    }
+function popHydrationState(fiber) {
+  {
+    return false;
   }
+}
+
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+var didReceiveUpdate = false;
+var didWarnAboutBadClass;
+var didWarnAboutModulePatternComponent;
+var didWarnAboutContextTypeOnFunctionComponent;
+var didWarnAboutGetDerivedStateOnFunctionComponent;
+var didWarnAboutFunctionRefs;
+var didWarnAboutReassigningProps;
+var didWarnAboutRevealOrder;
+var didWarnAboutTailOptions;
 
-  if (
-    typeof Component.contextType === "object" &&
-    Component.contextType !== null
-  ) {
-    var _componentName3 = getComponentName(Component) || "Unknown";
+{
+  didWarnAboutBadClass = {};
+  didWarnAboutModulePatternComponent = {};
+  didWarnAboutContextTypeOnFunctionComponent = {};
+  didWarnAboutGetDerivedStateOnFunctionComponent = {};
+  didWarnAboutFunctionRefs = {};
+  didWarnAboutReassigningProps = false;
+  didWarnAboutRevealOrder = {};
+  didWarnAboutTailOptions = {};
+}
 
-    if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
-      warningWithoutStack$1(
-        false,
-        "%s: Function components do not support contextType.",
-        _componentName3
-      );
-      didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
-    }
+function reconcileChildren(
+  current,
+  workInProgress,
+  nextChildren,
+  renderExpirationTime
+) {
+  if (current === null) {
+    // If this is a fresh new component that hasn't been rendered yet, we
+    // won't update its child set by applying minimal side-effects. Instead,
+    // we will add them all to the child before it gets rendered. That means
+    // we can optimize this reconciliation pass by not tracking side-effects.
+    workInProgress.child = mountChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      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.child,
+      nextChildren,
+      renderExpirationTime
+    );
   }
 }
 
-var SUSPENDED_MARKER = {
-  dehydrated: null,
-  retryTime: NoWork
-};
+function forceUnmountCurrentAndReconcile(
+  current,
+  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.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
+  // identities match.
 
-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)
+  workInProgress.child = reconcileChildFibers(
+    workInProgress,
+    null,
+    nextChildren,
+    renderExpirationTime
   );
 }
 
-function updateSuspenseComponent(
-  current$$1,
+function updateForwardRef(
+  current,
   workInProgress,
+  Component,
+  nextProps,
   renderExpirationTime
 ) {
-  var mode = workInProgress.mode;
-  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
-
+  // 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 (shouldSuspend(workInProgress)) {
-      workInProgress.effectTag |= DidCapture;
-    }
-  }
-
-  var suspenseContext = suspenseStackCursor.current;
-  var nextDidTimeout = false;
-  var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
+    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 (
-    didSuspend ||
-    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
-  ) {
-    // Something in this boundary's subtree already suspended. Switch to
-    // rendering the fallback children.
-    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
+      if (innerPropTypes) {
+        checkPropTypes(
+          innerPropTypes,
+          nextProps, // Resolved props
+          "prop",
+          getComponentName(Component)
         );
       }
     }
   }
 
-  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
-  pushSuspenseContext(workInProgress, suspenseContext);
+  var render = Component.render;
+  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
-  {
-    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.
+  var nextChildren;
+  prepareToReadContext(workInProgress, renderExpirationTime);
 
-  if (current$$1 === null) {
-    // 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 been a dehydrated suspense component.
+  {
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
+    nextChildren = renderWithHooks(
+      current,
+      workInProgress,
+      render,
+      nextProps,
+      ref,
+      renderExpirationTime
+    );
 
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
+    setIsRendering(false);
+  }
 
-        if (suspenseState !== null) {
-          var dehydrated = suspenseState.dehydrated;
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderExpirationTime
+    );
+  } // React DevTools reads this flag.
 
-          if (dehydrated !== null) {
-            return mountDehydratedSuspenseComponent(
-              workInProgress,
-              dehydrated,
-              renderExpirationTime
-            );
-          }
-        }
-      }
-    } // This is the initial mount. This branch is pretty simple because there's
-    // no previous state that needs to be preserved.
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-    if (nextDidTimeout) {
-      // Mount separate fragments for primary and fallback children.
-      var nextFallbackChildren = nextProps.fallback;
-      var primaryChildFragment = createFiberFromFragment(
-        null,
-        mode,
-        NoWork,
-        null
-      );
-      primaryChildFragment.return = workInProgress;
+function updateMemoComponent(
+  current,
+  workInProgress,
+  Component,
+  nextProps,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (current === null) {
+    var type = Component.type;
 
-      if ((workInProgress.mode & BlockingMode) === NoMode) {
-        // Outside of blocking mode, we commit the effects from the
-        // partially completed, timed-out tree, too.
-        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;
-        }
-      }
+    if (
+      isSimpleFunctionComponent(type) &&
+      Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
+      Component.defaultProps === undefined
+    ) {
+      var resolvedType = type;
 
-      var fallbackChildFragment = createFiberFromFragment(
-        nextFallbackChildren,
-        mode,
-        renderExpirationTime,
-        null
-      );
-      fallbackChildFragment.return = workInProgress;
-      primaryChildFragment.sibling = fallbackChildFragment; // Skip the primary children, and continue working on the
-      // fallback children.
+      {
+        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.memoizedState = SUSPENDED_MARKER;
-      workInProgress.child = primaryChildFragment;
-      return fallbackChildFragment;
-    } else {
-      // Mount the primary children without an intermediate fragment fiber.
-      var nextPrimaryChildren = nextProps.children;
-      workInProgress.memoizedState = null;
-      return (workInProgress.child = mountChildFibers(
+      workInProgress.tag = SimpleMemoComponent;
+      workInProgress.type = resolvedType;
+
+      {
+        validateFunctionComponentInDev(workInProgress, type);
+      }
+
+      return updateSimpleMemoComponent(
+        current,
         workInProgress,
-        null,
-        nextPrimaryChildren,
+        resolvedType,
+        nextProps,
+        updateExpirationTime,
         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;
-
-    if (prevState !== null) {
-      if (enableSuspenseServerRenderer) {
-        var _dehydrated = prevState.dehydrated;
-
-        if (_dehydrated !== null) {
-          if (!didSuspend) {
-            return updateDehydratedSuspenseComponent(
-              current$$1,
-              workInProgress,
-              _dehydrated,
-              prevState,
-              renderExpirationTime
-            );
-          } else if (workInProgress.memoizedState !== null) {
-            // Something suspended and we should still be in dehydrated mode.
-            // Leave the existing child in place.
-            workInProgress.child = current$$1.child; // The dehydrated completion pass expects this flag to be there
-            // but the normal suspense pass doesn't.
 
-            workInProgress.effectTag |= DidCapture;
-            return null;
-          } else {
-            // Suspended but we should no longer be in dehydrated mode.
-            // Therefore we now have to render the fallback. Wrap the children
-            // in a fragment fiber to keep them separate from the fallback
-            // children.
-            var _nextFallbackChildren = nextProps.fallback;
-
-            var _primaryChildFragment = createFiberFromFragment(
-              // It shouldn't matter what the pending props are because we aren't
-              // going to render this fragment.
-              null,
-              mode,
-              NoWork,
-              null
-            );
+    {
+      var innerPropTypes = type.propTypes;
 
-            _primaryChildFragment.return = workInProgress; // This is always null since we never want the previous child
-            // that we're not going to hydrate.
+      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)
+        );
+      }
+    }
 
-            _primaryChildFragment.child = null;
+    var child = createFiberFromTypeAndProps(
+      Component.type,
+      null,
+      nextProps,
+      null,
+      workInProgress.mode,
+      renderExpirationTime
+    );
+    child.ref = workInProgress.ref;
+    child.return = workInProgress;
+    workInProgress.child = child;
+    return child;
+  }
 
-            if ((workInProgress.mode & BlockingMode) === NoMode) {
-              // Outside of blocking mode, we commit the effects from the
-              // partially completed, timed-out tree, too.
-              var _progressedChild = (_primaryChildFragment.child =
-                workInProgress.child);
+  {
+    var _type = Component.type;
+    var _innerPropTypes = _type.propTypes;
 
-              while (_progressedChild !== null) {
-                _progressedChild.return = _primaryChildFragment;
-                _progressedChild = _progressedChild.sibling;
-              }
-            } else {
-              // We will have dropped the effect list which contains the deletion.
-              // We need to reconcile to delete the current child.
-              reconcileChildFibers(
-                workInProgress,
-                current$$1.child,
-                null,
-                renderExpirationTime
-              );
-            } // Because primaryChildFragment is a new fiber that we're inserting as the
-            // parent of a new tree, we need to set its treeBaseDuration.
+    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)
+      );
+    }
+  }
 
-            if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-              // treeBaseDuration is the sum of all the child tree base durations.
-              var treeBaseDuration = 0;
-              var hiddenChild = _primaryChildFragment.child;
+  var currentChild = current.child; // This is always exactly one child
 
-              while (hiddenChild !== null) {
-                treeBaseDuration += hiddenChild.treeBaseDuration;
-                hiddenChild = hiddenChild.sibling;
-              }
+  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
 
-              _primaryChildFragment.treeBaseDuration = treeBaseDuration;
-            } // Create a fragment from the fallback children, too.
+    var compare = Component.compare;
+    compare = compare !== null ? compare : shallowEqual;
 
-            var _fallbackChildFragment = createFiberFromFragment(
-              _nextFallbackChildren,
-              mode,
-              renderExpirationTime,
-              null
-            );
+    if (compare(prevProps, nextProps) && current.ref === workInProgress.ref) {
+      return bailoutOnAlreadyFinishedWork(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  } // React DevTools reads this flag.
 
-            _fallbackChildFragment.return = workInProgress;
-            _primaryChildFragment.sibling = _fallbackChildFragment;
-            _fallbackChildFragment.effectTag |= Placement;
-            _primaryChildFragment.childExpirationTime = NoWork;
-            workInProgress.memoizedState = SUSPENDED_MARKER;
-            workInProgress.child = _primaryChildFragment; // Skip the primary children, and continue working on the
-            // fallback children.
+  workInProgress.effectTag |= PerformedWork;
+  var newChild = createWorkInProgress(currentChild, nextProps);
+  newChild.ref = workInProgress.ref;
+  newChild.return = workInProgress;
+  workInProgress.child = newChild;
+  return newChild;
+}
 
-            return _fallbackChildFragment;
-          }
-        }
-      } // The current tree already timed out. That means each child set is
-      // wrapped in a fragment fiber.
+function updateSimpleMemoComponent(
+  current,
+  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;
 
-      var currentPrimaryChildFragment = current$$1.child;
-      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      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);
+      }
 
-      if (nextDidTimeout) {
-        // Still timed out. Reuse the current primary children by cloning
-        // its fragment. We're going to skip over these entirely.
-        var _nextFallbackChildren2 = nextProps.fallback;
+      var outerPropTypes = outerMemoType && outerMemoType.propTypes;
 
-        var _primaryChildFragment2 = createWorkInProgress(
-          currentPrimaryChildFragment,
-          currentPrimaryChildFragment.pendingProps,
-          NoWork
+      if (outerPropTypes) {
+        checkPropTypes(
+          outerPropTypes,
+          nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
+          "prop",
+          getComponentName(outerMemoType)
         );
+      } // Inner propTypes will be validated in the function component path.
+    }
+  }
 
-        _primaryChildFragment2.return = workInProgress;
+  if (current !== null) {
+    var prevProps = current.memoizedProps;
 
-        if ((workInProgress.mode & BlockingMode) === NoMode) {
-          // Outside of blocking mode, we commit the effects from the
-          // partially completed, timed-out tree, too.
-          var _progressedState = workInProgress.memoizedState;
+    if (
+      shallowEqual(prevProps, nextProps) &&
+      current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
+      workInProgress.type === current.type
+    ) {
+      didReceiveUpdate = false;
 
-          var _progressedPrimaryChild =
-            _progressedState !== null
-              ? workInProgress.child.child
-              : workInProgress.child;
+      if (updateExpirationTime < renderExpirationTime) {
+        // The pending update priority was cleared at the beginning of
+        // beginWork. We're about to bail out, but there might be additional
+        // updates at a lower priority. Usually, the priority level of the
+        // remaining updates is accumlated during the evaluation of the
+        // component (i.e. when processing the update queue). But since since
+        // we're bailing out early *without* evaluating the component, we need
+        // to account for it here, too. Reset to the value of the current fiber.
+        // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
+        // because a MemoComponent fiber does not have hooks or an update queue;
+        // rather, it wraps around an inner component, which may or may not
+        // contains hooks.
+        // TODO: Move the reset at in beginWork out of the common path so that
+        // this is no longer necessary.
+        workInProgress.expirationTime = current.expirationTime;
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    }
+  }
 
-          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
-            _primaryChildFragment2.child = _progressedPrimaryChild;
-            var _progressedChild2 = _progressedPrimaryChild;
+  return updateFunctionComponent(
+    current,
+    workInProgress,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+}
 
-            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.
+function updateFragment(current, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-        if (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-          // treeBaseDuration is the sum of all the child tree base durations.
-          var _treeBaseDuration = 0;
-          var _hiddenChild = _primaryChildFragment2.child;
+function updateMode(current, workInProgress, renderExpirationTime) {
+  var nextChildren = workInProgress.pendingProps.children;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-          while (_hiddenChild !== null) {
-            _treeBaseDuration += _hiddenChild.treeBaseDuration;
-            _hiddenChild = _hiddenChild.sibling;
-          }
+function updateProfiler(current, workInProgress, renderExpirationTime) {
+  {
+    workInProgress.effectTag |= Update; // Reset effect durations for the next eventual effect phase.
+    // These are reset during render to allow the DevTools commit hook a chance to read them,
 
-          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
-        } // Clone the fallback child fragment, too. These we'll continue
-        // working on.
+    var stateNode = workInProgress.stateNode;
+    stateNode.effectDuration = 0;
+    stateNode.passiveEffectDuration = 0;
+  }
 
-        var _fallbackChildFragment2 = createWorkInProgress(
-          currentFallbackChildFragment,
-          _nextFallbackChildren2,
-          currentFallbackChildFragment.expirationTime
-        );
+  var nextProps = workInProgress.pendingProps;
+  var nextChildren = nextProps.children;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-        _fallbackChildFragment2.return = workInProgress;
-        _primaryChildFragment2.sibling = _fallbackChildFragment2;
-        _primaryChildFragment2.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
-        // fallback children.
+function markRef(current, workInProgress) {
+  var ref = workInProgress.ref;
 
-        workInProgress.memoizedState = SUSPENDED_MARKER;
-        workInProgress.child = _primaryChildFragment2;
-        return _fallbackChildFragment2;
-      } 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.
+  if (
+    (current === null && ref !== null) ||
+    (current !== null && current.ref !== ref)
+  ) {
+    // Schedule a Ref effect
+    workInProgress.effectTag |= Ref;
+  }
+}
+
+function updateFunctionComponent(
+  current,
+  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;
 
-        workInProgress.memoizedState = null;
-        return (workInProgress.child = primaryChild);
+      if (innerPropTypes) {
+        checkPropTypes(
+          innerPropTypes,
+          nextProps, // Resolved props
+          "prop",
+          getComponentName(Component)
+        );
       }
-    } 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 _nextFallbackChildren3 = nextProps.fallback;
+  var context;
 
-        var _primaryChildFragment3 = createFiberFromFragment(
-          // It shouldn't matter what the pending props are because we aren't
-          // going to render this fragment.
-          null,
-          mode,
-          NoWork,
-          null
-        );
+  {
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
+    context = getMaskedContext(workInProgress, unmaskedContext);
+  }
 
-        _primaryChildFragment3.return = workInProgress;
-        _primaryChildFragment3.child = _currentPrimaryChild;
+  var nextChildren;
+  prepareToReadContext(workInProgress, renderExpirationTime);
 
-        if (_currentPrimaryChild !== null) {
-          _currentPrimaryChild.return = _primaryChildFragment3;
-        } // 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;
+  {
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
+    nextChildren = renderWithHooks(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      context,
+      renderExpirationTime
+    );
 
-        if ((workInProgress.mode & BlockingMode) === NoMode) {
-          // Outside of blocking mode, we commit the effects from the
-          // partially completed, timed-out tree, too.
-          var _progressedState2 = workInProgress.memoizedState;
+    setIsRendering(false);
+  }
 
-          var _progressedPrimaryChild2 =
-            _progressedState2 !== null
-              ? workInProgress.child.child
-              : workInProgress.child;
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
+    return bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderExpirationTime
+    );
+  } // React DevTools reads this flag.
 
-          _primaryChildFragment3.child = _progressedPrimaryChild2;
-          var _progressedChild3 = _progressedPrimaryChild2;
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(
+    current,
+    workInProgress,
+    nextChildren,
+    renderExpirationTime
+  );
+  return workInProgress.child;
+}
 
-          while (_progressedChild3 !== null) {
-            _progressedChild3.return = _primaryChildFragment3;
-            _progressedChild3 = _progressedChild3.sibling;
-          }
-        } // Because primaryChildFragment is a new fiber that we're inserting as the
-        // parent of a new tree, we need to set its treeBaseDuration.
+function updateClassComponent(
+  current,
+  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 (enableProfilerTimer && workInProgress.mode & ProfileMode) {
-          // treeBaseDuration is the sum of all the child tree base durations.
-          var _treeBaseDuration2 = 0;
-          var _hiddenChild2 = _primaryChildFragment3.child;
+      if (innerPropTypes) {
+        checkPropTypes(
+          innerPropTypes,
+          nextProps, // Resolved props
+          "prop",
+          getComponentName(Component)
+        );
+      }
+    }
+  } // Push context providers early to prevent context stack mismatches.
+  // During mounting we don't know the child context yet as the instance doesn't exist.
+  // We will invalidate the child context in finishClassComponent() right after rendering.
 
-          while (_hiddenChild2 !== null) {
-            _treeBaseDuration2 += _hiddenChild2.treeBaseDuration;
-            _hiddenChild2 = _hiddenChild2.sibling;
-          }
+  var hasContext;
 
-          _primaryChildFragment3.treeBaseDuration = _treeBaseDuration2;
-        } // Create a fragment from the fallback children, too.
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
+  }
 
-        var _fallbackChildFragment3 = createFiberFromFragment(
-          _nextFallbackChildren3,
-          mode,
-          renderExpirationTime,
-          null
-        );
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var instance = workInProgress.stateNode;
+  var shouldUpdate;
 
-        _fallbackChildFragment3.return = workInProgress;
-        _primaryChildFragment3.sibling = _fallbackChildFragment3;
-        _fallbackChildFragment3.effectTag |= Placement;
-        _primaryChildFragment3.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
-        // fallback children.
+  if (instance === null) {
+    if (current !== null) {
+      // A class component without an instance 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.memoizedState = SUSPENDED_MARKER;
-        workInProgress.child = _primaryChildFragment3;
-        return _fallbackChildFragment3;
-      } else {
-        // Still haven't timed out.  Continue rendering the children, like we
-        // normally do.
-        workInProgress.memoizedState = null;
-        var _nextPrimaryChildren2 = nextProps.children;
-        return (workInProgress.child = reconcileChildFibers(
-          workInProgress,
-          _currentPrimaryChild,
-          _nextPrimaryChildren2,
-          renderExpirationTime
-        ));
+      workInProgress.effectTag |= Placement;
+    } // In the initial pass we might need to construct the instance.
+
+    constructClassInstance(workInProgress, Component, nextProps);
+    mountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+    shouldUpdate = true;
+  } else if (current === null) {
+    // In a resume, we'll already have an instance we can reuse.
+    shouldUpdate = resumeMountClassInstance(
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  } else {
+    shouldUpdate = updateClassInstance(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderExpirationTime
+    );
+  }
+
+  var nextUnitOfWork = finishClassComponent(
+    current,
+    workInProgress,
+    Component,
+    shouldUpdate,
+    hasContext,
+    renderExpirationTime
+  );
+
+  {
+    var inst = workInProgress.stateNode;
+
+    if (inst.props !== nextProps) {
+      if (!didWarnAboutReassigningProps) {
+        error(
+          "It looks like %s is reassigning its own `this.props` while rendering. " +
+            "This is not supported and can lead to confusing bugs.",
+          getComponentName(workInProgress.type) || "a component"
+        );
       }
+
+      didWarnAboutReassigningProps = true;
     }
   }
+
+  return nextUnitOfWork;
 }
 
-function retrySuspenseComponentWithoutHydrating(
-  current$$1,
+function finishClassComponent(
+  current,
   workInProgress,
+  Component,
+  shouldUpdate,
+  hasContext,
   renderExpirationTime
 ) {
-  // We're now not suspended nor dehydrated.
-  workInProgress.memoizedState = null; // Retry with the full children.
+  // Refs should update even if shouldComponentUpdate returns false
+  markRef(current, 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,
+      workInProgress,
+      renderExpirationTime
+    );
+  }
+
+  var instance = workInProgress.stateNode; // Rerender
+
+  ReactCurrentOwner$1.current = workInProgress;
+  var nextChildren;
+
+  if (
+    didCaptureError &&
+    typeof Component.getDerivedStateFromError !== "function"
+  ) {
+    // If we captured an error, but getDerivedStateFromError is not defined,
+    // unmount all the children. componentDidCatch will schedule an update to
+    // re-render a fallback. This is temporary until we migrate everyone to
+    // the new API.
+    // TODO: Warn in a future release.
+    nextChildren = null;
+
+    {
+      stopProfilerTimerIfRunning();
+    }
+  } else {
+    {
+      setIsRendering(true);
+      nextChildren = instance.render();
+
+      setIsRendering(false);
+    }
+  } // React DevTools reads this flag.
+
+  workInProgress.effectTag |= PerformedWork;
+
+  if (current !== null && didCaptureError) {
+    // If we're recovering from an error, reconcile without reusing any of
+    // the existing children. Conceptually, the normal children and the children
+    // that are shown on error are two different sets, so we shouldn't reuse
+    // normal children even if their identities match.
+    forceUnmountCurrentAndReconcile(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  } // Memoize state using the values we just used to render.
+  // TODO: Restructure so we never read values from the instance.
 
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children; // This will ensure that the children get Placement effects and
-  // that the old child gets a Deletion effect.
-  // We could also call forceUnmountCurrentAndReconcile.
+  workInProgress.memoizedState = instance.state; // The context might have changed so we need to recalculate it.
+
+  if (hasContext) {
+    invalidateContextProvider(workInProgress, Component, true);
+  }
 
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
   return workInProgress.child;
 }
 
-function mountDehydratedSuspenseComponent(
-  workInProgress,
-  suspenseInstance,
-  renderExpirationTime
-) {
-  // During the first pass, we'll bail out and not drill into the children.
-  // Instead, we'll leave the content in place and try to hydrate it later.
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    {
-      warning$1(
-        false,
-        "Cannot hydrate Suspense in legacy mode. Switch from " +
-          "ReactDOM.hydrate(element, container) to " +
-          "ReactDOM.createBlockingRoot(container, { hydrate: true })" +
-          ".render(element) or remove the Suspense components from " +
-          "the server rendered components."
-      );
-    }
-
-    workInProgress.expirationTime = Sync;
-  } else 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 = requestCurrentTimeForUpdate(); // Schedule a normal pri update to render this content.
+function pushHostRootContext(workInProgress) {
+  var root = workInProgress.stateNode;
 
-    var newExpirationTime = computeAsyncExpiration(serverDisplayTime);
+  if (root.pendingContext) {
+    pushTopLevelContextObject(
+      workInProgress,
+      root.pendingContext,
+      root.pendingContext !== root.context
+    );
+  } else if (root.context) {
+    // Should always be set
+    pushTopLevelContextObject(workInProgress, root.context, false);
+  }
 
-    if (enableSchedulerTracing) {
-      markSpawnedWork(newExpirationTime);
-    }
+  pushHostContainer(workInProgress, root.containerInfo);
+}
 
-    workInProgress.expirationTime = newExpirationTime;
-  } 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;
+function updateHostRoot(current, workInProgress, renderExpirationTime) {
+  pushHostRootContext(workInProgress);
+  var updateQueue = workInProgress.updateQueue;
 
-    if (enableSchedulerTracing) {
-      markSpawnedWork(Never);
-    }
+  if (!(current !== null && updateQueue !== null)) {
+    throw 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."
+    );
   }
 
-  return null;
-}
+  var nextProps = workInProgress.pendingProps;
+  var prevState = workInProgress.memoizedState;
+  var prevChildren = prevState !== null ? prevState.element : null;
+  cloneUpdateQueue(current, workInProgress);
+  processUpdateQueue(workInProgress, nextProps, null, renderExpirationTime);
+  var nextState = workInProgress.memoizedState; // Caution: React DevTools currently depends on this property
+  // being called "element".
 
-function updateDehydratedSuspenseComponent(
-  current$$1,
-  workInProgress,
-  suspenseInstance,
-  suspenseState,
-  renderExpirationTime
-) {
-  // We should never be hydrating at this point because it is the first pass,
-  // but after we've already committed once.
-  warnIfHydrating();
+  var nextChildren = nextState.element;
 
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    return retrySuspenseComponentWithoutHydrating(
-      current$$1,
+  if (nextChildren === prevChildren) {
+    return bailoutOnAlreadyFinishedWork(
+      current,
       workInProgress,
       renderExpirationTime
     );
   }
 
-  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, if
-    // we are rendering at lower expiration than sync.
-    if (renderExpirationTime < Sync) {
-      if (suspenseState.retryTime <= renderExpirationTime) {
-        // This render is even higher pri than we've seen before, let's try again
-        // at even higher pri.
-        var attemptHydrationAtExpirationTime = renderExpirationTime + 1;
-        suspenseState.retryTime = attemptHydrationAtExpirationTime;
-        scheduleWork(current$$1, attemptHydrationAtExpirationTime); // TODO: Early abort this render.
-      } else {
-        // We have already tried to ping at a higher priority than we're rendering with
-        // so if we got here, we must have failed to hydrate at those levels. We must
-        // now give up. 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. This might suspend for a while and if it does we might still have
-        // an opportunity to hydrate before this pass commits.
-      }
-    } // If we have scheduled higher pri work above, this will probably just abort the render
-    // since we now have higher priority work, but in case it doesn't, we need to prepare to
-    // render something, if we time out. Even if that requires us to delete everything and
-    // skip hydration.
-    // Delay having to do this as long as the suspense timeout allows us.
-
-    renderDidSuspendDelayIfPossible();
-    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 child in place. I.e. the dehydrated fragment.
-
-    workInProgress.child = current$$1.child; // Register a callback to retry this boundary once the server has sent the result.
-
-    registerSuspenseInstanceRetry(
-      suspenseInstance,
-      retryDehydratedSuspenseBoundary.bind(null, current$$1)
-    );
-    return null;
-  } else {
-    // This is the first attempt.
-    reenterHydrationStateFromDehydratedSuspenseInstance(
-      workInProgress,
-      suspenseInstance
-    );
-    var nextProps = workInProgress.pendingProps;
-    var nextChildren = nextProps.children;
+  var root = workInProgress.stateNode;
+
+  if (root.hydrate && enterHydrationState()) {
+    // 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.
     var child = mountChildFibers(
       workInProgress,
       null,
       nextChildren,
       renderExpirationTime
     );
+    workInProgress.child = child;
     var node = child;
 
     while (node) {
@@ -14801,4133 +12242,3596 @@ function updateDehydratedSuspenseComponent(
       // Conceptually this is similar to Placement in that a new subtree is
       // inserted into the React tree here. It just happens to not need DOM
       // mutations because it already exists.
-      node.effectTag |= Hydrating;
+      node.effectTag = (node.effectTag & ~Placement) | Hydrating;
       node = node.sibling;
     }
-
-    workInProgress.child = child;
-    return workInProgress.child;
-  }
-}
-
-function scheduleWorkOnFiber(fiber, renderExpirationTime) {
-  if (fiber.expirationTime < renderExpirationTime) {
-    fiber.expirationTime = renderExpirationTime;
-  }
-
-  var alternate = fiber.alternate;
-
-  if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
-    alternate.expirationTime = renderExpirationTime;
-  }
-
-  scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
-}
-
-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) {
-        scheduleWorkOnFiber(node, renderExpirationTime);
-      }
-    } else if (node.tag === SuspenseListComponent) {
-      // If the tail is hidden there might not be an Suspense boundaries
-      // to schedule work on. In this case we have to schedule it on the
-      // list itself.
-      // We don't have to traverse to the children of the list since
-      // the list will propagate the change when it rerenders.
-      scheduleWorkOnFiber(node, 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;
-    }
+  } else {
+    // Otherwise reset hydration state in case we aborted and resumed another
+    // root.
+    reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
   }
-  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);
+  return workInProgress.child;
+}
 
-        if (typeof iteratorFn === "function") {
-          var childrenIterator = iteratorFn.call(children);
+function updateHostComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContext(workInProgress);
 
-          if (childrenIterator) {
-            var step = childrenIterator.next();
-            var _i = 0;
+  var type = workInProgress.type;
+  var nextProps = workInProgress.pendingProps;
+  var prevProps = current !== null ? current.memoizedProps : null;
+  var nextChildren = nextProps.children;
 
-            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
-          );
-        }
-      }
-    }
+  if (prevProps !== null && shouldSetTextContent()) {
+    // If we're switching from a direct text child to a normal child, or to
+    // empty, we need to schedule the text content to be reset.
+    workInProgress.effectTag |= ContentReset;
   }
-}
 
-function initSuspenseListRenderState(
-  workInProgress,
-  isBackwards,
-  tail,
-  lastContentRow,
-  tailMode,
-  lastEffectBeforeRendering
-) {
-  var renderState = workInProgress.memoizedState;
+  markRef(current, workInProgress); // Check the host config to see if the children are offscreen/hidden.
 
-  if (renderState === null) {
-    workInProgress.memoizedState = {
-      isBackwards: isBackwards,
-      rendering: null,
-      last: lastContentRow,
-      tail: tail,
-      tailExpiration: 0,
-      tailMode: tailMode,
-      lastEffect: lastEffectBeforeRendering
-    };
-  } 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;
-    renderState.lastEffect = lastEffectBeforeRendering;
+  if (
+    workInProgress.mode & ConcurrentMode &&
+    renderExpirationTime !== Never &&
+    shouldDeprioritizeSubtree()
+  ) {
+    {
+      markSpawnedWork(Never);
+    } // Schedule this fiber to re-render at offscreen priority. Then bailout.
+
+    workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+    return null;
   }
-} // 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,
+    current,
     workInProgress,
-    newChildren,
+    nextChildren,
     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
-      );
-    }
+  return workInProgress.child;
+}
 
-    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+function updateHostText(current, workInProgress) {
+  // immediately after.
+
+  return null;
+}
+
+function mountLazyComponent(
+  _current,
+  workInProgress,
+  elementType,
+  updateExpirationTime,
+  renderExpirationTime
+) {
+  if (_current !== null) {
+    // A lazy component only mounts if it suspended inside a non-
+    // concurrent tree, in an inconsistent state. We want to treat it like
+    // a new mount, even though an empty version of it already committed.
+    // Disconnect the alternate pointers.
+    _current.alternate = null;
+    workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
+    workInProgress.effectTag |= Placement;
   }
 
-  pushSuspenseContext(workInProgress, suspenseContext);
+  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.
 
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    // Outside of blocking 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;
+  cancelWorkTimer(workInProgress);
+  var Component = readLazyComponentType(elementType); // Store the unwrapped component in the type.
 
-        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,
-          workInProgress.lastEffect
+  workInProgress.type = Component;
+  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
+  startWorkTimer(workInProgress);
+  var resolvedProps = resolveDefaultProps(Component, props);
+  var child;
+
+  switch (resolvedTag) {
+    case FunctionComponent: {
+      {
+        validateFunctionComponentInDev(workInProgress, Component);
+        workInProgress.type = Component = resolveFunctionForHotReloading(
+          Component
         );
-        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.
+      child = updateFunctionComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      return child;
+    }
 
-        initSuspenseListRenderState(
-          workInProgress,
-          true, // isBackwards
-          _tail,
-          null, // last
-          tailMode,
-          workInProgress.lastEffect
+    case ClassComponent: {
+      {
+        workInProgress.type = Component = resolveClassForHotReloading(
+          Component
         );
-        break;
       }
 
-      case "together": {
-        initSuspenseListRenderState(
-          workInProgress,
-          false, // isBackwards
-          null, // tail
-          null, // last
-          undefined,
-          workInProgress.lastEffect
+      child = updateClassComponent(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      return child;
+    }
+
+    case ForwardRef: {
+      {
+        workInProgress.type = Component = resolveForwardRefForHotReloading(
+          Component
         );
-        break;
       }
 
-      default: {
-        // The default reveal order is the same as not having
-        // a boundary.
-        workInProgress.memoizedState = null;
+      child = updateForwardRef(
+        null,
+        workInProgress,
+        Component,
+        resolvedProps,
+        renderExpirationTime
+      );
+      return child;
+    }
+
+    case MemoComponent: {
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = Component.propTypes;
+
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              resolvedProps, // Resolved for outer only
+              "prop",
+              getComponentName(Component)
+            );
+          }
+        }
       }
+
+      child = updateMemoComponent(
+        null,
+        workInProgress,
+        Component,
+        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
+        updateExpirationTime,
+        renderExpirationTime
+      );
+      return child;
     }
   }
-  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
+  var hint = "";
+
+  {
+    if (
+      Component !== null &&
+      typeof Component === "object" &&
+      Component.$$typeof === REACT_LAZY_TYPE
+    ) {
+      hint = " Did you wrap a component in React.lazy() more than once?";
+    }
+  } // This message intentionally doesn't mention ForwardRef or MemoComponent
+  // because the fact that it's a separate type of work is an
+  // implementation detail.
+
+  {
+    throw Error(
+      "Element type is invalid. Received a promise that resolves to: " +
+        Component +
+        ". Lazy element type must resolve to a class or function." +
+        hint
     );
   }
-  return workInProgress.child;
 }
 
-function updateContextProvider(
-  current$$1,
+function mountIncompleteClassComponent(
+  _current,
   workInProgress,
+  Component,
+  nextProps,
   renderExpirationTime
 ) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
-  var newProps = workInProgress.pendingProps;
-  var oldProps = workInProgress.memoizedProps;
-  var newValue = newProps.value;
+  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
 
-  {
-    var providerPropTypes = workInProgress.type.propTypes;
+    workInProgress.effectTag |= Placement;
+  } // Promote the fiber to a class and try rendering again.
 
-    if (providerPropTypes) {
-      checkPropTypes(
-        providerPropTypes,
-        newProps,
-        "prop",
-        "Context.Provider",
-        getCurrentFiberStackInDev
-      );
-    }
-  }
+  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.
 
-  pushProvider(workInProgress, newValue);
+  var hasContext;
 
-  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
-      );
-    }
+  if (isContextProvider(Component)) {
+    hasContext = true;
+    pushContextProvider(workInProgress);
+  } else {
+    hasContext = false;
   }
 
-  var newChildren = newProps.children;
-  reconcileChildren(
-    current$$1,
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  constructClassInstance(workInProgress, Component, nextProps);
+  mountClassInstance(
     workInProgress,
-    newChildren,
+    Component,
+    nextProps,
+    renderExpirationTime
+  );
+  return finishClassComponent(
+    null,
+    workInProgress,
+    Component,
+    true,
+    hasContext,
     renderExpirationTime
   );
-  return workInProgress.child;
 }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
-function updateContextConsumer(
-  current$$1,
+function mountIndeterminateComponent(
+  _current,
   workInProgress,
+  Component,
   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;
-    }
+  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 newProps = workInProgress.pendingProps;
-  var render = newProps.children;
+
+  var props = workInProgress.pendingProps;
+  var context;
 
   {
-    !(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;
+    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
+    context = getMaskedContext(workInProgress, unmaskedContext);
   }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-  var newValue = readContext(context, newProps.unstable_observedBits);
-  var newChildren;
+  var value;
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
-    newChildren = render(newValue);
-    setCurrentPhase(null);
+    if (
+      Component.prototype &&
+      typeof Component.prototype.render === "function"
+    ) {
+      var componentName = getComponentName(Component) || "Unknown";
+
+      if (!didWarnAboutBadClass[componentName]) {
+        error(
+          "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+            "This is likely to cause errors. Change %s to extend React.Component instead.",
+          componentName,
+          componentName
+        );
+
+        didWarnAboutBadClass[componentName] = true;
+      }
+    }
+
+    if (workInProgress.mode & StrictMode) {
+      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    }
+
+    ReactCurrentOwner$1.current = workInProgress;
+    value = renderWithHooks(
+      null,
+      workInProgress,
+      Component,
+      props,
+      context,
+      renderExpirationTime
+    );
   } // 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 (
+    typeof value === "object" &&
+    value !== null &&
+    typeof value.render === "function" &&
+    value.$$typeof === undefined
+  ) {
+    {
+      var _componentName = getComponentName(Component) || "Unknown";
+
+      if (!didWarnAboutModulePatternComponent[_componentName]) {
+        error(
+          "The <%s /> component appears to be a function component that returns a class instance. " +
+            "Change %s to a class that extends React.Component instead. " +
+            "If you can't use a class try assigning the prototype on the function as a workaround. " +
+            "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
+            "cannot be called with `new` by React.",
+          _componentName,
+          _componentName,
+          _componentName
+        );
 
-  if (fundamentalImpl.reconcileChildren === false) {
-    return null;
-  }
+        didWarnAboutModulePatternComponent[_componentName] = true;
+      }
+    } // Proceed under the assumption that this is a class instance
 
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
-  return workInProgress.child;
-}
+    workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
 
-function updateScopeComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
-  return workInProgress.child;
-}
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
+    // During mounting we don't know the child context yet as the instance doesn't exist.
+    // We will invalidate the child context in finishClassComponent() right after rendering.
 
-function markWorkInProgressReceivedUpdate() {
-  didReceiveUpdate = true;
-}
+    var hasContext = false;
 
-function bailoutOnAlreadyFinishedWork(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  cancelWorkTimer(workInProgress);
+    if (isContextProvider(Component)) {
+      hasContext = true;
+      pushContextProvider(workInProgress);
+    } else {
+      hasContext = false;
+    }
 
-  if (current$$1 !== null) {
-    // Reuse previous dependencies
-    workInProgress.dependencies = current$$1.dependencies;
-  }
+    workInProgress.memoizedState =
+      value.state !== null && value.state !== undefined ? value.state : null;
+    initializeUpdateQueue(workInProgress);
+    var getDerivedStateFromProps = Component.getDerivedStateFromProps;
 
-  if (enableProfilerTimer) {
-    // Don't update "base" render times for bailouts.
-    stopProfilerTimerIfRunning(workInProgress);
-  }
+    if (typeof getDerivedStateFromProps === "function") {
+      applyDerivedStateFromProps(
+        workInProgress,
+        Component,
+        getDerivedStateFromProps,
+        props
+      );
+    }
 
-  var updateExpirationTime = workInProgress.expirationTime;
+    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 (updateExpirationTime !== NoWork) {
-    markUnprocessedUpdateTime(updateExpirationTime);
-  } // Check if the children have any pending work.
+    reconcileChildren(null, workInProgress, value, renderExpirationTime);
 
-  var childExpirationTime = workInProgress.childExpirationTime;
+    {
+      validateFunctionComponentInDev(workInProgress, Component);
+    }
 
-  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) {
+function validateFunctionComponentInDev(workInProgress, Component) {
   {
-    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 (Component) {
+      if (Component.childContextTypes) {
+        error(
+          "%s(...): childContextTypes cannot be defined on a function component.",
+          Component.displayName || Component.name || "Component"
+        );
+      }
+    }
 
-    if (oldWorkInProgress === returnFiber.child) {
-      returnFiber.child = newWorkInProgress;
-    } else {
-      var prevSibling = returnFiber.child;
+    if (workInProgress.ref !== null) {
+      var info = "";
+      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
 
-      if (prevSibling === null) {
-        throw new Error("Expected parent to have a child.");
+      if (ownerName) {
+        info += "\n\nCheck the render method of `" + ownerName + "`.";
       }
 
-      while (prevSibling.sibling !== oldWorkInProgress) {
-        prevSibling = prevSibling.sibling;
+      var warningKey = ownerName || workInProgress._debugID || "";
+      var debugSource = workInProgress._debugSource;
 
-        if (prevSibling === null) {
-          throw new Error("Expected to find the previous sibling.");
-        }
+      if (debugSource) {
+        warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
       }
 
-      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 (!didWarnAboutFunctionRefs[warningKey]) {
+        didWarnAboutFunctionRefs[warningKey] = true;
 
-    if (last !== null) {
-      last.nextEffect = current$$1;
-      returnFiber.lastEffect = current$$1;
-    } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+        error(
+          "Function components cannot be given refs. " +
+            "Attempts to access this ref will fail. " +
+            "Did you mean to use React.forwardRef()?%s",
+          info
+        );
+      }
     }
 
-    current$$1.nextEffect = null;
-    current$$1.effectTag = Deletion;
-    newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
-
-    return newWorkInProgress;
-  }
-}
+    if (typeof Component.getDerivedStateFromProps === "function") {
+      var _componentName2 = getComponentName(Component) || "Unknown";
 
-function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
-  var updateExpirationTime = workInProgress.expirationTime;
+      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+        error(
+          "%s: Function components do not support getDerivedStateFromProps.",
+          _componentName2
+        );
 
-  {
-    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
-        )
-      );
+        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2] = true;
+      }
     }
-  }
-
-  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
+      typeof Component.contextType === "object" &&
+      Component.contextType !== null
     ) {
-      // 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;
+      var _componentName3 = getComponentName(Component) || "Unknown";
 
-        case HostComponent:
-          pushHostContext(workInProgress);
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+        error(
+          "%s: Function components do not support contextType.",
+          _componentName3
+        );
 
-          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.
+        didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
+      }
+    }
+  }
+}
 
-            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
-            return null;
-          }
+var SUSPENDED_MARKER = {
+  dehydrated: null,
+  retryTime: NoWork
+};
 
-          break;
+function shouldRemainOnFallback(suspenseContext, current, 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 === null || current.memoizedState !== null)
+  );
+}
 
-        case ClassComponent: {
-          var Component = workInProgress.type;
+function updateSuspenseComponent(
+  current,
+  workInProgress,
+  renderExpirationTime
+) {
+  var mode = workInProgress.mode;
+  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
 
-          if (isContextProvider(Component)) {
-            pushContextProvider(workInProgress);
-          }
+  {
+    if (shouldSuspend(workInProgress)) {
+      workInProgress.effectTag |= DidCapture;
+    }
+  }
 
-          break;
-        }
+  var suspenseContext = suspenseStackCursor.current;
+  var nextDidTimeout = false;
+  var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
-        case HostPortal:
-          pushHostContainer(
-            workInProgress,
-            workInProgress.stateNode.containerInfo
-          );
-          break;
-        case ContextProvider: {
-          var newValue = workInProgress.memoizedProps.value;
-          pushProvider(workInProgress, newValue);
-          break;
-        }
+  if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
+    // Something in this boundary's subtree already suspended. Switch to
+    // rendering the fallback children.
+    nextDidTimeout = true;
+    workInProgress.effectTag &= ~DidCapture;
+  } else {
+    // Attempting the main content
+    if (current === null || current.memoizedState !== null) {
+      // This is a new mount or this boundary is already showing a fallback state.
+      // Mark this subtree context as having at least one invisible parent that could
+      // handle the fallback state.
+      // 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
+        );
+      }
+    }
+  }
 
-        case Profiler:
-          if (enableProfilerTimer) {
-            // Profiler should only call onRender when one of its descendants actually rendered.
-            var hasChildWork =
-              workInProgress.childExpirationTime >= renderExpirationTime;
+  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  pushSuspenseContext(workInProgress, suspenseContext); // 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.
 
-            if (hasChildWork) {
-              workInProgress.effectTag |= Update;
-            }
-          }
+  if (current === null) {
+    // If we're currently hydrating, try to hydrate this boundary.
+    // But only if this has a fallback.
+    if (nextProps.fallback !== undefined); // This is the initial mount. This branch is pretty simple because there's
+    // no previous state that needs to be preserved.
 
-          break;
+    if (nextDidTimeout) {
+      // Mount separate fragments for primary and fallback children.
+      var nextFallbackChildren = nextProps.fallback;
+      var primaryChildFragment = createFiberFromFragment(
+        null,
+        mode,
+        NoWork,
+        null
+      );
+      primaryChildFragment.return = workInProgress;
 
-        case SuspenseComponent: {
-          var state = workInProgress.memoizedState;
+      if ((workInProgress.mode & BlockingMode) === NoMode) {
+        // Outside of blocking mode, we commit the effects from the
+        // partially completed, timed-out tree, too.
+        var progressedState = workInProgress.memoizedState;
+        var progressedPrimaryChild =
+          progressedState !== null
+            ? workInProgress.child.child
+            : workInProgress.child;
+        primaryChildFragment.child = progressedPrimaryChild;
+        var progressedChild = progressedPrimaryChild;
 
-          if (state !== null) {
-            if (enableSuspenseServerRenderer) {
-              if (state.dehydrated !== null) {
-                pushSuspenseContext(
-                  workInProgress,
-                  setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-                ); // We know that this component will suspend again because if it has
-                // been unsuspended it has committed as a resolved Suspense component.
-                // If it needs to be retried, it should have work scheduled on it.
+        while (progressedChild !== null) {
+          progressedChild.return = primaryChildFragment;
+          progressedChild = progressedChild.sibling;
+        }
+      }
 
-                workInProgress.effectTag |= DidCapture;
-                break;
-              }
-            } // If this boundary is currently timed out, we need to decide
-            // whether to retry the primary children, or to skip over it and
-            // go straight to the fallback. Check the priority of the primary
-            // child fragment.
+      var fallbackChildFragment = createFiberFromFragment(
+        nextFallbackChildren,
+        mode,
+        renderExpirationTime,
+        null
+      );
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment; // Skip the primary children, and continue working on the
+      // fallback children.
 
-            var primaryChildFragment = workInProgress.child;
-            var primaryChildExpirationTime =
-              primaryChildFragment.childExpirationTime;
+      workInProgress.memoizedState = SUSPENDED_MARKER;
+      workInProgress.child = primaryChildFragment;
+      return fallbackChildFragment;
+    } else {
+      // Mount the primary children without an intermediate fragment fiber.
+      var nextPrimaryChildren = nextProps.children;
+      workInProgress.memoizedState = null;
+      return (workInProgress.child = 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.memoizedState;
 
-            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.
+    if (prevState !== null) {
+      // wrapped in a fragment fiber.
 
-              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)
-            );
-          }
+      var currentPrimaryChildFragment = current.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
 
-          break;
-        }
+      if (nextDidTimeout) {
+        // Still timed out. Reuse the current primary children by cloning
+        // its fragment. We're going to skip over these entirely.
+        var _nextFallbackChildren2 = nextProps.fallback;
 
-        case SuspenseListComponent: {
-          var didSuspendBefore =
-            (current$$1.effectTag & DidCapture) !== NoEffect;
+        var _primaryChildFragment2 = createWorkInProgress(
+          currentPrimaryChildFragment,
+          currentPrimaryChildFragment.pendingProps
+        );
 
-          var _hasChildWork =
-            workInProgress.childExpirationTime >= renderExpirationTime;
+        _primaryChildFragment2.return = workInProgress;
 
-          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.
+        if ((workInProgress.mode & BlockingMode) === NoMode) {
+          // Outside of blocking mode, we commit the effects from the
+          // partially completed, timed-out tree, too.
+          var _progressedState = workInProgress.memoizedState;
 
-            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 _progressedPrimaryChild =
+            _progressedState !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
 
-          var renderState = workInProgress.memoizedState;
+          if (_progressedPrimaryChild !== currentPrimaryChildFragment.child) {
+            _primaryChildFragment2.child = _progressedPrimaryChild;
+            var _progressedChild2 = _progressedPrimaryChild;
 
-          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;
+            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.
 
-          pushSuspenseContext(workInProgress, suspenseStackCursor.current);
+        if (workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var _treeBaseDuration = 0;
+          var _hiddenChild = _primaryChildFragment2.child;
 
-          if (_hasChildWork) {
-            break;
-          } else {
-            // If none of the children had any work, that means that none of
-            // them got retried so they'll still be blocked in the same way
-            // as before. We can fast bail out.
-            return null;
+          while (_hiddenChild !== null) {
+            _treeBaseDuration += _hiddenChild.treeBaseDuration;
+            _hiddenChild = _hiddenChild.sibling;
           }
-        }
-      }
-      return bailoutOnAlreadyFinishedWork(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    } else {
-      // An update was scheduled on this fiber, but there are no new props
-      // nor legacy context. Set this to false. If an update queue or context
-      // consumer produces a changed value, it will set this to true. Otherwise,
-      // the component will assume the children have not changed and bail out.
-      didReceiveUpdate = false;
-    }
-  } else {
-    didReceiveUpdate = false;
-  } // Before entering the begin phase, clear 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
-      );
-    }
+          _primaryChildFragment2.treeBaseDuration = _treeBaseDuration;
+        } // Clone the fallback child fragment, too. These we'll continue
+        // working on.
 
-    case HostRoot:
-      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+        var _fallbackChildFragment2 = createWorkInProgress(
+          currentFallbackChildFragment,
+          _nextFallbackChildren2
+        );
 
-    case HostComponent:
-      return updateHostComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+        _fallbackChildFragment2.return = workInProgress;
+        _primaryChildFragment2.sibling = _fallbackChildFragment2;
+        _primaryChildFragment2.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
+        // fallback children.
 
-    case HostText:
-      return updateHostText(current$$1, workInProgress);
+        workInProgress.memoizedState = SUSPENDED_MARKER;
+        workInProgress.child = _primaryChildFragment2;
+        return _fallbackChildFragment2;
+      } 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.
 
-    case SuspenseComponent:
-      return updateSuspenseComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    case HostPortal:
-      return updatePortalComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+        workInProgress.memoizedState = null;
+        return (workInProgress.child = 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.child;
 
-    case ForwardRef: {
-      var type = workInProgress.type;
-      var _unresolvedProps2 = workInProgress.pendingProps;
+      if (nextDidTimeout) {
+        // Timed out. Wrap the children in a fragment fiber to keep them
+        // separate from the fallback children.
+        var _nextFallbackChildren3 = nextProps.fallback;
 
-      var _resolvedProps2 =
-        workInProgress.elementType === type
-          ? _unresolvedProps2
-          : resolveDefaultProps(type, _unresolvedProps2);
-      return updateForwardRef(
-        current$$1,
-        workInProgress,
-        type,
-        _resolvedProps2,
-        renderExpirationTime
-      );
-    }
+        var _primaryChildFragment3 = createFiberFromFragment(
+          // It shouldn't matter what the pending props are because we aren't
+          // going to render this fragment.
+          null,
+          mode,
+          NoWork,
+          null
+        );
 
-    case Fragment:
-      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+        _primaryChildFragment3.return = workInProgress;
+        _primaryChildFragment3.child = _currentPrimaryChild;
 
-    case Mode:
-      return updateMode(current$$1, workInProgress, renderExpirationTime);
+        if (_currentPrimaryChild !== null) {
+          _currentPrimaryChild.return = _primaryChildFragment3;
+        } // 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;
 
-    case Profiler:
-      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+        if ((workInProgress.mode & BlockingMode) === NoMode) {
+          // Outside of blocking mode, we commit the effects from the
+          // partially completed, timed-out tree, too.
+          var _progressedState2 = workInProgress.memoizedState;
 
-    case ContextProvider:
-      return updateContextProvider(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    case ContextConsumer:
-      return updateContextConsumer(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+          var _progressedPrimaryChild2 =
+            _progressedState2 !== null
+              ? workInProgress.child.child
+              : workInProgress.child;
 
-    case MemoComponent: {
-      var _type2 = workInProgress.type;
-      var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+          _primaryChildFragment3.child = _progressedPrimaryChild2;
+          var _progressedChild3 = _progressedPrimaryChild2;
 
-      var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+          while (_progressedChild3 !== null) {
+            _progressedChild3.return = _primaryChildFragment3;
+            _progressedChild3 = _progressedChild3.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 (workInProgress.type !== workInProgress.elementType) {
-          var outerPropTypes = _type2.propTypes;
+        if (workInProgress.mode & ProfileMode) {
+          // treeBaseDuration is the sum of all the child tree base durations.
+          var _treeBaseDuration2 = 0;
+          var _hiddenChild2 = _primaryChildFragment3.child;
 
-          if (outerPropTypes) {
-            checkPropTypes(
-              outerPropTypes,
-              _resolvedProps3, // Resolved for outer only
-              "prop",
-              getComponentName(_type2),
-              getCurrentFiberStackInDev
-            );
+          while (_hiddenChild2 !== null) {
+            _treeBaseDuration2 += _hiddenChild2.treeBaseDuration;
+            _hiddenChild2 = _hiddenChild2.sibling;
           }
-        }
-      }
-      _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;
+          _primaryChildFragment3.treeBaseDuration = _treeBaseDuration2;
+        } // Create a fragment from the fallback children, too.
 
-      var _resolvedProps4 =
-        workInProgress.elementType === _Component3
-          ? _unresolvedProps4
-          : resolveDefaultProps(_Component3, _unresolvedProps4);
-      return mountIncompleteClassComponent(
-        current$$1,
-        workInProgress,
-        _Component3,
-        _resolvedProps4,
-        renderExpirationTime
-      );
-    }
-    case SuspenseListComponent: {
-      return updateSuspenseListComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        return updateFundamentalComponent$1(
-          current$$1,
+        var _fallbackChildFragment3 = createFiberFromFragment(
+          _nextFallbackChildren3,
+          mode,
+          renderExpirationTime,
+          null
+        );
+
+        _fallbackChildFragment3.return = workInProgress;
+        _primaryChildFragment3.sibling = _fallbackChildFragment3;
+        _fallbackChildFragment3.effectTag |= Placement;
+        _primaryChildFragment3.childExpirationTime = NoWork; // Skip the primary children, and continue working on the
+        // fallback children.
+
+        workInProgress.memoizedState = SUSPENDED_MARKER;
+        workInProgress.child = _primaryChildFragment3;
+        return _fallbackChildFragment3;
+      } else {
+        // Still haven't timed out. Continue rendering the children, like we
+        // normally do.
+        workInProgress.memoizedState = null;
+        var _nextPrimaryChildren2 = nextProps.children;
+        return (workInProgress.child = reconcileChildFibers(
           workInProgress,
+          _currentPrimaryChild,
+          _nextPrimaryChildren2,
           renderExpirationTime
-        );
+        ));
+      }
+    }
+  }
+}
+
+function scheduleWorkOnFiber(fiber, renderExpirationTime) {
+  if (fiber.expirationTime < renderExpirationTime) {
+    fiber.expirationTime = renderExpirationTime;
+  }
+
+  var alternate = fiber.alternate;
+
+  if (alternate !== null && alternate.expirationTime < renderExpirationTime) {
+    alternate.expirationTime = renderExpirationTime;
+  }
+
+  scheduleWorkOnParentPath(fiber.return, renderExpirationTime);
+}
+
+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) {
+        scheduleWorkOnFiber(node, renderExpirationTime);
       }
+    } else if (node.tag === SuspenseListComponent) {
+      // If the tail is hidden there might not be an Suspense boundaries
+      // to schedule work on. In this case we have to schedule it on the
+      // list itself.
+      // We don't have to traverse to the children of the list since
+      // the list will propagate the change when it rerenders.
+      scheduleWorkOnFiber(node, renderExpirationTime);
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
 
-      break;
+    if (node === workInProgress) {
+      return;
     }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        return updateScopeComponent(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+    while (node.sibling === null) {
+      if (node.return === null || node.return === workInProgress) {
+        return;
       }
 
-      break;
+      node = node.return;
     }
-  }
 
-  {
-    throw Error(
-      "Unknown unit of work tag (" +
-        workInProgress.tag +
-        "). This error is likely caused by a bug in React. Please file an issue."
-    );
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
 }
 
-function createFundamentalStateInstance(currentFiber, props, impl, state) {
-  return {
-    currentFiber: currentFiber,
-    impl: impl,
-    instance: null,
-    prevProps: null,
-    props: props,
-    state: state
-  };
-}
+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;
 
-function isFiberSuspenseAndTimedOut(fiber) {
-  return fiber.tag === SuspenseComponent && fiber.memoizedState !== null;
-}
+  while (row !== null) {
+    var currentRow = row.alternate; // New rows can't be content rows.
 
-function getSuspenseFallbackChild(fiber) {
-  return fiber.child.sibling.child;
+    if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+      lastContentRow = row;
+    }
+
+    row = row.sibling;
+  }
+
+  return lastContentRow;
 }
 
-var emptyObject$2 = {};
+function validateRevealOrder(revealOrder) {
+  {
+    if (
+      revealOrder !== undefined &&
+      revealOrder !== "forwards" &&
+      revealOrder !== "backwards" &&
+      revealOrder !== "together" &&
+      !didWarnAboutRevealOrder[revealOrder]
+    ) {
+      didWarnAboutRevealOrder[revealOrder] = true;
 
-function collectScopedNodes(node, fn, scopedNodes) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
+      if (typeof revealOrder === "string") {
+        switch (revealOrder.toLowerCase()) {
+          case "together":
+          case "forwards":
+          case "backwards": {
+            error(
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'Use lowercase "%s" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
 
-      var _instance = getPublicInstance(stateNode);
+            break;
+          }
 
-      if (
-        _instance !== null &&
-        fn(_type, memoizedProps || emptyObject$2, _instance) === true
-      ) {
-        scopedNodes.push(_instance);
-      }
-    }
+          case "forward":
+          case "backward": {
+            error(
+              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                'React uses the -s suffix in the spelling. Use "%ss" instead.',
+              revealOrder,
+              revealOrder.toLowerCase()
+            );
 
-    var child = node.child;
+            break;
+          }
 
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
+          default:
+            error(
+              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
 
-    if (child !== null) {
-      collectScopedNodesFromChildren(child, fn, scopedNodes);
+            break;
+        }
+      } else {
+        error(
+          "%s is not a supported value for revealOrder on <SuspenseList />. " +
+            'Did you mean "together", "forwards" or "backwards"?',
+          revealOrder
+        );
+      }
     }
   }
 }
 
-function collectFirstScopedNode(node, fn) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type2 = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
+function validateTailOptions(tailMode, revealOrder) {
+  {
+    if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
+      if (tailMode !== "collapsed" && tailMode !== "hidden") {
+        didWarnAboutTailOptions[tailMode] = true;
 
-      var _instance2 = getPublicInstance(stateNode);
+        error(
+          '"%s" is not a supported value for tail on <SuspenseList />. ' +
+            'Did you mean "collapsed" or "hidden"?',
+          tailMode
+        );
+      } else if (revealOrder !== "forwards" && revealOrder !== "backwards") {
+        didWarnAboutTailOptions[tailMode] = true;
 
-      if (
-        _instance2 !== null &&
-        fn(_type2, memoizedProps, _instance2) === true
-      ) {
-        return _instance2;
+        error(
+          '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
+            '"forwards" or "backwards". ' +
+            'Did you mean to specify revealOrder="forwards"?',
+          tailMode
+        );
       }
     }
-
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      return collectFirstScopedNodeFromChildren(child, fn);
-    }
   }
-
-  return null;
 }
 
-function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
-  var child = startingChild;
-
-  while (child !== null) {
-    collectScopedNodes(child, fn, scopedNodes);
-    child = child.sibling;
-  }
-}
+function validateSuspenseListNestedChild(childSlot, index) {
+  {
+    var isArray = Array.isArray(childSlot);
+    var isIterable = !isArray && typeof getIteratorFn(childSlot) === "function";
 
-function collectFirstScopedNodeFromChildren(startingChild, fn) {
-  var child = startingChild;
+    if (isArray || isIterable) {
+      var type = isArray ? "array" : "iterable";
 
-  while (child !== null) {
-    var scopedNode = collectFirstScopedNode(child, fn);
+      error(
+        "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
+          "an additional SuspenseList to configure its revealOrder: " +
+          "<SuspenseList revealOrder=...> ... " +
+          "<SuspenseList revealOrder=...>{%s}</SuspenseList> ... " +
+          "</SuspenseList>",
+        type,
+        index,
+        type
+      );
 
-    if (scopedNode !== null) {
-      return scopedNode;
+      return false;
     }
-
-    child = child.sibling;
   }
 
-  return null;
+  return true;
 }
 
-function collectNearestScopeMethods(node, scope, childrenScopes) {
-  if (isValidScopeNode(node, scope)) {
-    childrenScopes.push(node.stateNode.methods);
-  } else {
-    var child = node.child;
+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 (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
+        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;
+              }
 
-    if (child !== null) {
-      collectNearestChildScopeMethods(child, scope, childrenScopes);
+              _i++;
+            }
+          }
+        } else {
+          error(
+            'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
+              "This is not useful since it needs multiple rows. " +
+              "Did you mean to pass multiple children or an array?",
+            revealOrder
+          );
+        }
+      }
     }
   }
 }
 
-function collectNearestChildScopeMethods(startingChild, scope, childrenScopes) {
-  var child = startingChild;
+function initSuspenseListRenderState(
+  workInProgress,
+  isBackwards,
+  tail,
+  lastContentRow,
+  tailMode,
+  lastEffectBeforeRendering
+) {
+  var renderState = workInProgress.memoizedState;
 
-  while (child !== null) {
-    collectNearestScopeMethods(child, scope, childrenScopes);
-    child = child.sibling;
+  if (renderState === null) {
+    workInProgress.memoizedState = {
+      isBackwards: isBackwards,
+      rendering: null,
+      renderingStartTime: 0,
+      last: lastContentRow,
+      tail: tail,
+      tailExpiration: 0,
+      tailMode: tailMode,
+      lastEffect: lastEffectBeforeRendering
+    };
+  } else {
+    // We can reuse the existing object from previous renders.
+    renderState.isBackwards = isBackwards;
+    renderState.rendering = null;
+    renderState.renderingStartTime = 0;
+    renderState.last = lastContentRow;
+    renderState.tail = tail;
+    renderState.tailExpiration = 0;
+    renderState.tailMode = tailMode;
+    renderState.lastEffect = lastEffectBeforeRendering;
   }
-}
+} // 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 isValidScopeNode(node, scope) {
-  return (
-    node.tag === ScopeComponent &&
-    node.type === scope &&
-    node.stateNode !== null
+function updateSuspenseListComponent(
+  current,
+  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, workInProgress, newChildren, renderExpirationTime);
+  var suspenseContext = suspenseStackCursor.current;
+  var shouldForceFallback = hasSuspenseContext(
+    suspenseContext,
+    ForceSuspenseFallback
   );
-}
 
-function createScopeMethods(scope, instance) {
-  return {
-    getChildren: function() {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var childrenScopes = [];
-
-      if (child !== null) {
-        collectNearestChildScopeMethods(child, scope, childrenScopes);
-      }
+  if (shouldForceFallback) {
+    suspenseContext = setShallowSuspenseContext(
+      suspenseContext,
+      ForceSuspenseFallback
+    );
+    workInProgress.effectTag |= DidCapture;
+  } else {
+    var didSuspendBefore =
+      current !== null && (current.effectTag & DidCapture) !== NoEffect;
 
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getChildrenFromRoot: function() {
-      var currentFiber = instance.fiber;
-      var node = currentFiber;
+    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
+      );
+    }
 
-      while (node !== null) {
-        var parent = node.return;
+    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+  }
 
-        if (parent === null) {
-          break;
-        }
+  pushSuspenseContext(workInProgress, suspenseContext);
 
-        node = parent;
+  if ((workInProgress.mode & BlockingMode) === NoMode) {
+    // Outside of blocking mode, SuspenseList doesn't work so we just
+    // use make it a noop by treating it as the default revealOrder.
+    workInProgress.memoizedState = null;
+  } else {
+    switch (revealOrder) {
+      case "forwards": {
+        var lastContentRow = findLastContentRow(workInProgress.child);
+        var tail;
 
-        if (node.tag === ScopeComponent && node.type === scope) {
-          break;
+        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,
+          workInProgress.lastEffect
+        );
+        break;
       }
 
-      var childrenScopes = [];
-      collectNearestChildScopeMethods(node.child, scope, childrenScopes);
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getParent: function() {
-      var node = instance.fiber.return;
+      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 (node !== null) {
-        if (node.tag === ScopeComponent && node.type === scope) {
-          return node.stateNode.methods;
-        }
+        while (row !== null) {
+          var currentRow = row.alternate; // New rows can't be content rows.
 
-        node = node.return;
-      }
+          if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+            // This is the beginning of the main content.
+            workInProgress.child = row;
+            break;
+          }
 
-      return null;
-    },
-    getProps: function() {
-      var currentFiber = instance.fiber;
-      return currentFiber.memoizedProps;
-    },
-    queryAllNodes: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var scopedNodes = [];
+          var nextRow = row.sibling;
+          row.sibling = _tail;
+          _tail = row;
+          row = nextRow;
+        } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
 
-      if (child !== null) {
-        collectScopedNodesFromChildren(child, fn, scopedNodes);
+        initSuspenseListRenderState(
+          workInProgress,
+          true, // isBackwards
+          _tail,
+          null, // last
+          tailMode,
+          workInProgress.lastEffect
+        );
+        break;
       }
 
-      return scopedNodes.length === 0 ? null : scopedNodes;
-    },
-    queryFirstNode: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-
-      if (child !== null) {
-        return collectFirstScopedNodeFromChildren(child, fn);
+      case "together": {
+        initSuspenseListRenderState(
+          workInProgress,
+          false, // isBackwards
+          null, // tail
+          null, // last
+          undefined,
+          workInProgress.lastEffect
+        );
+        break;
       }
 
-      return null;
-    },
-    containsNode: function(node) {
-      var fiber = getInstanceFromNode$1(node);
-
-      while (fiber !== null) {
-        if (
-          fiber.tag === ScopeComponent &&
-          fiber.type === scope &&
-          fiber.stateNode === instance
-        ) {
-          return true;
-        }
-
-        fiber = fiber.return;
+      default: {
+        // The default reveal order is the same as not having
+        // a boundary.
+        workInProgress.memoizedState = null;
       }
-
-      return false;
     }
-  };
-}
-
-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;
+  return workInProgress.child;
 }
 
-var appendAllChildren;
-var updateHostContainer;
-var updateHostComponent$1;
-var updateHostText$1;
-
-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;
-    }
-  };
+function updatePortalComponent(current, workInProgress, renderExpirationTime) {
+  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+  var nextChildren = workInProgress.pendingProps;
 
-  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.
+  if (current === null) {
+    // Portals are special because we don't append the children during mount
+    // but at commit. Therefore we need to track insertions which the normal
+    // flow doesn't do during mount. This doesn't happen at the root because
+    // the root always starts with a "current" with a null child.
+    // TODO: Consider unifying this with how the root works.
+    workInProgress.child = reconcileChildFibers(
+      workInProgress,
+      null,
+      nextChildren,
+      renderExpirationTime
+    );
+  } else {
+    reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderExpirationTime
+    );
+  }
 
-    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`.
+  return workInProgress.child;
+}
 
-    var updatePayload = prepareUpdate(
-      instance,
-      type,
-      oldProps,
-      newProps,
-      rootContainerInstance,
-      currentHostContext
-    ); // TODO: Type this specific to this type of component.
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
+  var providerType = workInProgress.type;
+  var context = providerType._context;
+  var newProps = workInProgress.pendingProps;
+  var oldProps = workInProgress.memoizedProps;
+  var newValue = newProps.value;
 
-    workInProgress.updateQueue = updatePayload; // If the update payload indicates that there is a change or if there
-    // is a new ref we mark this as an update. All the work is done in commitWork.
+  {
+    var providerPropTypes = workInProgress.type.propTypes;
 
-    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);
+    if (providerPropTypes) {
+      checkPropTypes(providerPropTypes, newProps, "prop", "Context.Provider");
     }
-  };
-} 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;
+  pushProvider(workInProgress, newValue);
 
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var text = node.memoizedProps;
-          _instance = cloneHiddenTextInstance(_instance, text, node);
-        }
+  if (oldProps !== null) {
+    var oldValue = oldProps.value;
+    var changedBits = calculateChangedBits(context, newValue, oldValue);
 
-        appendInitialChild(parent, _instance);
-      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
-        var _instance2 = node.stateNode.instance;
+    if (changedBits === 0) {
+      // No change. Bailout early if children are the same.
+      if (oldProps.children === newProps.children && !hasContextChanged()) {
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderExpirationTime
+        );
+      }
+    } else {
+      // The context value changed. Search for matching consumers and schedule
+      // them to update.
+      propagateContextChange(
+        workInProgress,
+        context,
+        changedBits,
+        renderExpirationTime
+      );
+    }
+  }
 
-        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;
+  var newChildren = newProps.children;
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
+  return workInProgress.child;
+}
 
-          if (newIsHidden) {
-            var primaryChildParent = node.child;
+var hasWarnedAboutUsingContextAsConsumer = false;
 
-            if (primaryChildParent !== null) {
-              if (primaryChildParent.child !== null) {
-                primaryChildParent.child.return = primaryChildParent;
-                appendAllChildren(
-                  parent,
-                  primaryChildParent,
-                  true,
-                  newIsHidden
-                );
-              }
+function updateContextConsumer(current, 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.
 
-              var fallbackChildParent = primaryChildParent.sibling;
+  {
+    if (context._context === undefined) {
+      // This may be because it's a Context (rather than a Consumer).
+      // Or it may be because it's older React where they're the same thing.
+      // We only want to warn if we're sure it's a new React.
+      if (context !== context.Consumer) {
+        if (!hasWarnedAboutUsingContextAsConsumer) {
+          hasWarnedAboutUsingContextAsConsumer = true;
 
-              if (fallbackChildParent !== null) {
-                fallbackChildParent.return = node;
-                node = fallbackChildParent;
-                continue;
-              }
-            }
-          }
-        }
-        if (node.child !== null) {
-          // Continue traversing like normal
-          node.child.return = node;
-          node = node.child;
-          continue;
+          error(
+            "Rendering <Context> directly is not supported and will be removed in " +
+              "a future major release. Did you mean to render <Context.Consumer> instead?"
+          );
         }
-      } else 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;
       }
+    } else {
+      context = context._context;
+    }
+  }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
-
-        node = node.return;
-      }
+  var newProps = workInProgress.pendingProps;
+  var render = newProps.children;
 
-      node.sibling.return = node.return;
-      node = node.sibling;
+  {
+    if (typeof render !== "function") {
+      error(
+        "A context consumer was rendered with multiple children, or a child " +
+          "that isn't a function. A context consumer expects a single child " +
+          "that is a function. If you did pass a function, make sure there " +
+          "is no trailing or leading whitespace around it."
+      );
     }
-  }; // 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);
-        }
+  prepareToReadContext(workInProgress, renderExpirationTime);
+  var newValue = readContext(context, newProps.unstable_observedBits);
+  var newChildren;
 
-        appendChildToContainerChildSet(containerChildSet, instance);
-      } else if (node.tag === HostText) {
-        var _instance3 = node.stateNode;
+  {
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
+    newChildren = render(newValue);
+    setIsRendering(false);
+  } // React DevTools reads this flag.
 
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var text = node.memoizedProps;
-          _instance3 = cloneHiddenTextInstance(_instance3, text, node);
-        }
+  workInProgress.effectTag |= PerformedWork;
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
+  return workInProgress.child;
+}
 
-        appendChildToContainerChildSet(containerChildSet, _instance3);
-      } else if (enableFundamentalAPI && node.tag === FundamentalComponent) {
-        var _instance4 = node.stateNode.instance;
+function markWorkInProgressReceivedUpdate() {
+  didReceiveUpdate = true;
+}
 
-        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;
+function bailoutOnAlreadyFinishedWork(
+  current,
+  workInProgress,
+  renderExpirationTime
+) {
+  cancelWorkTimer(workInProgress);
 
-          if (newIsHidden) {
-            var primaryChildParent = node.child;
+  if (current !== null) {
+    // Reuse previous dependencies
+    workInProgress.dependencies = current.dependencies;
+  }
 
-            if (primaryChildParent !== null) {
-              if (primaryChildParent.child !== null) {
-                primaryChildParent.child.return = primaryChildParent;
-                appendAllChildrenToContainer(
-                  containerChildSet,
-                  primaryChildParent,
-                  true,
-                  newIsHidden
-                );
-              }
+  {
+    // Don't update "base" render times for bailouts.
+    stopProfilerTimerIfRunning();
+  }
 
-              var fallbackChildParent = primaryChildParent.sibling;
+  var updateExpirationTime = workInProgress.expirationTime;
 
-              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.
+  if (updateExpirationTime !== NoWork) {
+    markUnprocessedUpdateTime(updateExpirationTime);
+  } // Check if the children have any pending work.
 
-      node = node;
+  var childExpirationTime = workInProgress.childExpirationTime;
 
-      if (node === workInProgress) {
-        return;
-      }
+  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, workInProgress);
+    return workInProgress.child;
+  }
+}
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
+function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
+  {
+    var returnFiber = oldWorkInProgress.return;
 
-        node = node.return;
-      }
+    if (returnFiber === null) {
+      throw new Error("Cannot swap the root fiber.");
+    } // Disconnect from the old current.
+    // It will get deleted.
 
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
+    current.alternate = null;
+    oldWorkInProgress.alternate = null; // Connect to the new tree.
 
-  updateHostContainer = function(workInProgress) {
-    var portalOrRoot = workInProgress.stateNode;
-    var childrenUnchanged = workInProgress.firstEffect === null;
+    newWorkInProgress.index = oldWorkInProgress.index;
+    newWorkInProgress.sibling = oldWorkInProgress.sibling;
+    newWorkInProgress.return = oldWorkInProgress.return;
+    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
 
-    if (childrenUnchanged) {
-      // No changes, just reuse the existing instance.
+    if (oldWorkInProgress === returnFiber.child) {
+      returnFiber.child = newWorkInProgress;
     } else {
-      var container = portalOrRoot.containerInfo;
-      var newChildSet = createContainerChildSet(container); // If children might have changed, we have to add them all to the set.
+      var prevSibling = returnFiber.child;
 
-      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
-      portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
+      if (prevSibling === null) {
+        throw new Error("Expected parent to have a child.");
+      }
 
-      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.
+      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 childrenUnchanged = workInProgress.firstEffect === null;
+    var last = returnFiber.lastEffect;
 
-    if (childrenUnchanged && oldProps === newProps) {
-      // No changes, just reuse the existing instance.
-      // Note that this might release a previous clone.
-      workInProgress.stateNode = currentInstance;
-      return;
+    if (last !== null) {
+      last.nextEffect = current;
+      returnFiber.lastEffect = current;
+    } else {
+      returnFiber.firstEffect = returnFiber.lastEffect = current;
     }
 
-    var recyclableInstance = workInProgress.stateNode;
-    var currentHostContext = getHostContext();
-    var updatePayload = null;
+    current.nextEffect = null;
+    current.effectTag = Deletion;
+    newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
 
-    if (oldProps !== newProps) {
-      updatePayload = prepareUpdate(
-        recyclableInstance,
-        type,
-        oldProps,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
+    return newWorkInProgress;
+  }
+}
+
+function beginWork(current, workInProgress, renderExpirationTime) {
+  var updateExpirationTime = workInProgress.expirationTime;
+
+  {
+    if (workInProgress._debugNeedsRemount && current !== null) {
+      // This will restart the begin phase with a new fiber.
+      return remountFiber(
+        current,
+        workInProgress,
+        createFiberFromTypeAndProps(
+          workInProgress.type,
+          workInProgress.key,
+          workInProgress.pendingProps,
+          workInProgress._debugOwner || null,
+          workInProgress.mode,
+          workInProgress.expirationTime
+        )
       );
     }
-    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 (current !== null) {
+    var oldProps = current.memoizedProps;
+    var newProps = workInProgress.pendingProps;
+
     if (
-      finalizeInitialChildren(
-        newInstance,
-        type,
-        newProps,
-        rootContainerInstance,
-        currentHostContext
-      )
+      oldProps !== newProps ||
+      hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
+      workInProgress.type !== current.type
     ) {
-      markUpdate(workInProgress);
-    }
+      // 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.
 
-    workInProgress.stateNode = newInstance;
+      switch (workInProgress.tag) {
+        case HostRoot:
+          pushHostRootContext(workInProgress);
+          break;
 
-    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.
+        case HostComponent:
+          pushHostContext(workInProgress);
 
-      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
-  };
-}
+          if (
+            workInProgress.mode & ConcurrentMode &&
+            renderExpirationTime !== Never &&
+            shouldDeprioritizeSubtree(workInProgress.type)
+          ) {
+            {
+              markSpawnedWork(Never);
+            } // Schedule this fiber to re-render at offscreen priority. Then bailout.
 
-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;
-        }
+            workInProgress.expirationTime = workInProgress.childExpirationTime = Never;
+            return null;
+          }
 
-        tailNode = tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
+          break;
 
-      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;
-      }
+        case ClassComponent: {
+          var Component = workInProgress.type;
 
-      break;
-    }
+          if (isContextProvider(Component)) {
+            pushContextProvider(workInProgress);
+          }
 
-    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;
+          break;
         }
 
-        _tailNode = _tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
+        case HostPortal:
+          pushHostContainer(
+            workInProgress,
+            workInProgress.stateNode.containerInfo
+          );
+          break;
 
-      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;
+        case ContextProvider: {
+          var newValue = workInProgress.memoizedProps.value;
+          pushProvider(workInProgress, newValue);
+          break;
+        }
+
+        case Profiler:
+          {
+            // Profiler should only call onRender when one of its descendants actually rendered.
+            var hasChildWork =
+              workInProgress.childExpirationTime >= renderExpirationTime;
+
+            if (hasChildWork) {
+              workInProgress.effectTag |= Update;
+            } // Reset effect durations for the next eventual effect phase.
+            // These are reset during render to allow the DevTools commit hook a chance to read them,
+
+            var stateNode = workInProgress.stateNode;
+            stateNode.effectDuration = 0;
+            stateNode.passiveEffectDuration = 0;
+          }
+
+          break;
+
+        case SuspenseComponent: {
+          var state = workInProgress.memoizedState;
+
+          if (state !== null) {
+            // whether to retry the primary children, or to skip over it and
+            // go straight to the fallback. Check the priority of the primary
+            // child fragment.
+
+            var primaryChildFragment = workInProgress.child;
+            var 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,
+                workInProgress,
+                renderExpirationTime
+              );
+            } else {
+              pushSuspenseContext(
+                workInProgress,
+                setDefaultShallowSuspenseContext(suspenseStackCursor.current)
+              ); // The primary children do not have pending work with sufficient
+              // priority. Bailout.
+
+              var child = bailoutOnAlreadyFinishedWork(
+                current,
+                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;
         }
-      } 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;
+        case SuspenseListComponent: {
+          var didSuspendBefore = (current.effectTag & DidCapture) !== NoEffect;
 
-  switch (workInProgress.tag) {
-    case IndeterminateComponent:
-      break;
+          var _hasChildWork =
+            workInProgress.childExpirationTime >= renderExpirationTime;
 
-    case LazyComponent:
-      break;
+          if (didSuspendBefore) {
+            if (_hasChildWork) {
+              // If something was in fallback state last time, and we have all the
+              // same children then we're still in progressive loading state.
+              // Something might get unblocked by state updates or retries in the
+              // tree which will affect the tail. So we need to use the normal
+              // path to compute the correct tail.
+              return updateSuspenseListComponent(
+                current,
+                workInProgress,
+                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.
 
-    case SimpleMemoComponent:
-    case FunctionComponent:
-      break;
+            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.
 
-    case ClassComponent: {
-      var Component = workInProgress.type;
+          var renderState = workInProgress.memoizedState;
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
+          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(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    } else {
+      // An update was scheduled on this fiber, but there are no new props
+      // nor legacy context. Set this to false. If an update queue or context
+      // consumer produces a changed value, it will set this to true. Otherwise,
+      // the component will assume the children have not changed and bail out.
+      didReceiveUpdate = false;
     }
+  } else {
+    didReceiveUpdate = false;
+  } // Before entering the begin phase, clear pending update priority.
+  // TODO: This assumes that we're about to evaluate the component and process
+  // the update queue. However, there's an exception: SimpleMemoComponent
+  // sometimes bails out later in the begin phase. This indicates that we should
+  // move this assignment out of the common path and into each branch.
 
-    case HostRoot: {
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      var fiberRoot = workInProgress.stateNode;
-      if (fiberRoot.pendingContext) {
-        fiberRoot.context = fiberRoot.pendingContext;
-        fiberRoot.pendingContext = null;
-      }
+  workInProgress.expirationTime = NoWork;
 
-      if (current === null || current.child === null) {
-        // If we hydrated, pop so that we can delete any remaining children
-        // that weren't hydrated.
-        var wasHydrated = popHydrationState(workInProgress);
+  switch (workInProgress.tag) {
+    case IndeterminateComponent: {
+      return mountIndeterminateComponent(
+        current,
+        workInProgress,
+        workInProgress.type,
+        renderExpirationTime
+      );
+    }
 
-        if (wasHydrated) {
-          // If we hydrated, then we'll need to schedule an update for
-          // the commit side-effects on the root.
-          markUpdate(workInProgress);
-        }
-      }
+    case LazyComponent: {
+      var elementType = workInProgress.elementType;
+      return mountLazyComponent(
+        current,
+        workInProgress,
+        elementType,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-      updateHostContainer(workInProgress);
-      break;
+    case FunctionComponent: {
+      var _Component = workInProgress.type;
+      var unresolvedProps = workInProgress.pendingProps;
+      var resolvedProps =
+        workInProgress.elementType === _Component
+          ? unresolvedProps
+          : resolveDefaultProps(_Component, unresolvedProps);
+      return updateFunctionComponent(
+        current,
+        workInProgress,
+        _Component,
+        resolvedProps,
+        renderExpirationTime
+      );
     }
 
-    case HostComponent: {
-      popHostContext(workInProgress);
-      var rootContainerInstance = getRootHostContainer();
-      var type = workInProgress.type;
-      if (current !== null && workInProgress.stateNode != null) {
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          rootContainerInstance
-        );
+    case ClassComponent: {
+      var _Component2 = workInProgress.type;
+      var _unresolvedProps = workInProgress.pendingProps;
 
-        if (enableFlareAPI) {
-          var prevListeners = current.memoizedProps.listeners;
-          var nextListeners = newProps.listeners;
+      var _resolvedProps =
+        workInProgress.elementType === _Component2
+          ? _unresolvedProps
+          : resolveDefaultProps(_Component2, _unresolvedProps);
 
-          if (prevListeners !== nextListeners) {
-            markUpdate(workInProgress);
-          }
-        }
+      return updateClassComponent(
+        current,
+        workInProgress,
+        _Component2,
+        _resolvedProps,
+        renderExpirationTime
+      );
+    }
 
-        if (current.ref !== workInProgress.ref) {
-          markRef$1(workInProgress);
-        }
-      } else {
-        if (!newProps) {
-          if (!(workInProgress.stateNode !== null)) {
-            throw 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.
+    case HostRoot:
+      return updateHostRoot(current, workInProgress, renderExpirationTime);
 
-          break;
-        }
+    case HostComponent:
+      return updateHostComponent(current, workInProgress, renderExpirationTime);
 
-        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.
+    case HostText:
+      return updateHostText();
 
-        var _wasHydrated = popHydrationState(workInProgress);
+    case SuspenseComponent:
+      return updateSuspenseComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
 
-        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);
-          }
+    case HostPortal:
+      return updatePortalComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
 
-          if (enableFlareAPI) {
-            var listeners = newProps.listeners;
+    case ForwardRef: {
+      var type = workInProgress.type;
+      var _unresolvedProps2 = workInProgress.pendingProps;
 
-            if (listeners != null) {
-              updateEventListeners(
-                listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          }
-        } else {
-          var instance = createInstance(
-            type,
-            newProps,
-            rootContainerInstance,
-            currentHostContext,
-            workInProgress
-          );
-          appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
+      var _resolvedProps2 =
+        workInProgress.elementType === type
+          ? _unresolvedProps2
+          : resolveDefaultProps(type, _unresolvedProps2);
 
-          workInProgress.stateNode = instance;
+      return updateForwardRef(
+        current,
+        workInProgress,
+        type,
+        _resolvedProps2,
+        renderExpirationTime
+      );
+    }
 
-          if (enableFlareAPI) {
-            var _listeners = newProps.listeners;
+    case Fragment:
+      return updateFragment(current, workInProgress, renderExpirationTime);
 
-            if (_listeners != null) {
-              updateEventListeners(
-                _listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          } // 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.
+    case Mode:
+      return updateMode(current, workInProgress, renderExpirationTime);
 
-          if (
-            finalizeInitialChildren(
-              instance,
-              type,
-              newProps,
-              rootContainerInstance,
-              currentHostContext
-            )
-          ) {
-            markUpdate(workInProgress);
-          }
-        }
+    case Profiler:
+      return updateProfiler(current, workInProgress, renderExpirationTime);
 
-        if (workInProgress.ref !== null) {
-          // If there is a ref on a host node we need to schedule a callback
-          markRef$1(workInProgress);
-        }
-      }
+    case ContextProvider:
+      return updateContextProvider(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
 
-      break;
-    }
+    case ContextConsumer:
+      return updateContextConsumer(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+
+    case MemoComponent: {
+      var _type2 = workInProgress.type;
+      var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
-    case HostText: {
-      var newText = newProps;
+      var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
 
-      if (current && workInProgress.stateNode != null) {
-        var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
-        // to schedule a side-effect to do the updates.
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = _type2.propTypes;
 
-        updateHostText$1(current, workInProgress, oldText, newText);
-      } else {
-        if (typeof newText !== "string") {
-          if (!(workInProgress.stateNode !== null)) {
-            throw Error(
-              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              _resolvedProps3, // Resolved for outer only
+              "prop",
+              getComponentName(_type2)
             );
-          } // This can happen when we abort work.
+          }
         }
+      }
 
-        var _rootContainerInstance = getRootHostContainer();
+      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+      return updateMemoComponent(
+        current,
+        workInProgress,
+        _type2,
+        _resolvedProps3,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-        var _currentHostContext = getHostContext();
+    case SimpleMemoComponent: {
+      return updateSimpleMemoComponent(
+        current,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-        var _wasHydrated2 = popHydrationState(workInProgress);
+    case IncompleteClassComponent: {
+      var _Component3 = workInProgress.type;
+      var _unresolvedProps4 = workInProgress.pendingProps;
 
-        if (_wasHydrated2) {
-          if (prepareToHydrateHostTextInstance(workInProgress)) {
-            markUpdate(workInProgress);
-          }
-        } else {
-          workInProgress.stateNode = createTextInstance(
-            newText,
-            _rootContainerInstance,
-            _currentHostContext,
-            workInProgress
-          );
-        }
-      }
+      var _resolvedProps4 =
+        workInProgress.elementType === _Component3
+          ? _unresolvedProps4
+          : resolveDefaultProps(_Component3, _unresolvedProps4);
 
-      break;
+      return mountIncompleteClassComponent(
+        current,
+        workInProgress,
+        _Component3,
+        _resolvedProps4,
+        renderExpirationTime
+      );
     }
 
-    case ForwardRef:
-      break;
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
+    }
+  }
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
-      var nextState = workInProgress.memoizedState;
+  {
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
+}
 
-      if (enableSuspenseServerRenderer) {
-        if (nextState !== null && nextState.dehydrated !== null) {
-          if (current === null) {
-            var _wasHydrated3 = popHydrationState(workInProgress);
+function markUpdate(workInProgress) {
+  // Tag the fiber with an update effect. This turns a Placement into
+  // a PlacementAndUpdate.
+  workInProgress.effectTag |= Update;
+}
 
-            if (!_wasHydrated3) {
-              throw Error(
-                "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
-              );
-            }
+function markRef$1(workInProgress) {
+  workInProgress.effectTag |= Ref;
+}
 
-            prepareToHydrateHostSuspenseInstance(workInProgress);
+var appendAllChildren;
+var updateHostContainer;
+var updateHostComponent$1;
+var updateHostText$1;
 
-            if (enableSchedulerTracing) {
-              markSpawnedWork(Never);
-            }
+{
+  // 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;
 
-            return 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 and unsuspended.
-              workInProgress.memoizedState = null;
-            } // If nothing suspended, we need to schedule an effect to mark this boundary
-            // as having hydrated so events know that they're free be invoked.
-            // It's also a signal to replay events and the suspense callback.
-            // If something suspended, schedule an effect to attach retry listeners.
-            // So we might as well always mark this.
-
-            workInProgress.effectTag |= Update;
-            return null;
-          }
+    while (node !== null) {
+      // eslint-disable-next-line no-labels
+      if (node.tag === HostComponent) {
+        var instance = node.stateNode;
+
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var props = node.memoizedProps;
+          var type = node.type;
+          instance = cloneHiddenInstance(instance);
         }
-      }
 
-      if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
-        // Something suspended. Re-render with the fallback children.
-        workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
+        appendInitialChild(parent, instance);
+      } else if (node.tag === HostText) {
+        var _instance = node.stateNode;
 
-        return workInProgress;
-      }
+        if (needsVisibilityToggle && isHidden) {
+          // This child is inside a timed out tree. Hide it.
+          var text = node.memoizedProps;
+          _instance = cloneHiddenTextInstance();
+        }
 
-      var nextDidTimeout = nextState !== null;
-      var prevDidTimeout = false;
+        appendInitialChild(parent, _instance);
+      } else if (node.tag === HostPortal);
+      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 (current === null) {
-        if (workInProgress.memoizedProps.fallback !== undefined) {
-          popHydrationState(workInProgress);
-        }
-      } else {
-        var prevState = current.memoizedState;
-        prevDidTimeout = prevState !== null;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
 
-        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
-          // the stateNode during the begin phase?
-          var currentFallbackChild = current.child.sibling;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildren(
+                  parent,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
 
-          if (currentFallbackChild !== null) {
-            // Deletions go at the beginning of the return fiber's effect list
-            var first = workInProgress.firstEffect;
+              var fallbackChildParent = primaryChildParent.sibling;
 
-            if (first !== null) {
-              workInProgress.firstEffect = currentFallbackChild;
-              currentFallbackChild.nextEffect = first;
-            } else {
-              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
-              currentFallbackChild.nextEffect = null;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
             }
-            currentFallbackChild.effectTag = Deletion;
           }
         }
+
+        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;
       }
 
-      if (nextDidTimeout && !prevDidTimeout) {
-        // If this subtreee is running in blocking 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 & BlockingMode) !== 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();
-          }
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
         }
+
+        node = node.return;
       }
 
-      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;
+      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
+      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);
         }
-      }
-      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;
+
+        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();
         }
-      }
-      if (
-        enableSuspenseCallback &&
-        workInProgress.updateQueue !== null &&
-        workInProgress.memoizedProps.suspenseCallback != null
-      ) {
-        // Always notify the callback
-        workInProgress.effectTag |= Update;
-      }
 
-      break;
-    }
+        appendChildToContainerChildSet(containerChildSet, _instance3);
+      } else if (node.tag === HostPortal);
+      else if (node.tag === SuspenseComponent) {
+        if ((node.effectTag & Update) !== NoEffect) {
+          // Need to toggle the visibility of the primary children.
+          var newIsHidden = node.memoizedState !== null;
 
-    case Fragment:
-      break;
+          if (newIsHidden) {
+            var primaryChildParent = node.child;
 
-    case Mode:
-      break;
+            if (primaryChildParent !== null) {
+              if (primaryChildParent.child !== null) {
+                primaryChildParent.child.return = primaryChildParent;
+                appendAllChildrenToContainer(
+                  containerChildSet,
+                  primaryChildParent,
+                  true,
+                  newIsHidden
+                );
+              }
 
-    case Profiler:
-      break;
+              var fallbackChildParent = primaryChildParent.sibling;
 
-    case HostPortal:
-      popHostContainer(workInProgress);
-      updateHostContainer(workInProgress);
-      break;
-    case ContextProvider:
-      // Pop provider fiber
-      popProvider(workInProgress);
-      break;
+              if (fallbackChildParent !== null) {
+                fallbackChildParent.return = node;
+                node = fallbackChildParent;
+                continue;
+              }
+            }
+          }
+        }
 
-    case ContextConsumer:
-      break;
+        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.
 
-    case MemoComponent:
-      break;
+      node = node;
 
-    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 (node === workInProgress) {
+        return;
+      }
 
-      if (isContextProvider(_Component)) {
-        popContext(workInProgress);
+      while (node.sibling === null) {
+        if (node.return === null || node.return === workInProgress) {
+          return;
+        }
+
+        node = node.return;
       }
 
-      break;
+      node.sibling.return = node.return;
+      node = node.sibling;
     }
+  };
 
-    case SuspenseListComponent: {
-      popSuspenseContext(workInProgress);
-      var renderState = workInProgress.memoizedState;
+  updateHostContainer = function(workInProgress) {
+    var portalOrRoot = workInProgress.stateNode;
+    var childrenUnchanged = workInProgress.firstEffect === null;
 
-      if (renderState === null) {
-        // We're running in the default, "independent" mode. We don't do anything
-        // in this mode.
-        break;
-      }
+    if (childrenUnchanged);
+    else {
+      var container = portalOrRoot.containerInfo;
+      var newChildSet = createContainerChildSet(container); // If children might have changed, we have to add them all to the set.
 
-      var didSuspendAlready =
-        (workInProgress.effectTag & DidCapture) !== NoEffect;
-      var renderedTail = renderState.rendering;
+      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
+      portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
 
-      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);
+      markUpdate(workInProgress);
+      finalizeContainerChildren(container, newChildSet);
+    }
+  };
 
-          if (!cannotBeSuspended) {
-            var row = workInProgress.child;
+  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.
 
-            while (row !== null) {
-              var suspended = findFirstSuspended(row);
+    var childrenUnchanged = workInProgress.firstEffect === null;
 
-              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.
+    if (childrenUnchanged && oldProps === newProps) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+      return;
+    }
 
-                var newThennables = suspended.updateQueue;
+    var recyclableInstance = workInProgress.stateNode;
+    var currentHostContext = getHostContext();
+    var updatePayload = null;
 
-                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.
+    if (oldProps !== newProps) {
+      updatePayload = prepareUpdate(
+        recyclableInstance,
+        type,
+        oldProps,
+        newProps
+      );
+    }
 
-                if (renderState.lastEffect === null) {
-                  workInProgress.firstEffect = null;
-                }
+    if (childrenUnchanged && updatePayload === null) {
+      // No changes, just reuse the existing instance.
+      // Note that this might release a previous clone.
+      workInProgress.stateNode = currentInstance;
+      return;
+    }
 
-                workInProgress.lastEffect = renderState.lastEffect; // Reset the child fibers to their original state.
+    var newInstance = cloneInstance(
+      currentInstance,
+      updatePayload,
+      type,
+      oldProps,
+      newProps,
+      workInProgress,
+      childrenUnchanged
+    );
 
-                resetChildFibers(workInProgress, renderExpirationTime); // Set up the Suspense Context to force suspense and immediately
-                // rerender the children.
+    workInProgress.stateNode = newInstance;
 
-                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 (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.
 
-          if (_suspended !== null) {
-            workInProgress.effectTag |= DidCapture;
-            didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
-            // get lost if this row ends up dropped during a second pass.
+      markUpdate(workInProgress);
+    } else {
+      workInProgress.stateNode = current.stateNode;
+    }
+  };
+}
 
-            var _newThennables = _suspended.updateQueue;
+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;
 
-            if (_newThennables !== null) {
-              workInProgress.updateQueue = _newThennables;
-              workInProgress.effectTag |= Update;
-            }
+      while (tailNode !== null) {
+        if (tailNode.alternate !== null) {
+          lastTailNode = tailNode;
+        }
 
-            cutOffTailIfNeeded(renderState, true); // This might have been modified.
+        tailNode = tailNode.sibling;
+      } // Next we're simply going to delete all insertions after the
+      // last rendered item.
 
-            if (
-              renderState.tail === null &&
-              renderState.tailMode === "hidden" &&
-              !renderedTail.alternate
-            ) {
-              // We need to delete the row we just rendered.
-              // Reset the effect list to what it was 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 (lastTailNode === null) {
+        // All remaining items in the tail are insertions.
+        renderState.tail = null;
+      } else {
+        // Detach the insertion after the last node that was already
+        // inserted.
+        lastTailNode.sibling = null;
+      }
 
-              if (lastEffect !== null) {
-                lastEffect.nextEffect = null;
-              } // We're done.
+      break;
+    }
 
-              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.
+    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;
 
-            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;
+      while (_tailNode !== null) {
+        if (_tailNode.alternate !== null) {
+          _lastTailNode = _tailNode;
         }
-      }
-
-      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;
+        _tailNode = _tailNode.sibling;
+      } // Next we're simply going to delete all insertions after the
+      // last rendered item.
 
-        if (didSuspendAlready) {
-          suspenseContext = setShallowSuspenseContext(
-            suspenseContext,
-            ForceSuspenseFallback
-          );
+      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 {
-          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+          renderState.tail = null;
         }
-
-        pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
-
-        return next;
+      } else {
+        // Detach the insertion after the last node that was already
+        // inserted.
+        _lastTailNode.sibling = null;
       }
 
       break;
     }
+  }
+}
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalImpl = workInProgress.type.impl;
-        var fundamentalInstance = workInProgress.stateNode;
-
-        if (fundamentalInstance === null) {
-          var getInitialState = fundamentalImpl.getInitialState;
-          var fundamentalState;
-
-          if (getInitialState !== undefined) {
-            fundamentalState = getInitialState(newProps);
-          }
-
-          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
-            workInProgress,
-            newProps,
-            fundamentalImpl,
-            fundamentalState || {}
-          );
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
 
-          var _instance5 = getFundamentalComponentInstance(fundamentalInstance);
+  switch (workInProgress.tag) {
+    case IndeterminateComponent:
+    case LazyComponent:
+    case SimpleMemoComponent:
+    case FunctionComponent:
+    case ForwardRef:
+    case Fragment:
+    case Mode:
+    case Profiler:
+    case ContextConsumer:
+    case MemoComponent:
+      return null;
 
-          fundamentalInstance.instance = _instance5;
+    case ClassComponent: {
+      var Component = workInProgress.type;
 
-          if (fundamentalImpl.reconcileChildren === false) {
-            return null;
-          }
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
 
-          appendAllChildren(_instance5, 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;
+      return null;
+    }
 
-          if (supportsPersistence) {
-            var _instance6 = cloneFundamentalInstance(fundamentalInstance);
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var fiberRoot = workInProgress.stateNode;
 
-            fundamentalInstance.instance = _instance6;
-            appendAllChildren(_instance6, workInProgress, false, false);
-          }
+      if (fiberRoot.pendingContext) {
+        fiberRoot.context = fiberRoot.pendingContext;
+        fiberRoot.pendingContext = null;
+      }
 
-          var shouldUpdate = shouldUpdateFundamentalComponent(
-            fundamentalInstance
-          );
+      if (current === null || current.child === null) {
+        // If we hydrated, pop so that we can delete any remaining children
+        // that weren't hydrated.
+        var wasHydrated = popHydrationState();
 
-          if (shouldUpdate) {
-            markUpdate(workInProgress);
-          }
+        if (wasHydrated) {
+          // If we hydrated, then we'll need to schedule an update for
+          // the commit side-effects on the root.
+          markUpdate(workInProgress);
         }
       }
 
-      break;
+      updateHostContainer(workInProgress);
+      return null;
     }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        if (current === null) {
-          var _type3 = workInProgress.type;
-          var scopeInstance = {
-            fiber: workInProgress,
-            methods: null
-          };
-          workInProgress.stateNode = scopeInstance;
-          scopeInstance.methods = createScopeMethods(_type3, scopeInstance);
+    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 (current.ref !== workInProgress.ref) {
+          markRef$1(workInProgress);
+        }
+      } else {
+        if (!newProps) {
+          if (!(workInProgress.stateNode !== null)) {
+            throw 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.
 
-          if (enableFlareAPI) {
-            var _listeners2 = newProps.listeners;
+          return null;
+        }
 
-            if (_listeners2 != null) {
-              var _rootContainerInstance2 = getRootHostContainer();
+        var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
+        // "stack" as the parent. Then append children as we go in beginWork
+        // or completeWork depending on whether we want to add them top->down or
+        // bottom->up. Top->down is faster in IE11.
 
-              updateEventListeners(
-                _listeners2,
-                workInProgress,
-                _rootContainerInstance2
-              );
-            }
-          }
+        var _wasHydrated = popHydrationState();
 
-          if (workInProgress.ref !== null) {
-            markRef$1(workInProgress);
+        if (_wasHydrated) {
+          // TODO: Move this and createInstance step into the beginPhase
+          // to consolidate.
+          if (prepareToHydrateHostInstance()) {
+            // If changes to the hydrated node need to be applied at the
+            // commit-phase we mark this as such.
             markUpdate(workInProgress);
           }
         } else {
-          if (enableFlareAPI) {
-            var _prevListeners = current.memoizedProps.listeners;
-            var _nextListeners = newProps.listeners;
-
-            if (
-              _prevListeners !== _nextListeners ||
-              workInProgress.ref !== null
-            ) {
-              markUpdate(workInProgress);
-            }
-          } else {
-            if (workInProgress.ref !== null) {
-              markUpdate(workInProgress);
-            }
-          }
+          var instance = createInstance(
+            type,
+            newProps,
+            rootContainerInstance,
+            currentHostContext,
+            workInProgress
+          );
+          appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
 
-          if (current.ref !== workInProgress.ref) {
-            markRef$1(workInProgress);
-          }
+          workInProgress.stateNode = instance;
+        }
+
+        if (workInProgress.ref !== null) {
+          // If there is a ref on a host node we need to schedule a callback
+          markRef$1(workInProgress);
         }
       }
 
-      break;
+      return null;
     }
 
-    default: {
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
+    case HostText: {
+      var newText = newProps;
 
-  return null;
-}
+      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.
 
-function unwindWork(workInProgress, renderExpirationTime) {
-  switch (workInProgress.tag) {
-    case ClassComponent: {
-      var Component = workInProgress.type;
+        updateHostText$1(current, workInProgress, oldText, newText);
+      } else {
+        if (typeof newText !== "string") {
+          if (!(workInProgress.stateNode !== null)) {
+            throw 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.
+        }
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
+        var _rootContainerInstance = getRootHostContainer();
 
-      var effectTag = workInProgress.effectTag;
+        var _currentHostContext = getHostContext();
 
-      if (effectTag & ShouldCapture) {
-        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
-        return workInProgress;
+        var _wasHydrated2 = popHydrationState();
+
+        if (_wasHydrated2) {
+          if (prepareToHydrateHostTextInstance()) {
+            markUpdate(workInProgress);
+          }
+        } else {
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            _rootContainerInstance,
+            _currentHostContext,
+            workInProgress
+          );
+        }
       }
 
       return null;
     }
 
-    case HostRoot: {
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      var _effectTag = workInProgress.effectTag;
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
+      var nextState = workInProgress.memoizedState;
 
-      if (!((_effectTag & DidCapture) === NoEffect)) {
-        throw Error(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
+      if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
+        // Something suspended. Re-render with the fallback children.
+        workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
+
+        return workInProgress;
       }
 
-      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
-      return workInProgress;
-    }
+      var nextDidTimeout = nextState !== null;
+      var prevDidTimeout = false;
 
-    case HostComponent: {
-      // TODO: popHydrationState
-      popHostContext(workInProgress);
-      return null;
-    }
+      if (current === null) {
+        if (workInProgress.memoizedProps.fallback !== undefined);
+      } else {
+        var prevState = current.memoizedState;
+        prevDidTimeout = prevState !== null;
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
+        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
+          // 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
+            var first = workInProgress.firstEffect;
 
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
+            if (first !== null) {
+              workInProgress.firstEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = first;
+            } else {
+              workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChild;
+              currentFallbackChild.nextEffect = null;
+            }
 
-        if (suspenseState !== null && suspenseState.dehydrated !== null) {
-          if (!(workInProgress.alternate !== null)) {
-            throw Error(
-              "Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue."
-            );
+            currentFallbackChild.effectTag = Deletion;
           }
-
-          resetHydrationState();
         }
       }
 
-      var _effectTag2 = workInProgress.effectTag;
-
-      if (_effectTag2 & ShouldCapture) {
-        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+      if (nextDidTimeout && !prevDidTimeout) {
+        // If this subtreee is running in blocking 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 & BlockingMode) !== 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;
 
-        return workInProgress;
+          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();
+          }
+        }
       }
 
-      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.
+      {
+        // 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 promise. This flag is also used to hide the
+          // primary children.
+          workInProgress.effectTag |= Update;
+        }
+      }
 
       return null;
     }
 
     case HostPortal:
       popHostContainer(workInProgress);
+      updateHostContainer(workInProgress);
       return null;
 
     case ContextProvider:
+      // Pop provider fiber
       popProvider(workInProgress);
       return null;
 
-    default:
+    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);
+      }
+
       return null;
-  }
-}
+    }
 
-function unwindInterruptedWork(interruptedWork) {
-  switch (interruptedWork.tag) {
-    case ClassComponent: {
-      var childContextTypes = interruptedWork.type.childContextTypes;
+    case SuspenseListComponent: {
+      popSuspenseContext(workInProgress);
+      var renderState = workInProgress.memoizedState;
 
-      if (childContextTypes !== null && childContextTypes !== undefined) {
-        popContext(interruptedWork);
+      if (renderState === null) {
+        // We're running in the default, "independent" mode.
+        // We don't do anything in this mode.
+        return null;
       }
 
-      break;
-    }
+      var didSuspendAlready =
+        (workInProgress.effectTag & DidCapture) !== NoEffect;
+      var renderedTail = renderState.rendering;
 
-    case HostRoot: {
-      popHostContainer(interruptedWork);
-      popTopLevelContextObject(interruptedWork);
-      break;
-    }
-    case HostComponent: {
-      popHostContext(interruptedWork);
-      break;
-    }
+      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);
 
-    case HostPortal:
-      popHostContainer(interruptedWork);
-      break;
+          if (!cannotBeSuspended) {
+            var row = workInProgress.child;
 
-    case SuspenseComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+            while (row !== null) {
+              var suspended = findFirstSuspended(row);
 
-    case SuspenseListComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+              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.
 
-    case ContextProvider:
-      popProvider(interruptedWork);
-      break;
+                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.
 
-    default:
-      break;
-  }
-}
+                if (renderState.lastEffect === null) {
+                  workInProgress.firstEffect = 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)
-  };
-}
+                workInProgress.lastEffect = renderState.lastEffect; // Reset the child fibers to their original state.
 
-// Module provided by RN:
-if (
-  !(
-    typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog ===
-    "function"
-  )
-) {
-  throw Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-}
+                resetChildFibers(workInProgress, renderExpirationTime); // Set up the Suspense Context to force suspense and immediately
+                // rerender the children.
 
-function showErrorDialog(capturedError) {
-  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
-    capturedError
-  );
-}
+                pushSuspenseContext(
+                  workInProgress,
+                  setShallowSuspenseContext(
+                    suspenseStackCursor.current,
+                    ForceSuspenseFallback
+                  )
+                );
+                return workInProgress.child;
+              }
 
-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.
+              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 (logError === false) {
-    return;
-  }
+          if (_suspended !== null) {
+            workInProgress.effectTag |= DidCapture;
+            didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+            // get lost if this row ends up dropped during a second pass.
 
-  var 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.
+            var _newThennables = _suspended.updateQueue;
 
-    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.
+            if (_newThennables !== null) {
+              workInProgress.updateQueue = _newThennables;
+              workInProgress.effectTag |= Update;
+            }
 
-      console.error(error); // For a more detailed description of this block, see:
-      // https://github.com/facebook/react/pull/13384
-    }
+            cutOffTailIfNeeded(renderState, true); // This might have been modified.
 
-    var componentNameMessage = componentName
-      ? "The above error occurred in the <" + componentName + "> component:"
-      : "The above error occurred in one of your React components:";
-    var errorBoundaryMessage; // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
+            if (
+              renderState.tail === null &&
+              renderState.tailMode === "hidden" &&
+              !renderedTail.alternate
+            ) {
+              // We need to delete the row we just rendered.
+              // Reset the effect list to what it was 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 (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.
+              if (lastEffect !== null) {
+                lastEffect.nextEffect = null;
+              } // We're done.
 
-    console.error(combinedMessage);
-  }
-}
+              return null;
+            }
+          } else if (
+            // The time it took to render last row is greater than time until
+            // the expiration.
+            now() * 2 - renderState.renderingStartTime >
+              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 didWarnAboutUndefinedSnapshotBeforeUpdate = null;
-{
-  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
-}
+            var nextPriority = renderExpirationTime - 1;
+            workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
 
-var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
-function logError(boundary, errorInfo) {
-  var source = errorInfo.source;
-  var stack = errorInfo.stack;
+            {
+              markSpawnedWork(nextPriority);
+            }
+          }
+        }
 
-  if (stack === null && source !== null) {
-    stack = getStackByFiberInDevAndProd(source);
-  }
+        if (renderState.isBackwards) {
+          // The effect list of the backwards tail will have been added
+          // to the end. This breaks the guarantee that life-cycles fire in
+          // sibling order but that isn't a strong guarantee promised by React.
+          // Especially since these might also just pop in during future commits.
+          // Append to the beginning of the list.
+          renderedTail.sibling = workInProgress.child;
+          workInProgress.child = renderedTail;
+        } else {
+          var previousSibling = renderState.last;
 
-  var capturedError = {
-    componentName: source !== null ? getComponentName(source.type) : null,
-    componentStack: stack !== null ? stack : "",
-    error: errorInfo.value,
-    errorBoundary: null,
-    errorBoundaryName: null,
-    errorBoundaryFound: false,
-    willRetry: false
-  };
+          if (previousSibling !== null) {
+            previousSibling.sibling = renderedTail;
+          } else {
+            workInProgress.child = renderedTail;
+          }
 
-  if (boundary !== null && boundary.tag === ClassComponent) {
-    capturedError.errorBoundary = boundary.stateNode;
-    capturedError.errorBoundaryName = getComponentName(boundary.type);
-    capturedError.errorBoundaryFound = true;
-    capturedError.willRetry = true;
-  }
+          renderState.last = renderedTail;
+        }
+      }
 
-  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;
-    });
-  }
-}
+      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; // TODO: This is meant to mimic the train model or JND but this
+          // is a per component value. It should really be since the start
+          // of the total render or last commit. Consider using something like
+          // globalMostRecentFallbackTime. That doesn't account for being
+          // suspended for part of the time or when it's a new render.
+          // It should probably use a global start time value instead.
+        } // Pop a row.
 
-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.
+        var next = renderState.tail;
+        renderState.rendering = next;
+        renderState.tail = next.sibling;
+        renderState.lastEffect = workInProgress.lastEffect;
+        renderState.renderingStartTime = now();
+        next.sibling = null; // Restore the context.
+        // TODO: We can probably just avoid popping it instead and only
+        // setting it the first time we go from not suspended to suspended.
 
-function safelyCallComponentWillUnmount(current$$1, instance) {
-  {
-    invokeGuardedCallback(
-      null,
-      callComponentWillUnmountWithTimer,
-      null,
-      current$$1,
-      instance
-    );
-    if (hasCaughtError()) {
-      var unmountError = clearCaughtError();
-      captureCommitPhaseError(current$$1, unmountError);
-    }
-  }
-}
+        var suspenseContext = suspenseStackCursor.current;
 
-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);
+        if (didSuspendAlready) {
+          suspenseContext = setShallowSuspenseContext(
+            suspenseContext,
+            ForceSuspenseFallback
+          );
+        } else {
+          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
         }
+
+        pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
+
+        return next;
       }
-    } else {
-      ref.current = null;
+
+      return null;
     }
   }
-}
 
-function safelyCallDestroy(current$$1, destroy) {
   {
-    invokeGuardedCallback(null, destroy, null);
-    if (hasCaughtError()) {
-      var error = clearCaughtError();
-      captureCommitPhaseError(current$$1, error);
-    }
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
-      return;
-    }
+function unwindWork(workInProgress, renderExpirationTime) {
+  switch (workInProgress.tag) {
     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.
+      var Component = workInProgress.type;
 
-          {
-            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
-          );
+      if (isContextProvider(Component)) {
+        popContext(workInProgress);
+      }
 
-          {
-            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+      var effectTag = workInProgress.effectTag;
 
-            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();
-        }
+      if (effectTag & ShouldCapture) {
+        workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;
+        return workInProgress;
       }
 
-      return;
+      return null;
     }
 
-    case HostRoot:
-    case HostComponent:
-    case HostText:
-    case HostPortal:
-    case IncompleteClassComponent:
-      // Nothing to do for these component types
-      return;
+    case HostRoot: {
+      popHostContainer(workInProgress);
+      popTopLevelContextObject(workInProgress);
+      var _effectTag = workInProgress.effectTag;
 
-    default: {
-      {
+      if (!((_effectTag & DidCapture) === NoEffect)) {
         throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
         );
       }
-    }
-  }
-}
 
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+      workInProgress.effectTag = (_effectTag & ~ShouldCapture) | DidCapture;
+      return workInProgress;
+    }
 
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
+    case HostComponent: {
+      // TODO: popHydrationState
+      popHostContext(workInProgress);
+      return null;
+    }
 
-    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();
+    case SuspenseComponent: {
+      popSuspenseContext(workInProgress);
 
-        {
-          var _destroy = effect.destroy;
+      var _effectTag2 = workInProgress.effectTag;
 
-          if (_destroy !== undefined && typeof _destroy !== "function") {
-            var addendum = void 0;
+      if (_effectTag2 & ShouldCapture) {
+        workInProgress.effectTag = (_effectTag2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
 
-            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)
-            );
-          }
-        }
+        return workInProgress;
       }
-      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;
+      return null;
     }
-  }
-}
 
-function commitLifeCycles(
-  finishedRoot,
-  current$$1,
-  finishedWork,
-  committedExpirationTime
-) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
-      break;
+    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 ClassComponent: {
-      var instance = finishedWork.stateNode;
+    case HostPortal:
+      popHostContainer(workInProgress);
+      return null;
 
-      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.
+    case ContextProvider:
+      popProvider(workInProgress);
+      return null;
 
-          {
-            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.
+    default:
+      return null;
+  }
+}
 
-          {
-            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();
-        }
-      }
+function unwindInterruptedWork(interruptedWork) {
+  switch (interruptedWork.tag) {
+    case ClassComponent: {
+      var childContextTypes = interruptedWork.type.childContextTypes;
 
-      var updateQueue = finishedWork.updateQueue;
+      if (childContextTypes !== null && childContextTypes !== undefined) {
+        popContext(interruptedWork);
+      }
 
-      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.
+      break;
+    }
 
-        commitUpdateQueue(
-          finishedWork,
-          updateQueue,
-          instance,
-          committedExpirationTime
-        );
-      }
+    case HostRoot: {
+      popHostContainer(interruptedWork);
+      popTopLevelContextObject(interruptedWork);
+      break;
+    }
 
-      return;
+    case HostComponent: {
+      popHostContext(interruptedWork);
+      break;
     }
 
-    case HostRoot: {
-      var _updateQueue = finishedWork.updateQueue;
+    case HostPortal:
+      popHostContainer(interruptedWork);
+      break;
 
-      if (_updateQueue !== null) {
-        var _instance = null;
+    case SuspenseComponent:
+      popSuspenseContext(interruptedWork);
+      break;
 
-        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
-        );
-      }
+    case SuspenseListComponent:
+      popSuspenseContext(interruptedWork);
+      break;
 
-      return;
-    }
+    case ContextProvider:
+      popProvider(interruptedWork);
+      break;
+  }
+}
 
-    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.
+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)
+  };
+}
 
-      if (current$$1 === null && finishedWork.effectTag & Update) {
-        var type = finishedWork.type;
-        var props = finishedWork.memoizedProps;
-        commitMount(_instance2, type, props, finishedWork);
-      }
+// Module provided by RN:
 
-      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 ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog ===
+    "function"
+  )
+) {
+  throw Error(
+    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+  );
+}
 
-        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()
-            );
-          }
-        }
-      }
+function showErrorDialog(capturedError) {
+  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+    capturedError
+  );
+}
 
-      return;
-    }
+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.
 
-    case SuspenseComponent: {
-      commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
-      return;
+  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); // Don't transform to our wrapper
+      // For a more detailed description of this block, see:
+      // https://github.com/facebook/react/pull/13384
     }
 
-    case SuspenseListComponent:
-    case IncompleteClassComponent:
-    case FundamentalComponent:
-    case ScopeComponent:
-      return;
+    var componentNameMessage = componentName
+      ? "The above error occurred in the <" + componentName + "> component:"
+      : "The above error occurred in one of your React components:";
+    var errorBoundaryMessage; // errorBoundaryFound check is sufficient; errorBoundaryName check is to satisfy Flow.
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
+    if (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); // Don't transform to our wrapper
   }
 }
 
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  if (supportsMutation) {
-    // 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;
+var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
 
-    while (true) {
-      if (node.tag === HostComponent) {
-        var instance = node.stateNode;
+{
+  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+}
 
-        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 &&
-        node.memoizedState.dehydrated === null
-      ) {
-        // Found a nested Suspense component that timed out. Skip over the
-        // primary child fragment, which should remain hidden.
-        var fallbackChildFragment = node.child.sibling;
-        fallbackChildFragment.return = node;
-        node = fallbackChildFragment;
-        continue;
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
+var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
+function logError(boundary, errorInfo) {
+  var source = errorInfo.source;
+  var stack = errorInfo.stack;
 
-      if (node === finishedWork) {
-        return;
-      }
+  if (stack === null && source !== null) {
+    stack = getStackByFiberInDevAndProd(source);
+  }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === finishedWork) {
-          return;
-        }
+  var capturedError = {
+    componentName: source !== null ? getComponentName(source.type) : null,
+    componentStack: stack !== null ? stack : "",
+    error: errorInfo.value,
+    errorBoundary: null,
+    errorBoundaryName: null,
+    errorBoundaryFound: false,
+    willRetry: false
+  };
 
-        node = node.return;
-      }
+  if (boundary !== null && boundary.tag === ClassComponent) {
+    capturedError.errorBoundary = boundary.stateNode;
+    capturedError.errorBoundaryName = getComponentName(boundary.type);
+    capturedError.errorBoundaryFound = true;
+    capturedError.willRetry = true;
+  }
 
-      node.sibling.return = node.return;
-      node = node.sibling;
+  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, instance) {
+  startPhaseTimer(current, "componentWillUnmount");
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+
+  {
+    instance.componentWillUnmount();
+  }
+
+  stopPhaseTimer();
+}; // Capture errors so they don't interrupt unmounting.
+
+function safelyCallComponentWillUnmount(current, instance) {
+  {
+    invokeGuardedCallback(
+      null,
+      callComponentWillUnmountWithTimer,
+      null,
+      current,
+      instance
+    );
+
+    if (hasCaughtError()) {
+      var unmountError = clearCaughtError();
+      captureCommitPhaseError(current, unmountError);
     }
   }
 }
 
-function commitAttachRef(finishedWork) {
-  var ref = finishedWork.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
 
   if (ref !== null) {
-    var instance = finishedWork.stateNode;
-    var instanceToUse;
-
-    switch (finishedWork.tag) {
-      case HostComponent:
-        instanceToUse = getPublicInstance(instance);
-        break;
-
-      default:
-        instanceToUse = instance;
-    } // Moved outside to ensure DCE works with this flag
-
-    if (enableScopeAPI && finishedWork.tag === ScopeComponent) {
-      instanceToUse = instance.methods;
-    }
-
     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)
-          );
+        invokeGuardedCallback(null, ref, null, null);
+
+        if (hasCaughtError()) {
+          var refError = clearCaughtError();
+          captureCommitPhaseError(current, refError);
         }
       }
-
-      ref.current = instanceToUse;
+    } else {
+      ref.current = null;
     }
   }
 }
 
-function commitDetachRef(current$$1) {
-  var currentRef = current$$1.ref;
-  if (currentRef !== null) {
-    if (typeof currentRef === "function") {
-      currentRef(null);
-    } else {
-      currentRef.current = null;
+function safelyCallDestroy(current, destroy) {
+  {
+    invokeGuardedCallback(null, destroy, null);
+
+    if (hasCaughtError()) {
+      var error = clearCaughtError();
+      captureCommitPhaseError(current, error);
     }
   }
-} // 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(finishedRoot, current$$1, renderPriorityLevel) {
-  onCommitUnmount(current$$1);
+}
 
-  switch (current$$1.tag) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
+  switch (finishedWork.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);
-      }
-
+    case SimpleMemoComponent:
+    case Block: {
       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());
+    case ClassComponent: {
+      if (finishedWork.effectTag & Snapshot) {
+        if (current !== null) {
+          var prevProps = current.memoizedProps;
+          var prevState = current.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.
 
-            for (
-              var i = 0, length = responderInstances.length;
-              i < length;
-              i++
+          {
+            if (
+              finishedWork.type === finishedWork.elementType &&
+              !didWarnAboutReassigningProps
             ) {
-              var responderInstance = responderInstances[i];
-              unmountResponderInstance(responderInstance);
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
-            dependencies.responders = null;
           }
-        }
-      }
 
-      safelyDetachRef(current$$1);
-      return;
-    }
+          var snapshot = instance.getSnapshotBeforeUpdate(
+            finishedWork.elementType === finishedWork.type
+              ? prevProps
+              : resolveDefaultProps(finishedWork.type, prevProps),
+            prevState
+          );
 
-    case HostPortal: {
-      // TODO: this is recursive.
-      // We are also not using this parent because
-      // the portal will get pushed immediately.
-      if (supportsMutation) {
-        unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-      } else if (supportsPersistence) {
-        emptyPortalContainer(current$$1);
-      }
+          {
+            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
 
-      return;
-    }
+            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
+              didWarnSet.add(finishedWork.type);
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = current$$1.stateNode;
+              error(
+                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                  "must be returned. You have returned undefined.",
+                getComponentName(finishedWork.type)
+              );
+            }
+          }
 
-        if (fundamentalInstance !== null) {
-          unmountFundamentalComponent(fundamentalInstance);
-          current$$1.stateNode = null;
+          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          stopPhaseTimer();
         }
       }
 
       return;
     }
 
-    case DehydratedFragment: {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
-
-          if (onDeleted) {
-            onDeleted(current$$1.stateNode);
-          }
-        }
-      }
-
+    case HostRoot:
+    case HostComponent:
+    case HostText:
+    case HostPortal:
+    case IncompleteClassComponent:
+      // Nothing to do for these component types
       return;
-    }
+  }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        safelyDetachRef(current$$1);
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitNestedUnmounts(finishedRoot, 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
-  // we do an inner loop while we're still inside the host node.
-  var node = root;
-
-  while (true) {
-    commitUnmount(finishedRoot, node, renderPriorityLevel); // Visit children because they may contain more composite or host nodes.
-    // Skip portals because commitUnmount() currently visits them recursively.
+function commitHookEffectListUnmount(tag, finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
 
-    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 (lastEffect !== null) {
+    var firstEffect = lastEffect.next;
+    var effect = firstEffect;
 
-    if (node === root) {
-      return;
-    }
+    do {
+      if ((effect.tag & tag) === tag) {
+        // Unmount
+        var destroy = effect.destroy;
+        effect.destroy = undefined;
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === root) {
-        return;
+        if (destroy !== undefined) {
+          destroy();
+        }
       }
 
-      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;
+      effect = effect.next;
+    } while (effect !== firstEffect);
   }
-
-  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: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
-  }
-}
+function commitHookEffectListMount(tag, finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
 
-function getHostParentFiber(fiber) {
-  var parent = fiber.return;
-  while (parent !== null) {
-    if (isHostParent(parent)) {
-      return parent;
-    }
+  if (lastEffect !== null) {
+    var firstEffect = lastEffect.next;
+    var effect = firstEffect;
 
-    parent = parent.return;
-  }
+    do {
+      if ((effect.tag & tag) === tag) {
+        // Mount
+        var create = effect.create;
+        effect.destroy = create();
 
-  {
-    throw Error(
-      "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+        {
+          var destroy = effect.destroy;
 
-function isHostParent(fiber) {
-  return (
-    fiber.tag === HostComponent ||
-    fiber.tag === HostRoot ||
-    fiber.tag === HostPortal
-  );
-}
+          if (destroy !== undefined && typeof destroy !== "function") {
+            var addendum = void 0;
 
-function getHostSibling(fiber) {
-  // We're going to search forward into the tree until we find a sibling host
-  // node. Unfortunately, if multiple insertions are done in a row we have to
-  // search past them. This leads to exponential search for the next sibling.
-  // TODO: Find a more efficient way to do this.
-  var node = fiber;
+            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;
+            }
 
-  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;
+            error(
+              "An effect function must not return anything besides a function, " +
+                "which is used for clean-up.%s%s",
+              addendum,
+              getStackByFiberInDevAndProd(finishedWork)
+            );
+          }
+        }
       }
 
-      node = node.return;
-    }
+      effect = effect.next;
+    } while (effect !== firstEffect);
+  }
+}
 
-    node.sibling.return = node.return;
-    node = node.sibling;
+function commitPassiveHookEffects(finishedWork) {
+  if ((finishedWork.effectTag & Passive) !== NoEffect) {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case SimpleMemoComponent:
+      case Block: {
+        // TODO (#17945) We should call all passive destroy functions (for all fibers)
+        // before calling any create functions. The current approach only serializes
+        // these for a single fiber.
+        {
+          commitHookEffectListUnmount(Passive$1 | HasEffect, finishedWork);
+          commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
+        }
 
-    while (
-      node.tag !== HostComponent &&
-      node.tag !== HostText &&
-      node.tag !== DehydratedFragment
-    ) {
-      // If it is not host node and, we might have a host node inside it.
-      // Try to search down until we find one.
-      if (node.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;
+        break;
       }
-    } // 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.
+function commitLifeCycles(
+  finishedRoot,
+  current,
+  finishedWork,
+  committedExpirationTime
+) {
+  switch (finishedWork.tag) {
+    case FunctionComponent:
+    case ForwardRef:
+    case SimpleMemoComponent:
+    case Block: {
+      // At this point layout effects have already been destroyed (during mutation phase).
+      // This is done to prevent sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      {
+        commitHookEffectListMount(Layout | HasEffect, finishedWork);
+      }
 
-  var parent;
-  var isContainer;
-  var parentStateNode = parentFiber.stateNode;
+      return;
+    }
 
-  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;
-      }
+    case ClassComponent: {
+      var instance = finishedWork.stateNode;
 
-    // eslint-disable-next-line-no-fallthrough
+      if (finishedWork.effectTag & Update) {
+        if (current === 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.
 
-    default: {
-      throw Error(
-        "Invalid host parent fiber. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
+          {
+            if (
+              finishedWork.type === finishedWork.elementType &&
+              !didWarnAboutReassigningProps
+            ) {
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
 
-  if (parentFiber.effectTag & ContentReset) {
-    // Reset the text content of the parent before doing any insertions
-    resetTextContent(parent); // Clear ContentReset from the effect tag
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+            }
+          }
 
-    parentFiber.effectTag &= ~ContentReset;
-  }
+          {
+            instance.componentDidMount();
+          }
 
-  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.
+          stopPhaseTimer();
+        } else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          var prevState = current.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.
 
-  var node = finishedWork;
+          {
+            if (
+              finishedWork.type === finishedWork.elementType &&
+              !didWarnAboutReassigningProps
+            ) {
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
 
-  while (true) {
-    var isHost = node.tag === HostComponent || node.tag === HostText;
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+            }
+          }
 
-    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
-      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+          {
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          }
 
-      if (before) {
-        if (isContainer) {
-          insertInContainerBefore(parent, stateNode, before);
-        } else {
-          insertBefore(parent, stateNode, before);
-        }
-      } else {
-        if (isContainer) {
-          appendChildToContainer(parent, stateNode);
-        } else {
-          appendChild(parent, stateNode);
+          stopPhaseTimer();
         }
       }
-    } 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;
-    }
+      var updateQueue = finishedWork.updateQueue;
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === finishedWork) {
-        return;
+      if (updateQueue !== null) {
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
+          }
+        } // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+
+        commitUpdateQueue(finishedWork, updateQueue, instance);
       }
 
-      node = node.return;
+      return;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-}
+    case HostRoot: {
+      var _updateQueue = finishedWork.updateQueue;
 
-function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
-  // We only have the top Fiber that was deleted but we need to recurse down its
-  // children to find all the terminal nodes.
-  var node = current$$1; // Each iteration, currentParent is populated with node's host parent if not
-  // currentParentIsValid.
+      if (_updateQueue !== null) {
+        var _instance = null;
 
-  var currentParentIsValid = false; // Note: these two variables *must* always be updated together.
+        if (finishedWork.child !== null) {
+          switch (finishedWork.child.tag) {
+            case HostComponent:
+              _instance = getPublicInstance(finishedWork.child.stateNode);
+              break;
 
-  var currentParent;
-  var currentParentIsContainer;
+            case ClassComponent:
+              _instance = finishedWork.child.stateNode;
+              break;
+          }
+        }
 
-  while (true) {
-    if (!currentParentIsValid) {
-      var parent = node.return;
+        commitUpdateQueue(finishedWork, _updateQueue, _instance);
+      }
 
-      findParent: while (true) {
-        if (!(parent !== null)) {
-          throw Error(
-            "Expected to find a host parent. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
+      return;
+    }
 
-        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;
-            }
-        }
+    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.
 
-        parent = parent.return;
+      if (current === null && finishedWork.effectTag & Update) {
+        var type = finishedWork.type;
+        var props = finishedWork.memoizedProps;
+        commitMount();
       }
 
-      currentParentIsValid = true;
+      return;
     }
 
-    if (node.tag === HostComponent || node.tag === HostText) {
-      commitNestedUnmounts(finishedRoot, node, renderPriorityLevel); // After all the children have unmounted, it is now safe to remove the
-      // node from the tree.
+    case HostText: {
+      // We have no life-cycles associated with text.
+      return;
+    }
 
-      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(finishedRoot, 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 === DehydratedFragment
-    ) {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
+    case HostPortal: {
+      // We have no life-cycles associated with portals.
+      return;
+    }
 
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
+    case Profiler: {
+      {
+        var _finishedWork$memoize2 = finishedWork.memoizedProps,
+          onCommit = _finishedWork$memoize2.onCommit,
+          onRender = _finishedWork$memoize2.onRender;
+        var effectDuration = finishedWork.stateNode.effectDuration;
+        var commitTime = getCommitTime();
 
-          if (onDeleted) {
-            onDeleted(node.stateNode);
+        if (typeof onRender === "function") {
+          {
+            onRender(
+              finishedWork.memoizedProps.id,
+              current === null ? "mount" : "update",
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              commitTime,
+              finishedRoot.memoizedInteractions
+            );
           }
         }
-      } // 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(finishedRoot, node, renderPriorityLevel); // Visit children because we may find more host components below.
 
-      if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
+      return;
     }
 
-    if (node === current$$1) {
+    case SuspenseComponent: {
       return;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === current$$1) {
-        return;
-      }
-
-      node = node.return;
+    case SuspenseListComponent:
+    case IncompleteClassComponent:
+    case FundamentalComponent:
+    case ScopeComponent:
+      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;
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitDeletion(finishedRoot, current$$1, renderPriorityLevel) {
-  if (supportsMutation) {
-    // Recursively delete all host nodes from the parent.
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-  } else {
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitNestedUnmounts(finishedRoot, current$$1, renderPriorityLevel);
-  }
+function commitAttachRef(finishedWork) {
+  var ref = finishedWork.ref;
 
-  detachFiber(current$$1);
-}
+  if (ref !== null) {
+    var instance = finishedWork.stateNode;
+    var instanceToUse;
 
-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 HostComponent:
+        instanceToUse = getPublicInstance(instance);
+        break;
 
-      case Profiler: {
-        return;
-      }
+      default:
+        instanceToUse = instance;
+    } // Moved outside to ensure DCE works with this flag
 
-      case SuspenseComponent: {
-        commitSuspenseComponent(finishedWork);
-        attachSuspenseRetryListeners(finishedWork);
-        return;
-      }
-      case SuspenseListComponent: {
-        attachSuspenseRetryListeners(finishedWork);
-        return;
+    if (typeof ref === "function") {
+      ref(instanceToUse);
+    } else {
+      {
+        if (!ref.hasOwnProperty("current")) {
+          error(
+            "Unexpected ref object provided for %s. " +
+              "Use either a ref-setter function or React.createRef().%s",
+            getComponentName(finishedWork.type),
+            getStackByFiberInDevAndProd(finishedWork)
+          );
+        }
       }
 
-      case HostRoot: {
-        if (supportsHydration) {
-          var root = finishedWork.stateNode;
+      ref.current = instanceToUse;
+    }
+  }
+}
 
-          if (root.hydrate) {
-            // We've just hydrated. No need to hydrate again.
-            root.hydrate = false;
-            commitHydratedContainer(root.containerInfo);
-          }
-        }
+function commitDetachRef(current) {
+  var currentRef = current.ref;
 
-        break;
-      }
+  if (currentRef !== null) {
+    if (typeof currentRef === "function") {
+      currentRef(null);
+    } else {
+      currentRef.current = null;
     }
-
-    commitContainer(finishedWork);
-    return;
   }
+} // 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
 
-  switch (finishedWork.tag) {
+function commitUnmount(finishedRoot, current, renderPriorityLevel) {
+  onCommitUnmount(current);
+
+  switch (current.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.
+    case SimpleMemoComponent:
+    case Block: {
+      var updateQueue = current.updateQueue;
 
-        var updatePayload = finishedWork.updateQueue;
-        finishedWork.updateQueue = null;
+      if (updateQueue !== null) {
+        var lastEffect = updateQueue.lastEffect;
 
-        if (updatePayload !== null) {
-          commitUpdate(
-            instance,
-            updatePayload,
-            type,
-            oldProps,
-            newProps,
-            finishedWork
-          );
-        }
+        if (lastEffect !== null) {
+          var firstEffect = lastEffect.next;
 
-        if (enableFlareAPI) {
-          var prevListeners = oldProps.listeners;
-          var nextListeners = newProps.listeners;
+          {
+            // 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 _effect3 = effect,
+                  _destroy = _effect3.destroy,
+                  _tag = _effect3.tag;
+
+                if (_destroy !== undefined) {
+                  {
+                    safelyCallDestroy(current, _destroy);
+                  }
+                }
 
-          if (prevListeners !== nextListeners) {
-            updateEventListeners(nextListeners, finishedWork, null);
+                effect = effect.next;
+              } while (effect !== firstEffect);
+            });
           }
         }
       }
@@ -18935,164 +15839,199 @@ function commitWork(current$$1, finishedWork) {
       return;
     }
 
-    case HostText: {
-      if (!(finishedWork.stateNode !== null)) {
-        throw Error(
-          "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
+    case ClassComponent: {
+      safelyDetachRef(current);
+      var instance = current.stateNode;
 
-      var textInstance = finishedWork.stateNode;
-      var newText = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
-      // as the newProps. The updatePayload will contain the real change in
-      // this case.
+      if (typeof instance.componentWillUnmount === "function") {
+        safelyCallComponentWillUnmount(current, instance);
+      }
 
-      var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
-      commitTextUpdate(textInstance, oldText, newText);
       return;
     }
 
-    case HostRoot: {
-      if (supportsHydration) {
-        var _root = finishedWork.stateNode;
+    case HostComponent: {
+      safelyDetachRef(current);
+      return;
+    }
 
-        if (_root.hydrate) {
-          // We've just hydrated. No need to hydrate again.
-          _root.hydrate = false;
-          commitHydratedContainer(_root.containerInfo);
-        }
+    case HostPortal: {
+      // TODO: this is recursive.
+      // We are also not using this parent because
+      // the portal will get pushed immediately.
+      {
+        emptyPortalContainer(current);
       }
 
       return;
     }
 
-    case Profiler: {
+    case FundamentalComponent: {
       return;
     }
 
-    case SuspenseComponent: {
-      commitSuspenseComponent(finishedWork);
-      attachSuspenseRetryListeners(finishedWork);
+    case DehydratedFragment: {
       return;
     }
-    case SuspenseListComponent: {
-      attachSuspenseRetryListeners(finishedWork);
+
+    case ScopeComponent: {
       return;
     }
+  }
+}
 
-    case IncompleteClassComponent: {
+function commitNestedUnmounts(finishedRoot, 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
+  // we do an inner loop while we're still inside the host node.
+  var node = root;
+
+  while (true) {
+    commitUnmount(finishedRoot, 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.child.return = node;
+      node = node.child;
+      continue;
+    }
+
+    if (node === root) {
       return;
     }
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = finishedWork.stateNode;
-        updateFundamentalComponent(fundamentalInstance);
+    while (node.sibling === null) {
+      if (node.return === null || node.return === root) {
+        return;
       }
 
-      return;
+      node = node.return;
     }
 
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        var scopeInstance = finishedWork.stateNode;
-        scopeInstance.fiber = finishedWork;
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+}
 
-        if (enableFlareAPI) {
-          var _newProps = finishedWork.memoizedProps;
+function detachFiber(current) {
+  var alternate = current.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.
 
-          var _oldProps =
-            current$$1 !== null ? current$$1.memoizedProps : _newProps;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
 
-          var _prevListeners = _oldProps.listeners;
-          var _nextListeners = _newProps.listeners;
+  if (alternate !== null) {
+    detachFiber(alternate);
+  }
+}
 
-          if (_prevListeners !== _nextListeners) {
-            updateEventListeners(_nextListeners, finishedWork, null);
-          }
-        }
-      }
+function emptyPortalContainer(current) {
+  var portal = current.stateNode;
+  var containerInfo = portal.containerInfo;
+  var emptyChildSet = createContainerChildSet(containerInfo);
+}
 
+function commitContainer(finishedWork) {
+  switch (finishedWork.tag) {
+    case ClassComponent:
+    case HostComponent:
+    case HostText:
+    case FundamentalComponent: {
       return;
     }
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
+    case HostRoot:
+    case HostPortal: {
+      var portalOrRoot = finishedWork.stateNode;
+      var containerInfo = portalOrRoot.containerInfo,
+        pendingChildren = portalOrRoot.pendingChildren;
+      return;
     }
   }
-}
 
-function commitSuspenseComponent(finishedWork) {
-  var newState = finishedWork.memoizedState;
-  var newDidTimeout;
-  var primaryChildParent = finishedWork;
-
-  if (newState === null) {
-    newDidTimeout = false;
-  } else {
-    newDidTimeout = true;
-    primaryChildParent = finishedWork.child;
-    markCommitTimeOfFallback();
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
+}
 
-  if (supportsMutation && primaryChildParent !== null) {
-    hideOrUnhideAllChildren(primaryChildParent, newDidTimeout);
+function commitDeletion(finishedRoot, current, renderPriorityLevel) {
+  {
+    // Detach refs and call componentWillUnmount() on the whole subtree.
+    commitNestedUnmounts(finishedRoot, current, renderPriorityLevel);
   }
 
-  if (enableSuspenseCallback && newState !== null) {
-    var suspenseCallback = finishedWork.memoizedProps.suspenseCallback;
+  detachFiber(current);
+}
+
+function commitWork(current, finishedWork) {
+  {
+    switch (finishedWork.tag) {
+      case FunctionComponent:
+      case ForwardRef:
+      case MemoComponent:
+      case SimpleMemoComponent:
+      case Block: {
+        // Layout effects are destroyed during the mutation phase so that all
+        // destroy functions for all fibers are called before any create functions.
+        // This prevents sibling component effects from interfering with each other,
+        // e.g. a destroy function in one component should never override a ref set
+        // by a create function in another component during the same commit.
+        {
+          commitHookEffectListUnmount(Layout | HasEffect, finishedWork);
+        }
 
-    if (typeof suspenseCallback === "function") {
-      var thenables = finishedWork.updateQueue;
+        return;
+      }
 
-      if (thenables !== null) {
-        suspenseCallback(new Set(thenables));
+      case Profiler: {
+        return;
       }
-    } else {
-      if (suspenseCallback !== undefined) {
-        warning$1(false, "Unexpected type for suspenseCallback.");
+
+      case SuspenseComponent: {
+        commitSuspenseComponent(finishedWork);
+        attachSuspenseRetryListeners(finishedWork);
+        return;
+      }
+
+      case SuspenseListComponent: {
+        attachSuspenseRetryListeners(finishedWork);
+        return;
       }
     }
-  }
-}
 
-function commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
-  if (!supportsHydration) {
+    commitContainer(finishedWork);
     return;
   }
+}
 
+function commitSuspenseComponent(finishedWork) {
   var newState = finishedWork.memoizedState;
+  var primaryChildParent = finishedWork;
 
-  if (newState === null) {
-    var current$$1 = finishedWork.alternate;
-
-    if (current$$1 !== null) {
-      var prevState = current$$1.memoizedState;
-
-      if (prevState !== null) {
-        var suspenseInstance = prevState.dehydrated;
-
-        if (suspenseInstance !== null) {
-          commitHydratedSuspenseInstance(suspenseInstance);
-
-          if (enableSuspenseCallback) {
-            var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-            if (hydrationCallbacks !== null) {
-              var onHydrated = hydrationCallbacks.onHydrated;
-
-              if (onHydrated) {
-                onHydrated(suspenseInstance);
-              }
-            }
-          }
-        }
-      }
-    }
+  if (newState === null);
+  else {
+    primaryChildParent = finishedWork.child;
+    markCommitTimeOfFallback();
   }
 }
 
@@ -19115,7 +16054,7 @@ function attachSuspenseRetryListeners(finishedWork) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
 
       if (!retryCache.has(thenable)) {
-        if (enableSchedulerTracing) {
+        {
           if (thenable.__reactDoNotTraceInteractions !== true) {
             retry = tracing.unstable_wrap(retry);
           }
@@ -19128,14 +16067,6 @@ function attachSuspenseRetryListeners(finishedWork) {
   }
 }
 
-function commitResetTextContent(current$$1) {
-  if (!supportsMutation) {
-    return;
-  }
-
-  resetTextContent(current$$1.stateNode);
-}
-
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
 
 function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
@@ -19153,6 +16084,7 @@ function createRootErrorUpdate(fiber, errorInfo, expirationTime) {
     onUncaughtError(error);
     logError(fiber, errorInfo);
   };
+
   return update;
 }
 
@@ -19162,20 +16094,22 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
 
   if (typeof getDerivedStateFromError === "function") {
-    var error = errorInfo.value;
+    var error$1 = errorInfo.value;
 
     update.payload = function() {
       logError(fiber, errorInfo);
-      return getDerivedStateFromError(error);
+      return getDerivedStateFromError(error$1);
     };
   }
 
   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.
@@ -19187,24 +16121,24 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         logError(fiber, errorInfo);
       }
 
-      var error = errorInfo.value;
+      var error$1 = errorInfo.value;
       var stack = errorInfo.stack;
-      this.componentDidCatch(error, {
+      this.componentDidCatch(error$1, {
         componentStack: stack !== null ? stack : ""
       });
+
       {
         if (typeof getDerivedStateFromError !== "function") {
           // If componentDidCatch is the only error boundary method defined,
           // then it needs to call setState to recover from errors.
           // If no state update is scheduled then the boundary will swallow the error.
-          !(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;
+          if (fiber.expirationTime !== Sync) {
+            error(
+              "%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"
+            );
+          }
         }
       }
     };
@@ -19213,6 +16147,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
       markFailedErrorBoundaryForHotReloading(fiber);
     };
   }
+
   return update;
 }
 
@@ -19229,11 +16164,13 @@ function attachPingListener(root, renderExpirationTime, thenable) {
     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);
@@ -19266,7 +16203,22 @@ function throwException(
   ) {
     // This is a thenable.
     var thenable = value;
-    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    if ((sourceFiber.mode & BlockingMode) === NoMode) {
+      // Reset the memoizedState to what it was before we attempted
+      // to render it.
+      var currentSource = sourceFiber.alternate;
+
+      if (currentSource) {
+        sourceFiber.updateQueue = currentSource.updateQueue;
+        sourceFiber.memoizedState = currentSource.memoizedState;
+        sourceFiber.expirationTime = currentSource.expirationTime;
+      } else {
+        sourceFiber.updateQueue = null;
+        sourceFiber.memoizedState = null;
+      }
+    }
+
     var hasInvisibleParentBoundary = hasSuspenseContext(
       suspenseStackCursor.current,
       InvisibleParentSuspenseContext
@@ -19308,6 +16260,7 @@ function throwException(
 
           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
@@ -19401,6 +16354,7 @@ function throwException(
         var _errorInfo = value;
         workInProgress.effectTag |= ShouldCapture;
         workInProgress.expirationTime = renderExpirationTime;
+
         var _update = createRootErrorUpdate(
           workInProgress,
           _errorInfo,
@@ -19416,6 +16370,7 @@ function throwException(
         var errorInfo = value;
         var ctor = workInProgress.type;
         var instance = workInProgress.stateNode;
+
         if (
           (workInProgress.effectTag & DidCapture) === NoEffect &&
           (typeof ctor.getDerivedStateFromError === "function" ||
@@ -19437,9 +16392,6 @@ function throwException(
         }
 
         break;
-
-      default:
-        break;
     }
 
     workInProgress = workInProgress.return;
@@ -19447,18 +16399,15 @@ function throwException(
 }
 
 var ceil = Math.ceil;
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
-var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
 var NoContext =
   /*                    */
   0;
 var BatchedContext =
   /*               */
   1;
-var EventContext =
-  /*                 */
-  2;
 var DiscreteEventContext =
   /*         */
   4;
@@ -19484,7 +16433,7 @@ 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 renderExpirationTime$1 = NoWork; // Whether to root completed, errored, suspended, etc.
 
 var workInProgressRootExitStatus = RootIncomplete; // A fatal error, if one is thrown
 
@@ -19561,6 +16510,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   }
 
   var priorityLevel = getCurrentPriorityLevel();
+
   if ((mode & ConcurrentMode) === NoMode) {
     return priorityLevel === ImmediatePriority ? Sync : Batched;
   }
@@ -19568,7 +16518,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   if ((executionContext & RenderContext) !== NoContext) {
     // Use whatever time we're already rendering
     // TODO: Should there be a way to opt out, like with `runWithPriority`?
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   }
 
   var expirationTime;
@@ -19585,10 +16535,12 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
       case ImmediatePriority:
         expirationTime = Sync;
         break;
-      case UserBlockingPriority$1:
+
+      case UserBlockingPriority:
         // TODO: Rename this to computeUserBlockingExpiration
         expirationTime = computeInteractiveExpiration(currentTime);
         break;
+
       case NormalPriority:
       case LowPriority:
         // TODO: Handle LowPriority
@@ -19609,7 +16561,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   // 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) {
+
+  if (
+    workInProgressRoot !== null &&
+    expirationTime === renderExpirationTime$1
+  ) {
     // This is a trick to move this update into a separate batch
     expirationTime -= 1;
   }
@@ -19618,7 +16574,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
 }
 function scheduleUpdateOnFiber(fiber, expirationTime) {
   checkForNestedUpdates();
-  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+  warnAboutRenderPhaseUpdatesInDEV(fiber);
   var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
 
   if (root === null) {
@@ -19665,7 +16621,7 @@ function scheduleUpdateOnFiber(fiber, 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 === UserBlockingPriority ||
       priorityLevel === ImmediatePriority)
   ) {
     // This is the result of a discrete event. Track the lowest priority
@@ -19674,6 +16630,7 @@ function scheduleUpdateOnFiber(fiber, expirationTime) {
       rootsWithPendingDiscreteUpdates = new Map([[root, expirationTime]]);
     } else {
       var lastDiscreteTime = rootsWithPendingDiscreteUpdates.get(root);
+
       if (lastDiscreteTime === undefined || lastDiscreteTime > expirationTime) {
         rootsWithPendingDiscreteUpdates.set(root, expirationTime);
       }
@@ -19721,10 +16678,12 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
       ) {
         alternate.childExpirationTime = expirationTime;
       }
+
       if (node.return === null && node.tag === HostRoot) {
         root = node.stateNode;
         break;
       }
+
       node = node.return;
     }
   }
@@ -19749,7 +16708,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
         // scheduled before the root started rendering. Need to track the next
         // pending expiration time (perhaps by backtracking the return path) and
         // then trigger a restart in the `renderDidSuspendDelayIfPossible` path.
-        markRootSuspendedAtTime(root, renderExpirationTime);
+        markRootSuspendedAtTime(root, renderExpirationTime$1);
       }
     } // Mark that the root has a pending update.
 
@@ -19781,9 +16740,17 @@ function getNextRootExpirationTimeToWorkOn(root) {
 
   var lastPingedTime = root.lastPingedTime;
   var nextKnownPendingLevel = root.nextKnownPendingLevel;
-  return lastPingedTime > nextKnownPendingLevel
-    ? lastPingedTime
-    : nextKnownPendingLevel;
+  var nextLevel =
+    lastPingedTime > nextKnownPendingLevel
+      ? lastPingedTime
+      : nextKnownPendingLevel;
+
+  if (nextLevel <= Idle && firstPendingTime !== nextLevel) {
+    // Don't work on Idle/Never priority unless everything else is committed.
+    return NoWork;
+  }
+
+  return nextLevel;
 } // Use this function to schedule a task for a root. There's only one task per
 // root; if a task was already scheduled, we'll check to make sure the
 // expiration time of the existing task is the same as the expiration time of
@@ -19850,11 +16817,6 @@ function ensureRootIsScheduled(root) {
   if (expirationTime === Sync) {
     // Sync React callbacks are scheduled on a special internal queue
     callbackNode = scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
-  } else if (disableSchedulerTimeoutBasedOnReactExpirationTime) {
-    callbackNode = scheduleCallback(
-      priorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root)
-    );
   } else {
     callbackNode = scheduleCallback(
       priorityLevel,
@@ -19873,7 +16835,7 @@ function ensureRootIsScheduled(root) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   // 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;
+  currentEventTime = NoWork; // Check if the render expired.
 
   if (didTimeout) {
     // The render task took too long to complete. Mark the current time as
@@ -19888,83 +16850,50 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
 
   var expirationTime = getNextRootExpirationTimeToWorkOn(root);
 
-  if (expirationTime !== NoWork) {
-    var originalCallbackNode = root.callbackNode;
-
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
-
-    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);
-    } // If we have a work-in-progress fiber, it means there's still work to do
-    // in this root.
+  if (expirationTime === NoWork) {
+    return null;
+  }
 
-    if (workInProgress !== null) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
+  var originalCallbackNode = root.callbackNode;
 
-      do {
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
+  flushPassiveEffects();
+  var exitStatus = renderRootConcurrent(root, expirationTime);
 
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
+  if (exitStatus !== RootIncomplete) {
+    if (exitStatus === RootErrored) {
+      // If something threw an error, try rendering one more time. We'll
+      // render synchronously to block concurrent data mutations, and we'll
+      // render at Idle (or lower) so that all pending updates are included.
+      // If it still fails after the second attempt, we'll give up and commit
+      // the resulting tree.
+      expirationTime = expirationTime > Idle ? Idle : expirationTime;
+      exitStatus = renderRootSync(root, expirationTime);
+    }
 
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
+    if (exitStatus === RootFatalErrored) {
+      var fatalError = workInProgressRootFatalError;
+      prepareFreshStack(root, expirationTime);
+      markRootSuspendedAtTime(root, expirationTime);
+      ensureRootIsScheduled(root);
+      throw fatalError;
+    } // We now have a consistent tree. The next step is either to commit it,
+    // or, if something suspended, wait to commit it after a timeout.
 
-      if (workInProgress !== null) {
-        // There's still work left over. Exit without committing.
-        stopInterruptedWorkLoopTimer();
-      } else {
-        // 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 finishedWork = (root.finishedWork = root.current.alternate);
-        root.finishedExpirationTime = expirationTime;
-        finishConcurrentRender(
-          root,
-          finishedWork,
-          workInProgressRootExitStatus,
-          expirationTime
-        );
-      }
+    var finishedWork = (root.finishedWork = root.current.alternate);
+    root.finishedExpirationTime = expirationTime;
+    finishConcurrentRender(root, finishedWork, exitStatus, expirationTime);
+  }
 
-      ensureRootIsScheduled(root);
+  ensureRootIsScheduled(root);
 
-      if (root.callbackNode === originalCallbackNode) {
-        // The task node scheduled for this root is the same one that's
-        // currently executed. Need to return a continuation.
-        return performConcurrentWorkOnRoot.bind(null, root);
-      }
-    }
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
   }
 
   return null;
@@ -19976,9 +16905,6 @@ function finishConcurrentRender(
   exitStatus,
   expirationTime
 ) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
-
   switch (exitStatus) {
     case RootIncomplete:
     case RootFatalErrored: {
@@ -19991,19 +16917,9 @@ function finishConcurrentRender(
     // if I do. eslint-disable-next-line no-fallthrough
 
     case RootErrored: {
-      // If this was an async render, the error may have happened due to
-      // a mutation in a concurrent event. Try rendering one more time,
-      // synchronously, to see if the error goes away. If there are
-      // lower priority updates, let's include those, too, in case they
-      // fix the inconsistency. Render at Idle to include all updates.
-      // If it was Idle or Never or some not-yet-invented time, render
-      // at that time.
-      markRootExpiredAtTime(
-        root,
-        expirationTime > Idle ? Idle : expirationTime
-      ); // We assume that this second render pass will be synchronous
-      // and therefore not hit this path again.
-
+      // We should have already attempted to retry this tree. If we reached
+      // this point, it errored again. Commit it.
+      commitRoot(root);
       break;
     }
 
@@ -20013,9 +16929,7 @@ function finishConcurrentRender(
 
       if (expirationTime === lastSuspendedTime) {
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
-      }
-
-      flushSuspensePriorityWarningInDEV(); // We have an acceptable loading state. We need to figure out if we
+      } // 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
@@ -20026,7 +16940,7 @@ function finishConcurrentRender(
 
       if (
         hasNotProcessedNewUpdates && // do not delay if we're inside an act() scope
-        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+        !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
@@ -20090,12 +17004,7 @@ function finishConcurrentRender(
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
       }
 
-      flushSuspensePriorityWarningInDEV();
-
-      if (
-        // 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) {
@@ -20150,6 +17059,7 @@ function finishConcurrentRender(
           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;
@@ -20184,11 +17094,6 @@ function finishConcurrentRender(
       // The work completed. Ready to commit.
       if (
         // do not delay if we're inside an act() scope
-        !(
-          true &&
-          flushSuspenseFallbacksInTests &&
-          IsThisRendererActing.current
-        ) &&
         workInProgressRootLatestProcessedExpirationTime !== Sync &&
         workInProgressRootCanSuspendUsingConfig !== null
       ) {
@@ -20226,147 +17131,65 @@ function finishConcurrentRender(
 // through Scheduler
 
 function performSyncWorkOnRoot(root) {
-  // Check if there's expired work on this root. Otherwise, render at Sync.
-  var lastExpiredTime = root.lastExpiredTime;
-  var expirationTime = lastExpiredTime !== NoWork ? lastExpiredTime : Sync;
-
-  if (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.
-    commitRoot(root);
-  } else {
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-    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.
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  var expirationTime;
 
+  if (lastExpiredTime !== NoWork) {
+    // There's expired work on this root. Check if we have a partial tree
+    // that we can reuse.
     if (
-      root !== workInProgressRoot ||
-      expirationTime !== renderExpirationTime
+      root === workInProgressRoot &&
+      renderExpirationTime$1 >= lastExpiredTime
     ) {
-      prepareFreshStack(root, expirationTime);
-      startWorkOnPendingInteractions(root, expirationTime);
-    } // 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 = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
-
-      do {
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
-
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
-
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
-
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
-
-      if (workInProgress !== null) {
-        // This is a sync render, so we should have finished the whole tree.
-        {
-          throw Error(
-            "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-      } else {
-        // We now have a consistent tree. Because this is a sync render, we
-        // will commit it even if something suspended.
-        stopFinishedWorkLoopTimer();
-        root.finishedWork = root.current.alternate;
-        root.finishedExpirationTime = expirationTime;
-        finishSyncRender(root, workInProgressRootExitStatus, expirationTime);
-      } // Before exiting, make sure there's a callback scheduled for the next
-      // pending level.
-
-      ensureRootIsScheduled(root);
+      // There's a partial tree with equal or greater than priority than the
+      // expired level. Finish rendering it before rendering the rest of the
+      // expired work.
+      expirationTime = renderExpirationTime$1;
+    } else {
+      // Start a fresh tree.
+      expirationTime = lastExpiredTime;
     }
+  } else {
+    // There's no expired work. This must be a new, synchronous render.
+    expirationTime = Sync;
   }
 
-  return null;
-}
-
-function finishSyncRender(root, exitStatus, expirationTime) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
+  var exitStatus = renderRootSync(root, expirationTime);
 
-  {
-    if (exitStatus === RootSuspended || exitStatus === RootSuspendedWithDelay) {
-      flushSuspensePriorityWarningInDEV();
-    }
+  if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
+    // If something threw an error, try rendering one more time. We'll
+    // render synchronously to block concurrent data mutations, and we'll
+    // render at Idle (or lower) so that all pending updates are included.
+    // If it still fails after the second attempt, we'll give up and commit
+    // the resulting tree.
+    expirationTime = expirationTime > Idle ? Idle : expirationTime;
+    exitStatus = renderRootSync(root, expirationTime);
   }
 
-  commitRoot(root);
-}
-
-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;
-  }
+  if (exitStatus === RootFatalErrored) {
+    var fatalError = workInProgressRootFatalError;
+    prepareFreshStack(root, expirationTime);
+    markRootSuspendedAtTime(root, expirationTime);
+    ensureRootIsScheduled(root);
+    throw fatalError;
+  } // We now have a consistent tree. Because this is a sync render, we
+  // will commit it even if something suspended.
 
-  flushPendingDiscreteUpdates(); // If the discrete updates scheduled passive effects, flush them now so that
-  // they fire before the next serial event.
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+  commitRoot(root); // Before exiting, make sure there's a callback scheduled for the next
+  // pending level.
 
-  flushPassiveEffects();
+  ensureRootIsScheduled(root);
+  return null;
 }
-
 function syncUpdates(fn, a, b, c) {
-  return runWithPriority$1(ImmediatePriority, 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) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    }); // Now flush the immediate queue.
-
-    flushSyncCallbackQueue();
-  }
+  return runWithPriority(ImmediatePriority, fn.bind(null, a, b, c));
 }
 
 function batchedUpdates$1(fn, a) {
@@ -20384,38 +17207,6 @@ function batchedUpdates$1(fn, a) {
     }
   }
 }
-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) {
     {
@@ -20429,7 +17220,7 @@ function flushSync(fn, a) {
   executionContext |= BatchedContext;
 
   try {
-    return runWithPriority$1(ImmediatePriority, fn.bind(null, a));
+    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
@@ -20462,8 +17253,8 @@ function prepareFreshStack(root, expirationTime) {
   }
 
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestProcessedExpirationTime = Sync;
@@ -20472,13 +17263,12 @@ function prepareFreshStack(root, expirationTime) {
   workInProgressRootNextUnprocessedUpdateTime = NoWork;
   workInProgressRootHasPendingPing = false;
 
-  if (enableSchedulerTracing) {
+  {
     spawnedWorkDuringRender = null;
   }
 
   {
     ReactStrictModeWarnings.discardPendingWarnings();
-    componentsThatTriggeredHighPriSuspend = null;
   }
 }
 
@@ -20487,7 +17277,7 @@ function handleError(root, thrownValue) {
     try {
       // Reset module-level state that was set during the render phase.
       resetContextDependencies();
-      resetHooks();
+      resetHooksAfterThrow();
       resetCurrentFiber();
 
       if (workInProgress === null || workInProgress.return === null) {
@@ -20496,7 +17286,14 @@ function handleError(root, thrownValue) {
         // supposed to capture all errors that weren't caught by an error
         // boundary.
         workInProgressRootExitStatus = RootFatalErrored;
-        workInProgressRootFatalError = thrownValue;
+        workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
+        // sibling, or the parent if there are no siblings. But since the root
+        // has no siblings nor a parent, we set it to null. Usually this is
+        // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+        // interntionally not calling those, we need set it here.
+        // TODO: Consider calling `unwindWork` to pop the contexts.
+
+        workInProgress = null;
         return null;
       }
 
@@ -20512,7 +17309,7 @@ function handleError(root, thrownValue) {
         workInProgress.return,
         workInProgress,
         thrownValue,
-        renderExpirationTime
+        renderExpirationTime$1
       );
       workInProgress = completeUnitOfWork(workInProgress);
     } catch (yetAnotherThrownValue) {
@@ -20526,8 +17323,8 @@ function handleError(root, thrownValue) {
 }
 
 function pushDispatcher(root) {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
 
   if (prevDispatcher === null) {
     // The React isomorphic package does not include a default dispatcher.
@@ -20540,21 +17337,19 @@ function pushDispatcher(root) {
 }
 
 function popDispatcher(prevDispatcher) {
-  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
 }
 
 function pushInteractions(root) {
-  if (enableSchedulerTracing) {
+  {
     var prevInteractions = tracing.__interactionsRef.current;
     tracing.__interactionsRef.current = root.memoizedInteractions;
     return prevInteractions;
   }
-
-  return null;
 }
 
 function popInteractions(prevInteractions) {
-  if (enableSchedulerTracing) {
+  {
     tracing.__interactionsRef.current = prevInteractions;
   }
 }
@@ -20607,7 +17402,7 @@ function renderDidSuspendDelayIfPossible() {
     // pending update.
     // TODO: This should immediately interrupt the current render, instead
     // of waiting until the next time we yield.
-    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime);
+    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime$1);
     markRootUpdatedAtTime(
       workInProgressRoot,
       workInProgressRootNextUnprocessedUpdateTime
@@ -20646,6 +17441,56 @@ function inferTimeFromExpirationTimeWithSuspenseConfig(
     earliestExpirationTimeMs -
     (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
   );
+}
+
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  executionContext = prevExecutionContext;
+  popDispatcher(prevDispatcher);
+
+  if (workInProgress !== null) {
+    // This is a sync render, so we should have finished the whole tree.
+    {
+      throw Error(
+        "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+      );
+    }
+  }
+
+  stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
 } // The work loop is an extremely hot path. Tell Closure not to inline it.
 
 /** @noinline */
@@ -20656,6 +17501,55 @@ function workLoopSync() {
     workInProgress = performUnitOfWork(workInProgress);
   }
 }
+
+function renderRootConcurrent(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  popDispatcher(prevDispatcher);
+  executionContext = prevExecutionContext; // Check if the tree has completed.
+
+  if (workInProgress !== null) {
+    // Still work remaining.
+    stopInterruptedWorkLoopTimer();
+    return RootIncomplete;
+  } else {
+    // Completed the tree.
+    stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+    workInProgressRoot = null; // Return the final exit status.
+
+    return workInProgressRootExitStatus;
+  }
+}
 /** @noinline */
 
 function workLoopConcurrent() {
@@ -20669,21 +17563,22 @@ 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;
+  var current = unitOfWork.alternate;
   startWorkTimer(unitOfWork);
   setCurrentFiber(unitOfWork);
   var next;
 
-  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+  if ((unitOfWork.mode & ProfileMode) !== NoMode) {
     startProfilerTimer(unitOfWork);
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
     stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
   } else {
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
   }
 
   resetCurrentFiber();
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
+
   if (next === null) {
     // If this doesn't spawn new work, complete the current work.
     next = completeUnitOfWork(unitOfWork);
@@ -20697,25 +17592,23 @@ 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 current = 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);
+      if ((workInProgress.mode & ProfileMode) === NoMode) {
+        next = completeWork(current, workInProgress, renderExpirationTime$1);
       } else {
         startProfilerTimer(workInProgress);
-        next = completeWork(current$$1, workInProgress, renderExpirationTime); // Update render duration assuming we didn't error.
+        next = completeWork(current, workInProgress, renderExpirationTime$1); // Update render duration assuming we didn't error.
 
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
       }
@@ -20739,6 +17632,7 @@ function completeUnitOfWork(unitOfWork) {
         if (returnFiber.firstEffect === null) {
           returnFiber.firstEffect = workInProgress.firstEffect;
         }
+
         if (workInProgress.lastEffect !== null) {
           if (returnFiber.lastEffect !== null) {
             returnFiber.lastEffect.nextEffect = workInProgress.firstEffect;
@@ -20762,6 +17656,7 @@ function completeUnitOfWork(unitOfWork) {
           } else {
             returnFiber.firstEffect = workInProgress;
           }
+
           returnFiber.lastEffect = workInProgress;
         }
       }
@@ -20769,12 +17664,9 @@ function completeUnitOfWork(unitOfWork) {
       // 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.
+      var _next = unwindWork(workInProgress); // Because this fiber did not complete, don't reset its expiration time.
 
-      if (
-        enableProfilerTimer &&
-        (workInProgress.mode & ProfileMode) !== NoMode
-      ) {
+      if ((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.
 
@@ -20785,6 +17677,7 @@ function completeUnitOfWork(unitOfWork) {
           actualDuration += child.actualDuration;
           child = child.sibling;
         }
+
         workInProgress.actualDuration = actualDuration;
       }
 
@@ -20799,6 +17692,7 @@ function completeUnitOfWork(unitOfWork) {
         _next.effectTag &= HostEffectMask;
         return _next;
       }
+
       stopWorkTimer(workInProgress);
 
       if (returnFiber !== null) {
@@ -20835,7 +17729,7 @@ function getRemainingExpirationTime(fiber) {
 
 function resetChildExpirationTime(completedWork) {
   if (
-    renderExpirationTime !== Never &&
+    renderExpirationTime$1 !== Never &&
     completedWork.childExpirationTime === Never
   ) {
     // The children of this component are hidden. Don't bubble their
@@ -20845,7 +17739,7 @@ function resetChildExpirationTime(completedWork) {
 
   var newChildExpirationTime = NoWork; // Bubble up the earliest expiration time.
 
-  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+  if ((completedWork.mode & ProfileMode) !== NoMode) {
     // In profiling mode, resetChildExpirationTime is also used to reset
     // profiler durations.
     var actualDuration = completedWork.actualDuration;
@@ -20908,7 +17802,7 @@ function resetChildExpirationTime(completedWork) {
 
 function commitRoot(root) {
   var renderPriorityLevel = getCurrentPriorityLevel();
-  runWithPriority$1(
+  runWithPriority(
     ImmediatePriority,
     commitRootImpl.bind(null, root, renderPriorityLevel)
   );
@@ -20916,7 +17810,16 @@ function commitRoot(root) {
 }
 
 function commitRootImpl(root, renderPriorityLevel) {
-  flushPassiveEffects();
+  do {
+    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+    // means `flushPassiveEffects` will sometimes result in additional
+    // passive effects. So we need to keep flushing in a loop until there are
+    // no more pending effects.
+    // TODO: Might be better if `flushPassiveEffects` did not automatically
+    // flush synchronous work at the end, to avoid factoring hazards like this.
+    flushPassiveEffects();
+  } while (rootWithPendingPassiveEffects !== null);
+
   flushRenderPhaseStrictModeWarningsInDEV();
 
   if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
@@ -20960,8 +17863,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     // We can reset these now that they are finished.
     workInProgressRoot = null;
     workInProgress = null;
-    renderExpirationTime = NoWork;
-  } else {
+    renderExpirationTime$1 = NoWork;
   } // 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.
@@ -21016,9 +17918,10 @@ function commitRootImpl(root, renderPriorityLevel) {
         }
       }
     } 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();
@@ -21092,7 +17995,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
     requestPaint();
 
-    if (enableSchedulerTracing) {
+    {
       popInteractions(prevInteractions);
     }
 
@@ -21106,7 +18009,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     startCommitSnapshotEffectsTimer();
     stopCommitSnapshotEffectsTimer();
 
-    if (enableProfilerTimer) {
+    {
       recordCommitTime();
     }
 
@@ -21131,6 +18034,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     // 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;
@@ -21141,10 +18045,11 @@ function commitRootImpl(root, renderPriorityLevel) {
   var remainingExpirationTime = root.firstPendingTime;
 
   if (remainingExpirationTime !== NoWork) {
-    if (enableSchedulerTracing) {
+    {
       if (spawnedWorkDuringRender !== null) {
         var expirationTimes = spawnedWorkDuringRender;
         spawnedWorkDuringRender = null;
+
         for (var i = 0; i < expirationTimes.length; i++) {
           scheduleInteractions(
             root,
@@ -21162,7 +18067,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     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.
@@ -21216,8 +18121,8 @@ function commitBeforeMutationEffects() {
     if ((effectTag & Snapshot) !== NoEffect) {
       setCurrentFiber(nextEffect);
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+      var current = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current, nextEffect);
       resetCurrentFiber();
     }
 
@@ -21243,15 +18148,11 @@ function commitMutationEffects(root, renderPriorityLevel) {
     setCurrentFiber(nextEffect);
     var effectTag = nextEffect.effectTag;
 
-    if (effectTag & ContentReset) {
-      commitResetTextContent(nextEffect);
-    }
-
     if (effectTag & Ref) {
-      var current$$1 = nextEffect.alternate;
+      var current = nextEffect.alternate;
 
-      if (current$$1 !== null) {
-        commitDetachRef(current$$1);
+      if (current !== null) {
+        commitDetachRef(current);
       }
     } // The following switch statement is only concerned about placement,
     // updates, and deletions. To avoid needing to add a case for every possible
@@ -21263,7 +18164,6 @@ function commitMutationEffects(root, renderPriorityLevel) {
 
     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.
@@ -21273,8 +18173,6 @@ function commitMutationEffects(root, renderPriorityLevel) {
       }
 
       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
@@ -21323,8 +18221,8 @@ function commitLayoutEffects(root, committedExpirationTime) {
 
     if (effectTag & (Update | Callback)) {
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+      var current = nextEffect.alternate;
+      commitLifeCycles(root, current, nextEffect);
     }
 
     if (effectTag & Ref) {
@@ -21344,7 +18242,7 @@ function flushPassiveEffects() {
         ? NormalPriority
         : pendingPassiveEffectsRenderPriority;
     pendingPassiveEffectsRenderPriority = NoPriority;
-    return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl);
+    return runWithPriority(priorityLevel, flushPassiveEffectsImpl);
   }
 }
 
@@ -21364,36 +18262,40 @@ function flushPassiveEffectsImpl() {
 
   var prevExecutionContext = executionContext;
   executionContext |= CommitContext;
-  var prevInteractions = pushInteractions(root); // 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 prevInteractions = pushInteractions(root);
 
-  var effect = root.current.firstEffect;
+  {
+    // 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 _effect2 = root.current.firstEffect;
 
-  while (effect !== null) {
-    {
-      setCurrentFiber(effect);
-      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+    while (_effect2 !== null) {
+      {
+        setCurrentFiber(_effect2);
+        invokeGuardedCallback(null, commitPassiveHookEffects, null, _effect2);
 
-      if (hasCaughtError()) {
-        if (!(effect !== null)) {
-          throw Error("Should be working on an effect.");
+        if (hasCaughtError()) {
+          if (!(_effect2 !== null)) {
+            throw Error("Should be working on an effect.");
+          }
+
+          var _error5 = clearCaughtError();
+
+          captureCommitPhaseError(_effect2, _error5);
         }
 
-        var error = clearCaughtError();
-        captureCommitPhaseError(effect, error);
+        resetCurrentFiber();
       }
 
-      resetCurrentFiber();
-    }
-
-    var nextNextEffect = effect.nextEffect; // Remove nextEffect pointer to assist GC
+      var nextNextEffect = _effect2.nextEffect; // Remove nextEffect pointer to assist GC
 
-    effect.nextEffect = null;
-    effect = nextNextEffect;
+      _effect2.nextEffect = null;
+      _effect2 = nextNextEffect;
+    }
   }
 
-  if (enableSchedulerTracing) {
+  {
     popInteractions(prevInteractions);
     finishPendingInteractions(root, expirationTime);
   }
@@ -21427,6 +18329,7 @@ function prepareToThrowUncaughtError(error) {
     firstUncaughtError = error;
   }
 }
+
 var onUncaughtError = prepareToThrowUncaughtError;
 
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
@@ -21450,6 +18353,7 @@ function captureCommitPhaseError(sourceFiber, error) {
   }
 
   var fiber = sourceFiber.return;
+
   while (fiber !== null) {
     if (fiber.tag === HostRoot) {
       captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error);
@@ -21457,6 +18361,7 @@ function captureCommitPhaseError(sourceFiber, error) {
     } else if (fiber.tag === ClassComponent) {
       var ctor = fiber.type;
       var instance = fiber.stateNode;
+
       if (
         typeof ctor.getDerivedStateFromError === "function" ||
         (typeof instance.componentDidCatch === "function" &&
@@ -21492,7 +18397,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     pingCache.delete(thenable);
   }
 
-  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+  if (workInProgressRoot === root && renderExpirationTime$1 === 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.
@@ -21512,7 +18417,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     ) {
       // Restart from the root. Don't need to schedule a ping because
       // we're already working on this tree.
-      prepareFreshStack(root, renderExpirationTime);
+      prepareFreshStack(root, renderExpirationTime$1);
     } else {
       // Even though we can't restart right now, we might get an
       // opportunity later. So we mark this render as having a ping.
@@ -21535,13 +18440,6 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   } // Mark the time at which this ping was scheduled.
 
   root.lastPingedTime = suspendedTime;
-
-  if (root.finishedExpirationTime === suspendedTime) {
-    // If there's a pending fallback waiting to commit, throw it away.
-    root.finishedExpirationTime = NoWork;
-    root.finishedWork = null;
-  }
-
   ensureRootIsScheduled(root);
   schedulePendingInteractions(root, suspendedTime);
 }
@@ -21569,45 +18467,12 @@ function retryTimedOutBoundary(boundaryFiber, retryTime) {
     schedulePendingInteractions(root, retryTime);
   }
 }
-
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState;
-  var retryTime = NoWork;
-
-  if (suspenseState !== null) {
-    retryTime = suspenseState.retryTime;
-  }
-
-  retryTimedOutBoundary(boundaryFiber, retryTime);
-}
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryTime = NoWork; // Default
 
   var retryCache;
 
-  if (enableSuspenseServerRenderer) {
-    switch (boundaryFiber.tag) {
-      case SuspenseComponent:
-        retryCache = boundaryFiber.stateNode;
-        var suspenseState = boundaryFiber.memoizedState;
-
-        if (suspenseState !== null) {
-          retryTime = suspenseState.retryTime;
-        }
-
-        break;
-
-      case SuspenseListComponent:
-        retryCache = boundaryFiber.stateNode;
-        break;
-
-      default: {
-        throw Error(
-          "Pinged unknown suspense boundary type. This is probably a bug in React."
-        );
-      }
-    }
-  } else {
+  {
     retryCache = boundaryFiber.stateNode;
   }
 
@@ -21627,20 +18492,21 @@ function resolveRetryThenable(boundaryFiber, thenable) {
 // 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;
+    ? 480
+    : timeElapsed < 1080
+    ? 1080
+    : timeElapsed < 1920
+    ? 1920
+    : timeElapsed < 3000
+    ? 3000
+    : timeElapsed < 4320
+    ? 4320
+    : ceil(timeElapsed / 1960) * 1960;
 }
 
 function computeMsUntilSuspenseLoadingDelay(
@@ -21662,6 +18528,7 @@ function computeMsUntilSuspenseLoadingDelay(
     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.
@@ -21688,8 +18555,8 @@ function checkForNestedUpdates() {
   {
     if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
       nestedPassiveUpdateCount = 0;
-      warning$1(
-        false,
+
+      error(
         "Maximum update depth exceeded. This can happen when a component " +
           "calls setState inside useEffect, but useEffect either doesn't " +
           "have a dependency array, or one of the dependencies changes on " +
@@ -21703,7 +18570,7 @@ function flushRenderPhaseStrictModeWarningsInDEV() {
   {
     ReactStrictModeWarnings.flushLegacyContextWarning();
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
     }
   }
@@ -21724,9 +18591,8 @@ function stopInterruptedWorkLoopTimer() {
 
 function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
   if (
-    enableUserTimingAPI &&
     workInProgressRoot !== null &&
-    updateExpirationTime > renderExpirationTime
+    updateExpirationTime > renderExpirationTime$1
   ) {
     interruptedBy = fiberThatReceivedUpdate;
   }
@@ -21744,11 +18610,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       tag !== FunctionComponent &&
       tag !== ForwardRef &&
       tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
+      tag !== SimpleMemoComponent &&
+      tag !== Block
     ) {
       // 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";
@@ -21757,12 +18624,13 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       if (didWarnStateUpdateForUnmountedComponent.has(componentName)) {
         return;
       }
+
       didWarnStateUpdateForUnmountedComponent.add(componentName);
     } else {
       didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
     }
-    warningWithoutStack$1(
-      false,
+
+    error(
       "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",
@@ -21774,12 +18642,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
   }
 }
 
-var beginWork$$1;
+var beginWork$1;
 
-if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+{
   var dummyFiber = null;
 
-  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+  beginWork$1 = function(current, 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.
@@ -21789,8 +18657,9 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       dummyFiber,
       unitOfWork
     );
+
     try {
-      return beginWork$1(current$$1, unitOfWork, expirationTime);
+      return beginWork(current, unitOfWork, expirationTime);
     } catch (originalError) {
       if (
         originalError !== null &&
@@ -21803,7 +18672,7 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       // corresponding changes there.
 
       resetContextDependencies();
-      resetHooks(); // Don't reset current debug fiber, since we're about to work on the
+      resetHooksAfterThrow(); // Don't reset current debug fiber, since we're about to work on the
       // same fiber again.
       // Unwind the failed stack frame
 
@@ -21811,16 +18680,16 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
 
       assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
 
-      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+      if (unitOfWork.mode & ProfileMode) {
         // Reset the profiler timer.
         startProfilerTimer(unitOfWork);
       } // Run beginWork again.
 
       invokeGuardedCallback(
         null,
-        beginWork$1,
+        beginWork,
         null,
-        current$$1,
+        current,
         unitOfWork,
         expirationTime
       );
@@ -21836,38 +18705,37 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       }
     }
   };
-} else {
-  beginWork$$1 = beginWork$1;
 }
 
 var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInGetChildContext = false;
-function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+
+function warnAboutRenderPhaseUpdatesInDEV(fiber) {
   {
-    if (fiber.tag === ClassComponent) {
-      switch (phase) {
-        case "getChildContext":
-          if (didWarnAboutUpdateInGetChildContext) {
-            return;
-          }
-          warningWithoutStack$1(
-            false,
-            "setState(...): Cannot call setState() inside getChildContext()"
+    if ((executionContext & RenderContext) !== NoContext) {
+      switch (fiber.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          error(
+            "Cannot update a component from inside the function body of a " +
+              "different component."
           );
-          didWarnAboutUpdateInGetChildContext = true;
+
           break;
-        case "render":
-          if (didWarnAboutUpdateInRender) {
-            return;
+        }
+
+        case ClassComponent: {
+          if (isRendering && !didWarnAboutUpdateInRender) {
+            error(
+              "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;
           }
-          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;
+        }
       }
     }
   }
@@ -21876,89 +18744,6 @@ function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
 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,
@@ -21973,155 +18758,15 @@ function warnIfUnmockedScheduler(fiber) {
     ) {
       if (fiber.mode & BlockingMode || fiber.mode & ConcurrentMode) {
         didWarnAboutUnmockedScheduler = true;
-        warningWithoutStack$1(
-          false,
+
+        error(
           '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" +
+          "to guarantee consistent behaviour across tests and browsers. " +
+          "For example, with jest: \n" + // Break up requires to avoid accidentally parsing them as dependencies.
+            "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 useTransition to learn how " +
-            "to implement this pattern.", // TODO: Add link to React docs with more information, once it exists
-          componentNames.sort().join(", ")
-        );
       }
     }
   }
@@ -22133,9 +18778,6 @@ function computeThreadID(root, expirationTime) {
 }
 
 function markSpawnedWork(expirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
   if (spawnedWorkDuringRender === null) {
     spawnedWorkDuringRender = [expirationTime];
   } else {
@@ -22144,13 +18786,10 @@ function markSpawnedWork(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)) {
@@ -22169,6 +18808,7 @@ function scheduleInteractions(root, expirationTime, interactions) {
     }
 
     var subscriber = tracing.__subscriberRef.current;
+
     if (subscriber !== null) {
       var threadID = computeThreadID(root, expirationTime);
       subscriber.onWorkScheduled(interactions, threadID);
@@ -22177,21 +18817,10 @@ function scheduleInteractions(root, expirationTime, interactions) {
 }
 
 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.
 
@@ -22232,10 +18861,6 @@ function startWorkOnPendingInteractions(root, expirationTime) {
 }
 
 function finishPendingInteractions(root, committedExpirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   var earliestRemainingTimeAfterCommit = root.firstPendingTime;
   var subscriber;
 
@@ -22284,6 +18909,7 @@ function finishPendingInteractions(root, committedExpirationTime) {
   }
 }
 
+var onScheduleFiberRoot = null;
 var onCommitFiberRoot = null;
 var onCommitFiberUnmount = null;
 var hasLoggedError = false;
@@ -22302,10 +18928,10 @@ function injectInternals(internals) {
     // https://github.com/facebook/react/issues/3877
     return true;
   }
+
   if (!hook.supportsFiber) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "The installed version of React DevTools is too old and will not work " +
           "with the current version of React. Please update React DevTools. " +
           "https://fb.me/react-devtools"
@@ -22318,6 +18944,23 @@ function injectInternals(internals) {
   try {
     var rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
 
+    if (true) {
+      // Only used by Fast Refresh
+      if (typeof hook.onScheduleFiberRoot === "function") {
+        onScheduleFiberRoot = function(root, children) {
+          try {
+            hook.onScheduleFiberRoot(rendererID, root, children);
+          } catch (err) {
+            if (true && !hasLoggedError) {
+              hasLoggedError = true;
+
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        };
+      }
+    }
+
     onCommitFiberRoot = function(root, expirationTime) {
       try {
         var didError = (root.current.effectTag & DidCapture) === DidCapture;
@@ -22333,43 +18976,43 @@ function injectInternals(internals) {
           hook.onCommitFiberRoot(rendererID, root, undefined, didError);
         }
       } catch (err) {
-        if (true && !hasLoggedError) {
-          hasLoggedError = true;
-          warningWithoutStack$1(
-            false,
-            "React DevTools encountered an error: %s",
-            err
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation 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
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation 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
-      );
+      error("React instrumentation encountered an error: %s.", err);
     }
   } // DevTools exists
 
   return true;
 }
+function onScheduleRoot(root, children) {
+  if (typeof onScheduleFiberRoot === "function") {
+    onScheduleFiberRoot(root, children);
+  }
+}
 function onCommitRoot(root, expirationTime) {
   if (typeof onCommitFiberRoot === "function") {
     onCommitFiberRoot(root, expirationTime);
@@ -22431,7 +19074,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   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
@@ -22458,7 +19101,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   } // This is normally DEV-only except www when it adds listeners.
   // TODO: remove the User Timing integration in favor of Root Events.
 
-  if (enableUserTimingAPI) {
+  {
     this._debugID = debugCounter++;
     this._debugIsCurrentlyTiming = false;
   }
@@ -22486,6 +19129,7 @@ function FiberNode(tag, pendingProps, key, mode) {
 //    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);
@@ -22521,7 +19165,7 @@ function resolveLazyComponentTag(Component) {
   return IndeterminateComponent;
 } // This is used to create an alternate fiber to do work on.
 
-function createWorkInProgress(current, pendingProps, expirationTime) {
+function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
 
   if (workInProgress === null) {
@@ -22542,7 +19186,10 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
 
     {
       // DEV-only fields
-      workInProgress._debugID = current._debugID;
+      {
+        workInProgress._debugID = current._debugID;
+      }
+
       workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
@@ -22560,7 +19207,7 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
     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,
@@ -22592,13 +19239,14 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
   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:
@@ -22613,9 +19261,6 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
       case ForwardRef:
         workInProgress.type = resolveForwardRefForHotReloading(current.type);
         break;
-
-      default:
-        break;
     }
   }
 
@@ -22648,7 +19293,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
     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;
@@ -22674,7 +19319,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
             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;
@@ -22695,7 +19340,7 @@ function createHostRootFiber(tag) {
     mode = NoMode;
   }
 
-  if (enableProfilerTimer && isDevToolsPresent) {
+  if (isDevToolsPresent) {
     // Always collect profile timings when DevTools are present.
     // This enables DevTools to start capturing timing at any point–
     // Without some nodes in the tree having empty base times.
@@ -22764,12 +19409,14 @@ function createFiberFromTypeAndProps(
           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;
@@ -22792,29 +19439,10 @@ function createFiberFromTypeAndProps(
               fiberTag = LazyComponent;
               resolvedType = null;
               break getTag;
-            case REACT_FUNDAMENTAL_TYPE:
-              if (enableFundamentalAPI) {
-                return createFiberFromFundamental(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
 
-              break;
-
-            case REACT_SCOPE_TYPE:
-              if (enableScopeAPI) {
-                return createFiberFromScope(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
+            case REACT_BLOCK_TYPE:
+              fiberTag = Block;
+              break getTag;
           }
         }
 
@@ -22876,6 +19504,7 @@ function createFiberFromElement(element, mode, expirationTime) {
     mode,
     expirationTime
   );
+
   {
     fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
@@ -22888,38 +19517,11 @@ function createFiberFromFragment(elements, mode, expirationTime, key) {
   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 createFiberFromScope(scope, pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
-  fiber.type = scope;
-  fiber.elementType = scope;
-  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'
-      );
+    if (typeof pendingProps.id !== "string") {
+      error('Profiler must specify an "id" as a prop');
     }
   }
 
@@ -22928,6 +19530,14 @@ function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   fiber.elementType = REACT_PROFILER_TYPE;
   fiber.type = REACT_PROFILER_TYPE;
   fiber.expirationTime = expirationTime;
+
+  {
+    fiber.stateNode = {
+      effectDuration: 0,
+      passiveEffectDuration: 0
+    };
+  }
+
   return fiber;
 }
 
@@ -22950,6 +19560,7 @@ function createFiberFromSuspenseList(pendingProps, mode, expirationTime, key) {
     // instead.
     fiber.type = REACT_SUSPENSE_LIST_TYPE;
   }
+
   fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
   fiber.expirationTime = expirationTime;
   return fiber;
@@ -22959,18 +19570,6 @@ function createFiberFromText(content, mode, expirationTime) {
   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 createFiberFromDehydratedFragment(dehydratedNode) {
-  var fiber = createFiber(DehydratedFragment, null, null, NoMode);
-  fiber.stateNode = dehydratedNode;
-  return fiber;
-}
 function createFiberFromPortal(portal, mode, expirationTime) {
   var pendingProps = portal.children !== null ? portal.children : [];
   var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
@@ -23018,16 +19617,21 @@ function assignFiberPropertiesInDEV(target, source) {
   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._debugID = source._debugID;
+    target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  }
+
   target._debugSource = source._debugSource;
   target._debugOwner = source._debugOwner;
-  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
   return target;
@@ -23054,28 +19658,21 @@ function FiberRootNode(containerInfo, tag, hydrate) {
   this.lastPingedTime = NoWork;
   this.lastExpiredTime = NoWork;
 
-  if (enableSchedulerTracing) {
+  {
     this.interactionThreadID = tracing.unstable_getThreadID();
     this.memoizedInteractions = new Set();
     this.pendingInteractionMap = new Map();
   }
-
-  if (enableSuspenseCallback) {
-    this.hydrationCallbacks = null;
-  }
 }
 
 function createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks) {
   var root = new FiberRootNode(containerInfo, tag, hydrate);
-
-  if (enableSuspenseCallback) {
-    root.hydrationCallbacks = hydrationCallbacks;
-  } // Cyclic construction. This cheats the type system right now because
   // stateNode is any.
 
   var uninitializedFiber = createHostRootFiber(tag);
   root.current = uninitializedFiber;
   uninitializedFiber.stateNode = root;
+  initializeUpdateQueue(uninitializedFiber);
   return root;
 }
 function isRootSuspendedAtTime(root, expirationTime) {
@@ -23169,15 +19766,6 @@ function markRootExpiredAtTime(root, expirationTime) {
   }
 }
 
-// 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;
-
 var didWarnAboutNestedUpdates;
 var didWarnAboutFindNodeInStrictMode;
 
@@ -23196,39 +19784,13 @@ function getContextForSubtree(parentComponent) {
 
   if (fiber.tag === ClassComponent) {
     var Component = fiber.type;
-    if (isContextProvider(Component)) {
-      return processChildContext(fiber, Component, parentContext);
-    }
-  }
-
-  return parentContext;
-}
-
-function findHostInstance(component) {
-  var fiber = get(component);
-
-  if (fiber === undefined) {
-    if (typeof component.render === "function") {
-      {
-        throw Error("Unable to find node on an unmounted component.");
-      }
-    } else {
-      {
-        throw Error(
-          "Argument appears to not be a ReactComponent. Keys: " +
-            Object.keys(component)
-        );
-      }
-    }
-  }
-
-  var hostFiber = findCurrentHostFiber(fiber);
 
-  if (hostFiber === null) {
-    return null;
+    if (isContextProvider(Component)) {
+      return processChildContext(fiber, Component, parentContext);
+    }
   }
 
-  return hostFiber.stateNode;
+  return parentContext;
 }
 
 function findHostInstanceWithWarning(component, methodName) {
@@ -23263,8 +19825,7 @@ function findHostInstanceWithWarning(component, methodName) {
         didWarnAboutFindNodeInStrictMode[componentName] = true;
 
         if (fiber.mode & StrictMode) {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which is inside StrictMode. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23276,8 +19837,7 @@ function findHostInstanceWithWarning(component, methodName) {
             getStackByFiberInDevAndProd(hostFiber)
           );
         } else {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which renders StrictMode children. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23294,43 +19854,32 @@ function findHostInstanceWithWarning(component, methodName) {
 
     return hostFiber.stateNode;
   }
-
-  return findHostInstance(component);
 }
 
 function createContainer(containerInfo, tag, hydrate, hydrationCallbacks) {
-  return createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks);
+  return createFiberRoot(containerInfo, tag, hydrate);
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current;
+  {
+    onScheduleRoot(container, element);
+  }
+
+  var current$1 = container.current;
   var currentTime = requestCurrentTimeForUpdate();
 
   {
     // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
     if ("undefined" !== typeof jest) {
-      warnIfUnmockedScheduler(current$$1);
-      warnIfNotScopedWithMatchingAct(current$$1);
+      warnIfUnmockedScheduler(current$1);
     }
   }
+
   var suspenseConfig = requestCurrentSuspenseConfig();
   var expirationTime = computeExpirationForFiber(
     currentTime,
-    current$$1,
+    current$1,
     suspenseConfig
   );
-
-  {
-    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) {
@@ -23340,10 +19889,10 @@ function updateContainer(element, container, parentComponent, callback) {
   }
 
   {
-    if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
+    if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
       didWarnAboutNestedUpdates = true;
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Render methods should be a pure function of props and state; " +
           "triggering nested component updates from render is not allowed. " +
           "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
@@ -23362,719 +19911,173 @@ function updateContainer(element, container, parentComponent, callback) {
   callback = callback === undefined ? null : callback;
 
   if (callback !== null) {
-    !(typeof callback === "function")
-      ? warningWithoutStack$1(
-          false,
+    {
+      if (typeof callback !== "function") {
+        error(
           "render(...): Expected the last optional `callback` argument to be a " +
             "function. Instead received: %s.",
           callback
-        )
-      : void 0;
-    update.callback = callback;
-  }
-
-  enqueueUpdate(current$$1, update);
-  scheduleWork(current$$1, expirationTime);
-  return expirationTime;
-}
-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) {
-      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) {
-    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
-
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
-
-    scheduleWork(fiber, Sync);
-  };
-
-  scheduleUpdate = function(fiber) {
-    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.11.0";
-
-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; // 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; // 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; // 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;
-
-        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; // 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;
-      }
-
-      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;
-
-    if (
-      !(
-        !NativeMethodsMixin_DEV.componentWillMount &&
-        !NativeMethodsMixin_DEV.componentWillReceiveProps &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
-      )
-    ) {
-      throw 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;
+    update.callback = callback;
   }
 
-  return NativeMethodsMixin;
-};
-
-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 =
-    /*#__PURE__*/
-    (function(_React$Component) {
-      _inheritsLoose(ReactNativeComponent, _React$Component);
-
-      function ReactNativeComponent() {
-        return _React$Component.apply(this, arguments) || this;
-      }
+  enqueueUpdate(current$1, update);
+  scheduleWork(current$1, expirationTime);
+  return expirationTime;
+}
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
 
-      var _proto = ReactNativeComponent.prototype;
+  if (!containerFiber.child) {
+    return null;
+  }
 
-      /**
-       * Due to bugs in Flow's handling of React.createClass, some fields already
-       * declared in the base class need to be redeclared below.
-       */
+  switch (containerFiber.child.tag) {
+    case HostComponent:
+      return getPublicInstance(containerFiber.child.stateNode);
 
-      /**
-       * Removes focus. This is the opposite of `focus()`.
-       */
-      _proto.blur = function blur() {
-        ReactNativePrivateInterface.TextInputState.blurTextInput(
-          findNodeHandle(this)
-        );
-      };
-      /**
-       * Requests focus. The exact behavior depends on the platform and view.
-       */
+    default:
+      return containerFiber.child.stateNode;
+  }
+}
 
-      _proto.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.
-       */
-
-      _proto.measure = function measure(callback) {
-        var maybeInstance; // 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.
+var shouldSuspendImpl = function(fiber) {
+  return false;
+};
 
-        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.
+function shouldSuspend(fiber) {
+  return shouldSuspendImpl(fiber);
+}
+var overrideHookState = null;
+var overrideProps = null;
+var scheduleUpdate = null;
+var setSuspenseHandler = null;
 
-        if (maybeInstance == null) {
-          return;
-        }
+{
+  var copyWithSetImpl = function(obj, path, idx, value) {
+    if (idx >= path.length) {
+      return value;
+    }
 
-        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.
-       */
-
-      _proto.measureInWindow = function measureInWindow(callback) {
-        var maybeInstance; // 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.
+    var key = path[idx];
+    var updated = Array.isArray(obj) ? obj.slice() : Object.assign({}, obj); // $FlowFixMe number or string is fine here
 
-        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.
+    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+    return updated;
+  };
 
-        if (maybeInstance == null) {
-          return;
-        }
+  var copyWithSet = function(obj, path, value) {
+    return copyWithSetImpl(obj, path, 0, value);
+  }; // Support DevTools editable values for useState and useReducer.
 
-        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)`.
-       */
-
-      _proto.measureLayout = function measureLayout(
-        relativeToNativeNode,
-        onSuccess,
-        onFail
-      ) {
-        var maybeInstance; // 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.
+  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;
 
-        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.
+    while (currentHook !== null && id > 0) {
+      currentHook = currentHook.next;
+      id--;
+    }
 
-        if (maybeInstance == null) {
-          return;
-        }
+    if (currentHook !== null) {
+      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.
 
-        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;
+      fiber.memoizedProps = Object.assign({}, fiber.memoizedProps);
+      scheduleWork(fiber, Sync);
+    }
+  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-          if (typeof relativeToNativeNode === "number") {
-            // Already a node handle
-            relativeNode = relativeToNativeNode;
-          } else if (relativeToNativeNode._nativeTag) {
-            relativeNode = relativeToNativeNode._nativeTag;
-          }
+  overrideProps = function(fiber, path, value) {
+    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
 
-          if (relativeNode == null) {
-            warningWithoutStack$1(
-              false,
-              "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-            );
-            return;
-          }
+    if (fiber.alternate) {
+      fiber.alternate.pendingProps = fiber.pendingProps;
+    }
 
-          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)).
-       */
-
-      _proto.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; // 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.
+    scheduleWork(fiber, Sync);
+  };
 
-        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.
+  scheduleUpdate = function(fiber) {
+    scheduleWork(fiber, Sync);
+  };
 
-        if (maybeInstance == null) {
-          return;
-        }
+  setSuspenseHandler = function(newShouldSuspendImpl) {
+    shouldSuspendImpl = newShouldSuspendImpl;
+  };
+}
 
-        if (maybeInstance.canonical) {
-          warningWithoutStack$1(
-            false,
-            "Warning: setNativeProps is not currently supported in Fabric"
-          );
-          return;
-        }
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    overrideHookState: overrideHookState,
+    overrideProps: overrideProps,
+    setSuspenseHandler: setSuspenseHandler,
+    scheduleUpdate: scheduleUpdate,
+    currentDispatcherRef: ReactCurrentDispatcher,
+    findHostInstanceByFiber: function(fiber) {
+      var hostFiber = findCurrentHostFiber(fiber);
+
+      if (hostFiber === null) {
+        return null;
+      }
 
-        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 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;
+    }
+  });
+}
+var IsSomeRendererActing$1 = ReactSharedInternals.IsSomeRendererActing;
 
-      return ReactNativeComponent;
-    })(React.Component); // eslint-disable-next-line no-unused-expressions
+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
+  };
+}
 
-  return ReactNativeComponent;
-};
+// TODO: this is special because it gets imported during build.
+var ReactVersion = "16.13.0";
 
 var instanceCache = new Map();
 
@@ -24082,13 +20085,14 @@ function getInstanceFromTag(tag) {
   return instanceCache.get(tag) || null;
 }
 
-var emptyObject$3 = {};
+var emptyObject$1 = {};
 
 {
-  Object.freeze(emptyObject$3);
+  Object.freeze(emptyObject$1);
 }
 
 var getInspectorDataForViewTag;
+var getInspectorDataForViewAtPoint;
 
 {
   var traverseOwnerTreeUp = function(hierarchy, instance) {
@@ -24112,6 +20116,7 @@ var getInspectorDataForViewTag;
         return instance;
       }
     }
+
     return hierarchy[0];
   };
 
@@ -24119,10 +20124,10 @@ var getInspectorDataForViewTag;
     var host = findCurrentHostFiber(fiber);
 
     if (host) {
-      return host.memoizedProps || emptyObject$3;
+      return host.memoizedProps || emptyObject$1;
     }
 
-    return emptyObject$3;
+    return emptyObject$1;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -24150,28 +20155,65 @@ var getInspectorDataForViewTag;
         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
+            source: fiber._debugSource,
+            measure: function(callback) {
+              // If this is Fabric, we'll find a ShadowNode and use that to measure.
+              var hostFiber = findCurrentHostFiber(fiber);
+              var shadowNode =
+                hostFiber != null &&
+                hostFiber.stateNode !== null &&
+                hostFiber.stateNode.node;
+
+              if (shadowNode) {
+                nativeFabricUIManager.measure(shadowNode, callback);
+              } else {
+                return ReactNativePrivateInterface.UIManager.measure(
+                  getHostNode(fiber, findNodeHandle),
+                  callback
+                );
+              }
+            }
           };
         }
       };
     });
   };
 
+  var getInspectorDataForInstance = function(closestInstance) {
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject$1,
+        selectedIndex: null,
+        source: null
+      };
+    }
+
+    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+    var fiberHierarchy = getOwnerHierarchy(fiber);
+    var instance = lastNonHostInstance(fiberHierarchy);
+    var hierarchy = createHierarchy(fiberHierarchy);
+    var props = getHostProps(instance);
+    var source = instance._debugSource;
+    var selectedIndex = fiberHierarchy.indexOf(instance);
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selectedIndex: selectedIndex,
+      source: source
+    };
+  };
+
   getInspectorDataForViewTag = function(viewTag) {
     var closestInstance = getInstanceFromTag(viewTag); // Handle case where user clicks outside of ReactNative
 
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$3,
-        selection: null,
+        props: emptyObject$1,
+        selectedIndex: null,
         source: null
       };
     }
@@ -24182,36 +20224,122 @@ var getInspectorDataForViewTag;
     var hierarchy = createHierarchy(fiberHierarchy);
     var props = getHostProps(instance);
     var source = instance._debugSource;
-    var selection = fiberHierarchy.indexOf(instance);
+    var selectedIndex = fiberHierarchy.indexOf(instance);
     return {
       hierarchy: hierarchy,
       props: props,
-      selection: selection,
+      selectedIndex: selectedIndex,
       source: source
     };
   };
+
+  getInspectorDataForViewAtPoint = function(
+    findNodeHandle,
+    inspectedView,
+    locationX,
+    locationY,
+    callback
+  ) {
+    var closestInstance = null;
+
+    if (inspectedView._internalInstanceHandle != null) {
+      // For Fabric we can look up the instance handle directly and measure it.
+      nativeFabricUIManager.findNodeAtPoint(
+        inspectedView._internalInstanceHandle.stateNode.node,
+        locationX,
+        locationY,
+        function(internalInstanceHandle) {
+          if (internalInstanceHandle == null) {
+            callback(
+              Object.assign(
+                {
+                  pointerY: locationY,
+                  frame: {
+                    left: 0,
+                    top: 0,
+                    width: 0,
+                    height: 0
+                  }
+                },
+                getInspectorDataForInstance(closestInstance)
+              )
+            );
+          }
+
+          closestInstance =
+            internalInstanceHandle.stateNode.canonical._internalInstanceHandle;
+          nativeFabricUIManager.measure(
+            internalInstanceHandle.stateNode.node,
+            function(x, y, width, height, pageX, pageY) {
+              callback(
+                Object.assign(
+                  {
+                    pointerY: locationY,
+                    frame: {
+                      left: pageX,
+                      top: pageY,
+                      width: width,
+                      height: height
+                    }
+                  },
+                  getInspectorDataForInstance(closestInstance)
+                )
+              );
+            }
+          );
+        }
+      );
+    } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
+      // For Paper we fall back to the old strategy using the React tag.
+      ReactNativePrivateInterface.UIManager.findSubviewIn(
+        findNodeHandle(inspectedView),
+        [locationX, locationY],
+        function(nativeViewTag, left, top, width, height) {
+          var inspectorData = getInspectorDataForInstance(
+            getInstanceFromTag(nativeViewTag)
+          );
+          callback(
+            Object.assign({}, inspectorData, {
+              pointerY: locationY,
+              frame: {
+                left: left,
+                top: top,
+                width: width,
+                height: height
+              },
+              touchedViewTag: nativeViewTag
+            })
+          );
+        }
+      );
+    } else {
+      error(
+        "getInspectorDataForViewAtPoint expects to receieve a host component"
+      );
+
+      return;
+    }
+  };
 }
 
-var _nativeFabricUIManage = nativeFabricUIManager;
-var fabricDispatchCommand = _nativeFabricUIManage.dispatchCommand;
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
 
 function findHostInstance_DEPRECATED(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24251,20 +20379,20 @@ function findHostInstance_DEPRECATED(componentOrHandle) {
 
 function findNodeHandle(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24304,94 +20432,95 @@ function findNodeHandle(componentOrHandle) {
     // 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),
-  // This is needed for implementation details of TouchableNativeFeedback
-  // Remove this once TouchableNativeFeedback doesn't use cloneElement
-  findHostInstance_DEPRECATED: findHostInstance_DEPRECATED,
-  findNodeHandle: findNodeHandle,
-  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;
+function dispatchCommand(handle, command, args) {
+  if (handle._nativeTag == null) {
+    {
+      error(
+        "dispatchCommand was called with a ref that isn't a " +
+          "native component. Use React.forwardRef to get access to the underlying native component"
+      );
     }
 
-    fabricDispatchCommand(
+    return;
+  }
+
+  if (handle._internalInstanceHandle) {
+    nativeFabricUIManager.dispatchCommand(
       handle._internalInstanceHandle.stateNode.node,
       command,
       args
     );
-  },
-  render: function(element, containerTag, callback) {
-    var root = roots.get(containerTag);
+  } else {
+    ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+      handle._nativeTag,
+      command,
+      args
+    );
+  }
+}
 
-    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, null);
-      roots.set(containerTag, root);
-    }
+function render(element, containerTag, callback) {
+  var root = roots.get(containerTag);
 
-    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)
+  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);
+}
+
+function unmountComponentAtNode(containerTag) {
+  this.stopSurface(containerTag);
+}
+
+function stopSurface(containerTag) {
+  var root = roots.get(containerTag);
+
+  if (root) {
+    // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+  }
+}
+
+function createPortal$1(children, containerTag) {
+  var key =
+    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  return createPortal(children, containerTag, null, key);
+}
+
+setBatchingImplementation(batchedUpdates$1);
+var roots = new Map();
 injectIntoDevTools({
   findFiberByHostInstance: getInstanceFromInstance,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 1,
   version: ReactVersion,
-  rendererPackageName: "react-native-renderer"
-});
-
-var ReactFabric$2 = Object.freeze({
-  default: ReactFabric
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: getInspectorDataForViewTag,
+    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
+      null,
+      findNodeHandle
+    )
+  }
 });
 
-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;
+exports.createPortal = createPortal$1;
+exports.dispatchCommand = dispatchCommand;
+exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
+exports.findNodeHandle = findNodeHandle;
+exports.render = render;
+exports.stopSurface = stopSurface;
+exports.unmountComponentAtNode = unmountComponentAtNode;
 
   })();
 }
diff --git a/Libraries/Renderer/implementations/ReactFabric-prod.fb.js b/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
index 1977c28b91768a..278eba5fa3c464 100644
--- a/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
+++ b/Libraries/Renderer/implementations/ReactFabric-prod.fb.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @preventMunge
  * @generated
  */
@@ -14,85 +15,16 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-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 Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -163,74 +95,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -248,6 +112,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -272,15 +137,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -348,8 +219,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -502,53 +373,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -588,10 +433,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -681,13 +526,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -699,10 +538,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -856,10 +695,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -922,8 +761,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -947,50 +786,160 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_92 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_93 = !1,
+  pluginName$jscomp$inline_94;
+for (pluginName$jscomp$inline_94 in injectedNamesToPlugins$jscomp$inline_92)
+  if (
+    injectedNamesToPlugins$jscomp$inline_92.hasOwnProperty(
+      pluginName$jscomp$inline_94
+    )
+  ) {
+    var pluginModule$jscomp$inline_95 =
+      injectedNamesToPlugins$jscomp$inline_92[pluginName$jscomp$inline_94];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_94) ||
+      namesToPlugins[pluginName$jscomp$inline_94] !==
+        pluginModule$jscomp$inline_95
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_94])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_94 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_94
+      ] = pluginModule$jscomp$inline_95;
+      isOrderingDirty$jscomp$inline_93 = !0;
     }
   }
-});
-var enableNativeTargetAsInstance = require("../shims/ReactFeatureFlags")
-  .enableNativeTargetAsInstance;
+isOrderingDirty$jscomp$inline_93 && recomputePluginOrdering();
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
 }
@@ -999,14 +948,8 @@ getFiberCurrentPropsFromNode = function(inst) {
 };
 getInstanceFromNode = getInstanceFromInstance;
 getNodeFromInstance = function(inst) {
-  if (enableNativeTargetAsInstance) {
-    inst = inst.stateNode.canonical;
-    if (!inst._nativeTag)
-      throw Error("All native instances should have a tag.");
-    return inst;
-  }
-  inst = inst.stateNode.canonical._nativeTag;
-  if (!inst) throw Error("All native instances should have a tag.");
+  inst = inst.stateNode.canonical;
+  if (!inst._nativeTag) throw Error("All native instances should have a tag.");
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
@@ -1042,11 +985,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1056,9 +997,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1095,9 +1037,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1107,6 +1049,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1296,8 +1240,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1458,18 +1402,9 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               )))));
   return updatePayload;
 }
-var restoreTarget = null,
-  restoreQueue = null;
-function restoreStateOfTarget(target) {
-  if (getInstanceFromNode(target))
-    throw 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);
@@ -1477,48 +1412,35 @@ function batchedUpdates(fn, bookkeeping) {
   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]);
+    isInsideEventHandler = !1;
   }
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-(function(_React$Component) {
-  function ReactNativeComponent() {
-    return _React$Component.apply(this, arguments) || this;
+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);
   }
-  _inheritsLoose(ReactNativeComponent, _React$Component);
-  var _proto = ReactNativeComponent.prototype;
-  _proto.blur = function() {};
-  _proto.focus = function() {};
-  _proto.measure = function() {};
-  _proto.measureInWindow = function() {};
-  _proto.measureLayout = function() {};
-  _proto.setNativeProps = function() {};
-  return ReactNativeComponent;
-})(React.Component);
-new Map();
+}
 function dispatchEvent(target, topLevelType, nativeEvent) {
   var eventTarget = null;
-  enableNativeTargetAsInstance
-    ? null != target && (eventTarget = target.stateNode.canonical)
-    : (eventTarget = nativeEvent.target);
+  if (null != target) {
+    var stateNode = target.stateNode;
+    null != stateNode && (eventTarget = stateNode.canonical);
+  }
   batchedUpdates(function() {
     var events = eventTarget;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1556,21 +1478,21 @@ function shim$1() {
     "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,
+var _nativeFabricUIManage = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage.createNode,
+  cloneNode = _nativeFabricUIManage.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage.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,
+    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage.createChildSet,
+  appendChildNode = _nativeFabricUIManage.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+  completeRoot = _nativeFabricUIManage.completeRoot,
+  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
   getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
   nextReactTag = 2;
@@ -1589,10 +1511,10 @@ var ReactFabricHostComponent = (function() {
   }
   var _proto = ReactFabricHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     fabricMeasure(
@@ -1654,44 +1576,6 @@ function cloneHiddenInstance(instance) {
     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) {
@@ -1729,21 +1613,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1761,17 +1641,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1781,18 +1657,21 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 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 =
@@ -1803,6 +1682,7 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_LowPriority = Scheduler.unstable_LowPriority,
   Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
   fakeCallbackNode = {},
+  shouldYield = Scheduler.unstable_shouldYield,
   requestPaint =
     void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
   syncQueue = null,
@@ -1847,7 +1727,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
       throw Error("Unknown priority level.");
   }
 }
-function runWithPriority$1(reactPriorityLevel, fn) {
+function runWithPriority(reactPriorityLevel, fn) {
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
@@ -1879,7 +1759,7 @@ function flushSyncCallbackQueueImpl() {
     var i = 0;
     try {
       var queue = syncQueue;
-      runWithPriority$1(99, function() {
+      runWithPriority(99, function() {
         for (; i < queue.length; i++) {
           var callback = queue[i];
           do callback = callback(!0);
@@ -1902,10 +1782,10 @@ function flushSyncCallbackQueueImpl() {
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1919,11 +1799,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1941,14 +1858,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue2 = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2003,237 +1915,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2250,10 +2120,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2272,7 +2140,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2286,7 +2154,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2299,7 +2167,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2315,8 +2183,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2368,6 +2236,7 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
@@ -2375,16 +2244,8 @@ function mountClassInstance(
         ? previousContext
         : contextStackCursor.current),
       (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2400,21 +2261,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2426,7 +2284,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2438,19 +2296,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2502,8 +2360,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2528,31 +2386,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2564,51 +2417,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2971,39 +2818,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3053,8 +2909,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3081,11 +2936,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3140,16 +2991,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3166,23 +3017,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim$1() || shim$1()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3201,24 +3048,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3227,7 +3066,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3235,92 +3074,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3335,74 +3167,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3414,28 +3272,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3449,18 +3309,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3480,6 +3343,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3501,72 +3373,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3581,7 +3460,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3592,13 +3472,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3612,7 +3492,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3631,23 +3511,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3655,177 +3533,124 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
   },
-  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
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
       );
-    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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
+  },
+  ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3834,13 +3659,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3850,43 +3675,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3899,7 +3719,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3907,7 +3727,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3915,65 +3735,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3985,36 +3806,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4026,16 +3842,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4043,7 +3854,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4071,17 +3882,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4127,6 +3935,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4155,17 +3964,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4209,12 +4015,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4223,16 +4029,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4241,35 +4047,35 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
       : shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4280,7 +4086,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4303,7 +4109,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4315,32 +4121,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4362,15 +4166,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4379,7 +4182,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4388,7 +4191,7 @@ function updateSuspenseComponent(
         )
           (nextDidTimeout.return = renderExpirationTime),
             (nextDidTimeout = nextDidTimeout.sibling);
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4398,31 +4201,31 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
       mode,
@@ -4440,7 +4243,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4467,6 +4270,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4475,6 +4279,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4482,7 +4287,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4490,7 +4295,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4499,42 +4304,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
         }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4556,15 +4358,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4591,35 +4393,29 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4641,12 +4437,7 @@ appendAllChildren = function(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNode(parent.node, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4699,12 +4490,7 @@ function appendAllChildrenToContainer(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNodeToSet(containerChildSet, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4790,8 +4576,8 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
               ? cloneNodeWithNewProps(recyclableInstance, newProps)
               : cloneNode(recyclableInstance)
             : null !== newProps
-              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
-              : cloneNodeWithNewChildren(recyclableInstance),
+            ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+            : cloneNodeWithNewChildren(recyclableInstance),
           canonical: type.canonical
         }),
         (workInProgress.stateNode = type),
@@ -4801,16 +4587,17 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
   }
 };
 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));
+  oldText !== newText
+    ? ((current = requiredContext(rootInstanceStackCursor.current)),
+      (oldText = requiredContext(contextStackCursor$1.current)),
+      (workInProgress.stateNode = createTextInstance(
+        newText,
+        current,
+        oldText,
+        workInProgress
+      )),
+      (workInProgress.effectTag |= 4))
+    : (workInProgress.stateNode = current.stateNode);
 };
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
@@ -4836,47 +4623,346 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function unwindWork(workInProgress) {
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
+    case 2:
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 4096
-        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-          workInProgress)
-        : null;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw Error(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -4097) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
-        (effectTag = workInProgress.effectTag),
-        effectTag & 4096
-          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-            workInProgress)
-          : null
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
       );
-    case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    default:
+    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) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
+        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);
+      }
       return null;
-  }
-}
-function createCapturedValue(value, source) {
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          );
+        current = requiredContext(rootInstanceStackCursor.current);
+        rootContainerInstance = requiredContext(contextStackCursor$1.current);
+        workInProgress.stateNode = createTextInstance(
+          newProps,
+          current,
+          rootContainerInstance,
+          workInProgress
+        );
+      }
+      return null;
+    case 13:
+      pop(suspenseStackCursor);
+      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 & 1)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else {
+          if (
+            workInProgressRootExitStatus === RootIncomplete ||
+            workInProgressRootExitStatus === RootSuspended
+          )
+            workInProgressRootExitStatus = RootSuspendedWithDelay;
+          0 !== workInProgressRootNextUnprocessedUpdateTime &&
+            null !== workInProgressRoot &&
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
+            markRootUpdatedAtTime(
+              workInProgressRoot,
+              workInProgressRootNextUnprocessedUpdateTime
+            ));
+        }
+      newProps && (workInProgress.effectTag |= 4);
+      return null;
+    case 4:
+      return popHostContainer(), updateHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    case 17:
+      return isContextProvider(workInProgress.type) && popContext(), null;
+    case 19:
+      pop(suspenseStackCursor);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) return null;
+      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));
+                null === newProps.lastEffect &&
+                  (workInProgress.firstEffect = null);
+                workInProgress.lastEffect = newProps.lastEffect;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (renderExpirationTime = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (updatePayload = rootContainerInstance.alternate),
+                    null === updatePayload
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = renderExpirationTime),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null))
+                      : ((rootContainerInstance.childExpirationTime =
+                          updatePayload.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          updatePayload.expirationTime),
+                        (rootContainerInstance.child = updatePayload.child),
+                        (rootContainerInstance.memoizedProps =
+                          updatePayload.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          updatePayload.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          updatePayload.updateQueue),
+                        (renderExpirationTime = updatePayload.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === renderExpirationTime
+                            ? null
+                            : {
+                                expirationTime:
+                                  renderExpirationTime.expirationTime,
+                                firstContext: renderExpirationTime.firstContext,
+                                responders: renderExpirationTime.responders
+                              })),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              (current = current.updateQueue),
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4)),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail &&
+                "hidden" === newProps.tailMode &&
+                !updatePayload.alternate)
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
+          } else
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime =
+                renderExpirationTime - 1));
+        newProps.isBackwards
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
+      }
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
+          (current.sibling = null),
+          (workInProgress = suspenseStackCursor.current),
+          push(
+            suspenseStackCursor,
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
+          ),
+          current)
+        : null;
+  }
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext();
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 4096
+        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw Error(
+          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+        );
+      workInProgress.effectTag = (effectTag & -4097) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 4096
+          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+            workInProgress)
+          : null
+      );
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+function createCapturedValue(value, source) {
   return {
     value: value,
     source: source,
@@ -4926,102 +5012,180 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode.canonical;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      if (null === current && finishedWork.effectTag & 4)
+        throw Error(
+          "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+        );
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
       ) {
         var firstEffect = finishedRoot.next;
-        runWithPriority$1(
+        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;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -5031,42 +5195,41 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
-      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+      createChildNodeSet(current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
       return;
     case 12:
       return;
@@ -5079,19 +5242,20 @@ function commitWork(current$$1, finishedWork) {
       attachSuspenseRetryListeners(finishedWork);
       return;
   }
-  a: switch (finishedWork.tag) {
-    case 1:
-    case 5:
-    case 6:
-    case 20:
-      break a;
-    case 3:
-    case 4:
-      break a;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+  a: {
+    switch (finishedWork.tag) {
+      case 1:
+      case 5:
+      case 6:
+      case 20:
+        break a;
+      case 3:
+      case 4:
+        break a;
+    }
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 function attachSuspenseRetryListeners(finishedWork) {
@@ -5148,7 +5312,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5163,7 +5327,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5188,8 +5352,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5197,7 +5361,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5229,11 +5393,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5287,7 +5451,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5296,9 +5460,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5320,18 +5485,18 @@ function ensureRootIsScheduled(root) {
       1073741823 === expirationTime
         ? (priorityLevel = 99)
         : 1 === expirationTime || 2 === expirationTime
-          ? (priorityLevel = 95)
-          : ((priorityLevel =
-              10 * (1073741821 - expirationTime) -
-              10 * (1073741821 - priorityLevel)),
-            (priorityLevel =
-              0 >= priorityLevel
-                ? 99
-                : 250 >= priorityLevel
-                  ? 98
-                  : 5250 >= priorityLevel
-                    ? 97
-                    : 95));
+        ? (priorityLevel = 95)
+        : ((priorityLevel =
+            10 * (1073741821 - expirationTime) -
+            10 * (1073741821 - priorityLevel)),
+          (priorityLevel =
+            0 >= priorityLevel
+              ? 99
+              : 250 >= priorityLevel
+              ? 98
+              : 5250 >= priorityLevel
+              ? 97
+              : 95));
       if (null !== existingCallbackNode) {
         var existingCallbackPriority = root.callbackPriority;
         if (
@@ -5358,264 +5523,225 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime;
+  var exitStatus = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  executionContext = exitStatus;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && expirationTime === renderExpirationTime) ||
-      prepareFreshStack(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopConcurrent();
+      didTimeout);
+    expirationTime = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((expirationTime =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < expirationTime)
+        ) {
+          if (
+            workInProgressRootHasPendingPing &&
+            ((prevDispatcher = root.lastPingedTime),
+            0 === prevDispatcher || prevDispatcher >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
+            break;
+          }
+          prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== prevDispatcher && prevDispatcher !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
+            break;
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((expirationTime = root.lastPingedTime),
+          0 === expirationTime || expirationTime >= lastExpiredTime)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
+          break;
+        }
+        expirationTime = getNextRootExpirationTimeToWorkOn(root);
+        if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (expirationTime =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (expirationTime = 0)
+          : ((expirationTime =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (expirationTime = exitStatus - expirationTime),
+            0 > expirationTime && (expirationTime = 0),
+            (expirationTime =
+              (120 > expirationTime
+                ? 120
+                : 480 > expirationTime
+                ? 480
+                : 1080 > expirationTime
+                ? 1080
+                : 1920 > expirationTime
+                ? 1920
+                : 3e3 > expirationTime
+                ? 3e3
+                : 4320 > expirationTime
+                ? 4320
+                : 1960 * ceil(expirationTime / 1960)) - expirationTime),
+            lastExpiredTime < expirationTime &&
+              (expirationTime = lastExpiredTime));
+        if (10 < expirationTime) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          prevDispatcher = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          expirationTime = suspenseConfig.busyMinDurationMs | 0;
+          0 >= expirationTime
+            ? (expirationTime = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (prevDispatcher =
+                now() -
+                (10 * (1073741821 - prevDispatcher) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (expirationTime =
+                prevDispatcher <= exitStatus
+                  ? 0
+                  : exitStatus + expirationTime - prevDispatcher));
+          if (10 < expirationTime) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              expirationTime
             );
             break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (workInProgressRootHasPendingPing) {
-                var lastPingedTime = root.lastPingedTime;
-                if (0 === lastPingedTime || lastPingedTime >= expirationTime) {
-                  root.lastPingedTime = expirationTime;
-                  prepareFreshStack(root, expirationTime);
-                  break;
-                }
-              }
-              lastPingedTime = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== lastPingedTime && lastPingedTime !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              lastPingedTime = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (lastPingedTime =
-                    now() -
-                    (10 * (1073741821 - lastPingedTime) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    lastPingedTime <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        lastPingedTime));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
-            break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
     }
   }
-  return null;
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
 }
 function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
   var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && lastExpiredTime === renderExpirationTime) ||
-      prepareFreshStack(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
-    }
-  }
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
   return null;
 }
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
-  }
-}
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
   root.finishedExpirationTime = 0;
@@ -5627,26 +5753,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -5654,8 +5781,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -5667,19 +5794,32 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       a: {
         var root = root$jscomp$0,
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -5687,8 +5827,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -5703,10 +5852,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -5805,399 +5954,102 @@ function handleError(root$jscomp$0, thrownValue) {
         } while (null !== _workInProgress);
       }
       workInProgress = completeUnitOfWork(workInProgress);
-    } catch (yetAnotherThrownValue) {
-      thrownValue = yetAnotherThrownValue;
-      continue;
-    }
-    break;
-  } while (1);
-}
-function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
-  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
-    2 < expirationTime &&
-    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
-  null !== suspenseConfig &&
-    expirationTime < workInProgressRootLatestSuspenseTimeout &&
-    2 < expirationTime &&
-    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
-    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
-}
-function markUnprocessedUpdateTime(expirationTime) {
-  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
-    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
-}
-function workLoopSync() {
-  for (; null !== workInProgress; )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !Scheduler_shouldYield(); )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-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 & 2048)) {
-      a: {
-        var instance = 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);
-            instance = current$$1.stateNode;
-            instance.pendingContext &&
-              ((instance.context = instance.pendingContext),
-              (instance.pendingContext = null));
-            updateHostContainer(current$$1);
-            break;
-          case 5:
-            popHostContext(current$$1);
-            var rootContainerInstance = requiredContext(
-                rootInstanceStackCursor.current
-              ),
-              type = current$$1.type;
-            if (null !== instance && null != current$$1.stateNode)
-              updateHostComponent$1(
-                instance,
-                current$$1,
-                type,
-                newProps,
-                rootContainerInstance
-              ),
-                instance.ref !== current$$1.ref &&
-                  (current$$1.effectTag |= 128);
-            else if (newProps) {
-              requiredContext(contextStackCursor$1.current);
-              instance = current$$1;
-              renderExpirationTime$jscomp$0 = nextReactTag;
-              nextReactTag += 2;
-              type = getViewConfigForType(type);
-              var updatePayload = diffProperties(
-                null,
-                emptyObject,
-                newProps,
-                type.validAttributes
-              );
-              rootContainerInstance = createNode(
-                renderExpirationTime$jscomp$0,
-                type.uiViewClassName,
-                rootContainerInstance,
-                updatePayload,
-                instance
-              );
-              instance = new ReactFabricHostComponent(
-                renderExpirationTime$jscomp$0,
-                type,
-                newProps,
-                instance
-              );
-              instance = {
-                node: rootContainerInstance,
-                canonical: instance
-              };
-              appendAllChildren(instance, current$$1, !1, !1);
-              current$$1.stateNode = instance;
-              null !== current$$1.ref && (current$$1.effectTag |= 128);
-            } else if (null === current$$1.stateNode)
-              throw Error(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-              );
-            break;
-          case 6:
-            if (instance && null != current$$1.stateNode)
-              updateHostText$1(
-                instance,
-                current$$1,
-                instance.memoizedProps,
-                newProps
-              );
-            else {
-              if ("string" !== typeof newProps && null === current$$1.stateNode)
-                throw Error(
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                );
-              instance = requiredContext(rootInstanceStackCursor.current);
-              rootContainerInstance = requiredContext(
-                contextStackCursor$1.current
-              );
-              current$$1.stateNode = createTextInstance(
-                newProps,
-                instance,
-                rootContainerInstance,
-                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;
-            }
-            newProps = null !== newProps;
-            rootContainerInstance = !1;
-            null !== instance &&
-              ((renderExpirationTime$jscomp$0 = instance.memoizedState),
-              (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
-              newProps ||
-                null === renderExpirationTime$jscomp$0 ||
-                ((renderExpirationTime$jscomp$0 = instance.child.sibling),
-                null !== renderExpirationTime$jscomp$0 &&
-                  ((type = current$$1.firstEffect),
-                  null !== type
-                    ? ((current$$1.firstEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = type))
-                    : ((current$$1.firstEffect = current$$1.lastEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = null)),
-                  (renderExpirationTime$jscomp$0.effectTag = 8))));
-            if (
-              newProps &&
-              !rootContainerInstance &&
-              0 !== (current$$1.mode & 2)
-            )
-              if (
-                (null === instance &&
-                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
-                0 !== (suspenseStackCursor.current & 1)
-              )
-                workInProgressRootExitStatus === RootIncomplete &&
-                  (workInProgressRootExitStatus = RootSuspended);
-              else {
-                if (
-                  workInProgressRootExitStatus === RootIncomplete ||
-                  workInProgressRootExitStatus === RootSuspended
-                )
-                  workInProgressRootExitStatus = RootSuspendedWithDelay;
-                0 !== workInProgressRootNextUnprocessedUpdateTime &&
-                  null !== workInProgressRoot &&
-                  (markRootSuspendedAtTime(
-                    workInProgressRoot,
-                    renderExpirationTime
-                  ),
-                  markRootUpdatedAtTime(
-                    workInProgressRoot,
-                    workInProgressRootNextUnprocessedUpdateTime
-                  ));
-              }
-            newProps && (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 19:
-            pop(suspenseStackCursor, current$$1);
-            newProps = current$$1.memoizedState;
-            if (null === newProps) break;
-            rootContainerInstance = 0 !== (current$$1.effectTag & 64);
-            type = newProps.rendering;
-            if (null === type)
-              if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
-              else {
-                if (
-                  workInProgressRootExitStatus !== RootIncomplete ||
-                  (null !== instance && 0 !== (instance.effectTag & 64))
-                )
-                  for (instance = current$$1.child; null !== instance; ) {
-                    type = findFirstSuspended(instance);
-                    if (null !== type) {
-                      current$$1.effectTag |= 64;
-                      cutOffTailIfNeeded(newProps, !1);
-                      instance = type.updateQueue;
-                      null !== instance &&
-                        ((current$$1.updateQueue = instance),
-                        (current$$1.effectTag |= 4));
-                      null === newProps.lastEffect &&
-                        (current$$1.firstEffect = null);
-                      current$$1.lastEffect = newProps.lastEffect;
-                      instance = renderExpirationTime$jscomp$0;
-                      for (newProps = current$$1.child; null !== newProps; )
-                        (rootContainerInstance = newProps),
-                          (renderExpirationTime$jscomp$0 = instance),
-                          (rootContainerInstance.effectTag &= 2),
-                          (rootContainerInstance.nextEffect = null),
-                          (rootContainerInstance.firstEffect = null),
-                          (rootContainerInstance.lastEffect = null),
-                          (type = rootContainerInstance.alternate),
-                          null === type
-                            ? ((rootContainerInstance.childExpirationTime = 0),
-                              (rootContainerInstance.expirationTime = renderExpirationTime$jscomp$0),
-                              (rootContainerInstance.child = null),
-                              (rootContainerInstance.memoizedProps = null),
-                              (rootContainerInstance.memoizedState = null),
-                              (rootContainerInstance.updateQueue = null),
-                              (rootContainerInstance.dependencies = null))
-                            : ((rootContainerInstance.childExpirationTime =
-                                type.childExpirationTime),
-                              (rootContainerInstance.expirationTime =
-                                type.expirationTime),
-                              (rootContainerInstance.child = type.child),
-                              (rootContainerInstance.memoizedProps =
-                                type.memoizedProps),
-                              (rootContainerInstance.memoizedState =
-                                type.memoizedState),
-                              (rootContainerInstance.updateQueue =
-                                type.updateQueue),
-                              (renderExpirationTime$jscomp$0 =
-                                type.dependencies),
-                              (rootContainerInstance.dependencies =
-                                null === renderExpirationTime$jscomp$0
-                                  ? null
-                                  : {
-                                      expirationTime:
-                                        renderExpirationTime$jscomp$0.expirationTime,
-                                      firstContext:
-                                        renderExpirationTime$jscomp$0.firstContext,
-                                      responders:
-                                        renderExpirationTime$jscomp$0.responders
-                                    })),
-                          (newProps = newProps.sibling);
-                      push(
-                        suspenseStackCursor,
-                        (suspenseStackCursor.current & 1) | 2,
-                        current$$1
-                      );
-                      current$$1 = current$$1.child;
-                      break a;
-                    }
-                    instance = instance.sibling;
-                  }
-              }
-            else {
-              if (!rootContainerInstance)
-                if (
-                  ((instance = findFirstSuspended(type)), null !== instance)
-                ) {
-                  if (
-                    ((current$$1.effectTag |= 64),
-                    (rootContainerInstance = !0),
-                    (instance = instance.updateQueue),
-                    null !== instance &&
-                      ((current$$1.updateQueue = instance),
-                      (current$$1.effectTag |= 4)),
-                    cutOffTailIfNeeded(newProps, !0),
-                    null === newProps.tail &&
-                      "hidden" === newProps.tailMode &&
-                      !type.alternate)
-                  ) {
-                    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),
-                    (rootContainerInstance = !0),
-                    cutOffTailIfNeeded(newProps, !1),
-                    (current$$1.expirationTime = current$$1.childExpirationTime =
-                      renderExpirationTime$jscomp$0 - 1));
-              newProps.isBackwards
-                ? ((type.sibling = current$$1.child), (current$$1.child = type))
-                : ((instance = newProps.last),
-                  null !== instance
-                    ? (instance.sibling = type)
-                    : (current$$1.child = type),
-                  (newProps.last = type));
-            }
-            if (null !== newProps.tail) {
-              0 === newProps.tailExpiration &&
-                (newProps.tailExpiration = now() + 500);
-              instance = newProps.tail;
-              newProps.rendering = instance;
-              newProps.tail = instance.sibling;
-              newProps.lastEffect = current$$1.lastEffect;
-              instance.sibling = null;
-              newProps = suspenseStackCursor.current;
-              newProps = rootContainerInstance
-                ? (newProps & 1) | 2
-                : newProps & 1;
-              push(suspenseStackCursor, newProps, current$$1);
-              current$$1 = instance;
-              break a;
-            }
-            break;
-          case 20:
-            break;
-          case 21:
-            break;
-          default:
-            throw Error(
-              "Unknown unit of work tag (" +
-                current$$1.tag +
-                "). This error is likely caused by a bug in React. Please file an issue."
-            );
-        }
-        current$$1 = null;
-      }
-      instance = workInProgress;
-      if (1 === renderExpirationTime || 1 !== instance.childExpirationTime) {
-        newProps = 0;
+    } catch (yetAnotherThrownValue) {
+      thrownValue = yetAnotherThrownValue;
+      continue;
+    }
+    break;
+  } while (1);
+}
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    2 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    2 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function markUnprocessedUpdateTime(expirationTime) {
+  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
+    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
+}
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork$1(
+    unitOfWork.alternate,
+    unitOfWork,
+    renderExpirationTime$1
+  );
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next && (next = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 2048)) {
+      current = completeWork(current, workInProgress, renderExpirationTime$1);
+      if (
+        1 === renderExpirationTime$1 ||
+        1 !== workInProgress.childExpirationTime
+      ) {
         for (
-          rootContainerInstance = instance.child;
-          null !== rootContainerInstance;
+          var newChildExpirationTime = 0, _child = workInProgress.child;
+          null !== _child;
 
-        )
-          (renderExpirationTime$jscomp$0 =
-            rootContainerInstance.expirationTime),
-            (type = rootContainerInstance.childExpirationTime),
-            renderExpirationTime$jscomp$0 > newProps &&
-              (newProps = renderExpirationTime$jscomp$0),
-            type > newProps && (newProps = type),
-            (rootContainerInstance = rootContainerInstance.sibling);
-        instance.childExpirationTime = newProps;
+        ) {
+          var _childUpdateExpirationTime = _child.expirationTime,
+            _childChildExpirationTime = _child.childExpirationTime;
+          _childUpdateExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childUpdateExpirationTime);
+          _childChildExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childChildExpirationTime);
+          _child = _child.sibling;
+        }
+        workInProgress.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6212,15 +6064,14 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      current = unwindWork(workInProgress);
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6234,11 +6085,12 @@ function getRemainingExpirationTime(fiber) {
 }
 function commitRoot(root) {
   var renderPriorityLevel = getCurrentPriorityLevel();
-  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   return null;
 }
 function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$1.finishedWork,
@@ -6267,7 +6119,8 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
   expirationTime <= root$jscomp$1.lastExpiredTime &&
     (root$jscomp$1.lastExpiredTime = 0);
   root$jscomp$1 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6299,9 +6152,9 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6327,10 +6180,10 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               a: for (
                 var finishedRoot = root,
-                  root$jscomp$0 = current$$1$jscomp$0,
+                  root$jscomp$0 = current$jscomp$0,
                   renderPriorityLevel$jscomp$0 = renderPriorityLevel,
                   node = root$jscomp$0;
                 ;
@@ -6355,7 +6208,7 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
                   node.sibling.return = node.return;
                   node = node.sibling;
                 }
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6369,101 +6222,25 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (effectTag = expirationTime; null !== nextEffect; ) {
+        for (effectTag = root$jscomp$1; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            current$$1 = nextEffect;
-            currentRef = effectTag;
-            switch (current$$1.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, current$$1);
-                break;
-              case 1:
-                var instance = current$$1.stateNode;
-                if (current$$1.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      current$$1.elementType === current$$1.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            current$$1.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = current$$1.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(
-                    current$$1,
-                    updateQueue,
-                    instance,
-                    currentRef
-                  );
-                break;
-              case 3:
-                var _updateQueue = current$$1.updateQueue;
-                if (null !== _updateQueue) {
-                  root = null;
-                  if (null !== current$$1.child)
-                    switch (current$$1.child.tag) {
-                      case 5:
-                        root = current$$1.child.stateNode.canonical;
-                        break;
-                      case 1:
-                        root = current$$1.child.stateNode;
-                    }
-                  commitUpdateQueue(current$$1, _updateQueue, root, currentRef);
-                }
-                break;
-              case 5:
-                if (null === current$$1$jscomp$1 && current$$1.effectTag & 4)
-                  throw Error(
-                    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-                  );
-                break;
-              case 6:
-                break;
-              case 4:
-                break;
-              case 12:
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            current$$1 = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  current$$1 = instance$jscomp$0.canonical;
+                  current = instance.canonical;
                   break;
                 default:
-                  current$$1 = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(current$$1)
-                : (ref.current = current$$1);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6533,7 +6310,7 @@ function flushPassiveEffects() {
         ? 97
         : pendingPassiveEffectsRenderPriority;
     pendingPassiveEffectsRenderPriority = 90;
-    return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl);
+    return runWithPriority(priorityLevel, flushPassiveEffectsImpl);
   }
 }
 function flushPassiveEffectsImpl() {
@@ -6552,8 +6329,9 @@ function flushPassiveEffectsImpl() {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
       if (null === root) throw Error("Should be working on an effect.");
@@ -6604,20 +6382,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
-        ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
-        ensureRootIsScheduled(root)));
+        ((root.lastPingedTime = suspendedTime), ensureRootIsScheduled(root)));
 }
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
@@ -6629,12 +6404,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber && ensureRootIsScheduled(boundaryFiber);
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -6659,7 +6434,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue2);
+            context._currentValue2 = updateExpirationTime;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -6669,52 +6447,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -6726,41 +6492,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -6768,15 +6533,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -6792,127 +6557,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -6922,11 +6689,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -6935,13 +6701,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -6952,7 +6715,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -6960,7 +6723,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -6970,23 +6733,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -6996,7 +6759,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7006,7 +6769,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7016,27 +6779,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue2);
+        context$jscomp$0._currentValue2 = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7044,14 +6812,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7061,18 +6830,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7083,16 +6852,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7100,21 +6869,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7122,18 +6890,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7142,16 +6907,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7159,7 +6924,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7169,30 +6934,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7200,13 +6960,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7257,9 +7017,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7277,7 +7034,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7293,6 +7050,10 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.nextEffect = null),
       (workInProgress.firstEffect = null),
       (workInProgress.lastEffect = null));
+  if (null == current)
+    throw Error("current is " + current + " but it can't be");
+  if (null == workInProgress)
+    throw Error("workInProgress is " + workInProgress + " but it can't be");
   workInProgress.childExpirationTime = current.childExpirationTime;
   workInProgress.expirationTime = current.expirationTime;
   workInProgress.child = current.child;
@@ -7344,7 +7105,7 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
@@ -7352,7 +7113,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7360,7 +7121,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7384,6 +7145,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7391,24 +7155,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7467,11 +7231,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7486,14 +7245,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7544,8 +7299,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -7559,7 +7314,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -7570,8 +7324,8 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -7583,289 +7337,114 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactFabric$2 = { default: ReactFabric },
-  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
-module.exports = ReactFabric$3.default || ReactFabric$3;
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.render = function(element, containerTag, callback) {
+  var root = roots.get(containerTag);
+  if (!root) {
+    root = new FiberRootNode(containerTag, 0, !1);
+    var uninitializedFiber = new FiberNode(3, null, null, 0);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.stopSurface = function(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+};
+exports.unmountComponentAtNode = function(containerTag) {
+  this.stopSurface(containerTag);
+};
diff --git a/Libraries/Renderer/implementations/ReactFabric-prod.js b/Libraries/Renderer/implementations/ReactFabric-prod.js
index 21270fe18669b9..7df0e13f1f7fe1 100644
--- a/Libraries/Renderer/implementations/ReactFabric-prod.js
+++ b/Libraries/Renderer/implementations/ReactFabric-prod.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @providesModule ReactFabric-prod
  * @preventMunge
  * @generated
@@ -15,85 +16,16 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-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 Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -164,74 +96,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -249,6 +113,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -273,15 +138,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -349,8 +220,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -503,53 +374,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -589,10 +434,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -682,13 +527,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -700,10 +539,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -857,10 +696,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -923,8 +762,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -948,48 +787,160 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_92 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_93 = !1,
+  pluginName$jscomp$inline_94;
+for (pluginName$jscomp$inline_94 in injectedNamesToPlugins$jscomp$inline_92)
+  if (
+    injectedNamesToPlugins$jscomp$inline_92.hasOwnProperty(
+      pluginName$jscomp$inline_94
+    )
+  ) {
+    var pluginModule$jscomp$inline_95 =
+      injectedNamesToPlugins$jscomp$inline_92[pluginName$jscomp$inline_94];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_94) ||
+      namesToPlugins[pluginName$jscomp$inline_94] !==
+        pluginModule$jscomp$inline_95
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_94])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_94 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_94
+      ] = pluginModule$jscomp$inline_95;
+      isOrderingDirty$jscomp$inline_93 = !0;
     }
   }
-});
+isOrderingDirty$jscomp$inline_93 && recomputePluginOrdering();
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
 }
@@ -998,8 +949,8 @@ getFiberCurrentPropsFromNode = function(inst) {
 };
 getInstanceFromNode = getInstanceFromInstance;
 getNodeFromInstance = function(inst) {
-  inst = inst.stateNode.canonical._nativeTag;
-  if (!inst) throw Error("All native instances should have a tag.");
+  inst = inst.stateNode.canonical;
+  if (!inst._nativeTag) throw Error("All native instances should have a tag.");
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
@@ -1035,11 +986,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1049,9 +998,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1088,9 +1038,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1100,6 +1050,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1289,8 +1241,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1451,18 +1403,9 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               )))));
   return updatePayload;
 }
-var restoreTarget = null,
-  restoreQueue = null;
-function restoreStateOfTarget(target) {
-  if (getInstanceFromNode(target))
-    throw 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);
@@ -1470,46 +1413,35 @@ function batchedUpdates(fn, bookkeeping) {
   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]);
+    isInsideEventHandler = !1;
   }
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-(function(_React$Component) {
-  function ReactNativeComponent() {
-    return _React$Component.apply(this, arguments) || this;
+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);
   }
-  _inheritsLoose(ReactNativeComponent, _React$Component);
-  var _proto = ReactNativeComponent.prototype;
-  _proto.blur = function() {};
-  _proto.focus = function() {};
-  _proto.measure = function() {};
-  _proto.measureInWindow = function() {};
-  _proto.measureLayout = function() {};
-  _proto.setNativeProps = function() {};
-  return ReactNativeComponent;
-})(React.Component);
-new Map();
+}
 function dispatchEvent(target, topLevelType, nativeEvent) {
   var eventTarget = null;
-  eventTarget = nativeEvent.target;
+  if (null != target) {
+    var stateNode = target.stateNode;
+    null != stateNode && (eventTarget = stateNode.canonical);
+  }
   batchedUpdates(function() {
     var events = eventTarget;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1547,21 +1479,21 @@ function shim$1() {
     "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,
+var _nativeFabricUIManage = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage.createNode,
+  cloneNode = _nativeFabricUIManage.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage.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,
+    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage.createChildSet,
+  appendChildNode = _nativeFabricUIManage.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+  completeRoot = _nativeFabricUIManage.completeRoot,
+  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
   getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
   nextReactTag = 2;
@@ -1580,10 +1512,10 @@ var ReactFabricHostComponent = (function() {
   }
   var _proto = ReactFabricHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     fabricMeasure(
@@ -1645,44 +1577,6 @@ function cloneHiddenInstance(instance) {
     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) {
@@ -1720,21 +1614,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1752,17 +1642,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1772,18 +1658,21 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 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 =
@@ -1794,6 +1683,7 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_LowPriority = Scheduler.unstable_LowPriority,
   Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
   fakeCallbackNode = {},
+  shouldYield = Scheduler.unstable_shouldYield,
   requestPaint =
     void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
   syncQueue = null,
@@ -1838,7 +1728,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
       throw Error("Unknown priority level.");
   }
 }
-function runWithPriority$1(reactPriorityLevel, fn) {
+function runWithPriority(reactPriorityLevel, fn) {
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
@@ -1870,7 +1760,7 @@ function flushSyncCallbackQueueImpl() {
     var i = 0;
     try {
       var queue = syncQueue;
-      runWithPriority$1(99, function() {
+      runWithPriority(99, function() {
         for (; i < queue.length; i++) {
           var callback = queue[i];
           do callback = callback(!0);
@@ -1893,10 +1783,10 @@ function flushSyncCallbackQueueImpl() {
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1910,11 +1800,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1932,14 +1859,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue2 = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -1994,237 +1916,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2241,10 +2121,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2263,7 +2141,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2277,7 +2155,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2290,7 +2168,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2306,8 +2184,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2359,6 +2237,7 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
@@ -2366,16 +2245,8 @@ function mountClassInstance(
         ? previousContext
         : contextStackCursor.current),
       (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2391,21 +2262,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2417,7 +2285,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2429,19 +2297,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2493,8 +2361,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2519,31 +2387,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2555,51 +2418,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2962,39 +2819,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3044,8 +2910,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3072,11 +2937,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3131,16 +2992,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3157,23 +3018,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim$1() || shim$1()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3192,24 +3049,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3218,7 +3067,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3226,92 +3075,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3326,74 +3168,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3405,28 +3273,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3440,18 +3310,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3471,6 +3344,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3492,72 +3374,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3572,7 +3461,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3583,13 +3473,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3603,7 +3493,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3622,23 +3512,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3646,177 +3534,124 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
   },
-  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
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
       );
-    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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
+  },
+  ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3825,13 +3660,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3841,43 +3676,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3890,7 +3720,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3898,7 +3728,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3906,65 +3736,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3976,36 +3807,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4017,16 +3843,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4034,7 +3855,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4062,17 +3883,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4118,6 +3936,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4146,17 +3965,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4200,12 +4016,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4214,16 +4030,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4232,35 +4048,35 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
       : shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4271,7 +4087,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4294,7 +4110,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4306,32 +4122,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4353,15 +4167,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4370,7 +4183,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4379,7 +4192,7 @@ function updateSuspenseComponent(
         )
           (nextDidTimeout.return = renderExpirationTime),
             (nextDidTimeout = nextDidTimeout.sibling);
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4389,31 +4202,31 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
       mode,
@@ -4431,7 +4244,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4458,6 +4271,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4466,6 +4280,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4473,7 +4288,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4481,7 +4296,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4490,42 +4305,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
         }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4547,15 +4359,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4582,35 +4394,29 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4632,12 +4438,7 @@ appendAllChildren = function(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNode(parent.node, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4690,12 +4491,7 @@ function appendAllChildrenToContainer(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNodeToSet(containerChildSet, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4781,8 +4577,8 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
               ? cloneNodeWithNewProps(recyclableInstance, newProps)
               : cloneNode(recyclableInstance)
             : null !== newProps
-              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
-              : cloneNodeWithNewChildren(recyclableInstance),
+            ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+            : cloneNodeWithNewChildren(recyclableInstance),
           canonical: type.canonical
         }),
         (workInProgress.stateNode = type),
@@ -4792,16 +4588,17 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
   }
 };
 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));
+  oldText !== newText
+    ? ((current = requiredContext(rootInstanceStackCursor.current)),
+      (oldText = requiredContext(contextStackCursor$1.current)),
+      (workInProgress.stateNode = createTextInstance(
+        newText,
+        current,
+        oldText,
+        workInProgress
+      )),
+      (workInProgress.effectTag |= 4))
+    : (workInProgress.stateNode = current.stateNode);
 };
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
@@ -4827,48 +4624,347 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function unwindWork(workInProgress) {
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
+    case 2:
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 4096
-        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-          workInProgress)
-        : null;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw Error(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -4097) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
-        (effectTag = workInProgress.effectTag),
-        effectTag & 4096
-          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-            workInProgress)
-          : null
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
       );
-    case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    default:
+    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) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
+        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);
+      }
       return null;
-  }
-}
-function createCapturedValue(value, source) {
-  return {
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          );
+        current = requiredContext(rootInstanceStackCursor.current);
+        rootContainerInstance = requiredContext(contextStackCursor$1.current);
+        workInProgress.stateNode = createTextInstance(
+          newProps,
+          current,
+          rootContainerInstance,
+          workInProgress
+        );
+      }
+      return null;
+    case 13:
+      pop(suspenseStackCursor);
+      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 & 1)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else {
+          if (
+            workInProgressRootExitStatus === RootIncomplete ||
+            workInProgressRootExitStatus === RootSuspended
+          )
+            workInProgressRootExitStatus = RootSuspendedWithDelay;
+          0 !== workInProgressRootNextUnprocessedUpdateTime &&
+            null !== workInProgressRoot &&
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
+            markRootUpdatedAtTime(
+              workInProgressRoot,
+              workInProgressRootNextUnprocessedUpdateTime
+            ));
+        }
+      newProps && (workInProgress.effectTag |= 4);
+      return null;
+    case 4:
+      return popHostContainer(), updateHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    case 17:
+      return isContextProvider(workInProgress.type) && popContext(), null;
+    case 19:
+      pop(suspenseStackCursor);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) return null;
+      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));
+                null === newProps.lastEffect &&
+                  (workInProgress.firstEffect = null);
+                workInProgress.lastEffect = newProps.lastEffect;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (renderExpirationTime = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (updatePayload = rootContainerInstance.alternate),
+                    null === updatePayload
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = renderExpirationTime),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null))
+                      : ((rootContainerInstance.childExpirationTime =
+                          updatePayload.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          updatePayload.expirationTime),
+                        (rootContainerInstance.child = updatePayload.child),
+                        (rootContainerInstance.memoizedProps =
+                          updatePayload.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          updatePayload.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          updatePayload.updateQueue),
+                        (renderExpirationTime = updatePayload.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === renderExpirationTime
+                            ? null
+                            : {
+                                expirationTime:
+                                  renderExpirationTime.expirationTime,
+                                firstContext: renderExpirationTime.firstContext,
+                                responders: renderExpirationTime.responders
+                              })),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              (current = current.updateQueue),
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4)),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail &&
+                "hidden" === newProps.tailMode &&
+                !updatePayload.alternate)
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
+          } else
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime =
+                renderExpirationTime - 1));
+        newProps.isBackwards
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
+      }
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
+          (current.sibling = null),
+          (workInProgress = suspenseStackCursor.current),
+          push(
+            suspenseStackCursor,
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
+          ),
+          current)
+        : null;
+  }
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext();
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 4096
+        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw Error(
+          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+        );
+      workInProgress.effectTag = (effectTag & -4097) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 4096
+          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+            workInProgress)
+          : null
+      );
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    default:
+      return null;
+  }
+}
+function createCapturedValue(value, source) {
+  return {
     value: value,
     source: source,
     stack: getStackByFiberInDevAndProd(source)
@@ -4917,102 +5013,180 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode.canonical;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      if (null === current && finishedWork.effectTag & 4)
+        throw Error(
+          "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+        );
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
       ) {
         var firstEffect = finishedRoot.next;
-        runWithPriority$1(
+        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;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -5022,42 +5196,41 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
-      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+      createChildNodeSet(current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
       return;
     case 12:
       return;
@@ -5070,19 +5243,20 @@ function commitWork(current$$1, finishedWork) {
       attachSuspenseRetryListeners(finishedWork);
       return;
   }
-  a: switch (finishedWork.tag) {
-    case 1:
-    case 5:
-    case 6:
-    case 20:
-      break a;
-    case 3:
-    case 4:
-      break a;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+  a: {
+    switch (finishedWork.tag) {
+      case 1:
+      case 5:
+      case 6:
+      case 20:
+        break a;
+      case 3:
+      case 4:
+        break a;
+    }
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 function attachSuspenseRetryListeners(finishedWork) {
@@ -5139,7 +5313,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5154,7 +5328,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5179,8 +5353,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5188,7 +5362,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5220,11 +5394,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5278,7 +5452,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5287,9 +5461,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5311,18 +5486,18 @@ function ensureRootIsScheduled(root) {
       1073741823 === expirationTime
         ? (priorityLevel = 99)
         : 1 === expirationTime || 2 === expirationTime
-          ? (priorityLevel = 95)
-          : ((priorityLevel =
-              10 * (1073741821 - expirationTime) -
-              10 * (1073741821 - priorityLevel)),
-            (priorityLevel =
-              0 >= priorityLevel
-                ? 99
-                : 250 >= priorityLevel
-                  ? 98
-                  : 5250 >= priorityLevel
-                    ? 97
-                    : 95));
+        ? (priorityLevel = 95)
+        : ((priorityLevel =
+            10 * (1073741821 - expirationTime) -
+            10 * (1073741821 - priorityLevel)),
+          (priorityLevel =
+            0 >= priorityLevel
+              ? 99
+              : 250 >= priorityLevel
+              ? 98
+              : 5250 >= priorityLevel
+              ? 97
+              : 95));
       if (null !== existingCallbackNode) {
         var existingCallbackPriority = root.callbackPriority;
         if (
@@ -5349,264 +5524,225 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime;
+  var exitStatus = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  executionContext = exitStatus;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && expirationTime === renderExpirationTime) ||
-      prepareFreshStack(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopConcurrent();
+      didTimeout);
+    expirationTime = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((expirationTime =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < expirationTime)
+        ) {
+          if (
+            workInProgressRootHasPendingPing &&
+            ((prevDispatcher = root.lastPingedTime),
+            0 === prevDispatcher || prevDispatcher >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
+            break;
+          }
+          prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== prevDispatcher && prevDispatcher !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
+            break;
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((expirationTime = root.lastPingedTime),
+          0 === expirationTime || expirationTime >= lastExpiredTime)
+        ) {
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
+          break;
+        }
+        expirationTime = getNextRootExpirationTimeToWorkOn(root);
+        if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (expirationTime =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (expirationTime = 0)
+          : ((expirationTime =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (expirationTime = exitStatus - expirationTime),
+            0 > expirationTime && (expirationTime = 0),
+            (expirationTime =
+              (120 > expirationTime
+                ? 120
+                : 480 > expirationTime
+                ? 480
+                : 1080 > expirationTime
+                ? 1080
+                : 1920 > expirationTime
+                ? 1920
+                : 3e3 > expirationTime
+                ? 3e3
+                : 4320 > expirationTime
+                ? 4320
+                : 1960 * ceil(expirationTime / 1960)) - expirationTime),
+            lastExpiredTime < expirationTime &&
+              (expirationTime = lastExpiredTime));
+        if (10 < expirationTime) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
+          prevDispatcher = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          expirationTime = suspenseConfig.busyMinDurationMs | 0;
+          0 >= expirationTime
+            ? (expirationTime = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (prevDispatcher =
+                now() -
+                (10 * (1073741821 - prevDispatcher) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (expirationTime =
+                prevDispatcher <= exitStatus
+                  ? 0
+                  : exitStatus + expirationTime - prevDispatcher));
+          if (10 < expirationTime) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              expirationTime
             );
             break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (workInProgressRootHasPendingPing) {
-                var lastPingedTime = root.lastPingedTime;
-                if (0 === lastPingedTime || lastPingedTime >= expirationTime) {
-                  root.lastPingedTime = expirationTime;
-                  prepareFreshStack(root, expirationTime);
-                  break;
-                }
-              }
-              lastPingedTime = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== lastPingedTime && lastPingedTime !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              lastPingedTime = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (lastPingedTime =
-                    now() -
-                    (10 * (1073741821 - lastPingedTime) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    lastPingedTime <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        lastPingedTime));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
-            break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
     }
   }
-  return null;
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
 }
 function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
   var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && lastExpiredTime === renderExpirationTime) ||
-      prepareFreshStack(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
-    }
-  }
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
   return null;
 }
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
-  }
-}
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
   root.finishedExpirationTime = 0;
@@ -5618,26 +5754,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -5645,8 +5782,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -5658,19 +5795,32 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       a: {
         var root = root$jscomp$0,
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -5678,8 +5828,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -5694,10 +5853,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -5796,399 +5955,102 @@ function handleError(root$jscomp$0, thrownValue) {
         } while (null !== _workInProgress);
       }
       workInProgress = completeUnitOfWork(workInProgress);
-    } catch (yetAnotherThrownValue) {
-      thrownValue = yetAnotherThrownValue;
-      continue;
-    }
-    break;
-  } while (1);
-}
-function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
-  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
-    2 < expirationTime &&
-    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
-  null !== suspenseConfig &&
-    expirationTime < workInProgressRootLatestSuspenseTimeout &&
-    2 < expirationTime &&
-    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
-    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
-}
-function markUnprocessedUpdateTime(expirationTime) {
-  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
-    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
-}
-function workLoopSync() {
-  for (; null !== workInProgress; )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !Scheduler_shouldYield(); )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-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 & 2048)) {
-      a: {
-        var instance = 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);
-            instance = current$$1.stateNode;
-            instance.pendingContext &&
-              ((instance.context = instance.pendingContext),
-              (instance.pendingContext = null));
-            updateHostContainer(current$$1);
-            break;
-          case 5:
-            popHostContext(current$$1);
-            var rootContainerInstance = requiredContext(
-                rootInstanceStackCursor.current
-              ),
-              type = current$$1.type;
-            if (null !== instance && null != current$$1.stateNode)
-              updateHostComponent$1(
-                instance,
-                current$$1,
-                type,
-                newProps,
-                rootContainerInstance
-              ),
-                instance.ref !== current$$1.ref &&
-                  (current$$1.effectTag |= 128);
-            else if (newProps) {
-              requiredContext(contextStackCursor$1.current);
-              instance = current$$1;
-              renderExpirationTime$jscomp$0 = nextReactTag;
-              nextReactTag += 2;
-              type = getViewConfigForType(type);
-              var updatePayload = diffProperties(
-                null,
-                emptyObject,
-                newProps,
-                type.validAttributes
-              );
-              rootContainerInstance = createNode(
-                renderExpirationTime$jscomp$0,
-                type.uiViewClassName,
-                rootContainerInstance,
-                updatePayload,
-                instance
-              );
-              instance = new ReactFabricHostComponent(
-                renderExpirationTime$jscomp$0,
-                type,
-                newProps,
-                instance
-              );
-              instance = {
-                node: rootContainerInstance,
-                canonical: instance
-              };
-              appendAllChildren(instance, current$$1, !1, !1);
-              current$$1.stateNode = instance;
-              null !== current$$1.ref && (current$$1.effectTag |= 128);
-            } else if (null === current$$1.stateNode)
-              throw Error(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-              );
-            break;
-          case 6:
-            if (instance && null != current$$1.stateNode)
-              updateHostText$1(
-                instance,
-                current$$1,
-                instance.memoizedProps,
-                newProps
-              );
-            else {
-              if ("string" !== typeof newProps && null === current$$1.stateNode)
-                throw Error(
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                );
-              instance = requiredContext(rootInstanceStackCursor.current);
-              rootContainerInstance = requiredContext(
-                contextStackCursor$1.current
-              );
-              current$$1.stateNode = createTextInstance(
-                newProps,
-                instance,
-                rootContainerInstance,
-                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;
-            }
-            newProps = null !== newProps;
-            rootContainerInstance = !1;
-            null !== instance &&
-              ((renderExpirationTime$jscomp$0 = instance.memoizedState),
-              (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
-              newProps ||
-                null === renderExpirationTime$jscomp$0 ||
-                ((renderExpirationTime$jscomp$0 = instance.child.sibling),
-                null !== renderExpirationTime$jscomp$0 &&
-                  ((type = current$$1.firstEffect),
-                  null !== type
-                    ? ((current$$1.firstEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = type))
-                    : ((current$$1.firstEffect = current$$1.lastEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = null)),
-                  (renderExpirationTime$jscomp$0.effectTag = 8))));
-            if (
-              newProps &&
-              !rootContainerInstance &&
-              0 !== (current$$1.mode & 2)
-            )
-              if (
-                (null === instance &&
-                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
-                0 !== (suspenseStackCursor.current & 1)
-              )
-                workInProgressRootExitStatus === RootIncomplete &&
-                  (workInProgressRootExitStatus = RootSuspended);
-              else {
-                if (
-                  workInProgressRootExitStatus === RootIncomplete ||
-                  workInProgressRootExitStatus === RootSuspended
-                )
-                  workInProgressRootExitStatus = RootSuspendedWithDelay;
-                0 !== workInProgressRootNextUnprocessedUpdateTime &&
-                  null !== workInProgressRoot &&
-                  (markRootSuspendedAtTime(
-                    workInProgressRoot,
-                    renderExpirationTime
-                  ),
-                  markRootUpdatedAtTime(
-                    workInProgressRoot,
-                    workInProgressRootNextUnprocessedUpdateTime
-                  ));
-              }
-            newProps && (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 19:
-            pop(suspenseStackCursor, current$$1);
-            newProps = current$$1.memoizedState;
-            if (null === newProps) break;
-            rootContainerInstance = 0 !== (current$$1.effectTag & 64);
-            type = newProps.rendering;
-            if (null === type)
-              if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
-              else {
-                if (
-                  workInProgressRootExitStatus !== RootIncomplete ||
-                  (null !== instance && 0 !== (instance.effectTag & 64))
-                )
-                  for (instance = current$$1.child; null !== instance; ) {
-                    type = findFirstSuspended(instance);
-                    if (null !== type) {
-                      current$$1.effectTag |= 64;
-                      cutOffTailIfNeeded(newProps, !1);
-                      instance = type.updateQueue;
-                      null !== instance &&
-                        ((current$$1.updateQueue = instance),
-                        (current$$1.effectTag |= 4));
-                      null === newProps.lastEffect &&
-                        (current$$1.firstEffect = null);
-                      current$$1.lastEffect = newProps.lastEffect;
-                      instance = renderExpirationTime$jscomp$0;
-                      for (newProps = current$$1.child; null !== newProps; )
-                        (rootContainerInstance = newProps),
-                          (renderExpirationTime$jscomp$0 = instance),
-                          (rootContainerInstance.effectTag &= 2),
-                          (rootContainerInstance.nextEffect = null),
-                          (rootContainerInstance.firstEffect = null),
-                          (rootContainerInstance.lastEffect = null),
-                          (type = rootContainerInstance.alternate),
-                          null === type
-                            ? ((rootContainerInstance.childExpirationTime = 0),
-                              (rootContainerInstance.expirationTime = renderExpirationTime$jscomp$0),
-                              (rootContainerInstance.child = null),
-                              (rootContainerInstance.memoizedProps = null),
-                              (rootContainerInstance.memoizedState = null),
-                              (rootContainerInstance.updateQueue = null),
-                              (rootContainerInstance.dependencies = null))
-                            : ((rootContainerInstance.childExpirationTime =
-                                type.childExpirationTime),
-                              (rootContainerInstance.expirationTime =
-                                type.expirationTime),
-                              (rootContainerInstance.child = type.child),
-                              (rootContainerInstance.memoizedProps =
-                                type.memoizedProps),
-                              (rootContainerInstance.memoizedState =
-                                type.memoizedState),
-                              (rootContainerInstance.updateQueue =
-                                type.updateQueue),
-                              (renderExpirationTime$jscomp$0 =
-                                type.dependencies),
-                              (rootContainerInstance.dependencies =
-                                null === renderExpirationTime$jscomp$0
-                                  ? null
-                                  : {
-                                      expirationTime:
-                                        renderExpirationTime$jscomp$0.expirationTime,
-                                      firstContext:
-                                        renderExpirationTime$jscomp$0.firstContext,
-                                      responders:
-                                        renderExpirationTime$jscomp$0.responders
-                                    })),
-                          (newProps = newProps.sibling);
-                      push(
-                        suspenseStackCursor,
-                        (suspenseStackCursor.current & 1) | 2,
-                        current$$1
-                      );
-                      current$$1 = current$$1.child;
-                      break a;
-                    }
-                    instance = instance.sibling;
-                  }
-              }
-            else {
-              if (!rootContainerInstance)
-                if (
-                  ((instance = findFirstSuspended(type)), null !== instance)
-                ) {
-                  if (
-                    ((current$$1.effectTag |= 64),
-                    (rootContainerInstance = !0),
-                    (instance = instance.updateQueue),
-                    null !== instance &&
-                      ((current$$1.updateQueue = instance),
-                      (current$$1.effectTag |= 4)),
-                    cutOffTailIfNeeded(newProps, !0),
-                    null === newProps.tail &&
-                      "hidden" === newProps.tailMode &&
-                      !type.alternate)
-                  ) {
-                    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),
-                    (rootContainerInstance = !0),
-                    cutOffTailIfNeeded(newProps, !1),
-                    (current$$1.expirationTime = current$$1.childExpirationTime =
-                      renderExpirationTime$jscomp$0 - 1));
-              newProps.isBackwards
-                ? ((type.sibling = current$$1.child), (current$$1.child = type))
-                : ((instance = newProps.last),
-                  null !== instance
-                    ? (instance.sibling = type)
-                    : (current$$1.child = type),
-                  (newProps.last = type));
-            }
-            if (null !== newProps.tail) {
-              0 === newProps.tailExpiration &&
-                (newProps.tailExpiration = now() + 500);
-              instance = newProps.tail;
-              newProps.rendering = instance;
-              newProps.tail = instance.sibling;
-              newProps.lastEffect = current$$1.lastEffect;
-              instance.sibling = null;
-              newProps = suspenseStackCursor.current;
-              newProps = rootContainerInstance
-                ? (newProps & 1) | 2
-                : newProps & 1;
-              push(suspenseStackCursor, newProps, current$$1);
-              current$$1 = instance;
-              break a;
-            }
-            break;
-          case 20:
-            break;
-          case 21:
-            break;
-          default:
-            throw Error(
-              "Unknown unit of work tag (" +
-                current$$1.tag +
-                "). This error is likely caused by a bug in React. Please file an issue."
-            );
-        }
-        current$$1 = null;
-      }
-      instance = workInProgress;
-      if (1 === renderExpirationTime || 1 !== instance.childExpirationTime) {
-        newProps = 0;
+    } catch (yetAnotherThrownValue) {
+      thrownValue = yetAnotherThrownValue;
+      continue;
+    }
+    break;
+  } while (1);
+}
+function pushDispatcher() {
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    2 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    2 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function markUnprocessedUpdateTime(expirationTime) {
+  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
+    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
+}
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork$1(
+    unitOfWork.alternate,
+    unitOfWork,
+    renderExpirationTime$1
+  );
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next && (next = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 2048)) {
+      current = completeWork(current, workInProgress, renderExpirationTime$1);
+      if (
+        1 === renderExpirationTime$1 ||
+        1 !== workInProgress.childExpirationTime
+      ) {
         for (
-          rootContainerInstance = instance.child;
-          null !== rootContainerInstance;
+          var newChildExpirationTime = 0, _child = workInProgress.child;
+          null !== _child;
 
-        )
-          (renderExpirationTime$jscomp$0 =
-            rootContainerInstance.expirationTime),
-            (type = rootContainerInstance.childExpirationTime),
-            renderExpirationTime$jscomp$0 > newProps &&
-              (newProps = renderExpirationTime$jscomp$0),
-            type > newProps && (newProps = type),
-            (rootContainerInstance = rootContainerInstance.sibling);
-        instance.childExpirationTime = newProps;
+        ) {
+          var _childUpdateExpirationTime = _child.expirationTime,
+            _childChildExpirationTime = _child.childExpirationTime;
+          _childUpdateExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childUpdateExpirationTime);
+          _childChildExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childChildExpirationTime);
+          _child = _child.sibling;
+        }
+        workInProgress.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6203,15 +6065,14 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      current = unwindWork(workInProgress);
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6225,11 +6086,12 @@ function getRemainingExpirationTime(fiber) {
 }
 function commitRoot(root) {
   var renderPriorityLevel = getCurrentPriorityLevel();
-  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   return null;
 }
 function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$1.finishedWork,
@@ -6258,7 +6120,8 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
   expirationTime <= root$jscomp$1.lastExpiredTime &&
     (root$jscomp$1.lastExpiredTime = 0);
   root$jscomp$1 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6290,9 +6153,9 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6318,10 +6181,10 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               a: for (
                 var finishedRoot = root,
-                  root$jscomp$0 = current$$1$jscomp$0,
+                  root$jscomp$0 = current$jscomp$0,
                   renderPriorityLevel$jscomp$0 = renderPriorityLevel,
                   node = root$jscomp$0;
                 ;
@@ -6346,7 +6209,7 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
                   node.sibling.return = node.return;
                   node = node.sibling;
                 }
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6360,101 +6223,25 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (effectTag = expirationTime; null !== nextEffect; ) {
+        for (effectTag = root$jscomp$1; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            current$$1 = nextEffect;
-            currentRef = effectTag;
-            switch (current$$1.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, current$$1);
-                break;
-              case 1:
-                var instance = current$$1.stateNode;
-                if (current$$1.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      current$$1.elementType === current$$1.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            current$$1.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = current$$1.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(
-                    current$$1,
-                    updateQueue,
-                    instance,
-                    currentRef
-                  );
-                break;
-              case 3:
-                var _updateQueue = current$$1.updateQueue;
-                if (null !== _updateQueue) {
-                  root = null;
-                  if (null !== current$$1.child)
-                    switch (current$$1.child.tag) {
-                      case 5:
-                        root = current$$1.child.stateNode.canonical;
-                        break;
-                      case 1:
-                        root = current$$1.child.stateNode;
-                    }
-                  commitUpdateQueue(current$$1, _updateQueue, root, currentRef);
-                }
-                break;
-              case 5:
-                if (null === current$$1$jscomp$1 && current$$1.effectTag & 4)
-                  throw Error(
-                    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-                  );
-                break;
-              case 6:
-                break;
-              case 4:
-                break;
-              case 12:
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            current$$1 = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  current$$1 = instance$jscomp$0.canonical;
+                  current = instance.canonical;
                   break;
                 default:
-                  current$$1 = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(current$$1)
-                : (ref.current = current$$1);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6524,7 +6311,7 @@ function flushPassiveEffects() {
         ? 97
         : pendingPassiveEffectsRenderPriority;
     pendingPassiveEffectsRenderPriority = 90;
-    return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl);
+    return runWithPriority(priorityLevel, flushPassiveEffectsImpl);
   }
 }
 function flushPassiveEffectsImpl() {
@@ -6543,8 +6330,9 @@ function flushPassiveEffectsImpl() {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
       if (null === root) throw Error("Should be working on an effect.");
@@ -6595,20 +6383,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
-        ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
-        ensureRootIsScheduled(root)));
+        ((root.lastPingedTime = suspendedTime), ensureRootIsScheduled(root)));
 }
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
@@ -6620,12 +6405,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber && ensureRootIsScheduled(boundaryFiber);
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -6650,7 +6435,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue2);
+            context._currentValue2 = updateExpirationTime;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -6660,52 +6448,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -6717,41 +6493,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -6759,15 +6534,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -6783,127 +6558,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -6913,11 +6690,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -6926,13 +6702,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -6943,7 +6716,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -6951,7 +6724,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -6961,23 +6734,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -6987,7 +6760,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -6997,7 +6770,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7007,27 +6780,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue2);
+        context$jscomp$0._currentValue2 = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7035,14 +6813,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7052,18 +6831,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7074,16 +6853,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7091,21 +6870,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7113,18 +6891,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7133,16 +6908,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7150,7 +6925,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7160,30 +6935,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7191,13 +6961,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7248,9 +7018,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7268,7 +7035,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7335,7 +7102,7 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
@@ -7343,7 +7110,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7351,7 +7118,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7375,6 +7142,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7382,24 +7152,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7458,11 +7228,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7477,14 +7242,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7535,8 +7296,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -7550,7 +7311,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -7561,8 +7321,8 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -7574,289 +7334,114 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactFabric$2 = { default: ReactFabric },
-  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
-module.exports = ReactFabric$3.default || ReactFabric$3;
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.render = function(element, containerTag, callback) {
+  var root = roots.get(containerTag);
+  if (!root) {
+    root = new FiberRootNode(containerTag, 0, !1);
+    var uninitializedFiber = new FiberNode(3, null, null, 0);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.stopSurface = function(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+};
+exports.unmountComponentAtNode = function(containerTag) {
+  this.stopSurface(containerTag);
+};
diff --git a/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js b/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
index 90b9fe4a0821c5..be0ac55a7b83dc 100644
--- a/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
+++ b/Libraries/Renderer/implementations/ReactFabric-profiling.fb.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @preventMunge
  * @generated
  */
@@ -14,86 +15,17 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler"),
-  tracing = require("scheduler/tracing"),
-  eventPluginOrder = null,
-  namesToPlugins = {};
-function recomputePluginOrdering() {
-  if (eventPluginOrder)
-    for (var pluginName in namesToPlugins) {
-      var pluginModule = namesToPlugins[pluginName],
-        pluginIndex = eventPluginOrder.indexOf(pluginName);
-      if (!(-1 < pluginIndex))
-        throw Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+  tracing = require("scheduler/tracing");
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -164,74 +96,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -249,6 +113,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -273,15 +138,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -349,8 +220,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -503,53 +374,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -589,10 +434,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -682,13 +527,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -700,10 +539,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -857,10 +696,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -923,8 +762,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -948,50 +787,160 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_92 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_93 = !1,
+  pluginName$jscomp$inline_94;
+for (pluginName$jscomp$inline_94 in injectedNamesToPlugins$jscomp$inline_92)
+  if (
+    injectedNamesToPlugins$jscomp$inline_92.hasOwnProperty(
+      pluginName$jscomp$inline_94
+    )
+  ) {
+    var pluginModule$jscomp$inline_95 =
+      injectedNamesToPlugins$jscomp$inline_92[pluginName$jscomp$inline_94];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_94) ||
+      namesToPlugins[pluginName$jscomp$inline_94] !==
+        pluginModule$jscomp$inline_95
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_94])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_94 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_94
+      ] = pluginModule$jscomp$inline_95;
+      isOrderingDirty$jscomp$inline_93 = !0;
     }
   }
-});
-var enableNativeTargetAsInstance = require("../shims/ReactFeatureFlags")
-  .enableNativeTargetAsInstance;
+isOrderingDirty$jscomp$inline_93 && recomputePluginOrdering();
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
 }
@@ -1000,14 +949,8 @@ getFiberCurrentPropsFromNode = function(inst) {
 };
 getInstanceFromNode = getInstanceFromInstance;
 getNodeFromInstance = function(inst) {
-  if (enableNativeTargetAsInstance) {
-    inst = inst.stateNode.canonical;
-    if (!inst._nativeTag)
-      throw Error("All native instances should have a tag.");
-    return inst;
-  }
-  inst = inst.stateNode.canonical._nativeTag;
-  if (!inst) throw Error("All native instances should have a tag.");
+  inst = inst.stateNode.canonical;
+  if (!inst._nativeTag) throw Error("All native instances should have a tag.");
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
@@ -1043,11 +986,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1057,9 +998,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1096,9 +1038,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1108,6 +1050,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1297,8 +1241,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1459,18 +1403,9 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               )))));
   return updatePayload;
 }
-var restoreTarget = null,
-  restoreQueue = null;
-function restoreStateOfTarget(target) {
-  if (getInstanceFromNode(target))
-    throw 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);
@@ -1478,48 +1413,35 @@ function batchedUpdates(fn, bookkeeping) {
   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]);
+    isInsideEventHandler = !1;
   }
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-(function(_React$Component) {
-  function ReactNativeComponent() {
-    return _React$Component.apply(this, arguments) || this;
+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);
   }
-  _inheritsLoose(ReactNativeComponent, _React$Component);
-  var _proto = ReactNativeComponent.prototype;
-  _proto.blur = function() {};
-  _proto.focus = function() {};
-  _proto.measure = function() {};
-  _proto.measureInWindow = function() {};
-  _proto.measureLayout = function() {};
-  _proto.setNativeProps = function() {};
-  return ReactNativeComponent;
-})(React.Component);
-new Map();
+}
 function dispatchEvent(target, topLevelType, nativeEvent) {
   var eventTarget = null;
-  enableNativeTargetAsInstance
-    ? null != target && (eventTarget = target.stateNode.canonical)
-    : (eventTarget = nativeEvent.target);
+  if (null != target) {
+    var stateNode = target.stateNode;
+    null != stateNode && (eventTarget = stateNode.canonical);
+  }
   batchedUpdates(function() {
     var events = eventTarget;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1557,21 +1479,21 @@ function shim$1() {
     "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,
+var _nativeFabricUIManage = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage.createNode,
+  cloneNode = _nativeFabricUIManage.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage.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,
+    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage.createChildSet,
+  appendChildNode = _nativeFabricUIManage.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+  completeRoot = _nativeFabricUIManage.completeRoot,
+  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
   getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
   nextReactTag = 2;
@@ -1590,10 +1512,10 @@ var ReactFabricHostComponent = (function() {
   }
   var _proto = ReactFabricHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     fabricMeasure(
@@ -1655,44 +1577,6 @@ function cloneHiddenInstance(instance) {
     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) {
@@ -1730,21 +1614,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1762,17 +1642,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1782,13 +1658,17 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
@@ -1855,7 +1735,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
       throw Error("Unknown priority level.");
   }
 }
-function runWithPriority$1(reactPriorityLevel, fn) {
+function runWithPriority(reactPriorityLevel, fn) {
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
@@ -1887,7 +1767,7 @@ function flushSyncCallbackQueueImpl() {
     var i = 0;
     try {
       var queue = syncQueue;
-      runWithPriority$1(99, function() {
+      runWithPriority(99, function() {
         for (; i < queue.length; i++) {
           var callback = queue[i];
           do callback = callback(!0);
@@ -1915,18 +1795,18 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
-      ? 98
-      : 5250 >= currentTime
-        ? 97
-        : 95;
+    ? 98
+    : 5250 >= currentTime
+    ? 97
+    : 95;
 }
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1940,11 +1820,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1962,14 +1879,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue2 = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2024,237 +1936,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2271,10 +2141,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2293,7 +2161,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2307,7 +2175,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2320,7 +2188,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2336,8 +2204,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2389,23 +2257,16 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
     : ((contextType = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+        ? previousContext
+        : contextStackCursor.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2421,21 +2282,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2447,7 +2305,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2459,19 +2317,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2523,8 +2381,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2549,31 +2407,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2585,51 +2438,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2992,39 +2839,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3074,8 +2930,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3102,11 +2957,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3161,16 +3012,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3187,23 +3038,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim$1() || shim$1()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3222,24 +3069,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3248,7 +3087,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3256,92 +3095,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3356,74 +3188,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3435,28 +3293,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3470,18 +3330,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3501,6 +3364,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3522,72 +3394,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3602,7 +3481,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3613,13 +3493,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3633,7 +3513,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3652,23 +3532,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3676,112 +3554,113 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
+  },
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
+      );
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
   },
   now$1 = Scheduler.unstable_now,
   commitTime = 0,
@@ -3794,70 +3673,16 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
     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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3866,13 +3691,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3882,43 +3707,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3931,7 +3751,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3939,7 +3759,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3947,65 +3767,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4017,36 +3838,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4058,16 +3874,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4075,7 +3886,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4103,17 +3914,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4159,6 +3967,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4187,17 +3996,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4241,12 +4047,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4255,16 +4061,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4273,26 +4079,26 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   if (
     didCaptureError &&
     "function" !== typeof Component.getDerivedStateFromError
@@ -4301,11 +4107,11 @@ function finishClassComponent(
     profilerStartTime = -1;
   } else nextChildren = shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((didCaptureError = nextChildren),
       (workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4316,7 +4122,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4339,7 +4145,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4351,32 +4157,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4398,15 +4202,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4415,7 +4218,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4426,12 +4229,12 @@ function updateSuspenseComponent(
             (nextDidTimeout = nextDidTimeout.sibling);
       if (workInProgress.mode & 8) {
         nextDidTimeout = 0;
-        for (current$$1 = renderExpirationTime.child; null !== current$$1; )
-          (nextDidTimeout += current$$1.treeBaseDuration),
-            (current$$1 = current$$1.sibling);
+        for (current = renderExpirationTime.child; null !== current; )
+          (nextDidTimeout += current.treeBaseDuration),
+            (current = current.sibling);
         renderExpirationTime.treeBaseDuration = nextDidTimeout;
       }
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4441,37 +4244,37 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     if (workInProgress.mode & 8) {
-      current$$1 = 0;
+      current = 0;
       for (suspenseContext = nextProps.child; null !== suspenseContext; )
-        (current$$1 += suspenseContext.treeBaseDuration),
+        (current += suspenseContext.treeBaseDuration),
           (suspenseContext = suspenseContext.sibling);
-      nextProps.treeBaseDuration = current$$1;
+      nextProps.treeBaseDuration = current;
     }
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
@@ -4490,7 +4293,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4517,6 +4320,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4525,6 +4329,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4532,7 +4337,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4540,7 +4345,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4549,42 +4354,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
-        }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        }
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4606,15 +4408,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4641,36 +4443,30 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   profilerStartTime = -1;
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4692,12 +4488,7 @@ appendAllChildren = function(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNode(parent.node, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4750,12 +4541,7 @@ function appendAllChildrenToContainer(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNodeToSet(containerChildSet, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4841,8 +4627,8 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
               ? cloneNodeWithNewProps(recyclableInstance, newProps)
               : cloneNode(recyclableInstance)
             : null !== newProps
-              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
-              : cloneNodeWithNewChildren(recyclableInstance),
+            ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+            : cloneNodeWithNewChildren(recyclableInstance),
           canonical: type.canonical
         }),
         (workInProgress.stateNode = type),
@@ -4852,16 +4638,17 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
   }
 };
 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));
+  oldText !== newText
+    ? ((current = requiredContext(rootInstanceStackCursor.current)),
+      (oldText = requiredContext(contextStackCursor$1.current)),
+      (workInProgress.stateNode = createTextInstance(
+        newText,
+        current,
+        oldText,
+        workInProgress
+      )),
+      (workInProgress.effectTag |= 4))
+    : (workInProgress.stateNode = current.stateNode);
 };
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
@@ -4887,67 +4674,78 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
+function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
     case 2:
-      break;
     case 16:
-      break;
     case 15:
     case 0:
-      break;
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      current = workInProgress.stateNode;
-      current.pendingContext &&
-        ((current.context = current.pendingContext),
-        (current.pendingContext = null));
-      updateHostContainer(workInProgress);
-      break;
+      return (
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
+      );
     case 5:
       popHostContext(workInProgress);
       var rootContainerInstance = requiredContext(
         rootInstanceStackCursor.current
       );
-      renderExpirationTime$jscomp$0 = workInProgress.type;
+      renderExpirationTime = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
         updateHostComponent$1(
           current,
           workInProgress,
-          renderExpirationTime$jscomp$0,
+          renderExpirationTime,
           newProps,
           rootContainerInstance
         ),
           current.ref !== workInProgress.ref &&
             (workInProgress.effectTag |= 128);
-      else if (newProps) {
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
         requiredContext(contextStackCursor$1.current);
         current = nextReactTag;
         nextReactTag += 2;
-        renderExpirationTime$jscomp$0 = getViewConfigForType(
-          renderExpirationTime$jscomp$0
-        );
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
         var updatePayload = diffProperties(
           null,
           emptyObject,
           newProps,
-          renderExpirationTime$jscomp$0.validAttributes
+          renderExpirationTime.validAttributes
         );
         rootContainerInstance = createNode(
           current,
-          renderExpirationTime$jscomp$0.uiViewClassName,
+          renderExpirationTime.uiViewClassName,
           rootContainerInstance,
           updatePayload,
           workInProgress
         );
         current = new ReactFabricHostComponent(
           current,
-          renderExpirationTime$jscomp$0,
+          renderExpirationTime,
           newProps,
           workInProgress
         );
@@ -4955,11 +4753,8 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
         appendAllChildren(current, workInProgress, !1, !1);
         workInProgress.stateNode = current;
         null !== workInProgress.ref && (workInProgress.effectTag |= 128);
-      } else if (null === workInProgress.stateNode)
-        throw Error(
-          "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-        );
-      break;
+      }
+      return null;
     case 6:
       if (current && null != workInProgress.stateNode)
         updateHostText$1(
@@ -4982,33 +4777,30 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
           workInProgress
         );
       }
-      break;
-    case 11:
-      break;
+      return null;
     case 13:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
       if (0 !== (workInProgress.effectTag & 64))
         return (
-          (workInProgress.expirationTime = renderExpirationTime$jscomp$0),
-          workInProgress
+          (workInProgress.expirationTime = renderExpirationTime), workInProgress
         );
       newProps = null !== newProps;
       rootContainerInstance = !1;
       null !== current &&
-        ((renderExpirationTime$jscomp$0 = current.memoizedState),
-        (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
         newProps ||
-          null === renderExpirationTime$jscomp$0 ||
-          ((renderExpirationTime$jscomp$0 = current.child.sibling),
-          null !== renderExpirationTime$jscomp$0 &&
+          null === renderExpirationTime ||
+          ((renderExpirationTime = current.child.sibling),
+          null !== renderExpirationTime &&
             ((updatePayload = workInProgress.firstEffect),
             null !== updatePayload
-              ? ((workInProgress.firstEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = updatePayload))
-              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = null)),
-            (renderExpirationTime$jscomp$0.effectTag = 8))));
+              ? ((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 &&
@@ -5025,38 +4817,27 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
             workInProgressRootExitStatus = RootSuspendedWithDelay;
           0 !== workInProgressRootNextUnprocessedUpdateTime &&
             null !== workInProgressRoot &&
-            (markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime),
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
             markRootUpdatedAtTime(
               workInProgressRoot,
               workInProgressRootNextUnprocessedUpdateTime
             ));
         }
       newProps && (workInProgress.effectTag |= 4);
-      break;
-    case 7:
-      break;
-    case 8:
-      break;
-    case 12:
-      break;
+      return null;
     case 4:
-      popHostContainer(workInProgress);
-      updateHostContainer(workInProgress);
-      break;
+      return popHostContainer(), updateHostContainer(workInProgress), null;
     case 10:
-      popProvider(workInProgress);
-      break;
-    case 9:
-      break;
-    case 14:
-      break;
+      return popProvider(workInProgress), null;
     case 17:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 19:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
-      if (null === newProps) break;
+      if (null === newProps) return null;
       rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
       updatePayload = newProps.rendering;
       if (null === updatePayload)
@@ -5078,7 +4859,7 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                 null === newProps.lastEffect &&
                   (workInProgress.firstEffect = null);
                 workInProgress.lastEffect = newProps.lastEffect;
-                current = renderExpirationTime$jscomp$0;
+                current = renderExpirationTime;
                 for (newProps = workInProgress.child; null !== newProps; )
                   (rootContainerInstance = newProps),
                     (updatePayload = current),
@@ -5086,9 +4867,8 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                     (rootContainerInstance.nextEffect = null),
                     (rootContainerInstance.firstEffect = null),
                     (rootContainerInstance.lastEffect = null),
-                    (renderExpirationTime$jscomp$0 =
-                      rootContainerInstance.alternate),
-                    null === renderExpirationTime$jscomp$0
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
                       ? ((rootContainerInstance.childExpirationTime = 0),
                         (rootContainerInstance.expirationTime = updatePayload),
                         (rootContainerInstance.child = null),
@@ -5099,19 +4879,18 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                         (rootContainerInstance.selfBaseDuration = 0),
                         (rootContainerInstance.treeBaseDuration = 0))
                       : ((rootContainerInstance.childExpirationTime =
-                          renderExpirationTime$jscomp$0.childExpirationTime),
+                          renderExpirationTime.childExpirationTime),
                         (rootContainerInstance.expirationTime =
-                          renderExpirationTime$jscomp$0.expirationTime),
+                          renderExpirationTime.expirationTime),
                         (rootContainerInstance.child =
-                          renderExpirationTime$jscomp$0.child),
+                          renderExpirationTime.child),
                         (rootContainerInstance.memoizedProps =
-                          renderExpirationTime$jscomp$0.memoizedProps),
+                          renderExpirationTime.memoizedProps),
                         (rootContainerInstance.memoizedState =
-                          renderExpirationTime$jscomp$0.memoizedState),
+                          renderExpirationTime.memoizedState),
                         (rootContainerInstance.updateQueue =
-                          renderExpirationTime$jscomp$0.updateQueue),
-                        (updatePayload =
-                          renderExpirationTime$jscomp$0.dependencies),
+                          renderExpirationTime.updateQueue),
+                        (updatePayload = renderExpirationTime.dependencies),
                         (rootContainerInstance.dependencies =
                           null === updatePayload
                             ? null
@@ -5121,14 +4900,13 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                                 responders: updatePayload.responders
                               }),
                         (rootContainerInstance.selfBaseDuration =
-                          renderExpirationTime$jscomp$0.selfBaseDuration),
+                          renderExpirationTime.selfBaseDuration),
                         (rootContainerInstance.treeBaseDuration =
-                          renderExpirationTime$jscomp$0.treeBaseDuration)),
+                          renderExpirationTime.treeBaseDuration)),
                     (newProps = newProps.sibling);
                 push(
                   suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2,
-                  workInProgress
+                  (suspenseStackCursor.current & 1) | 2
                 );
                 return workInProgress.child;
               }
@@ -5151,18 +4929,20 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
               null === newProps.tail &&
                 "hidden" === newProps.tailMode &&
                 !updatePayload.alternate)
-            ) {
-              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
-              null !== workInProgress && (workInProgress.nextEffect = null);
-              break;
-            }
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
           } else
-            now() > newProps.tailExpiration &&
-              1 < renderExpirationTime$jscomp$0 &&
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
               ((workInProgress.effectTag |= 64),
               (rootContainerInstance = !0),
               cutOffTailIfNeeded(newProps, !1),
-              (current = renderExpirationTime$jscomp$0 - 1),
+              (current = renderExpirationTime - 1),
               (workInProgress.expirationTime = workInProgress.childExpirationTime = current),
               null === spawnedWorkDuringRender
                 ? (spawnedWorkDuringRender = [current])
@@ -5176,49 +4956,44 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
               : (workInProgress.child = updatePayload),
             (newProps.last = updatePayload));
       }
-      if (null !== newProps.tail)
-        return (
-          0 === newProps.tailExpiration &&
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
             (newProps.tailExpiration = now() + 500),
           (current = newProps.tail),
           (newProps.rendering = current),
           (newProps.tail = current.sibling),
           (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
           (current.sibling = null),
-          (newProps = suspenseStackCursor.current),
+          (workInProgress = suspenseStackCursor.current),
           push(
             suspenseStackCursor,
-            rootContainerInstance ? (newProps & 1) | 2 : newProps & 1,
-            workInProgress
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
           ),
-          current
-        );
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
+          current)
+        : null;
   }
-  return null;
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      isContextProvider(workInProgress.type) && popContext();
       var effectTag = workInProgress.effectTag;
       return effectTag & 4096
         ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
           workInProgress)
         : null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
       effectTag = workInProgress.effectTag;
       if (0 !== (effectTag & 64))
         throw Error(
@@ -5230,7 +5005,7 @@ function unwindWork(workInProgress) {
       return popHostContext(workInProgress), null;
     case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
+        pop(suspenseStackCursor),
         (effectTag = workInProgress.effectTag),
         effectTag & 4096
           ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
@@ -5238,9 +5013,9 @@ function unwindWork(workInProgress) {
           : null
       );
     case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
+      return pop(suspenseStackCursor), null;
     case 4:
-      return popHostContainer(workInProgress), null;
+      return popHostContainer(), null;
     case 10:
       return popProvider(workInProgress), null;
     default:
@@ -5297,102 +5072,192 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode.canonical;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      if (null === current && finishedWork.effectTag & 4)
+        throw Error(
+          "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+        );
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      prevProps = finishedWork.memoizedProps.onRender;
+      var commitTime$jscomp$0 = commitTime;
+      "function" === typeof prevProps &&
+        prevProps(
+          finishedWork.memoizedProps.id,
+          null === current ? "mount" : "update",
+          finishedWork.actualDuration,
+          finishedWork.treeBaseDuration,
+          finishedWork.actualStartTime,
+          commitTime$jscomp$0,
+          finishedRoot.memoizedInteractions
+        );
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
       ) {
         var firstEffect = finishedRoot.next;
-        runWithPriority$1(
+        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;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -5402,42 +5267,41 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
-      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+      createChildNodeSet(current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
       return;
     case 12:
       return;
@@ -5450,19 +5314,20 @@ function commitWork(current$$1, finishedWork) {
       attachSuspenseRetryListeners(finishedWork);
       return;
   }
-  a: switch (finishedWork.tag) {
-    case 1:
-    case 5:
-    case 6:
-    case 20:
-      break a;
-    case 3:
-    case 4:
-      break a;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+  a: {
+    switch (finishedWork.tag) {
+      case 1:
+      case 5:
+      case 6:
+      case 20:
+        break a;
+      case 3:
+      case 4:
+        break a;
+    }
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 function attachSuspenseRetryListeners(finishedWork) {
@@ -5522,7 +5387,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5537,7 +5402,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5564,8 +5429,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5573,7 +5438,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5605,11 +5470,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5666,7 +5531,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5675,9 +5540,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5726,270 +5592,232 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime,
+    prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var exitStatus = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  ReactCurrentDispatcher$1.current = exitStatus;
+  executionContext = prevExecutionContext;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || expirationTime !== renderExpirationTime)
-      prepareFreshStack(root, expirationTime),
-        startWorkOnPendingInteractions(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+      didTimeout);
+    prevExecutionContext = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((prevExecutionContext =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < prevExecutionContext)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
-            );
-            break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (
-                workInProgressRootHasPendingPing &&
-                ((prevInteractions = root.lastPingedTime),
-                0 === prevInteractions || prevInteractions >= expirationTime)
-              ) {
-                root.lastPingedTime = expirationTime;
-                prepareFreshStack(root, expirationTime);
-                break;
-              }
-              prevInteractions = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== prevInteractions && prevInteractions !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
+          if (
+            workInProgressRootHasPendingPing &&
+            ((expirationTime = root.lastPingedTime),
+            0 === expirationTime || expirationTime >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
             break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              prevInteractions = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (prevInteractions =
-                    now() -
-                    (10 * (1073741821 - prevInteractions) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    prevInteractions <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        prevInteractions));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
+          }
+          expirationTime = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
             break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
-    }
-  }
-  return null;
-}
-function performSyncWorkOnRoot(root) {
-  var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || lastExpiredTime !== renderExpirationTime)
-      prepareFreshStack(root, lastExpiredTime),
-        startWorkOnPendingInteractions(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopSync();
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((prevExecutionContext = root.lastPingedTime),
+          0 === prevExecutionContext || prevExecutionContext >= lastExpiredTime)
+        ) {
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
+        prevExecutionContext = getNextRootExpirationTimeToWorkOn(root);
+        if (
+          0 !== prevExecutionContext &&
+          prevExecutionContext !== lastExpiredTime
+        )
+          break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (prevExecutionContext =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (prevExecutionContext = 0)
+          : ((prevExecutionContext =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (prevExecutionContext = exitStatus - prevExecutionContext),
+            0 > prevExecutionContext && (prevExecutionContext = 0),
+            (prevExecutionContext =
+              (120 > prevExecutionContext
+                ? 120
+                : 480 > prevExecutionContext
+                ? 480
+                : 1080 > prevExecutionContext
+                ? 1080
+                : 1920 > prevExecutionContext
+                ? 1920
+                : 3e3 > prevExecutionContext
+                ? 3e3
+                : 4320 > prevExecutionContext
+                ? 4320
+                : 1960 * ceil(prevExecutionContext / 1960)) -
+              prevExecutionContext),
+            lastExpiredTime < prevExecutionContext &&
+              (prevExecutionContext = lastExpiredTime));
+        if (10 < prevExecutionContext) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          expirationTime = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
+          0 >= prevExecutionContext
+            ? (prevExecutionContext = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (expirationTime =
+                now() -
+                (10 * (1073741821 - expirationTime) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (prevExecutionContext =
+                expirationTime <= exitStatus
+                  ? 0
+                  : exitStatus + prevExecutionContext - expirationTime));
+          if (10 < prevExecutionContext) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              prevExecutionContext
+            );
+            break;
+          }
+        }
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
     }
   }
-  return null;
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
 }
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
-  }
+function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
+  return null;
 }
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
@@ -6002,26 +5830,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -6029,8 +5858,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -6043,12 +5872,25 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       workInProgress.mode & 8 &&
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !0);
@@ -6057,7 +5899,7 @@ function handleError(root$jscomp$0, thrownValue) {
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -6065,8 +5907,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -6081,10 +5932,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -6191,8 +6042,8 @@ function handleError(root$jscomp$0, thrownValue) {
   } while (1);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushInteractions(root) {
@@ -6214,6 +6065,33 @@ function markUnprocessedUpdateTime(expirationTime) {
   expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
     (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
 }
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
 function workLoopSync() {
   for (; null !== workInProgress; )
     workInProgress = performUnitOfWork(workInProgress);
@@ -6223,43 +6101,35 @@ function workLoopConcurrent() {
     workInProgress = performUnitOfWork(workInProgress);
 }
 function performUnitOfWork(unitOfWork) {
-  var current$$1 = unitOfWork.alternate;
+  var current = unitOfWork.alternate;
   0 !== (unitOfWork.mode & 8)
     ? ((profilerStartTime = now$1()),
       0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
-      (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
+      (current = beginWork$1(current, unitOfWork, renderExpirationTime$1)),
       stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime));
+    : (current = beginWork$1(current, unitOfWork, renderExpirationTime$1));
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current$$1 && (current$$1 = completeUnitOfWork(unitOfWork));
+  null === current && (current = completeUnitOfWork(unitOfWork));
   ReactCurrentOwner$2.current = null;
-  return current$$1;
+  return current;
 }
 function completeUnitOfWork(unitOfWork) {
   workInProgress = unitOfWork;
   do {
-    var current$$1 = workInProgress.alternate;
+    var current = workInProgress.alternate;
     unitOfWork = workInProgress.return;
     if (0 === (workInProgress.effectTag & 2048)) {
       if (0 === (workInProgress.mode & 8))
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
       else {
         var fiber = workInProgress;
         profilerStartTime = now$1();
         0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
       }
       fiber = workInProgress;
-      if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
+      if (1 === renderExpirationTime$1 || 1 !== fiber.childExpirationTime) {
         var newChildExpirationTime = 0;
         if (0 !== (fiber.mode & 8)) {
           for (
@@ -6297,7 +6167,7 @@ function completeUnitOfWork(unitOfWork) {
               (actualDuration = actualDuration.sibling);
         fiber.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6312,7 +6182,7 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      current = unwindWork(workInProgress);
       if (0 !== (workInProgress.mode & 8)) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
         fiber = workInProgress.actualDuration;
@@ -6325,14 +6195,13 @@ function completeUnitOfWork(unitOfWork) {
             (newChildExpirationTime = newChildExpirationTime.sibling);
         workInProgress.actualDuration = fiber;
       }
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6346,11 +6215,12 @@ function getRemainingExpirationTime(fiber) {
 }
 function commitRoot(root) {
   var renderPriorityLevel = getCurrentPriorityLevel();
-  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   return null;
 }
 function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$1.finishedWork,
@@ -6379,7 +6249,8 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
   expirationTime <= root$jscomp$1.lastExpiredTime &&
     (root$jscomp$1.lastExpiredTime = 0);
   root$jscomp$1 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6413,9 +6284,9 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6441,10 +6312,10 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               a: for (
                 var finishedRoot = root,
-                  root$jscomp$0 = current$$1$jscomp$0,
+                  root$jscomp$0 = current$jscomp$0,
                   renderPriorityLevel$jscomp$0 = renderPriorityLevel,
                   node = root$jscomp$0;
                 ;
@@ -6469,7 +6340,7 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
                   node.sibling.return = node.return;
                   node = node.sibling;
                 }
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6483,118 +6354,25 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (
-          effectTag = root$jscomp$1, current$$1 = expirationTime;
-          null !== nextEffect;
-
-        ) {
+        for (effectTag = root$jscomp$1; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            renderPriorityLevel = effectTag;
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            currentRef = nextEffect;
-            root = current$$1;
-            switch (currentRef.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, currentRef);
-                break;
-              case 1:
-                var instance = currentRef.stateNode;
-                if (currentRef.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      currentRef.elementType === currentRef.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            currentRef.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = currentRef.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(currentRef, updateQueue, instance, root);
-                break;
-              case 3:
-                var _updateQueue = currentRef.updateQueue;
-                if (null !== _updateQueue) {
-                  renderPriorityLevel = null;
-                  if (null !== currentRef.child)
-                    switch (currentRef.child.tag) {
-                      case 5:
-                        renderPriorityLevel =
-                          currentRef.child.stateNode.canonical;
-                        break;
-                      case 1:
-                        renderPriorityLevel = currentRef.child.stateNode;
-                    }
-                  commitUpdateQueue(
-                    currentRef,
-                    _updateQueue,
-                    renderPriorityLevel,
-                    root
-                  );
-                }
-                break;
-              case 5:
-                if (null === current$$1$jscomp$1 && currentRef.effectTag & 4)
-                  throw Error(
-                    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-                  );
-                break;
-              case 6:
-                break;
-              case 4:
-                break;
-              case 12:
-                var 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,
-                    renderPriorityLevel.memoizedInteractions
-                  );
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            currentRef = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  currentRef = instance$jscomp$0.canonical;
+                  current = instance.canonical;
                   break;
                 default:
-                  currentRef = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(currentRef)
-                : (ref.current = currentRef);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6630,13 +6408,13 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
       for (
         remainingExpirationTimeBeforeCommit = spawnedWorkDuringRender,
           spawnedWorkDuringRender = null,
-          current$$1$jscomp$1 = 0;
-        current$$1$jscomp$1 < remainingExpirationTimeBeforeCommit.length;
-        current$$1$jscomp$1++
+          ref = 0;
+        ref < remainingExpirationTimeBeforeCommit.length;
+        ref++
       )
         scheduleInteractions(
           root$jscomp$1,
-          remainingExpirationTimeBeforeCommit[current$$1$jscomp$1],
+          remainingExpirationTimeBeforeCommit[ref],
           root$jscomp$1.memoizedInteractions
         );
     schedulePendingInteractions(root$jscomp$1, renderPriorityLevel$jscomp$1);
@@ -6682,7 +6460,7 @@ function flushPassiveEffects() {
         ? 97
         : pendingPassiveEffectsRenderPriority;
     pendingPassiveEffectsRenderPriority = 90;
-    return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl);
+    return runWithPriority(priorityLevel, flushPassiveEffectsImpl);
   }
 }
 function flushPassiveEffectsImpl() {
@@ -6697,27 +6475,28 @@ function flushPassiveEffectsImpl() {
   executionContext |= CommitContext;
   for (
     var prevInteractions = pushInteractions(root),
-      effect = root.current.firstEffect;
-    null !== effect;
+      _effect2 = root.current.firstEffect;
+    null !== _effect2;
 
   ) {
     try {
-      var finishedWork = effect;
+      var finishedWork = _effect2;
       if (0 !== (finishedWork.effectTag & 512))
         switch (finishedWork.tag) {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
-      if (null === effect) throw Error("Should be working on an effect.");
-      captureCommitPhaseError(effect, error);
+      if (null === _effect2) throw Error("Should be working on an effect.");
+      captureCommitPhaseError(_effect2, error);
     }
-    finishedWork = effect.nextEffect;
-    effect.nextEffect = null;
-    effect = finishedWork;
+    finishedWork = _effect2.nextEffect;
+    _effect2.nextEffect = null;
+    _effect2 = finishedWork;
   }
   tracing.__interactionsRef.current = prevInteractions;
   finishPendingInteractions(root, expirationTime);
@@ -6766,19 +6545,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         ensureRootIsScheduled(root),
         schedulePendingInteractions(root, suspendedTime)));
 }
@@ -6794,12 +6571,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
     (ensureRootIsScheduled(boundaryFiber),
     schedulePendingInteractions(boundaryFiber, thenable));
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -6824,11 +6601,17 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue2);
+            context._currentValue2 = updateExpirationTime;
             break;
           case 12:
             workInProgress.childExpirationTime >= renderExpirationTime &&
               (workInProgress.effectTag |= 4);
+            updateExpirationTime = workInProgress.stateNode;
+            updateExpirationTime.effectDuration = 0;
+            updateExpirationTime.passiveEffectDuration = 0;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -6838,52 +6621,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -6895,41 +6666,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -6937,15 +6707,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -6961,127 +6731,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -7091,11 +6863,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7104,13 +6875,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7121,7 +6889,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -7129,7 +6897,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -7139,23 +6907,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -7165,7 +6933,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7175,8 +6943,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         (workInProgress.effectTag |= 4),
+        (updateExpirationTime = workInProgress.stateNode),
+        (updateExpirationTime.effectDuration = 0),
+        (updateExpirationTime.passiveEffectDuration = 0),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7186,27 +6957,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue2);
+        context$jscomp$0._currentValue2 = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7214,14 +6990,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7231,18 +7008,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7253,16 +7030,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7270,21 +7047,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7292,18 +7068,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7312,16 +7085,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7329,7 +7102,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7339,30 +7112,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7370,13 +7138,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7517,9 +7285,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7537,7 +7302,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7555,6 +7320,10 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.lastEffect = null),
       (workInProgress.actualDuration = 0),
       (workInProgress.actualStartTime = -1));
+  if (null == current)
+    throw Error("current is " + current + " but it can't be");
+  if (null == workInProgress)
+    throw Error("workInProgress is " + workInProgress + " but it can't be");
   workInProgress.childExpirationTime = current.childExpirationTime;
   workInProgress.expirationTime = current.expirationTime;
   workInProgress.child = current.child;
@@ -7608,15 +7377,16 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
+          (type.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7624,7 +7394,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7648,6 +7418,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7655,24 +7428,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7734,11 +7507,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7753,14 +7521,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7811,8 +7575,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -7826,7 +7590,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -7837,8 +7600,8 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -7850,291 +7613,116 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactFabric$2 = { default: ReactFabric },
-  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
-module.exports = ReactFabric$3.default || ReactFabric$3;
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.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 = new FiberNode(3, null, null, uninitializedFiber);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.stopSurface = function(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+};
+exports.unmountComponentAtNode = function(containerTag) {
+  this.stopSurface(containerTag);
+};
diff --git a/Libraries/Renderer/implementations/ReactFabric-profiling.js b/Libraries/Renderer/implementations/ReactFabric-profiling.js
index d36acbd2303fcf..cc076b1040285b 100644
--- a/Libraries/Renderer/implementations/ReactFabric-profiling.js
+++ b/Libraries/Renderer/implementations/ReactFabric-profiling.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @providesModule ReactFabric-profiling
  * @preventMunge
  * @generated
@@ -15,86 +16,17 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler"),
-  tracing = require("scheduler/tracing"),
-  eventPluginOrder = null,
-  namesToPlugins = {};
-function recomputePluginOrdering() {
-  if (eventPluginOrder)
-    for (var pluginName in namesToPlugins) {
-      var pluginModule = namesToPlugins[pluginName],
-        pluginIndex = eventPluginOrder.indexOf(pluginName);
-      if (!(-1 < pluginIndex))
-        throw Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+  tracing = require("scheduler/tracing");
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -165,74 +97,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -250,6 +114,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -274,15 +139,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -350,8 +221,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -504,53 +375,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -590,10 +435,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -683,13 +528,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -701,10 +540,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -858,10 +697,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -924,8 +763,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -949,48 +788,160 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_92 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_93 = !1,
+  pluginName$jscomp$inline_94;
+for (pluginName$jscomp$inline_94 in injectedNamesToPlugins$jscomp$inline_92)
+  if (
+    injectedNamesToPlugins$jscomp$inline_92.hasOwnProperty(
+      pluginName$jscomp$inline_94
+    )
+  ) {
+    var pluginModule$jscomp$inline_95 =
+      injectedNamesToPlugins$jscomp$inline_92[pluginName$jscomp$inline_94];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_94) ||
+      namesToPlugins[pluginName$jscomp$inline_94] !==
+        pluginModule$jscomp$inline_95
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_94])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_94 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_94
+      ] = pluginModule$jscomp$inline_95;
+      isOrderingDirty$jscomp$inline_93 = !0;
     }
   }
-});
+isOrderingDirty$jscomp$inline_93 && recomputePluginOrdering();
 function getInstanceFromInstance(instanceHandle) {
   return instanceHandle;
 }
@@ -999,8 +950,8 @@ getFiberCurrentPropsFromNode = function(inst) {
 };
 getInstanceFromNode = getInstanceFromInstance;
 getNodeFromInstance = function(inst) {
-  inst = inst.stateNode.canonical._nativeTag;
-  if (!inst) throw Error("All native instances should have a tag.");
+  inst = inst.stateNode.canonical;
+  if (!inst._nativeTag) throw Error("All native instances should have a tag.");
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
@@ -1036,11 +987,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1050,9 +999,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1089,9 +1039,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1101,6 +1051,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1290,8 +1242,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1452,18 +1404,9 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               )))));
   return updatePayload;
 }
-var restoreTarget = null,
-  restoreQueue = null;
-function restoreStateOfTarget(target) {
-  if (getInstanceFromNode(target))
-    throw 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);
@@ -1471,46 +1414,35 @@ function batchedUpdates(fn, bookkeeping) {
   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]);
+    isInsideEventHandler = !1;
   }
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-(function(_React$Component) {
-  function ReactNativeComponent() {
-    return _React$Component.apply(this, arguments) || this;
+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);
   }
-  _inheritsLoose(ReactNativeComponent, _React$Component);
-  var _proto = ReactNativeComponent.prototype;
-  _proto.blur = function() {};
-  _proto.focus = function() {};
-  _proto.measure = function() {};
-  _proto.measureInWindow = function() {};
-  _proto.measureLayout = function() {};
-  _proto.setNativeProps = function() {};
-  return ReactNativeComponent;
-})(React.Component);
-new Map();
+}
 function dispatchEvent(target, topLevelType, nativeEvent) {
   var eventTarget = null;
-  eventTarget = nativeEvent.target;
+  if (null != target) {
+    var stateNode = target.stateNode;
+    null != stateNode && (eventTarget = stateNode.canonical);
+  }
   batchedUpdates(function() {
     var events = eventTarget;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1548,21 +1480,21 @@ function shim$1() {
     "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,
+var _nativeFabricUIManage = nativeFabricUIManager,
+  createNode = _nativeFabricUIManage.createNode,
+  cloneNode = _nativeFabricUIManage.cloneNode,
+  cloneNodeWithNewChildren = _nativeFabricUIManage.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,
+    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+  createChildNodeSet = _nativeFabricUIManage.createChildSet,
+  appendChildNode = _nativeFabricUIManage.appendChild,
+  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+  completeRoot = _nativeFabricUIManage.completeRoot,
+  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+  fabricMeasure = _nativeFabricUIManage.measure,
+  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
+  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
   getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
   nextReactTag = 2;
@@ -1581,10 +1513,10 @@ var ReactFabricHostComponent = (function() {
   }
   var _proto = ReactFabricHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     fabricMeasure(
@@ -1646,44 +1578,6 @@ function cloneHiddenInstance(instance) {
     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) {
@@ -1721,21 +1615,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1753,17 +1643,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1773,13 +1659,17 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
@@ -1846,7 +1736,7 @@ function reactPriorityToSchedulerPriority(reactPriorityLevel) {
       throw Error("Unknown priority level.");
   }
 }
-function runWithPriority$1(reactPriorityLevel, fn) {
+function runWithPriority(reactPriorityLevel, fn) {
   reactPriorityLevel = reactPriorityToSchedulerPriority(reactPriorityLevel);
   return Scheduler_runWithPriority(reactPriorityLevel, fn);
 }
@@ -1878,7 +1768,7 @@ function flushSyncCallbackQueueImpl() {
     var i = 0;
     try {
       var queue = syncQueue;
-      runWithPriority$1(99, function() {
+      runWithPriority(99, function() {
         for (; i < queue.length; i++) {
           var callback = queue[i];
           do callback = callback(!0);
@@ -1906,18 +1796,18 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
-      ? 98
-      : 5250 >= currentTime
-        ? 97
-        : 95;
+    ? 98
+    : 5250 >= currentTime
+    ? 97
+    : 95;
 }
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1931,11 +1821,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1953,14 +1880,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue2 = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2015,237 +1937,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2262,10 +2142,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2284,7 +2162,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2298,7 +2176,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2311,7 +2189,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2327,8 +2205,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2380,23 +2258,16 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
     : ((contextType = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+        ? previousContext
+        : contextStackCursor.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2412,21 +2283,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2438,7 +2306,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2450,19 +2318,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2514,8 +2382,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2540,31 +2408,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2576,51 +2439,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2983,39 +2840,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3065,8 +2931,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3093,11 +2958,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3152,16 +3013,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3178,23 +3039,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim$1() || shim$1()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3213,24 +3070,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3239,7 +3088,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3247,92 +3096,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3347,74 +3189,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3426,28 +3294,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3461,18 +3331,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3492,6 +3365,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3513,72 +3395,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3593,7 +3482,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3604,13 +3494,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3624,7 +3514,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3643,23 +3533,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3667,112 +3555,113 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
+  },
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
+      );
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
   },
   now$1 = Scheduler.unstable_now,
   commitTime = 0,
@@ -3785,70 +3674,16 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
     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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3857,13 +3692,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3873,43 +3708,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3922,7 +3752,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3930,7 +3760,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3938,65 +3768,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4008,36 +3839,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4049,16 +3875,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4066,7 +3887,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4094,17 +3915,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4150,6 +3968,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4178,17 +3997,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4232,12 +4048,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4246,16 +4062,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4264,26 +4080,26 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   if (
     didCaptureError &&
     "function" !== typeof Component.getDerivedStateFromError
@@ -4292,11 +4108,11 @@ function finishClassComponent(
     profilerStartTime = -1;
   } else nextChildren = shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((didCaptureError = nextChildren),
       (workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4307,7 +4123,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4330,7 +4146,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4342,32 +4158,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4389,15 +4203,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4406,7 +4219,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4417,12 +4230,12 @@ function updateSuspenseComponent(
             (nextDidTimeout = nextDidTimeout.sibling);
       if (workInProgress.mode & 8) {
         nextDidTimeout = 0;
-        for (current$$1 = renderExpirationTime.child; null !== current$$1; )
-          (nextDidTimeout += current$$1.treeBaseDuration),
-            (current$$1 = current$$1.sibling);
+        for (current = renderExpirationTime.child; null !== current; )
+          (nextDidTimeout += current.treeBaseDuration),
+            (current = current.sibling);
         renderExpirationTime.treeBaseDuration = nextDidTimeout;
       }
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4432,37 +4245,37 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     if (workInProgress.mode & 8) {
-      current$$1 = 0;
+      current = 0;
       for (suspenseContext = nextProps.child; null !== suspenseContext; )
-        (current$$1 += suspenseContext.treeBaseDuration),
+        (current += suspenseContext.treeBaseDuration),
           (suspenseContext = suspenseContext.sibling);
-      nextProps.treeBaseDuration = current$$1;
+      nextProps.treeBaseDuration = current;
     }
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
@@ -4481,7 +4294,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4508,6 +4321,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4516,6 +4330,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4523,7 +4338,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4531,7 +4346,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4540,42 +4355,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
-        }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        }
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4597,15 +4409,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4632,36 +4444,30 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   profilerStartTime = -1;
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4683,12 +4489,7 @@ appendAllChildren = function(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNode(parent.node, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4741,12 +4542,7 @@ function appendAllChildrenToContainer(
       var instance = node.stateNode;
       needsVisibilityToggle &&
         isHidden &&
-        (instance = cloneHiddenInstance(
-          instance,
-          node.type,
-          node.memoizedProps,
-          node
-        ));
+        (instance = cloneHiddenInstance(instance));
       appendChildNodeToSet(containerChildSet, instance.node);
     } else if (6 === node.tag) {
       instance = node.stateNode;
@@ -4832,8 +4628,8 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
               ? cloneNodeWithNewProps(recyclableInstance, newProps)
               : cloneNode(recyclableInstance)
             : null !== newProps
-              ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
-              : cloneNodeWithNewChildren(recyclableInstance),
+            ? cloneNodeWithNewChildrenAndProps(recyclableInstance, newProps)
+            : cloneNodeWithNewChildren(recyclableInstance),
           canonical: type.canonical
         }),
         (workInProgress.stateNode = type),
@@ -4843,16 +4639,17 @@ updateHostComponent$1 = function(current, workInProgress, type, newProps) {
   }
 };
 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));
+  oldText !== newText
+    ? ((current = requiredContext(rootInstanceStackCursor.current)),
+      (oldText = requiredContext(contextStackCursor$1.current)),
+      (workInProgress.stateNode = createTextInstance(
+        newText,
+        current,
+        oldText,
+        workInProgress
+      )),
+      (workInProgress.effectTag |= 4))
+    : (workInProgress.stateNode = current.stateNode);
 };
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
@@ -4878,67 +4675,78 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
+function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
     case 2:
-      break;
     case 16:
-      break;
     case 15:
     case 0:
-      break;
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      current = workInProgress.stateNode;
-      current.pendingContext &&
-        ((current.context = current.pendingContext),
-        (current.pendingContext = null));
-      updateHostContainer(workInProgress);
-      break;
+      return (
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
+      );
     case 5:
       popHostContext(workInProgress);
       var rootContainerInstance = requiredContext(
         rootInstanceStackCursor.current
       );
-      renderExpirationTime$jscomp$0 = workInProgress.type;
+      renderExpirationTime = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
         updateHostComponent$1(
           current,
           workInProgress,
-          renderExpirationTime$jscomp$0,
+          renderExpirationTime,
           newProps,
           rootContainerInstance
         ),
           current.ref !== workInProgress.ref &&
             (workInProgress.effectTag |= 128);
-      else if (newProps) {
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
         requiredContext(contextStackCursor$1.current);
         current = nextReactTag;
         nextReactTag += 2;
-        renderExpirationTime$jscomp$0 = getViewConfigForType(
-          renderExpirationTime$jscomp$0
-        );
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
         var updatePayload = diffProperties(
           null,
           emptyObject,
           newProps,
-          renderExpirationTime$jscomp$0.validAttributes
+          renderExpirationTime.validAttributes
         );
         rootContainerInstance = createNode(
           current,
-          renderExpirationTime$jscomp$0.uiViewClassName,
+          renderExpirationTime.uiViewClassName,
           rootContainerInstance,
           updatePayload,
           workInProgress
         );
         current = new ReactFabricHostComponent(
           current,
-          renderExpirationTime$jscomp$0,
+          renderExpirationTime,
           newProps,
           workInProgress
         );
@@ -4946,11 +4754,8 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
         appendAllChildren(current, workInProgress, !1, !1);
         workInProgress.stateNode = current;
         null !== workInProgress.ref && (workInProgress.effectTag |= 128);
-      } else if (null === workInProgress.stateNode)
-        throw Error(
-          "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-        );
-      break;
+      }
+      return null;
     case 6:
       if (current && null != workInProgress.stateNode)
         updateHostText$1(
@@ -4973,33 +4778,30 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
           workInProgress
         );
       }
-      break;
-    case 11:
-      break;
+      return null;
     case 13:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
       if (0 !== (workInProgress.effectTag & 64))
         return (
-          (workInProgress.expirationTime = renderExpirationTime$jscomp$0),
-          workInProgress
+          (workInProgress.expirationTime = renderExpirationTime), workInProgress
         );
       newProps = null !== newProps;
       rootContainerInstance = !1;
       null !== current &&
-        ((renderExpirationTime$jscomp$0 = current.memoizedState),
-        (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
         newProps ||
-          null === renderExpirationTime$jscomp$0 ||
-          ((renderExpirationTime$jscomp$0 = current.child.sibling),
-          null !== renderExpirationTime$jscomp$0 &&
+          null === renderExpirationTime ||
+          ((renderExpirationTime = current.child.sibling),
+          null !== renderExpirationTime &&
             ((updatePayload = workInProgress.firstEffect),
             null !== updatePayload
-              ? ((workInProgress.firstEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = updatePayload))
-              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = null)),
-            (renderExpirationTime$jscomp$0.effectTag = 8))));
+              ? ((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 &&
@@ -5016,38 +4818,27 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
             workInProgressRootExitStatus = RootSuspendedWithDelay;
           0 !== workInProgressRootNextUnprocessedUpdateTime &&
             null !== workInProgressRoot &&
-            (markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime),
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
             markRootUpdatedAtTime(
               workInProgressRoot,
               workInProgressRootNextUnprocessedUpdateTime
             ));
         }
       newProps && (workInProgress.effectTag |= 4);
-      break;
-    case 7:
-      break;
-    case 8:
-      break;
-    case 12:
-      break;
+      return null;
     case 4:
-      popHostContainer(workInProgress);
-      updateHostContainer(workInProgress);
-      break;
+      return popHostContainer(), updateHostContainer(workInProgress), null;
     case 10:
-      popProvider(workInProgress);
-      break;
-    case 9:
-      break;
-    case 14:
-      break;
+      return popProvider(workInProgress), null;
     case 17:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 19:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
-      if (null === newProps) break;
+      if (null === newProps) return null;
       rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
       updatePayload = newProps.rendering;
       if (null === updatePayload)
@@ -5069,7 +4860,7 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                 null === newProps.lastEffect &&
                   (workInProgress.firstEffect = null);
                 workInProgress.lastEffect = newProps.lastEffect;
-                current = renderExpirationTime$jscomp$0;
+                current = renderExpirationTime;
                 for (newProps = workInProgress.child; null !== newProps; )
                   (rootContainerInstance = newProps),
                     (updatePayload = current),
@@ -5077,9 +4868,8 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                     (rootContainerInstance.nextEffect = null),
                     (rootContainerInstance.firstEffect = null),
                     (rootContainerInstance.lastEffect = null),
-                    (renderExpirationTime$jscomp$0 =
-                      rootContainerInstance.alternate),
-                    null === renderExpirationTime$jscomp$0
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
                       ? ((rootContainerInstance.childExpirationTime = 0),
                         (rootContainerInstance.expirationTime = updatePayload),
                         (rootContainerInstance.child = null),
@@ -5090,19 +4880,18 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                         (rootContainerInstance.selfBaseDuration = 0),
                         (rootContainerInstance.treeBaseDuration = 0))
                       : ((rootContainerInstance.childExpirationTime =
-                          renderExpirationTime$jscomp$0.childExpirationTime),
+                          renderExpirationTime.childExpirationTime),
                         (rootContainerInstance.expirationTime =
-                          renderExpirationTime$jscomp$0.expirationTime),
+                          renderExpirationTime.expirationTime),
                         (rootContainerInstance.child =
-                          renderExpirationTime$jscomp$0.child),
+                          renderExpirationTime.child),
                         (rootContainerInstance.memoizedProps =
-                          renderExpirationTime$jscomp$0.memoizedProps),
+                          renderExpirationTime.memoizedProps),
                         (rootContainerInstance.memoizedState =
-                          renderExpirationTime$jscomp$0.memoizedState),
+                          renderExpirationTime.memoizedState),
                         (rootContainerInstance.updateQueue =
-                          renderExpirationTime$jscomp$0.updateQueue),
-                        (updatePayload =
-                          renderExpirationTime$jscomp$0.dependencies),
+                          renderExpirationTime.updateQueue),
+                        (updatePayload = renderExpirationTime.dependencies),
                         (rootContainerInstance.dependencies =
                           null === updatePayload
                             ? null
@@ -5112,14 +4901,13 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                                 responders: updatePayload.responders
                               }),
                         (rootContainerInstance.selfBaseDuration =
-                          renderExpirationTime$jscomp$0.selfBaseDuration),
+                          renderExpirationTime.selfBaseDuration),
                         (rootContainerInstance.treeBaseDuration =
-                          renderExpirationTime$jscomp$0.treeBaseDuration)),
+                          renderExpirationTime.treeBaseDuration)),
                     (newProps = newProps.sibling);
                 push(
                   suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2,
-                  workInProgress
+                  (suspenseStackCursor.current & 1) | 2
                 );
                 return workInProgress.child;
               }
@@ -5142,18 +4930,20 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
               null === newProps.tail &&
                 "hidden" === newProps.tailMode &&
                 !updatePayload.alternate)
-            ) {
-              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
-              null !== workInProgress && (workInProgress.nextEffect = null);
-              break;
-            }
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
           } else
-            now() > newProps.tailExpiration &&
-              1 < renderExpirationTime$jscomp$0 &&
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
               ((workInProgress.effectTag |= 64),
               (rootContainerInstance = !0),
               cutOffTailIfNeeded(newProps, !1),
-              (current = renderExpirationTime$jscomp$0 - 1),
+              (current = renderExpirationTime - 1),
               (workInProgress.expirationTime = workInProgress.childExpirationTime = current),
               null === spawnedWorkDuringRender
                 ? (spawnedWorkDuringRender = [current])
@@ -5167,49 +4957,44 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
               : (workInProgress.child = updatePayload),
             (newProps.last = updatePayload));
       }
-      if (null !== newProps.tail)
-        return (
-          0 === newProps.tailExpiration &&
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
             (newProps.tailExpiration = now() + 500),
           (current = newProps.tail),
           (newProps.rendering = current),
           (newProps.tail = current.sibling),
           (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
           (current.sibling = null),
-          (newProps = suspenseStackCursor.current),
+          (workInProgress = suspenseStackCursor.current),
           push(
             suspenseStackCursor,
-            rootContainerInstance ? (newProps & 1) | 2 : newProps & 1,
-            workInProgress
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
           ),
-          current
-        );
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
+          current)
+        : null;
   }
-  return null;
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      isContextProvider(workInProgress.type) && popContext();
       var effectTag = workInProgress.effectTag;
       return effectTag & 4096
         ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
           workInProgress)
         : null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
       effectTag = workInProgress.effectTag;
       if (0 !== (effectTag & 64))
         throw Error(
@@ -5221,7 +5006,7 @@ function unwindWork(workInProgress) {
       return popHostContext(workInProgress), null;
     case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
+        pop(suspenseStackCursor),
         (effectTag = workInProgress.effectTag),
         effectTag & 4096
           ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
@@ -5229,9 +5014,9 @@ function unwindWork(workInProgress) {
           : null
       );
     case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
+      return pop(suspenseStackCursor), null;
     case 4:
-      return popHostContainer(workInProgress), null;
+      return popHostContainer(), null;
     case 10:
       return popProvider(workInProgress), null;
     default:
@@ -5288,102 +5073,192 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode.canonical;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      if (null === current && finishedWork.effectTag & 4)
+        throw Error(
+          "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+        );
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      prevProps = finishedWork.memoizedProps.onRender;
+      var commitTime$jscomp$0 = commitTime;
+      "function" === typeof prevProps &&
+        prevProps(
+          finishedWork.memoizedProps.id,
+          null === current ? "mount" : "update",
+          finishedWork.actualDuration,
+          finishedWork.treeBaseDuration,
+          finishedWork.actualStartTime,
+          commitTime$jscomp$0,
+          finishedRoot.memoizedInteractions
+        );
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
       ) {
         var firstEffect = finishedRoot.next;
-        runWithPriority$1(
+        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;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -5393,42 +5268,41 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
-      createChildNodeSet(current$$1$jscomp$0.stateNode.containerInfo);
+      createChildNodeSet(current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
       return;
     case 12:
       return;
@@ -5441,19 +5315,20 @@ function commitWork(current$$1, finishedWork) {
       attachSuspenseRetryListeners(finishedWork);
       return;
   }
-  a: switch (finishedWork.tag) {
-    case 1:
-    case 5:
-    case 6:
-    case 20:
-      break a;
-    case 3:
-    case 4:
-      break a;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+  a: {
+    switch (finishedWork.tag) {
+      case 1:
+      case 5:
+      case 6:
+      case 20:
+        break a;
+      case 3:
+      case 4:
+        break a;
+    }
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 function attachSuspenseRetryListeners(finishedWork) {
@@ -5513,7 +5388,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5528,7 +5403,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5555,8 +5430,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5564,7 +5439,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5596,11 +5471,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5657,7 +5532,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5666,9 +5541,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5717,270 +5593,232 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime,
+    prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var exitStatus = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  ReactCurrentDispatcher$1.current = exitStatus;
+  executionContext = prevExecutionContext;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || expirationTime !== renderExpirationTime)
-      prepareFreshStack(root, expirationTime),
-        startWorkOnPendingInteractions(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+      didTimeout);
+    prevExecutionContext = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((prevExecutionContext =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < prevExecutionContext)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
-            );
-            break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (
-                workInProgressRootHasPendingPing &&
-                ((prevInteractions = root.lastPingedTime),
-                0 === prevInteractions || prevInteractions >= expirationTime)
-              ) {
-                root.lastPingedTime = expirationTime;
-                prepareFreshStack(root, expirationTime);
-                break;
-              }
-              prevInteractions = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== prevInteractions && prevInteractions !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
+          if (
+            workInProgressRootHasPendingPing &&
+            ((expirationTime = root.lastPingedTime),
+            0 === expirationTime || expirationTime >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
             break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              prevInteractions = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (prevInteractions =
-                    now() -
-                    (10 * (1073741821 - prevInteractions) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    prevInteractions <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        prevInteractions));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
+          }
+          expirationTime = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
             break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
-    }
-  }
-  return null;
-}
-function performSyncWorkOnRoot(root) {
-  var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || lastExpiredTime !== renderExpirationTime)
-      prepareFreshStack(root, lastExpiredTime),
-        startWorkOnPendingInteractions(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopSync();
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((prevExecutionContext = root.lastPingedTime),
+          0 === prevExecutionContext || prevExecutionContext >= lastExpiredTime)
+        ) {
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
+        prevExecutionContext = getNextRootExpirationTimeToWorkOn(root);
+        if (
+          0 !== prevExecutionContext &&
+          prevExecutionContext !== lastExpiredTime
+        )
+          break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (prevExecutionContext =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (prevExecutionContext = 0)
+          : ((prevExecutionContext =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (prevExecutionContext = exitStatus - prevExecutionContext),
+            0 > prevExecutionContext && (prevExecutionContext = 0),
+            (prevExecutionContext =
+              (120 > prevExecutionContext
+                ? 120
+                : 480 > prevExecutionContext
+                ? 480
+                : 1080 > prevExecutionContext
+                ? 1080
+                : 1920 > prevExecutionContext
+                ? 1920
+                : 3e3 > prevExecutionContext
+                ? 3e3
+                : 4320 > prevExecutionContext
+                ? 4320
+                : 1960 * ceil(prevExecutionContext / 1960)) -
+              prevExecutionContext),
+            lastExpiredTime < prevExecutionContext &&
+              (prevExecutionContext = lastExpiredTime));
+        if (10 < prevExecutionContext) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          expirationTime = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
+          0 >= prevExecutionContext
+            ? (prevExecutionContext = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (expirationTime =
+                now() -
+                (10 * (1073741821 - expirationTime) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (prevExecutionContext =
+                expirationTime <= exitStatus
+                  ? 0
+                  : exitStatus + prevExecutionContext - expirationTime));
+          if (10 < prevExecutionContext) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              prevExecutionContext
+            );
+            break;
+          }
+        }
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
     }
   }
-  return null;
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
 }
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
-  }
+function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
+  return null;
 }
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
@@ -5993,26 +5831,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -6020,8 +5859,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -6034,12 +5873,25 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       workInProgress.mode & 8 &&
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !0);
@@ -6048,7 +5900,7 @@ function handleError(root$jscomp$0, thrownValue) {
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -6056,8 +5908,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -6072,10 +5933,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -6182,8 +6043,8 @@ function handleError(root$jscomp$0, thrownValue) {
   } while (1);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushInteractions(root) {
@@ -6205,6 +6066,33 @@ function markUnprocessedUpdateTime(expirationTime) {
   expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
     (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
 }
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
 function workLoopSync() {
   for (; null !== workInProgress; )
     workInProgress = performUnitOfWork(workInProgress);
@@ -6214,43 +6102,35 @@ function workLoopConcurrent() {
     workInProgress = performUnitOfWork(workInProgress);
 }
 function performUnitOfWork(unitOfWork) {
-  var current$$1 = unitOfWork.alternate;
+  var current = unitOfWork.alternate;
   0 !== (unitOfWork.mode & 8)
     ? ((profilerStartTime = now$1()),
       0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
-      (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
+      (current = beginWork$1(current, unitOfWork, renderExpirationTime$1)),
       stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime));
+    : (current = beginWork$1(current, unitOfWork, renderExpirationTime$1));
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current$$1 && (current$$1 = completeUnitOfWork(unitOfWork));
+  null === current && (current = completeUnitOfWork(unitOfWork));
   ReactCurrentOwner$2.current = null;
-  return current$$1;
+  return current;
 }
 function completeUnitOfWork(unitOfWork) {
   workInProgress = unitOfWork;
   do {
-    var current$$1 = workInProgress.alternate;
+    var current = workInProgress.alternate;
     unitOfWork = workInProgress.return;
     if (0 === (workInProgress.effectTag & 2048)) {
       if (0 === (workInProgress.mode & 8))
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
       else {
         var fiber = workInProgress;
         profilerStartTime = now$1();
         0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
       }
       fiber = workInProgress;
-      if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
+      if (1 === renderExpirationTime$1 || 1 !== fiber.childExpirationTime) {
         var newChildExpirationTime = 0;
         if (0 !== (fiber.mode & 8)) {
           for (
@@ -6288,7 +6168,7 @@ function completeUnitOfWork(unitOfWork) {
               (actualDuration = actualDuration.sibling);
         fiber.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6303,7 +6183,7 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      current = unwindWork(workInProgress);
       if (0 !== (workInProgress.mode & 8)) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
         fiber = workInProgress.actualDuration;
@@ -6316,14 +6196,13 @@ function completeUnitOfWork(unitOfWork) {
             (newChildExpirationTime = newChildExpirationTime.sibling);
         workInProgress.actualDuration = fiber;
       }
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6337,11 +6216,12 @@ function getRemainingExpirationTime(fiber) {
 }
 function commitRoot(root) {
   var renderPriorityLevel = getCurrentPriorityLevel();
-  runWithPriority$1(99, commitRootImpl.bind(null, root, renderPriorityLevel));
+  runWithPriority(99, commitRootImpl.bind(null, root, renderPriorityLevel));
   return null;
 }
 function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$1.finishedWork,
@@ -6370,7 +6250,8 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
   expirationTime <= root$jscomp$1.lastExpiredTime &&
     (root$jscomp$1.lastExpiredTime = 0);
   root$jscomp$1 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6404,9 +6285,9 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6432,10 +6313,10 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               a: for (
                 var finishedRoot = root,
-                  root$jscomp$0 = current$$1$jscomp$0,
+                  root$jscomp$0 = current$jscomp$0,
                   renderPriorityLevel$jscomp$0 = renderPriorityLevel,
                   node = root$jscomp$0;
                 ;
@@ -6460,7 +6341,7 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
                   node.sibling.return = node.return;
                   node = node.sibling;
                 }
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6474,118 +6355,25 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (
-          effectTag = root$jscomp$1, current$$1 = expirationTime;
-          null !== nextEffect;
-
-        ) {
+        for (effectTag = root$jscomp$1; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            renderPriorityLevel = effectTag;
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            currentRef = nextEffect;
-            root = current$$1;
-            switch (currentRef.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, currentRef);
-                break;
-              case 1:
-                var instance = currentRef.stateNode;
-                if (currentRef.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      currentRef.elementType === currentRef.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            currentRef.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = currentRef.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(currentRef, updateQueue, instance, root);
-                break;
-              case 3:
-                var _updateQueue = currentRef.updateQueue;
-                if (null !== _updateQueue) {
-                  renderPriorityLevel = null;
-                  if (null !== currentRef.child)
-                    switch (currentRef.child.tag) {
-                      case 5:
-                        renderPriorityLevel =
-                          currentRef.child.stateNode.canonical;
-                        break;
-                      case 1:
-                        renderPriorityLevel = currentRef.child.stateNode;
-                    }
-                  commitUpdateQueue(
-                    currentRef,
-                    _updateQueue,
-                    renderPriorityLevel,
-                    root
-                  );
-                }
-                break;
-              case 5:
-                if (null === current$$1$jscomp$1 && currentRef.effectTag & 4)
-                  throw Error(
-                    "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-                  );
-                break;
-              case 6:
-                break;
-              case 4:
-                break;
-              case 12:
-                var 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,
-                    renderPriorityLevel.memoizedInteractions
-                  );
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            currentRef = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  currentRef = instance$jscomp$0.canonical;
+                  current = instance.canonical;
                   break;
                 default:
-                  currentRef = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(currentRef)
-                : (ref.current = currentRef);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6621,13 +6409,13 @@ function commitRootImpl(root$jscomp$1, renderPriorityLevel$jscomp$1) {
       for (
         remainingExpirationTimeBeforeCommit = spawnedWorkDuringRender,
           spawnedWorkDuringRender = null,
-          current$$1$jscomp$1 = 0;
-        current$$1$jscomp$1 < remainingExpirationTimeBeforeCommit.length;
-        current$$1$jscomp$1++
+          ref = 0;
+        ref < remainingExpirationTimeBeforeCommit.length;
+        ref++
       )
         scheduleInteractions(
           root$jscomp$1,
-          remainingExpirationTimeBeforeCommit[current$$1$jscomp$1],
+          remainingExpirationTimeBeforeCommit[ref],
           root$jscomp$1.memoizedInteractions
         );
     schedulePendingInteractions(root$jscomp$1, renderPriorityLevel$jscomp$1);
@@ -6673,7 +6461,7 @@ function flushPassiveEffects() {
         ? 97
         : pendingPassiveEffectsRenderPriority;
     pendingPassiveEffectsRenderPriority = 90;
-    return runWithPriority$1(priorityLevel, flushPassiveEffectsImpl);
+    return runWithPriority(priorityLevel, flushPassiveEffectsImpl);
   }
 }
 function flushPassiveEffectsImpl() {
@@ -6688,27 +6476,28 @@ function flushPassiveEffectsImpl() {
   executionContext |= CommitContext;
   for (
     var prevInteractions = pushInteractions(root),
-      effect = root.current.firstEffect;
-    null !== effect;
+      _effect2 = root.current.firstEffect;
+    null !== _effect2;
 
   ) {
     try {
-      var finishedWork = effect;
+      var finishedWork = _effect2;
       if (0 !== (finishedWork.effectTag & 512))
         switch (finishedWork.tag) {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
-      if (null === effect) throw Error("Should be working on an effect.");
-      captureCommitPhaseError(effect, error);
+      if (null === _effect2) throw Error("Should be working on an effect.");
+      captureCommitPhaseError(_effect2, error);
     }
-    finishedWork = effect.nextEffect;
-    effect.nextEffect = null;
-    effect = finishedWork;
+    finishedWork = _effect2.nextEffect;
+    _effect2.nextEffect = null;
+    _effect2 = finishedWork;
   }
   tracing.__interactionsRef.current = prevInteractions;
   finishPendingInteractions(root, expirationTime);
@@ -6757,19 +6546,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         ensureRootIsScheduled(root),
         schedulePendingInteractions(root, suspendedTime)));
 }
@@ -6785,12 +6572,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
     (ensureRootIsScheduled(boundaryFiber),
     schedulePendingInteractions(boundaryFiber, thenable));
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -6815,11 +6602,17 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue2);
+            context._currentValue2 = updateExpirationTime;
             break;
           case 12:
             workInProgress.childExpirationTime >= renderExpirationTime &&
               (workInProgress.effectTag |= 4);
+            updateExpirationTime = workInProgress.stateNode;
+            updateExpirationTime.effectDuration = 0;
+            updateExpirationTime.passiveEffectDuration = 0;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -6829,52 +6622,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -6886,41 +6667,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -6928,15 +6708,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -6952,127 +6732,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -7082,11 +6864,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7095,13 +6876,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7112,7 +6890,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -7120,7 +6898,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -7130,23 +6908,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -7156,7 +6934,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7166,8 +6944,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         (workInProgress.effectTag |= 4),
+        (updateExpirationTime = workInProgress.stateNode),
+        (updateExpirationTime.effectDuration = 0),
+        (updateExpirationTime.passiveEffectDuration = 0),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7177,27 +6958,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue2);
+        context$jscomp$0._currentValue2 = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7205,14 +6991,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7222,18 +7009,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7244,16 +7031,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7261,21 +7048,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7283,18 +7069,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7303,16 +7086,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7320,7 +7103,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7330,30 +7113,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7361,13 +7139,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7508,9 +7286,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7528,7 +7303,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7599,15 +7374,16 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
+          (type.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7615,7 +7391,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7639,6 +7415,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7646,24 +7425,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7725,11 +7504,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7744,14 +7518,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7802,8 +7572,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -7817,7 +7587,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-var fabricDispatchCommand = nativeFabricUIManager.dispatchCommand;
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -7828,8 +7597,8 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -7841,291 +7610,116 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactFabric$2 = { default: ReactFabric },
-  ReactFabric$3 = (ReactFabric$2 && ReactFabric) || ReactFabric$2;
-module.exports = ReactFabric$3.default || ReactFabric$3;
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.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 = new FiberNode(3, null, null, uninitializedFiber);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.stopSurface = function(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+};
+exports.unmountComponentAtNode = function(containerTag) {
+  this.stopSurface(containerTag);
+};
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
index b1ae206b2534e5..8ef9be346094b2 100644
--- a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.fb.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @preventMunge
  * @generated
  */
@@ -15,256 +16,234 @@ if (__DEV__) {
   (function() {
 "use strict";
 
+var React = require("react");
 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");
 
-/**
- * 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 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.
 
-var namesToPlugins = {};
-/**
- * Recomputes the plugin list using the injected plugins and plugin ordering.
- *
- * @private
- */
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
+  ReactSharedInternals.ReactCurrentDispatcher = {
+    current: null
+  };
+}
 
-function recomputePluginOrdering() {
-  if (!eventPluginOrder) {
-    // Wait until an `eventPluginOrder` is injected.
-    return;
-  }
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+// by calls to these methods by a Babel plugin.
+//
+// In PROD (or in packages without access to React internals),
+// they are left as they are instead.
 
-    if (!(pluginIndex > -1)) {
-      throw Error(
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-          pluginName +
-          "`."
-      );
+function warn(format) {
+  {
+    for (
+      var _len = arguments.length,
+        args = new Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
     }
 
-    if (plugins[pluginIndex]) {
-      continue;
+    printWarning("warn", format, args);
+  }
+}
+function error(format) {
+  {
+    for (
+      var _len2 = arguments.length,
+        args = new Array(_len2 > 1 ? _len2 - 1 : 0),
+        _key2 = 1;
+      _key2 < _len2;
+      _key2++
+    ) {
+      args[_key2 - 1] = arguments[_key2];
     }
 
-    if (!pluginModule.extractEvents) {
-      throw Error(
-        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-          pluginName +
-          "` does not."
-      );
-    }
+    printWarning("error", format, args);
+  }
+}
 
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var hasExistingStack =
+      args.length > 0 &&
+      typeof args[args.length - 1] === "string" &&
+      args[args.length - 1].indexOf("\n    in") === 0;
 
-    for (var eventName in publishedEvents) {
-      if (
-        !publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        )
-      ) {
-        throw Error(
-          "EventPluginRegistry: Failed to publish event `" +
-            eventName +
-            "` for plugin `" +
-            pluginName +
-            "`."
-        );
+    if (!hasExistingStack) {
+      var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+      var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+      if (stack !== "") {
+        format += "%s";
+        args = args.concat([stack]);
       }
     }
+
+    var argsWithFormat = args.map(function(item) {
+      return "" + item;
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+
+    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) {}
   }
 }
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
 
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-        eventName +
-        "`."
-    );
-  }
+var FunctionComponent = 0;
+var ClassComponent = 1;
+var IndeterminateComponent = 2; // Before we know whether it is function or class
 
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
 
-  if (phasedRegistrationNames) {
-    for (var phaseName in phasedRegistrationNames) {
-      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-        publishRegistrationName(
-          phasedRegistrationName,
-          pluginModule,
-          eventName
-        );
-      }
-    }
+var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
 
-    return true;
-  } else if (dispatchConfig.registrationName) {
-    publishRegistrationName(
-      dispatchConfig.registrationName,
-      pluginModule,
-      eventName
-    );
-    return true;
+var HostComponent = 5;
+var HostText = 6;
+var Fragment = 7;
+var Mode = 8;
+var ContextConsumer = 9;
+var ContextProvider = 10;
+var ForwardRef = 11;
+var Profiler = 12;
+var SuspenseComponent = 13;
+var MemoComponent = 14;
+var SimpleMemoComponent = 15;
+var LazyComponent = 16;
+var IncompleteClassComponent = 17;
+var DehydratedFragment = 18;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
+var ScopeComponent = 21;
+var Block = 22;
+
+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 false;
+  return null;
 }
 /**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
  */
 
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  if (!!registrationNameModules[registrationName]) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
+function getLowestCommonAncestor(instA, instB) {
+  var depthA = 0;
+
+  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+    depthA++;
   }
 
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+  var depthB = 0;
 
-  {
-    var lowerCasedName = registrationName.toLowerCase();
+  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;
 }
 /**
- * Registers plugins so that they can extract and dispatch events.
- *
- * @see {EventPluginHub}
+ * Return if A is an ancestor of B.
  */
 
-/**
- * Ordered list of injected plugins.
- */
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
 
-var plugins = [];
+    instB = getParent(instB);
+  }
+
+  return false;
+}
 /**
- * Mapping from event name to dispatch config
+ * Return the parent instance of the passed-in instance.
  */
 
-var eventNameDispatchConfigs = {};
+function getParentInstance(inst) {
+  return getParent(inst);
+}
 /**
- * Mapping from registration name to plugin module
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
  */
 
-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) {
-  if (!!eventPluginOrder) {
-    throw 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;
-    }
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
 
-    var pluginModule = injectedNamesToPlugins[pluginName];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
 
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      if (!!namesToPlugins[pluginName]) {
-        throw Error(
-          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            pluginName +
-            "`."
-        );
-      }
+  var i;
 
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
   }
 
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
   }
 }
 
@@ -559,71 +538,6 @@ function clearCaughtError() {
   }
 }
 
-/**
- * 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 = new 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;
@@ -637,13 +551,12 @@ function setComponentTree(
   getNodeFromInstance = getNodeFromInstanceImpl;
 
   {
-    !(getNodeFromInstance && getInstanceFromNode)
-      ? warningWithoutStack$1(
-          false,
-          "EventPluginUtils.setComponentTree(...): Injected " +
-            "module is missing getNodeFromInstance or getInstanceFromNode."
-        )
-      : void 0;
+    if (!getNodeFromInstance || !getInstanceFromNode) {
+      error(
+        "EventPluginUtils.setComponentTree(...): Injected " +
+          "module is missing getNodeFromInstance or getInstanceFromNode."
+      );
+    }
   }
 }
 var validateEventDispatches;
@@ -656,17 +569,18 @@ var validateEventDispatches;
     var listenersLen = listenersIsArr
       ? dispatchListeners.length
       : dispatchListeners
-        ? 1
-        : 0;
+      ? 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;
+      ? 1
+      : 0;
+
+    if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
+      error("EventPluginUtils: Invalid `event`.");
+    }
   };
 }
 /**
@@ -793,6 +707,77 @@ function hasDispatches(event) {
   return !!event._dispatchListeners;
 }
 
+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":
+    case "onMouseEnter":
+      return !!(props.disabled && isInteractive(type));
+
+    default:
+      return false;
+  }
+}
+/**
+ * @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; // 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;
+  }
+
+  if (!(!listener || typeof listener === "function")) {
+    throw Error(
+      "Expected `" +
+        registrationName +
+        "` listener to be a function, instead got a value of `" +
+        typeof listener +
+        "` type."
+    );
+  }
+
+  return listener;
+}
+
 /**
  * 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
@@ -854,1651 +839,1526 @@ function forEachAccumulated(arr, cb, scope) {
 }
 
 /**
- * Internal queue of events that have accumulated their dispatches and are
- * waiting to have their dispatches executed.
+ * Some event types have a notion of different registration names for different
+ * "phases" of propagation. This finds listeners by a given phase.
  */
-
-var eventQueue = null;
+function listenerAtPhase(inst, event, propagationPhase) {
+  var registrationName =
+    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+  return getListener(inst, registrationName);
+}
 /**
- * Dispatches an event and releases it back into the pool, unless persistent.
- *
- * @param {?object} event Synthetic event to be dispatched.
- * @private
+ * 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.
  */
 
-var executeDispatchesAndRelease = function(event) {
-  if (event) {
-    executeDispatchesInOrder(event);
+/**
+ * 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.
+ */
 
-    if (!event.isPersistent()) {
-      event.constructor.release(event);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  {
+    if (!inst) {
+      error("Dispatching inst must not be null");
     }
   }
-};
-
-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);
+  var listener = listenerAtPhase(inst, event, phase);
 
-  if (!!eventQueue) {
-    throw Error(
-      "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
+  if (listener) {
+    event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      listener
     );
-  } // This would be a good time to rethrow if any of the event handlers threw.
-
-  rethrowCaughtError();
+    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 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;
+function accumulateTwoPhaseDispatchesSingle(event) {
+  if (event && event.dispatchConfig.phasedRegistrationNames) {
+    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
   }
 }
 /**
- * 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
+ * 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);
+  }
+}
 /**
- * Methods for injecting dependencies.
+ * Accumulates without regard to direction, does not look for phased
+ * registration names. Same as `accumulateDirectDispatchesSingle` but without
+ * requiring that the `dispatchMarker` be the same as the dispatched ID.
  */
 
-var injection = {
-  /**
-   * @param {array} InjectedEventPluginOrder
-   * @public
-   */
-  injectEventPluginOrder: injectEventPluginOrder,
+function accumulateDispatches(inst, ignoredDirection, event) {
+  if (inst && event && event.dispatchConfig.registrationName) {
+    var registrationName = event.dispatchConfig.registrationName;
+    var listener = getListener(inst, registrationName);
 
-  /**
-   * @param {object} injectedNamesToPlugins Map from names to plugin modules.
-   */
-  injectEventPluginsByName: injectEventPluginsByName
-};
+    if (listener) {
+      event._dispatchListeners = accumulateInto(
+        event._dispatchListeners,
+        listener
+      );
+      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+    }
+  }
+}
 /**
- * @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.
+ * Accumulates dispatches on an `SyntheticEvent`, but only for the
+ * `dispatchMarker`.
+ * @param {SyntheticEvent} event
  */
 
-function getListener(inst, registrationName) {
-  var listener; // 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;
+function accumulateDirectDispatchesSingle(event) {
+  if (event && event.dispatchConfig.registrationName) {
+    accumulateDispatches(event._targetInst, null, event);
   }
+}
 
-  var props = getFiberCurrentPropsFromNode(stateNode);
-
-  if (!props) {
-    // Work in progress.
-    return null;
-  }
+function accumulateTwoPhaseDispatches(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+}
+function accumulateTwoPhaseDispatchesSkipTarget(events) {
+  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+}
+function accumulateDirectDispatches(events) {
+  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+}
 
-  listener = props[registrationName];
+var EVENT_POOL_SIZE = 10;
+/**
+ * @interface Event
+ * @see http://www.w3.org/TR/DOM-Level-3-Events/
+ */
 
-  if (shouldPreventMouseEvent(registrationName, inst.type, props)) {
+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
+};
 
-  if (!(!listener || typeof listener === "function")) {
-    throw Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  }
+function functionThatReturnsTrue() {
+  return true;
+}
 
-  return listener;
+function functionThatReturnsFalse() {
+  return false;
 }
 /**
- * Allows registered plugins an opportunity to extract events from top-level
- * native browser events.
+ * Synthetic events are dispatched by event plugins, typically in response to a
+ * top-level event delegation handler.
  *
- * @return {*} An accumulation of synthetic events.
- * @internal
+ * 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 extractPluginEvents(
-  topLevelType,
+function SyntheticEvent(
+  dispatchConfig,
   targetInst,
   nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
+  nativeEventTarget
 ) {
-  var events = null;
+  {
+    // these have a getter/setter for warnings
+    delete this.nativeEvent;
+    delete this.preventDefault;
+    delete this.stopPropagation;
+    delete this.isDefaultPrevented;
+    delete this.isPropagationStopped;
+  }
 
-  for (var i = 0; i < plugins.length; i++) {
-    // Not every plugin in the ordering may be loaded at runtime.
-    var possiblePlugin = plugins[i];
+  this.dispatchConfig = dispatchConfig;
+  this._targetInst = targetInst;
+  this.nativeEvent = nativeEvent;
+  var Interface = this.constructor.Interface;
 
-    if (possiblePlugin) {
-      var extractedEvents = possiblePlugin.extractEvents(
-        topLevelType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget,
-        eventSystemFlags
-      );
+  for (var propName in Interface) {
+    if (!Interface.hasOwnProperty(propName)) {
+      continue;
+    }
 
-      if (extractedEvents) {
-        events = accumulateInto(events, extractedEvents);
+    {
+      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];
       }
     }
   }
 
-  return events;
-}
+  var defaultPrevented =
+    nativeEvent.defaultPrevented != null
+      ? nativeEvent.defaultPrevented
+      : nativeEvent.returnValue === false;
 
-function runExtractedPluginEventsInBatch(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
-) {
-  var events = extractPluginEvents(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  );
-  runEventsInBatch(events);
+  if (defaultPrevented) {
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  } else {
+    this.isDefaultPrevented = functionThatReturnsFalse;
+  }
+
+  this.isPropagationStopped = functionThatReturnsFalse;
+  return this;
 }
 
-var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
+Object.assign(SyntheticEvent.prototype, {
+  preventDefault: function() {
+    this.defaultPrevented = true;
+    var event = this.nativeEvent;
 
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+    if (!event) {
+      return;
+    }
 
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+    if (event.preventDefault) {
+      event.preventDefault();
+    } else if (typeof event.returnValue !== "unknown") {
+      event.returnValue = false;
+    }
 
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
-var DehydratedFragment = 18;
-var SuspenseListComponent = 19;
-var FundamentalComponent = 20;
-var ScopeComponent = 21;
+    this.isDefaultPrevented = functionThatReturnsTrue;
+  },
+  stopPropagation: function() {
+    var event = this.nativeEvent;
 
-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 (!event) {
+      return;
+    }
 
-  if (inst) {
-    return inst;
-  }
+    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;
+    }
 
-  return null;
-}
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
+    this.isPropagationStopped = functionThatReturnsTrue;
+  },
 
-function getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
+  /**
+   * 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;
+  },
 
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
+  /**
+   * Checks if this event should be released back into the pool.
+   *
+   * @return {boolean} True if this should not be released, false otherwise.
+   */
+  isPersistent: functionThatReturnsFalse,
 
-  var depthB = 0;
+  /**
+   * `PooledClass` looks for `destructor` on each instance it releases.
+   */
+  destructor: function() {
+    var Interface = this.constructor.Interface;
 
-  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  } // If A is deeper, crawl up.
+    for (var propName in Interface) {
+      {
+        Object.defineProperty(
+          this,
+          propName,
+          getPooledWarningPropertyDefinition(propName, Interface[propName])
+        );
+      }
+    }
 
-  while (depthA - depthB > 0) {
-    instA = getParent(instA);
-    depthA--;
-  } // If B is deeper, crawl up.
+    this.dispatchConfig = null;
+    this._targetInst = null;
+    this.nativeEvent = null;
+    this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = functionThatReturnsFalse;
+    this._dispatchListeners = null;
+    this._dispatchInstances = null;
 
-  while (depthB - depthA > 0) {
-    instB = getParent(instB);
-    depthB--;
-  } // Walk in lockstep until we find a match.
+    {
+      Object.defineProperty(
+        this,
+        "nativeEvent",
+        getPooledWarningPropertyDefinition("nativeEvent", null)
+      );
+      Object.defineProperty(
+        this,
+        "isDefaultPrevented",
+        getPooledWarningPropertyDefinition(
+          "isDefaultPrevented",
+          functionThatReturnsFalse
+        )
+      );
+      Object.defineProperty(
+        this,
+        "isPropagationStopped",
+        getPooledWarningPropertyDefinition(
+          "isPropagationStopped",
+          functionThatReturnsFalse
+        )
+      );
+      Object.defineProperty(
+        this,
+        "preventDefault",
+        getPooledWarningPropertyDefinition("preventDefault", function() {})
+      );
+      Object.defineProperty(
+        this,
+        "stopPropagation",
+        getPooledWarningPropertyDefinition("stopPropagation", function() {})
+      );
+    }
+  }
+});
+SyntheticEvent.Interface = EventInterface;
+/**
+ * Helper to reduce boilerplate when creating subclasses.
+ */
 
-  var depth = depthA;
+SyntheticEvent.extend = function(Interface) {
+  var Super = this;
 
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
-    }
+  var E = function() {};
 
-    instA = getParent(instA);
-    instB = getParent(instB);
+  E.prototype = Super.prototype;
+  var prototype = new E();
+
+  function Class() {
+    return Super.apply(this, arguments);
   }
 
-  return null;
-}
+  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);
 /**
- * Return if A is an ancestor of B.
+ * Helper to nullify syntheticEvent instance properties when destructing
+ *
+ * @param {String} propName
+ * @param {?object} getVal
+ * @return {object} defineProperty object
  */
 
-function isAncestor(instA, instB) {
-  while (instB) {
-    if (instA === instB || instA === instB.alternate) {
-      return true;
-    }
+function getPooledWarningPropertyDefinition(propName, getVal) {
+  var isFunction = typeof getVal === "function";
+  return {
+    configurable: true,
+    set: set,
+    get: get
+  };
 
-    instB = getParent(instB);
+  function set(val) {
+    var action = isFunction ? "setting the method" : "setting the property";
+    warn(action, "This is effectively a no-op");
+    return val;
   }
 
-  return false;
-}
-/**
- * Return the parent instance of the passed-in instance.
- */
+  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 getParentInstance(inst) {
-  return getParent(inst);
+  function warn(action, result) {
+    {
+      error(
+        "This synthetic event is reused for performance reasons. If you're seeing this, " +
+          "you're %s `%s` on a released/nullified synthetic event. %s. " +
+          "If you must keep the original synthetic event around, use event.persist(). " +
+          "See https://fb.me/react-event-pooling for more information.",
+        action,
+        propName,
+        result
+      );
+    }
+  }
 }
-/**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
- */
 
-function traverseTwoPhase(inst, fn, arg) {
-  var path = [];
+function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
+  var EventConstructor = this;
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
+  if (EventConstructor.eventPool.length) {
+    var instance = EventConstructor.eventPool.pop();
+    EventConstructor.call(
+      instance,
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeInst
+    );
+    return instance;
   }
 
-  var i;
+  return new EventConstructor(
+    dispatchConfig,
+    targetInst,
+    nativeEvent,
+    nativeInst
+  );
+}
 
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
+function releasePooledEvent(event) {
+  var EventConstructor = this;
+
+  if (!(event instanceof EventConstructor)) {
+    throw Error(
+      "Trying to release an event instance into a pool of a different type."
+    );
   }
 
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
+  event.destructor();
+
+  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+    EventConstructor.eventPool.push(event);
   }
 }
-/**
- * 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);
+function addEventPoolingTo(EventConstructor) {
+  EventConstructor.eventPool = [];
+  EventConstructor.getPooled = getPooledEvent;
+  EventConstructor.release = releasePooledEvent;
 }
-/**
- * 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.
+ * `touchHistory` isn't actually on the native event, but putting it in the
+ * interface will ensure that it is cleaned up when pooled/destroyed. The
+ * `ResponderEventPlugin` will populate it appropriately.
  */
 
-function accumulateDirectionalDispatches(inst, phase, event) {
-  {
-    !inst
-      ? warningWithoutStack$1(false, "Dispatching inst must not be null")
-      : void 0;
+var ResponderSyntheticEvent = SyntheticEvent.extend({
+  touchHistory: function(nativeEvent) {
+    return null; // Actually doesn't even look at the native event.
   }
+});
 
-  var listener = listenerAtPhase(inst, event, phase);
-
-  if (listener) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listener
-    );
-    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
-  }
+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];
+
 /**
- * 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.
+ * Tracks the position and time of each active touch by `touch.identifier`. We
+ * should typically only see IDs in the range of 1-20 because IDs get recycled
+ * when touches end and start again.
  */
 
-function accumulateTwoPhaseDispatchesSingle(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-  }
+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;
 }
 /**
- * Same as `accumulateTwoPhaseDispatchesSingle`, but skips over the targetID.
+ * TODO: Instead of making gestures recompute filtered velocity, we could
+ * include a built in velocity computation that can be reused globally.
  */
 
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    var targetInst = event._targetInst;
-    var parentInst = targetInst ? getParentInstance(targetInst) : null;
-    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
-  }
+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)
+  };
 }
-/**
- * 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);
+function resetTouchRecord(touchRecord, touch) {
+  touchRecord.touchActive = true;
+  touchRecord.startPageX = touch.pageX;
+  touchRecord.startPageY = touch.pageY;
+  touchRecord.startTimeStamp = timestampForTouch(touch);
+  touchRecord.currentPageX = touch.pageX;
+  touchRecord.currentPageY = touch.pageY;
+  touchRecord.currentTimeStamp = timestampForTouch(touch);
+  touchRecord.previousPageX = touch.pageX;
+  touchRecord.previousPageY = touch.pageY;
+  touchRecord.previousTimeStamp = timestampForTouch(touch);
+}
 
-    if (listener) {
-      event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listener
+function getTouchIdentifier(_ref) {
+  var identifier = _ref.identifier;
+
+  if (!(identifier != null)) {
+    throw Error("Touch object is missing identifier.");
+  }
+
+  {
+    if (identifier > MAX_TOUCH_BANK) {
+      error(
+        "Touch identifier %s is greater than maximum supported %s which causes " +
+          "performance issues backfilling array locations for all of the indices.",
+        identifier,
+        MAX_TOUCH_BANK
       );
-      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
     }
   }
+
+  return identifier;
 }
-/**
- * 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 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 accumulateTwoPhaseDispatches(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+function recordTouchMove(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+
+  if (touchRecord) {
+    touchRecord.touchActive = true;
+    touchRecord.previousPageX = touchRecord.currentPageX;
+    touchRecord.previousPageY = touchRecord.currentPageY;
+    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+    touchRecord.currentPageX = touch.pageX;
+    touchRecord.currentPageY = touch.pageY;
+    touchRecord.currentTimeStamp = timestampForTouch(touch);
+    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+  } else {
+    {
+      warn(
+        "Cannot record touch move without a touch start.\n" +
+          "Touch Move: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+    }
+  }
 }
-function accumulateTwoPhaseDispatchesSkipTarget(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+
+function recordTouchEnd(touch) {
+  var touchRecord = touchBank[getTouchIdentifier(touch)];
+
+  if (touchRecord) {
+    touchRecord.touchActive = false;
+    touchRecord.previousPageX = touchRecord.currentPageX;
+    touchRecord.previousPageY = touchRecord.currentPageY;
+    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+    touchRecord.currentPageX = touch.pageX;
+    touchRecord.currentPageY = touch.pageY;
+    touchRecord.currentTimeStamp = timestampForTouch(touch);
+    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+  } else {
+    {
+      warn(
+        "Cannot record touch end without a touch start.\n" +
+          "Touch End: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+    }
+  }
 }
 
-function accumulateDirectDispatches(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle);
+function printTouch(touch) {
+  return JSON.stringify({
+    identifier: touch.identifier,
+    pageX: touch.pageX,
+    pageY: touch.pageY,
+    timestamp: timestampForTouch(touch)
+  });
 }
 
-/* eslint valid-typeof: 0 */
-var EVENT_POOL_SIZE = 10;
-/**
- * @interface Event
- * @see http://www.w3.org/TR/DOM-Level-3-Events/
- */
+function printTouchBank() {
+  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
 
-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
-};
+  if (touchBank.length > MAX_TOUCH_BANK) {
+    printed += " (original size: " + touchBank.length + ")";
+  }
 
-function functionThatReturnsTrue() {
-  return true;
+  return printed;
 }
 
-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;
-  }
+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;
 
-  this.dispatchConfig = dispatchConfig;
-  this._targetInst = targetInst;
-  this.nativeEvent = nativeEvent;
-  var Interface = this.constructor.Interface;
+      if (touchHistory.numberActiveTouches === 1) {
+        touchHistory.indexOfSingleActiveTouch =
+          nativeEvent.touches[0].identifier;
+      }
+    } else if (isEndish(topLevelType)) {
+      nativeEvent.changedTouches.forEach(recordTouchEnd);
+      touchHistory.numberActiveTouches = nativeEvent.touches.length;
 
-  for (var propName in Interface) {
-    if (!Interface.hasOwnProperty(propName)) {
-      continue;
-    }
+      if (touchHistory.numberActiveTouches === 1) {
+        for (var i = 0; i < touchBank.length; i++) {
+          var touchTrackToCheck = touchBank[i];
 
-    {
-      delete this[propName]; // this has a getter/setter for warnings
-    }
+          if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
+            touchHistory.indexOfSingleActiveTouch = i;
+            break;
+          }
+        }
 
-    var normalize = Interface[propName];
+        {
+          var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
 
-    if (normalize) {
-      this[propName] = normalize(nativeEvent);
-    } else {
-      if (propName === "target") {
-        this.target = nativeEventTarget;
-      } else {
-        this[propName] = nativeEvent[propName];
+          if (activeRecord == null || !activeRecord.touchActive) {
+            error("Cannot find single active touch.");
+          }
+        }
       }
     }
+  },
+  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) {
+  if (!(next != null)) {
+    throw Error(
+      "accumulate(...): Accumulated items must not be null or undefined."
+    );
   }
 
-  var defaultPrevented =
-    nativeEvent.defaultPrevented != null
-      ? nativeEvent.defaultPrevented
-      : nativeEvent.returnValue === false;
+  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 (defaultPrevented) {
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  } else {
-    this.isDefaultPrevented = functionThatReturnsFalse;
+  if (Array.isArray(current)) {
+    return current.concat(next);
   }
 
-  this.isPropagationStopped = functionThatReturnsFalse;
-  return this;
-}
+  if (Array.isArray(next)) {
+    return [current].concat(next);
+  }
 
-Object.assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = true;
-    var event = this.nativeEvent;
+  return [current, next];
+}
 
-    if (!event) {
-      return;
-    }
+/**
+ * Instance of element that should respond to touch/move types of interactions,
+ * as indicated explicitly by relevant callbacks.
+ */
 
-    if (event.preventDefault) {
-      event.preventDefault();
-    } else if (typeof event.returnValue !== "unknown") {
-      event.returnValue = false;
-    }
+var responderInst = null;
+/**
+ * Count of current touches. A textInput should become responder iff the
+ * selection changes while there is a touch on the screen.
+ */
 
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
+var trackedTouchCount = 0;
 
-    if (!event) {
-      return;
-    }
+var changeResponder = function(nextResponderInst, blockHostResponder) {
+  var oldResponderInst = responderInst;
+  responderInst = nextResponderInst;
 
-    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;
-    }
+  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+    ResponderEventPlugin.GlobalResponderHandler.onChange(
+      oldResponderInst,
+      nextResponderInst,
+      blockHostResponder
+    );
+  }
+};
 
-    this.isPropagationStopped = functionThatReturnsTrue;
+var eventTypes = {
+  /**
+   * On a `touchStart`/`mouseDown`, is it desired that this element become the
+   * responder?
+   */
+  startShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onStartShouldSetResponder",
+      captured: "onStartShouldSetResponderCapture"
+    },
+    dependencies: startDependencies
   },
 
   /**
-   * 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.
+   * 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.
    */
-  persist: function() {
-    this.isPersistent = functionThatReturnsTrue;
+  scrollShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onScrollShouldSetResponder",
+      captured: "onScrollShouldSetResponderCapture"
+    },
+    dependencies: [TOP_SCROLL]
   },
 
   /**
-   * Checks if this event should be released back into the pool.
+   * 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.
    *
-   * @return {boolean} True if this should not be released, false otherwise.
+   * TODO: This shouldn't bubble.
    */
-  isPersistent: functionThatReturnsFalse,
+  selectionChangeShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onSelectionChangeShouldSetResponder",
+      captured: "onSelectionChangeShouldSetResponderCapture"
+    },
+    dependencies: [TOP_SELECTION_CHANGE]
+  },
 
   /**
-   * `PooledClass` looks for `destructor` on each instance it releases.
+   * On a `touchMove`/`mouseMove`, is it desired that this element become the
+   * responder?
    */
-  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;
+  moveShouldSetResponder: {
+    phasedRegistrationNames: {
+      bubbled: "onMoveShouldSetResponder",
+      captured: "onMoveShouldSetResponderCapture"
+    },
+    dependencies: moveDependencies
+  },
 
-    {
-      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() {})
-      );
-    }
+  /**
+   * 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: []
   }
-});
-SyntheticEvent.Interface = EventInterface;
+};
 /**
- * Helper to reduce boilerplate when creating subclasses.
+ *
+ * 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`.
+ *
  */
 
-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;
-};
+/*                                             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  | |
+                               | +------------------------+ |
+                               |                            |
+                               +                            + */
 
-addEventPoolingTo(SyntheticEvent);
 /**
- * Helper to nullify syntheticEvent instance properties when destructing
+ * A note about event ordering in the `EventPluginRegistry`.
  *
- * @param {String} propName
- * @param {?object} getVal
- * @return {object} defineProperty object
+ * Suppose plugins are injected in the following order:
+ *
+ * `[R, S, C]`
+ *
+ * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
+ * `onClick` etc) and `R` is `ResponderEventPlugin`.
+ *
+ * "Deferred-Dispatched Events":
+ *
+ * - The current event plugin system will traverse the list of injected plugins,
+ *   in order, and extract events by collecting the plugin's return value of
+ *   `extractEvents()`.
+ * - These events that are returned from `extractEvents` are "deferred
+ *   dispatched events".
+ * - When returned from `extractEvents`, deferred-dispatched events contain an
+ *   "accumulation" of deferred dispatches.
+ * - These deferred dispatches are accumulated/collected before they are
+ *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
+ *   name deferred).
+ *
+ * In the process of returning their deferred-dispatched events, event plugins
+ * themselves can dispatch events on-demand without returning them from
+ * `extractEvents`. Plugins might want to do this, so that they can use event
+ * dispatching as a tool that helps them decide which events should be extracted
+ * in the first place.
+ *
+ * "On-Demand-Dispatched Events":
+ *
+ * - On-demand-dispatched events are not returned from `extractEvents`.
+ * - On-demand-dispatched events are dispatched during the process of returning
+ *   the deferred-dispatched events.
+ * - They should not have side effects.
+ * - They should be avoided, and/or eventually be replaced with another
+ *   abstraction that allows event plugins to perform multiple "rounds" of event
+ *   extraction.
+ *
+ * Therefore, the sequence of event dispatches becomes:
+ *
+ * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
+ * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
+ * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
+ * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ *
+ * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
+ * on-demand dispatch returns `true` (and some other details are satisfied) the
+ * `onResponderGrant` deferred dispatched event is returned from
+ * `extractEvents`. The sequence of dispatch executions in this case
+ * will appear as follows:
+ *
+ * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
+ * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
+ * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
  */
 
-function 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 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.
 
-  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;
-  }
+  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.
 
-  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;
+  var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
+  var shouldSetEvent = ResponderSyntheticEvent.getPooled(
+    shouldSetEventType,
+    bubbleShouldSetFrom,
+    nativeEvent,
+    nativeEventTarget
+  );
+  shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
+  if (skipOverBubbleShouldSetFrom) {
+    accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
+  } else {
+    accumulateTwoPhaseDispatches(shouldSetEvent);
   }
-}
 
-function getPooledEvent(dispatchConfig, targetInst, nativeEvent, nativeInst) {
-  var EventConstructor = this;
+  var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
 
-  if (EventConstructor.eventPool.length) {
-    var instance = EventConstructor.eventPool.pop();
-    EventConstructor.call(
-      instance,
-      dispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeInst
-    );
-    return instance;
+  if (!shouldSetEvent.isPersistent()) {
+    shouldSetEvent.constructor.release(shouldSetEvent);
   }
 
-  return new EventConstructor(
-    dispatchConfig,
-    targetInst,
+  if (!wantsResponderInst || wantsResponderInst === responderInst) {
+    return null;
+  }
+
+  var extracted;
+  var grantEvent = ResponderSyntheticEvent.getPooled(
+    eventTypes.responderGrant,
+    wantsResponderInst,
     nativeEvent,
-    nativeInst
+    nativeEventTarget
   );
-}
-
-function releasePooledEvent(event) {
-  var EventConstructor = this;
+  grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+  accumulateDirectDispatches(grantEvent);
+  var blockHostResponder = executeDirectDispatch(grantEvent) === true;
 
-  if (!(event instanceof EventConstructor)) {
-    throw Error(
-      "Trying to release an event instance into a pool of a different type."
+  if (responderInst) {
+    var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
+      eventTypes.responderTerminationRequest,
+      responderInst,
+      nativeEvent,
+      nativeEventTarget
     );
-  }
-
-  event.destructor();
-
-  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
-    EventConstructor.eventPool.push(event);
-  }
-}
-
-function addEventPoolingTo(EventConstructor) {
-  EventConstructor.eventPool = [];
-  EventConstructor.getPooled = getPooledEvent;
-  EventConstructor.release = releasePooledEvent;
-}
+    terminationRequestEvent.touchHistory =
+      ResponderTouchHistoryStore.touchHistory;
+    accumulateDirectDispatches(terminationRequestEvent);
+    var shouldSwitch =
+      !hasDispatches(terminationRequestEvent) ||
+      executeDirectDispatch(terminationRequestEvent);
 
-/**
- * `touchHistory` isn't actually on the native event, but putting it in the
- * interface will ensure that it is cleaned up when pooled/destroyed. The
- * `ResponderEventPlugin` will populate it appropriately.
- */
+    if (!terminationRequestEvent.isPersistent()) {
+      terminationRequestEvent.constructor.release(terminationRequestEvent);
+    }
 
-var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function(nativeEvent) {
-    return null; // Actually doesn't even look at the native event.
+    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);
   }
-});
 
-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;
+  return extracted;
 }
-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.
+ * 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.
  */
 
-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;
+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))
+  );
 }
 /**
- * TODO: Instead of making gestures recompute filtered velocity, we could
- * include a built in velocity computation that can be reused globally.
+ * 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 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 noResponderTouches(nativeEvent) {
+  var touches = nativeEvent.touches;
 
-function resetTouchRecord(touchRecord, touch) {
-  touchRecord.touchActive = true;
-  touchRecord.startPageX = touch.pageX;
-  touchRecord.startPageY = touch.pageY;
-  touchRecord.startTimeStamp = timestampForTouch(touch);
-  touchRecord.currentPageX = touch.pageX;
-  touchRecord.currentPageY = touch.pageY;
-  touchRecord.currentTimeStamp = timestampForTouch(touch);
-  touchRecord.previousPageX = touch.pageX;
-  touchRecord.previousPageY = touch.pageY;
-  touchRecord.previousTimeStamp = timestampForTouch(touch);
-}
+  if (!touches || touches.length === 0) {
+    return true;
+  }
 
-function getTouchIdentifier(_ref) {
-  var identifier = _ref.identifier;
+  for (var i = 0; i < touches.length; i++) {
+    var activeTouch = touches[i];
+    var target = activeTouch.target;
 
-  if (!(identifier != null)) {
-    throw Error("Touch object is missing identifier.");
-  }
+    if (target !== null && target !== undefined && target !== 0) {
+      // Is the original touch location inside of the current responder?
+      var targetInst = getInstanceFromNode(target);
 
-  {
-    !(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;
+      if (isAncestor(responderInst, targetInst)) {
+        return false;
+      }
+    }
   }
 
-  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;
+  return true;
 }
 
-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;
+var ResponderEventPlugin = {
+  /* For unit testing only */
+  _getResponder: function() {
+    return responderInst;
+  },
+  eventTypes: eventTypes,
 
-      if (touchHistory.numberActiveTouches === 1) {
-        touchHistory.indexOfSingleActiveTouch =
-          nativeEvent.touches[0].identifier;
-      }
+  /**
+   * We must be resilient to `targetInst` being `null` on `touchMove` or
+   * `touchEnd`. On certain platforms, this means that a native scroll has
+   * assumed control and the original touch targets are destroyed.
+   */
+  extractEvents: function(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  ) {
+    if (isStartish(topLevelType)) {
+      trackedTouchCount += 1;
     } else if (isEndish(topLevelType)) {
-      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;
-          }
-        }
-
+      if (trackedTouchCount >= 0) {
+        trackedTouchCount -= 1;
+      } else {
         {
-          var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
-          !(activeRecord != null && activeRecord.touchActive)
-            ? warningWithoutStack$1(false, "Cannot find single active touch.")
-            : void 0;
+          warn(
+            "Ended a touch event which was not counted in `trackedTouchCount`."
+          );
         }
+
+        return null;
       }
     }
-  },
-  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) {
-  if (!(next != null)) {
-    throw 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]
-  },
+    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`).
 
-  /**
-   * 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]
-  },
+    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;
 
-  /**
-   * On a `touchMove`/`mouseMove`, is it desired that this element become the
-   * responder?
-   */
-  moveShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onMoveShouldSetResponder",
-      captured: "onMoveShouldSetResponderCapture"
-    },
-    dependencies: moveDependencies
-  },
+    if (incrementalTouch) {
+      var gesture = ResponderSyntheticEvent.getPooled(
+        incrementalTouch,
+        responderInst,
+        nativeEvent,
+        nativeEventTarget
+      );
+      gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches(gesture);
+      extracted = accumulate(extracted, gesture);
+    }
 
-  /**
-   * 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`.
- *
- */
+    var isResponderTerminate =
+      responderInst && topLevelType === TOP_TOUCH_CANCEL;
+    var isResponderRelease =
+      responderInst &&
+      !isResponderTerminate &&
+      isEndish(topLevelType) &&
+      noResponderTouches(nativeEvent);
+    var finalTouch = isResponderTerminate
+      ? eventTypes.responderTerminate
+      : isResponderRelease
+      ? eventTypes.responderRelease
+      : null;
 
-/*                                             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  | |
-                               | +------------------------+ |
-                               |                            |
-                               +                            + */
+    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;
+    }
+  }
+};
 
 /**
- * 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:
+ * 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.
  *
- * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
- * - `touchStartCapture`       (`EventPluginHub` dispatches as usual)
- * - `touchStart`              (`EventPluginHub` dispatches as usual)
- * - `responderGrant/Reject`   (`EventPluginHub` dispatches as usual)
+ * @private
  */
 
-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.
+function recomputePluginOrdering() {
+  if (!eventPluginOrder) {
+    // Wait until an `eventPluginOrder` is injected.
+    return;
+  }
 
-  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.
+  for (var pluginName in namesToPlugins) {
+    var pluginModule = namesToPlugins[pluginName];
+    var pluginIndex = eventPluginOrder.indexOf(pluginName);
 
-  var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
-  var shouldSetEvent = ResponderSyntheticEvent.getPooled(
-    shouldSetEventType,
-    bubbleShouldSetFrom,
-    nativeEvent,
-    nativeEventTarget
-  );
-  shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+    if (!(pluginIndex > -1)) {
+      throw Error(
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+          pluginName +
+          "`."
+      );
+    }
 
-  if (skipOverBubbleShouldSetFrom) {
-    accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
-  } else {
-    accumulateTwoPhaseDispatches(shouldSetEvent);
-  }
+    if (plugins[pluginIndex]) {
+      continue;
+    }
 
-  var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
+    if (!pluginModule.extractEvents) {
+      throw Error(
+        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
+          pluginName +
+          "` does not."
+      );
+    }
 
-  if (!shouldSetEvent.isPersistent()) {
-    shouldSetEvent.constructor.release(shouldSetEvent);
+    plugins[pluginIndex] = pluginModule;
+    var publishedEvents = pluginModule.eventTypes;
+
+    for (var eventName in publishedEvents) {
+      if (
+        !publishEventForPlugin(
+          publishedEvents[eventName],
+          pluginModule,
+          eventName
+        )
+      ) {
+        throw 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
+ */
 
-  if (!wantsResponderInst || wantsResponderInst === responderInst) {
-    return null;
+function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
+        eventName +
+        "`."
+    );
   }
 
-  var extracted;
-  var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes.responderGrant,
-    wantsResponderInst,
-    nativeEvent,
-    nativeEventTarget
-  );
-  grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-  accumulateDirectDispatches(grantEvent);
-  var blockHostResponder = executeDirectDispatch(grantEvent) === true;
+  eventNameDispatchConfigs[eventName] = dispatchConfig;
+  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
 
-  if (responderInst) {
-    var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes.responderTerminationRequest,
-      responderInst,
-      nativeEvent,
-      nativeEventTarget
+  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
     );
-    terminationRequestEvent.touchHistory =
-      ResponderTouchHistoryStore.touchHistory;
-    accumulateDirectDispatches(terminationRequestEvent);
-    var shouldSwitch =
-      !hasDispatches(terminationRequestEvent) ||
-      executeDirectDispatch(terminationRequestEvent);
+    return true;
+  }
 
-    if (!terminationRequestEvent.isPersistent()) {
-      terminationRequestEvent.constructor.release(terminationRequestEvent);
-    }
+  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
+ */
 
-    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);
+function publishRegistrationName(registrationName, pluginModule, eventName) {
+  if (!!registrationNameModules[registrationName]) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
   }
 
-  return extracted;
+  registrationNameModules[registrationName] = pluginModule;
+  registrationNameDependencies[registrationName] =
+    pluginModule.eventTypes[eventName].dependencies;
+
+  {
+    var lowerCasedName = registrationName.toLowerCase();
+  }
 }
 /**
- * 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.
+ * Registers plugins so that they can extract and dispatch events.
  */
 
-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.
+ * Ordered list of injected plugins.
  */
 
-function noResponderTouches(nativeEvent) {
-  var touches = nativeEvent.touches;
+var plugins = [];
+/**
+ * Mapping from event name to dispatch config
+ */
 
-  if (!touches || touches.length === 0) {
-    return true;
-  }
+var eventNameDispatchConfigs = {};
+/**
+ * Mapping from registration name to plugin module
+ */
 
-  for (var i = 0; i < touches.length; i++) {
-    var activeTouch = touches[i];
-    var target = activeTouch.target;
+var registrationNameModules = {};
+/**
+ * Mapping from registration name to event name
+ */
 
-    if (target !== null && target !== undefined && target !== 0) {
-      // Is the original touch location inside of the current responder?
-      var targetInst = getInstanceFromNode(target);
+var registrationNameDependencies = {};
 
-      if (isAncestor(responderInst, targetInst)) {
-        return false;
-      }
-    }
-  }
+/**
+ * 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
+ */
 
-  return true;
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  if (!!eventPluginOrder) {
+    throw 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 plugin event system. The plugin names must be
+ * in the ordering injected by `injectEventPluginOrder`.
+ *
+ * Plugins can be injected as part of page initialization or on-the-fly.
+ *
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ * @internal
+ */
 
-var ResponderEventPlugin = {
-  /* For unit testing only */
-  _getResponder: function() {
-    return responderInst;
-  },
-  eventTypes: eventTypes,
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
 
-  /**
-   * We must be resilient to `targetInst` being `null` on `touchMove` or
-   * `touchEnd`. On certain platforms, this means that a native scroll has
-   * assumed control and the original touch targets are destroyed.
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  ) {
-    if (isStartish(topLevelType)) {
-      trackedTouchCount += 1;
-    } else if (isEndish(topLevelType)) {
-      if (trackedTouchCount >= 0) {
-        trackedTouchCount -= 1;
-      } else {
-        console.warn(
-          "Ended a touch event which was not counted in `trackedTouchCount`."
-        );
-        return null;
-      }
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
     }
 
-    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 pluginModule = injectedNamesToPlugins[pluginName];
 
-    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 (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      if (!!namesToPlugins[pluginName]) {
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName +
+            "`."
+        );
+      }
 
-    if (finalTouch) {
-      var finalEvent = ResponderSyntheticEvent.getPooled(
-        finalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(finalEvent);
-      extracted = accumulate(extracted, finalEvent);
-      changeResponder(null);
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
     }
+  }
 
-    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;
-    }
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
   }
-};
+}
 
 var customBubblingEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customBubblingEventTypes;
-var customDirectEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customDirectEventTypes;
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
 var ReactNativeBridgeEventPlugin = {
   eventTypes: {},
-
-  /**
-   * @see {EventPluginHub.extractEvents}
-   */
   extractEvents: function(
     topLevelType,
     targetInst,
@@ -2550,50 +2410,21 @@ var ReactNativeEventPluginOrder = [
  * 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);
+injectEventPluginOrder(ReactNativeEventPluginOrder);
 /**
  * Some important event plugins included by default (without having to require
  * them).
  */
 
-injection.injectEventPluginsByName({
+injectEventPluginsByName({
   ResponderEventPlugin: ResponderEventPlugin,
   ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
 });
 
-// Uncomment to re-export dynamic flags from the fbsource version.
-var _require = require("../shims/ReactFeatureFlags");
-var enableNativeTargetAsInstance = _require.enableNativeTargetAsInstance; // The rest of the flags are static for better dead code elimination.
-
-var enableUserTimingAPI = true;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var debugRenderPhaseSideEffectsForStrictMode = true;
-
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = true;
-var enableFlareAPI = false;
-var enableFundamentalAPI = false;
-var enableScopeAPI = false;
-
-var warnAboutUnmockedScheduler = true;
-var flushSuspenseFallbacksInTests = true;
-var enableSuspenseCallback = false;
-var warnAboutDefaultPropsOnFunctionComponents = false;
-var warnAboutStringRefs = false;
-var disableLegacyContext = false;
-var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
-// Only used in www builds.
-
-// Flow magic to verify the exports of this file match the original version.
-
 var instanceCache = new Map();
 var instanceProps = new Map();
 function precacheFiberNode(hostInst, tag) {
@@ -2609,88 +2440,32 @@ function getInstanceFromTag(tag) {
 }
 
 function getTagFromInstance(inst) {
-  if (enableNativeTargetAsInstance) {
-    var nativeInstance = inst.stateNode;
-    var tag = nativeInstance._nativeTag;
-
-    if (tag === undefined) {
-      nativeInstance = nativeInstance.canonical;
-      tag = nativeInstance._nativeTag;
-    }
-
-    if (!tag) {
-      throw Error("All native instances should have a tag.");
-    }
-
-    return nativeInstance;
-  } else {
-    var _tag = inst.stateNode._nativeTag;
+  var nativeInstance = inst.stateNode;
+  var tag = nativeInstance._nativeTag;
 
-    if (_tag === undefined) {
-      _tag = inst.stateNode.canonical._nativeTag;
-    }
-
-    if (!_tag) {
-      throw Error("All native instances should have a tag.");
-    }
+  if (tag === undefined) {
+    nativeInstance = nativeInstance.canonical;
+    tag = nativeInstance._nativeTag;
+  }
 
-    return _tag;
+  if (!tag) {
+    throw Error("All native instances should have a tag.");
   }
-}
 
+  return nativeInstance;
+}
 function getFiberCurrentPropsFromNode$1(stateNode) {
   return instanceProps.get(stateNode._nativeTag) || null;
 }
 function updateFiberProps(tag, props) {
   instanceProps.set(tag, props);
-}
-
-var PLUGIN_EVENT_SYSTEM = 1;
-
-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;
-  }
-
-  if (!(typeof restoreImpl === "function")) {
-    throw 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);
+var PLUGIN_EVENT_SYSTEM = 1;
 
-  if (queuedTargets) {
-    for (var i = 0; i < queuedTargets.length; i++) {
-      restoreStateOfTarget(queuedTargets[i]);
-    }
-  }
-}
+var enableProfilerTimer = true;
+var enableFundamentalAPI = false;
+var warnAboutStringRefs = false;
 
 // 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
@@ -2701,25 +2476,7 @@ function restoreStateIfNeeded() {
 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) {
@@ -2734,11 +2491,8 @@ function batchedUpdates(fn, bookkeeping) {
     return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
     isInsideEventHandler = false;
-    finishEventHandler();
   }
 }
-// This is for the React Flare event system
-
 function setBatchingImplementation(
   _batchedUpdatesImpl,
   _discreteUpdatesImpl,
@@ -2746,7 +2500,57 @@ function setBatchingImplementation(
   _batchedEventUpdatesImpl
 ) {
   batchedUpdatesImpl = _batchedUpdatesImpl;
-  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
+}
+
+/**
+ * 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);
+
+  if (!!eventQueue) {
+    throw 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();
 }
 
 /**
@@ -2826,12 +2630,8 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   var inst = getInstanceFromTag(rootNodeID);
   var target = null;
 
-  if (enableNativeTargetAsInstance) {
-    if (inst != null) {
-      target = inst.stateNode;
-    }
-  } else {
-    target = nativeEvent.target;
+  if (inst != null) {
+    target = inst.stateNode;
   }
 
   batchedUpdates(function() {
@@ -2845,6 +2645,61 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   }); // React Native doesn't use ReactControlledComponent but if it did, here's
   // where it would do it.
 }
+/**
+ * Allows registered plugins an opportunity to extract events from top-level
+ * native browser events.
+ *
+ * @return {*} An accumulation of synthetic events.
+ * @internal
+ */
+
+function extractPluginEvents(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  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,
+        eventSystemFlags
+      );
+
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
+      }
+    }
+  }
+
+  return events;
+}
+
+function runExtractedPluginEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  var events = extractPluginEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  );
+  runEventsInBatch(events);
+}
 /**
  * Publicly exposed method on module for native objc to invoke when a top
  * level event is extracted.
@@ -2901,10 +2756,7 @@ function receiveTouches(eventTopLevelType, touches, changedIndices) {
     if (target !== null && target !== undefined) {
       if (target < 1) {
         {
-          warningWithoutStack$1(
-            false,
-            "A view is reporting that a touch occurred on tag zero."
-          );
+          error("A view is reporting that a touch occurred on tag zero.");
         }
       } else {
         rootNodeID = target;
@@ -2956,38 +2808,13 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler(
  * 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;
@@ -3000,8 +2827,6 @@ 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")
   : 0xeacf;
@@ -3014,11 +2839,7 @@ var REACT_SUSPENSE_LIST_TYPE = hasSymbol
   : 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 REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 0xead7;
+var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 0xead9;
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
 function getIteratorFn(maybeIterable) {
@@ -3037,56 +2858,29 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-/**
- * 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 = new Array(_len > 2 ? _len - 2 : 0),
-        _key = 2;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 2] = arguments[_key];
-    }
-
-    warningWithoutStack$1.apply(
-      void 0,
-      [false, format + "%s"].concat(args, [stack])
-    );
-  };
-}
-
-var warning$1 = warning;
-
+// TODO: Move this to "react" once we can import from externals.
 var Uninitialized = -1;
 var Pending = 0;
 var Resolved = 1;
 var Rejected = 2;
+
 function refineResolvedLazyComponent(lazyComponent) {
   return lazyComponent._status === Resolved ? lazyComponent._result : null;
 }
 function initializeLazyComponentType(lazyComponent) {
   if (lazyComponent._status === Uninitialized) {
-    lazyComponent._status = Pending;
-    var ctor = lazyComponent._ctor;
-    var thenable = ctor();
-    lazyComponent._result = thenable;
+    var ctor = lazyComponent._result;
+
+    if (!ctor) {
+      // TODO: Remove this later. THis only exists in case you use an older "react" package.
+      ctor = lazyComponent._ctor;
+    }
+
+    var thenable = ctor(); // Transition to the next state.
+
+    var pending = lazyComponent;
+    pending._status = Pending;
+    pending._result = thenable;
     thenable.then(
       function(moduleObject) {
         if (lazyComponent._status === Pending) {
@@ -3094,24 +2888,27 @@ function initializeLazyComponentType(lazyComponent) {
 
           {
             if (defaultExport === undefined) {
-              warning$1(
-                false,
+              error(
                 "lazy: Expected the result of a dynamic import() call. " +
-                  "Instead received: %s\n\nYour code should look like: \n  " +
-                  "const MyComponent = lazy(() => import('./MyComponent'))",
+                "Instead received: %s\n\nYour code should look like: \n  " + // Break up imports to avoid accidentally parsing them as dependencies.
+                  "const MyComponent = lazy(() => imp" +
+                  "ort('./MyComponent'))",
                 moduleObject
               );
             }
-          }
+          } // Transition to the next state.
 
-          lazyComponent._status = Resolved;
-          lazyComponent._result = defaultExport;
+          var resolved = lazyComponent;
+          resolved._status = Resolved;
+          resolved._result = defaultExport;
         }
       },
       function(error) {
         if (lazyComponent._status === Pending) {
-          lazyComponent._status = Rejected;
-          lazyComponent._result = error;
+          // Transition to the next state.
+          var rejected = lazyComponent;
+          rejected._status = Rejected;
+          rejected._result = error;
         }
       }
     );
@@ -3126,6 +2923,10 @@ function getWrappedName(outerType, innerType, wrapperName) {
   );
 }
 
+function getContextName(type) {
+  return type.displayName || "Context";
+}
+
 function getComponentName(type) {
   if (type == null) {
     // Host root, text node or just invalid type.
@@ -3134,8 +2935,7 @@ function getComponentName(type) {
 
   {
     if (typeof type.tag === "number") {
-      warningWithoutStack$1(
-        false,
+      error(
         "Received an unexpected object in getComponentName(). " +
           "This is likely a bug in React. Please file an issue."
       );
@@ -3173,10 +2973,12 @@ function getComponentName(type) {
   if (typeof type === "object") {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        var context = type;
+        return getContextName(context) + ".Consumer";
 
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        var provider = type;
+        return getContextName(provider._context) + ".Provider";
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, "ForwardRef");
@@ -3184,6 +2986,9 @@ function getComponentName(type) {
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
 
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
+
       case REACT_LAZY_TYPE: {
         var thenable = type;
         var resolvedThenable = refineResolvedLazyComponent(thenable);
@@ -3259,7 +3064,7 @@ var ShouldCapture =
   /*         */
   4096;
 
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function getNearestMountedFiber(fiber) {
   var node = fiber;
   var nearestMounted = fiber;
@@ -3296,28 +3101,28 @@ function getNearestMountedFiber(fiber) {
 
   return null;
 }
-
 function isFiberMounted(fiber) {
   return getNearestMountedFiber(fiber) === fiber;
 }
 function isMounted(component) {
   {
-    var owner = ReactCurrentOwner$1.current;
+    var owner = ReactCurrentOwner.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;
+
+      if (!instance._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing isMounted inside its render() function. " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(ownerFiber.type) || "A component"
+        );
+      }
+
       instance._warnedAboutRefsInRender = true;
     }
   }
@@ -4020,71 +3825,49 @@ function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
     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 +
-          ": ... } }`"
-      );
+  {
+    for (var key in validAttributes.style) {
+      if (!(validAttributes[key] || props[key] === undefined)) {
+        error(
+          "You are setting the style `{ %s" +
+            ": ... }` as a prop. You " +
+            "should nest it in a style object. " +
+            "E.g. `{ style: { %s" +
+            ": ... } }`",
+          key,
+          key
+        );
+      }
     }
   }
 }
 
-// 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 =
   /*#__PURE__*/
   (function() {
-    function ReactNativeFiberHostComponent(tag, viewConfig) {
+    function ReactNativeFiberHostComponent(
+      tag,
+      viewConfig,
+      internalInstanceHandleDEV
+    ) {
       this._nativeTag = tag;
       this._children = [];
       this.viewConfig = viewConfig;
+
+      {
+        this._internalFiberInstanceHandleDEV = internalInstanceHandleDEV;
+      }
     }
 
     var _proto = ReactNativeFiberHostComponent.prototype;
 
     _proto.blur = function blur() {
-      ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+      ReactNativePrivateInterface.TextInputState.blurTextInput(this);
     };
 
     _proto.focus = function focus() {
-      ReactNativePrivateInterface.TextInputState.focusTextInput(
-        this._nativeTag
-      );
+      ReactNativePrivateInterface.TextInputState.focusTextInput(this);
     };
 
     _proto.measure = function measure(callback) {
@@ -4112,15 +3895,21 @@ var ReactNativeFiberHostComponent =
       if (typeof relativeToNativeNode === "number") {
         // Already a node handle
         relativeNode = relativeToNativeNode;
-      } else if (relativeToNativeNode._nativeTag) {
-        relativeNode = relativeToNativeNode._nativeTag;
+      } else {
+        var nativeNode = relativeToNativeNode;
+
+        if (nativeNode._nativeTag) {
+          relativeNode = nativeNode._nativeTag;
+        }
       }
 
       if (relativeNode == null) {
-        warningWithoutStack$1(
-          false,
-          "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-        );
+        {
+          error(
+            "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+          );
+        }
+
         return;
       }
 
@@ -4156,60 +3945,15 @@ var ReactNativeFiberHostComponent =
 // can re-export everything from this module.
 
 function shim() {
-  {
-    throw 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;
-
-// can re-export everything from this module.
-
-function shim$1() {
   {
     throw Error(
       "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
     );
   }
 } // 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 hydrateSuspenseInstance = shim$1;
-var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
-var commitHydratedContainer = shim$1;
-var commitHydratedSuspenseInstance = 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 isSuspenseInstancePending = shim;
+var isSuspenseInstanceFallback = shim;
+var hydrateTextInstance = shim;
 
 var getViewConfigForType =
   ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get;
@@ -4244,7 +3988,6 @@ function recursivelyUncacheFiberNode(node) {
     node._children.forEach(recursivelyUncacheFiberNode);
   }
 }
-
 function appendInitialChild(parentInstance, child) {
   parentInstance._children.push(child);
 }
@@ -4275,7 +4018,11 @@ function createInstance(
     rootContainerInstance, // rootTag
     updatePayload // props
   );
-  var component = new ReactNativeFiberHostComponent(tag, viewConfig);
+  var component = new ReactNativeFiberHostComponent(
+    tag,
+    viewConfig,
+    internalInstanceHandle
+  );
   precacheFiberNode(internalInstanceHandle, tag);
   updateFiberProps(tag, props); // Not sure how to avoid this cast. Flow is okay if the component is defined
   // in the same file but if it's external it can't see the types.
@@ -4370,8 +4117,6 @@ function prepareUpdate(
 function resetAfterCommit(containerInfo) {
   // Noop
 }
-var isPrimaryRenderer = true;
-var warnsIfNotActing = true;
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
 var noTimeout = -1;
@@ -4387,10 +4132,6 @@ function shouldSetTextContent(type, props) {
   // 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;
@@ -4435,7 +4176,6 @@ function commitTextUpdate(textInstance, oldText, newText) {
     } // props
   );
 }
-
 function commitUpdate(
   instance,
   updatePayloadTODO,
@@ -4553,169 +4293,94 @@ function unhideInstance(instance, props) {
         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
-) {
-  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.");
+        }
+      ]
+    }),
+    props,
+    viewConfig.validAttributes
+  );
+  ReactNativePrivateInterface.UIManager.updateView(
+    instance._nativeTag,
+    viewConfig.uiViewClassName,
+    updatePayload
+  );
 }
-function getInstanceFromNode$1(node) {
+function unhideTextInstance(textInstance, text) {
   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);
+var loggedTypeFailures = {};
+function checkPropTypes(typeSpecs, values, location, componentName) {
+  {
+    // $FlowFixMe This is okay but Flow doesn't know it.
+    var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
-        if (match) {
-          var pathBeforeSlash = match[1];
+    for (var typeSpecName in typeSpecs) {
+      if (has(typeSpecs, typeSpecName)) {
+        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
+        // fail the render phase where it didn't fail before. So we log it.
+        // After these have been cleaned up, we'll let them throw.
 
-          if (pathBeforeSlash) {
-            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-            fileName = folderName + "/" + fileName;
+        try {
+          // This is intentionally an invariant that gets caught. It's the same
+          // behavior as without this statement except with a better message.
+          if (typeof typeSpecs[typeSpecName] !== "function") {
+            var err = Error(
+              (componentName || "React class") +
+                ": " +
+                location +
+                " type `" +
+                typeSpecName +
+                "` is invalid; " +
+                "it must be a function, usually from the `prop-types` package, but received `" +
+                typeof typeSpecs[typeSpecName] +
+                "`." +
+                "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            );
+            err.name = "Invariant Violation";
+            throw err;
           }
-        }
-      }
-    }
-
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
-  }
 
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-};
-
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+          error$1 = typeSpecs[typeSpecName](
+            values,
+            typeSpecName,
+            componentName,
+            location,
+            null,
+            "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
+          );
+        } catch (ex) {
+          error$1 = ex;
+        }
 
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case HostRoot:
-    case HostPortal:
-    case HostText:
-    case Fragment:
-    case ContextProvider:
-    case ContextConsumer:
-      return "";
+        if (error$1 && !(error$1 instanceof Error)) {
+          error(
+            "%s: type specification of %s" +
+              " `%s` is invalid; the type checker " +
+              "function must return `null` or an `Error` but returned a %s. " +
+              "You may have forgotten to pass an argument to the type checker " +
+              "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
+              "shape all require an argument).",
+            componentName || "React class",
+            location,
+            typeSpecName,
+            typeof error$1
+          );
+        }
 
-    default:
-      var owner = fiber._debugOwner;
-      var source = fiber._debugSource;
-      var name = getComponentName(fiber.type);
-      var ownerName = null;
+        if (
+          error$1 instanceof Error &&
+          !(error$1.message in loggedTypeFailures)
+        ) {
+          // Only monitor this failure once because there tends to be a lot of the
+          // same error.
+          loggedTypeFailures[error$1.message] = true;
 
-      if (owner) {
-        ownerName = getComponentName(owner.type);
+          error("Failed %s type: %s", location, error$1.message);
+        }
       }
-
-      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.
@@ -4894,12 +4559,12 @@ var resumeTimers = function() {
 };
 
 function recordEffect() {
-  if (enableUserTimingAPI) {
+  {
     effectCountInCurrentCommit++;
   }
 }
 function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
+  {
     if (isCommitting) {
       hasScheduledUpdateInCurrentCommit = true;
     }
@@ -4913,9 +4578,8 @@ function recordScheduleUpdate() {
     }
   }
 }
-
 function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, this is the fiber to unwind from.
@@ -4930,7 +4594,7 @@ function startWorkTimer(fiber) {
   }
 }
 function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // Remember we shouldn't complete measurement for this fiber.
@@ -4941,7 +4605,7 @@ function cancelWorkTimer(fiber) {
   }
 }
 function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -4957,7 +4621,7 @@ function stopWorkTimer(fiber) {
   }
 }
 function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -4977,7 +4641,7 @@ function stopFailedWorkTimer(fiber) {
   }
 }
 function startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -4993,7 +4657,7 @@ function startPhaseTimer(fiber, phase) {
   }
 }
 function stopPhaseTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5010,7 +4674,7 @@ function stopPhaseTimer() {
   }
 }
 function startWorkLoopTimer(nextUnitOfWork) {
-  if (enableUserTimingAPI) {
+  {
     currentFiber = nextUnitOfWork;
 
     if (!supportsUserTiming) {
@@ -5026,7 +4690,7 @@ function startWorkLoopTimer(nextUnitOfWork) {
   }
 }
 function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5055,7 +4719,7 @@ function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
   }
 }
 function startCommitTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5067,7 +4731,7 @@ function startCommitTimer() {
   }
 }
 function stopCommitTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5088,7 +4752,7 @@ function stopCommitTimer() {
   }
 }
 function startCommitSnapshotEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5098,7 +4762,7 @@ function startCommitSnapshotEffectsTimer() {
   }
 }
 function stopCommitSnapshotEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5113,7 +4777,7 @@ function stopCommitSnapshotEffectsTimer() {
   }
 }
 function startCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5123,7 +4787,7 @@ function startCommitHostEffectsTimer() {
   }
 }
 function stopCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5138,7 +4802,7 @@ function stopCommitHostEffectsTimer() {
   }
 }
 function startCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5148,7 +4812,7 @@ function startCommitLifeCyclesTimer() {
   }
 }
 function stopCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5181,7 +4845,7 @@ function createCursor(defaultValue) {
 function pop(cursor, fiber) {
   if (index < 0) {
     {
-      warningWithoutStack$1(false, "Unexpected pop.");
+      error("Unexpected pop.");
     }
 
     return;
@@ -5189,7 +4853,7 @@ function pop(cursor, fiber) {
 
   {
     if (fiber !== fiberStack[index]) {
-      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+      error("Unexpected Fiber popped.");
     }
   }
 
@@ -5239,9 +4903,7 @@ function getUnmaskedContext(
   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
@@ -5255,9 +4917,7 @@ function getUnmaskedContext(
 }
 
 function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  if (disableLegacyContext) {
-    return;
-  } else {
+  {
     var instance = workInProgress.stateNode;
     instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
     instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
@@ -5265,9 +4925,7 @@ function cacheContext(workInProgress, unmaskedContext, maskedContext) {
 }
 
 function getMaskedContext(workInProgress, unmaskedContext) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     var type = workInProgress.type;
     var contextTypes = type.contextTypes;
 
@@ -5294,13 +4952,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     {
       var name = getComponentName(type) || "Unknown";
-      checkPropTypes(
-        contextTypes,
-        context,
-        "context",
-        name,
-        getCurrentFiberStackInDev
-      );
+      checkPropTypes(contextTypes, context, "context", name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -5313,44 +4965,34 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 }
 
 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 {
+  {
     if (!(contextStackCursor.current === emptyContextObject)) {
       throw Error(
         "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
@@ -5363,9 +5005,7 @@ function pushTopLevelContextObject(fiber, context, didChange) {
 }
 
 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.
@@ -5376,8 +5016,8 @@ function processChildContext(fiber, type, parentContext) {
 
         if (!warnedAboutMissingGetChildContext[componentName]) {
           warnedAboutMissingGetChildContext[componentName] = true;
-          warningWithoutStack$1(
-            false,
+
+          error(
             "%s.childContextTypes is specified but there is no getChildContext() method " +
               "on the instance. You can either define getChildContext() on %s or remove " +
               "childContextTypes from it.",
@@ -5391,19 +5031,10 @@ function processChildContext(fiber, type, parentContext) {
     }
 
     var childContext;
-
-    {
-      setCurrentPhase("getChildContext");
-    }
-
     startPhaseTimer(fiber, "getChildContext");
     childContext = instance.getChildContext();
     stopPhaseTimer();
 
-    {
-      setCurrentPhase(null);
-    }
-
     for (var contextKey in childContext) {
       if (!(contextKey in childContextTypes)) {
         throw Error(
@@ -5417,17 +5048,7 @@ function processChildContext(fiber, type, parentContext) {
 
     {
       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
-      );
+      checkPropTypes(childContextTypes, childContext, "child context", name);
     }
 
     return Object.assign({}, parentContext, {}, childContext);
@@ -5435,9 +5056,7 @@ function processChildContext(fiber, type, parentContext) {
 }
 
 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.
@@ -5459,9 +5078,7 @@ function pushContextProvider(workInProgress) {
 }
 
 function invalidateContextProvider(workInProgress, type, didChange) {
-  if (disableLegacyContext) {
-    return;
-  } else {
+  {
     var instance = workInProgress.stateNode;
 
     if (!instance) {
@@ -5495,9 +5112,7 @@ function invalidateContextProvider(workInProgress, type, didChange) {
 }
 
 function findCurrentUnmaskedContext(fiber) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     // Currently this is only used with renderSubtreeIntoContainer; not sure if it
     // makes sense elsewhere
     if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
@@ -5540,22 +5155,21 @@ var BlockingRoot = 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) {
+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;
+
+{
   // Provide explicit error message when production+profiling bundle of e.g.
   // react-dom is used with production (non-profiling) bundle of
   // scheduler/tracing
@@ -5749,14 +5363,14 @@ var NoWork = 0; // TODO: Think of a better name for Never. The key difference wi
 var Never = 1; // Idle is slightly higher priority than Never. It must completely finish in
 // order to be consistent.
 
-var Idle = 2; // Continuous Hydration is a moving priority. It is slightly higher than Idle
+var Idle = 2; // Continuous Hydration is slightly higher than Idle and is used to increase
 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.
+  // Always subtract from the offset so that we don't clash with the magic number for NoWork.
   return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
 }
 function expirationTimeToMs(expirationTime) {
@@ -5815,7 +5429,6 @@ function computeInteractiveExpiration(currentTime) {
     HIGH_PRIORITY_BATCH_SIZE
   );
 }
-
 function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (expirationTime === Sync) {
     return ImmediatePriority;
@@ -5854,7 +5467,7 @@ function is(x, y) {
   );
 }
 
-var is$1 = typeof Object.is === "function" ? Object.is : is;
+var objectIs = typeof Object.is === "function" ? Object.is : is;
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 /**
@@ -5864,7 +5477,7 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
  */
 
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) {
+  if (objectIs(objA, objB)) {
     return true;
   }
 
@@ -5887,7 +5500,7 @@ function shallowEqual(objA, objB) {
   for (var i = 0; i < keysA.length; i++) {
     if (
       !hasOwnProperty.call(objB, keysA[i]) ||
-      !is$1(objA[keysA[i]], objB[keysA[i]])
+      !objectIs(objA[keysA[i]], objB[keysA[i]])
     ) {
       return false;
     }
@@ -5896,77 +5509,122 @@ function shallowEqual(objA, objB) {
   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 lowPriorityWarningWithoutStack = function() {};
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function describeComponentFrame(name, source, ownerName) {
+  var sourceInfo = "";
 
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = new Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
+  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;
+          }
+        }
+      }
     }
 
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
+    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);
+  }
+}
 
-    if (typeof console !== "undefined") {
-      console.warn(message);
-    }
+function getStackByFiberInDevAndProd(workInProgress) {
+  var info = "";
+  var node = workInProgress;
 
-    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) {}
-  };
+  do {
+    info += describeFiber(node);
+    node = node.return;
+  } while (node);
 
-  lowPriorityWarningWithoutStack = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
+  return info;
+}
+var current = null;
+var isRendering = false;
+function getCurrentFiberOwnerNameInDevOrNull() {
+  {
+    if (current === null) {
+      return null;
     }
 
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = new Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
-      ) {
-        args[_key2 - 2] = arguments[_key2];
-      }
+    var owner = current._debugOwner;
 
-      printWarning.apply(void 0, [format].concat(args));
+    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.
 
-var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
+    return getStackByFiberInDevAndProd(current);
+  }
+}
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    isRendering = false;
+  }
+}
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    isRendering = false;
+  }
+}
+function setIsRendering(rendering) {
+  {
+    isRendering = rendering;
+  }
+}
 
 var ReactStrictModeWarnings = {
   recordUnsafeLifecycleWarnings: function(fiber, instance) {},
@@ -6138,8 +5796,8 @@ var ReactStrictModeWarnings = {
 
     if (UNSAFE_componentWillMountUniqueNames.size > 0) {
       var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6153,8 +5811,7 @@ var ReactStrictModeWarnings = {
         UNSAFE_componentWillReceivePropsUniqueNames
       );
 
-      warningWithoutStack$1(
-        false,
+      error(
         "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6172,8 +5829,7 @@ var ReactStrictModeWarnings = {
         UNSAFE_componentWillUpdateUniqueNames
       );
 
-      warningWithoutStack$1(
-        false,
+      error(
         "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6186,8 +5842,7 @@ var ReactStrictModeWarnings = {
     if (componentWillMountUniqueNames.size > 0) {
       var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillMount has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6205,8 +5860,7 @@ var ReactStrictModeWarnings = {
         componentWillReceivePropsUniqueNames
       );
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillReceiveProps has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6225,8 +5879,7 @@ var ReactStrictModeWarnings = {
     if (componentWillUpdateUniqueNames.size > 0) {
       var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillUpdate has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6251,11 +5904,11 @@ var ReactStrictModeWarnings = {
     var strictRoot = findStrictRoot(fiber);
 
     if (strictRoot === null) {
-      warningWithoutStack$1(
-        false,
+      error(
         "Expected to find a StrictMode component in a strict mode tree. " +
           "This error is likely caused by a bug in React. Please file an issue."
       );
+
       return;
     } // Dedup strategy: Warn once per component.
 
@@ -6281,15 +5934,20 @@ var ReactStrictModeWarnings = {
 
   ReactStrictModeWarnings.flushLegacyContextWarning = function() {
     pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      if (fiberArray.length === 0) {
+        return;
+      }
+
+      var firstFiber = fiberArray[0];
       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,
+      var firstComponentStack = getStackByFiberInDevAndProd(firstFiber);
+
+      error(
         "Legacy context API has been detected within a strict-mode tree." +
           "\n\nThe old API will be supported in all 16.x releases, but applications " +
           "using it should migrate to the new version." +
@@ -6297,7 +5955,7 @@ var ReactStrictModeWarnings = {
           "\n\nLearn more about this warning here: https://fb.me/react-legacy-context" +
           "%s",
         sortedNames,
-        strictRootComponentStack
+        firstComponentStack
       );
     });
   };
@@ -6540,9 +6198,6 @@ function scheduleFibersWithFamiliesRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     if (resolveFamily === null) {
@@ -6642,9 +6297,6 @@ function findHostInstancesForMatchingFibersRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     var didMatch = false;
@@ -6817,41 +6469,23 @@ function exitDisallowedContextReadInDEV() {
 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;
+      if (
+        context._currentRenderer !== undefined &&
+        context._currentRenderer !== null &&
+        context._currentRenderer !== rendererSigil
+      ) {
+        error(
+          "Detected multiple renderers concurrently rendering the " +
+            "same context provider. This is currently unsupported."
+        );
+      }
 
-    {
-      !(
-        context._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;
+      context._currentRenderer = rendererSigil;
     }
   }
 }
@@ -6860,14 +6494,12 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   var context = providerFiber.type._context;
 
-  if (isPrimaryRenderer) {
+  {
     context._currentValue = currentValue;
-  } else {
-    context._currentValue2 = currentValue;
   }
 }
 function calculateChangedBits(context, newValue, oldValue) {
-  if (is$1(oldValue, newValue)) {
+  if (objectIs(oldValue, newValue)) {
     // No change
     return 0;
   } else {
@@ -6877,14 +6509,13 @@ function calculateChangedBits(context, newValue, oldValue) {
         : 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;
+      if ((changedBits & MAX_SIGNED_31_BIT_INT) !== changedBits) {
+        error(
+          "calculateChangedBits: Expected the return value to be a " +
+            "31-bit integer. Instead received: %s",
+          changedBits
+        );
+      }
     }
 
     return changedBits | 0;
@@ -6989,39 +6620,6 @@ function propagateContextChange(
     } 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 === DehydratedFragment
-    ) {
-      // If a dehydrated suspense bounudary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      var parentSuspense = fiber.return;
-
-      if (!(parentSuspense !== null)) {
-        throw Error(
-          "We just came from a parent so we must have had a parent. This is a bug in React."
-        );
-      }
-
-      if (parentSuspense.expirationTime < renderExpirationTime) {
-        parentSuspense.expirationTime = renderExpirationTime;
-      }
-
-      var _alternate = parentSuspense.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(parentSuspense, renderExpirationTime);
-      nextFiber = fiber.sibling;
     } else {
       // Traverse down.
       nextFiber = fiber.child;
@@ -7080,22 +6678,19 @@ 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 (isDisallowedContextReadInDEV) {
+      error(
+        "Context can only be read while React is rendering. " +
+          "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+          "In function components, you can read it directly in the function body, but not " +
+          "inside Hooks like useReducer() or useMemo()."
+      );
+    }
   }
 
-  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 {
+  if (lastContextWithAllBitsObserved === context);
+  else if (observedBits === false || observedBits === 0);
+  else {
     var resolvedObservedBits; // Avoid deopting on observable arguments or heterogeneous types.
 
     if (
@@ -7134,85 +6729,9 @@ function readContext(context, observedBits) {
     }
   }
 
-  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+  return context._currentValue;
 }
 
-// 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;
@@ -7229,38 +6748,32 @@ var currentlyProcessingQueue;
   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) {
+function initializeUpdateQueue(fiber) {
   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
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: {
+      pending: null
+    },
+    effects: null
   };
-  return queue;
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  var queue = workInProgress.updateQueue;
+  var currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    var clone = {
+      baseState: currentQueue.baseState,
+      baseQueue: currentQueue.baseQueue,
+      shared: currentQueue.shared,
+      effects: currentQueue.effects
+    };
+    workInProgress.updateQueue = clone;
+  }
 }
-
 function createUpdate(expirationTime, suspenseConfig) {
   var update = {
     expirationTime: expirationTime,
@@ -7268,9 +6781,9 @@ function createUpdate(expirationTime, suspenseConfig) {
     tag: UpdateState,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
+  update.next = update;
 
   {
     update.priority = getCurrentPriorityLevel();
@@ -7278,136 +6791,62 @@ function createUpdate(expirationTime, suspenseConfig) {
 
   return update;
 }
+function enqueueUpdate(fiber, update) {
+  var updateQueue = fiber.updateQueue;
 
-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;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
   }
-}
 
-function enqueueUpdate(fiber, update) {
-  // Update queues are created lazily.
-  var alternate = fiber.alternate;
-  var queue1;
-  var queue2;
+  var sharedQueue = updateQueue.shared;
+  var pending = sharedQueue.pending;
 
-  if (alternate === null) {
-    // There's only one fiber.
-    queue1 = fiber.updateQueue;
-    queue2 = null;
-
-    if (queue1 === null) {
-      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
-    }
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
   } 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.
-      }
-    }
+    update.next = pending.next;
+    pending.next = update;
   }
 
-  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;
-    }
-  }
+  sharedQueue.pending = update;
 
   {
     if (
-      fiber.tag === ClassComponent &&
-      (currentlyProcessingQueue === queue1 ||
-        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      currentlyProcessingQueue === sharedQueue &&
       !didWarnUpdateInsideUpdate
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "An update (setState, replaceState, or forceUpdate) was scheduled " +
           "from inside an update function. Update functions should be pure, " +
           "with zero side-effects. Consider using componentDidUpdate or a " +
           "callback."
       );
+
       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;
+  var current = workInProgress.alternate;
 
-  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 (current !== null) {
+    // Ensure the work-in-progress queue is a clone
+    cloneUpdateQueue(current, workInProgress);
+  } // Captured updates go only on the work-in-progress queue.
 
-  if (workInProgressQueue.lastCapturedUpdate === null) {
-    // This is the first render phase update
-    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
-  } else {
-    workInProgressQueue.lastCapturedUpdate.next = update;
-    workInProgressQueue.lastCapturedUpdate = update;
-  }
-}
+  var queue = workInProgress.updateQueue; // Append the update to the end of the list.
 
-function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
-  var current = workInProgress.alternate;
+  var last = queue.baseQueue;
 
-  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);
-    }
+  if (last === null) {
+    queue.baseQueue = update.next = update;
+    update.next = update;
+  } else {
+    update.next = last.next;
+    last.next = update;
   }
-
-  return queue;
 }
 
 function getStateFromUpdate(
@@ -7427,10 +6866,7 @@ function getStateFromUpdate(
         {
           enterDisallowedContextReadInDEV();
 
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
+          if (workInProgress.mode & StrictMode) {
             payload.call(instance, prevState, nextProps);
           }
         }
@@ -7462,10 +6898,7 @@ function getStateFromUpdate(
         {
           enterDisallowedContextReadInDEV();
 
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
+          if (workInProgress.mode & StrictMode) {
             _payload.call(instance, prevState, nextProps);
           }
         }
@@ -7499,163 +6932,171 @@ function getStateFromUpdate(
 
 function processUpdateQueue(
   workInProgress,
-  queue,
   props,
   instance,
   renderExpirationTime
 ) {
+  // This is always non-null on a ClassComponent or HostRoot
+  var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
-  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
 
   {
-    currentlyProcessingQueue = queue;
-  } // These values may change as we process the queue.
+    currentlyProcessingQueue = queue.shared;
+  } // The last rebase update that is NOT part of the base state.
 
-  var newBaseState = queue.baseState;
-  var newFirstUpdate = null;
-  var newExpirationTime = NoWork; // Iterate through the list of updates to compute the result.
+  var baseQueue = queue.baseQueue; // The last pending update that hasn't been processed yet.
 
-  var update = queue.firstUpdate;
-  var resultState = newBaseState;
+  var pendingQueue = queue.shared.pending;
+
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
+    }
 
-  while (update !== null) {
-    var updateExpirationTime = update.expirationTime;
+    baseQueue = pendingQueue;
+    queue.shared.pending = null; // TODO: Pass `current` as argument
 
-    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.
+    var current = workInProgress.alternate;
 
-        newBaseState = resultState;
-      } // Since this update will remain in the list, update the remaining
-      // expiration time.
+    if (current !== null) {
+      var currentQueue = current.updateQueue;
 
-      if (newExpirationTime < updateExpirationTime) {
-        newExpirationTime = updateExpirationTime;
+      if (currentQueue !== null) {
+        currentQueue.baseQueue = pendingQueue;
       }
-    } 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;
+    }
+  } // These values may change as we process the queue.
 
-      if (callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+  if (baseQueue !== null) {
+    var first = baseQueue.next; // Iterate through the list of updates to compute the result.
 
-        update.nextEffect = null;
+    var newState = queue.baseState;
+    var newExpirationTime = NoWork;
+    var newBaseState = null;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
 
-        if (queue.lastEffect === null) {
-          queue.firstEffect = queue.lastEffect = update;
-        } else {
-          queue.lastEffect.nextEffect = update;
-          queue.lastEffect = update;
-        }
-      }
-    } // Continue to the next update.
+    if (first !== null) {
+      var update = first;
 
-    update = update.next;
-  } // Separately, iterate though the list of captured updates.
+      do {
+        var updateExpirationTime = update.expirationTime;
+
+        if (updateExpirationTime < renderExpirationTime) {
+          // Priority is insufficient. Skip this update. If this is the first
+          // skipped update, the previous update/state is the new base
+          // update/state.
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
 
-  var newFirstCapturedUpdate = null;
-  update = queue.firstCapturedUpdate;
+          if (newBaseQueueLast === null) {
+            newBaseQueueFirst = newBaseQueueLast = clone;
+            newBaseState = newState;
+          } else {
+            newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Update the remaining priority in the queue.
 
-  while (update !== null) {
-    var _updateExpirationTime = update.expirationTime;
+          if (updateExpirationTime > newExpirationTime) {
+            newExpirationTime = updateExpirationTime;
+          }
+        } else {
+          // This update does have sufficient priority.
+          if (newBaseQueueLast !== null) {
+            var _clone = {
+              expirationTime: Sync,
+              // This update is going to be committed so we never want uncommit it.
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            };
+            newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // 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.
+
+          newState = getStateFromUpdate(
+            workInProgress,
+            queue,
+            update,
+            newState,
+            props,
+            instance
+          );
+          var callback = update.callback;
 
-    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 (callback !== null) {
+            workInProgress.effectTag |= Callback;
+            var effects = queue.effects;
 
-        if (newFirstUpdate === null) {
-          newBaseState = resultState;
+            if (effects === null) {
+              queue.effects = [update];
+            } else {
+              effects.push(update);
+            }
+          }
         }
-      } // 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 _callback = update.callback;
 
-      if (_callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+        update = update.next;
 
-        update.nextEffect = null;
+        if (update === null || update === first) {
+          pendingQueue = queue.shared.pending;
 
-        if (queue.lastCapturedEffect === null) {
-          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
-        } else {
-          queue.lastCapturedEffect.nextEffect = update;
-          queue.lastCapturedEffect = update;
+          if (pendingQueue === null) {
+            break;
+          } else {
+            // An update was scheduled from inside a reducer. Add the new
+            // pending updates to the end of the list and keep processing.
+            update = baseQueue.next = pendingQueue.next;
+            pendingQueue.next = first;
+            queue.baseQueue = baseQueue = pendingQueue;
+            queue.shared.pending = null;
+          }
         }
-      }
+      } while (true);
     }
 
-    update = update.next;
-  }
-
-  if (newFirstUpdate === null) {
-    queue.lastUpdate = null;
-  }
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
+    }
 
-  if (newFirstCapturedUpdate === null) {
-    queue.lastCapturedUpdate = null;
-  } else {
-    workInProgress.effectTag |= Callback;
-  }
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast; // 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.
 
-  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;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = newState;
   }
 
-  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.
-
-  markUnprocessedUpdateTime(newExpirationTime);
-  workInProgress.expirationTime = newExpirationTime;
-  workInProgress.memoizedState = resultState;
-
   {
     currentlyProcessingQueue = null;
   }
@@ -7678,42 +7119,21 @@ function resetHasForceUpdateBeforeProcessing() {
 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 commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  // Commit the effects
+  var effects = finishedQueue.effects;
+  finishedQueue.effects = null;
 
-function commitUpdateEffects(effect, instance) {
-  while (effect !== null) {
-    var callback = effect.callback;
+  if (effects !== null) {
+    for (var i = 0; i < effects.length; i++) {
+      var effect = effects[i];
+      var callback = effect.callback;
 
-    if (callback !== null) {
-      effect.callback = null;
-      callCallback(callback, instance);
+      if (callback !== null) {
+        effect.callback = null;
+        callCallback(callback, instance);
+      }
     }
-
-    effect = effect.nextEffect;
   }
 }
 
@@ -7723,7 +7143,7 @@ function requestCurrentSuspenseConfig() {
 }
 
 var fakeInternalInstance = {};
-var isArray$1 = Array.isArray; // React.Component uses a shared frozen object by default.
+var isArray = 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;
@@ -7758,8 +7178,8 @@ var didWarnAboutInvalidateContextType;
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%s(...): Expected the last optional `callback` argument to be a " +
           "function. Instead received: %s.",
         callerName,
@@ -7774,8 +7194,8 @@ var didWarnAboutInvalidateContextType;
 
       if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
         didWarnAboutUndefinedDerivedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
             "You have returned undefined.",
           componentName
@@ -7810,10 +7230,7 @@ function applyDerivedStateFromProps(
   var prevState = workInProgress.memoizedState;
 
   {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
+    if (workInProgress.mode & StrictMode) {
       // Invoke the function an extra time to help detect side-effects.
       getDerivedStateFromProps(nextProps, prevState);
     }
@@ -7832,9 +7249,9 @@ function applyDerivedStateFromProps(
   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) {
+  if (workInProgress.expirationTime === NoWork) {
+    // Queue is always non-null for classes
+    var updateQueue = workInProgress.updateQueue;
     updateQueue.baseState = memoizedState;
   }
 }
@@ -7924,6 +7341,13 @@ function checkShouldComponentUpdate(
   var instance = workInProgress.stateNode;
 
   if (typeof instance.shouldComponentUpdate === "function") {
+    {
+      if (workInProgress.mode & StrictMode) {
+        // Invoke the function an extra time to help detect side-effects.
+        instance.shouldComponentUpdate(newProps, newState, nextContext);
+      }
+    }
+
     startPhaseTimer(workInProgress, "shouldComponentUpdate");
     var shouldUpdate = instance.shouldComponentUpdate(
       newProps,
@@ -7933,14 +7357,13 @@ function checkShouldComponentUpdate(
     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;
+      if (shouldUpdate === undefined) {
+        error(
+          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+            "boolean value. Make sure to return true or false.",
+          getComponentName(ctor) || "Component"
+        );
+      }
     }
 
     return shouldUpdate;
@@ -7964,94 +7387,69 @@ function checkClassInstance(workInProgress, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === "function") {
-        warningWithoutStack$1(
-          false,
+        error(
           "%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.",
+      } else {
+        error(
+          "%s(...): No `render` method found on the returned component " +
+            "instance: you may have forgotten to define `render`.",
           name
         );
       }
+    }
+
+    if (
+      instance.getInitialState &&
+      !instance.getInitialState.isReactClassApproved &&
+      !instance.state
+    ) {
+      error(
+        "getInitialState was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Did you mean to define a state property instead?",
+        name
+      );
+    }
+
+    if (
+      instance.getDefaultProps &&
+      !instance.getDefaultProps.isReactClassApproved
+    ) {
+      error(
+        "getDefaultProps was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Use a static property to define defaultProps instead.",
+        name
+      );
+    }
 
-      if (ctor.contextTypes) {
-        warningWithoutStack$1(
-          false,
-          "%s uses the legacy contextTypes API which is no longer supported. " +
-            "Use React.createContext() with static contextType instead.",
+    if (instance.propTypes) {
+      error(
+        "propTypes was defined as an instance property on %s. Use a static " +
+          "property to define propTypes instead.",
+        name
+      );
+    }
+
+    if (instance.contextType) {
+      error(
+        "contextType was defined as an instance property on %s. Use a static " +
+          "property to define contextType instead.",
+        name
+      );
+    }
+
+    {
+      if (instance.contextTypes) {
+        error(
+          "contextTypes was defined as an instance property on %s. Use a static " +
+            "property to define contextTypes instead.",
           name
         );
       }
-    } 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 &&
@@ -8059,8 +7457,8 @@ function checkClassInstance(workInProgress, ctor, newProps) {
         !didWarnAboutContextTypeAndContextTypes.has(ctor)
       ) {
         didWarnAboutContextTypeAndContextTypes.add(ctor);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s declares both contextTypes and contextType static properties. " +
             "The legacy contextTypes property will be ignored.",
           name
@@ -8068,26 +7466,22 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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 (typeof instance.componentShouldUpdate === "function") {
+      error(
+        "%s has a method called " +
+          "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+          "The name is phrased as a question because the function is " +
+          "expected to return a value.",
+        name
+      );
+    }
 
     if (
       ctor.prototype &&
       ctor.prototype.isPureReactComponent &&
       typeof instance.shouldComponentUpdate !== "undefined"
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "%s has a method called shouldComponentUpdate(). " +
           "shouldComponentUpdate should not be used when extending React.PureComponent. " +
           "Please extend React.Component if shouldComponentUpdate is used.",
@@ -8095,70 +7489,61 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       );
     }
 
-    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;
+    if (typeof instance.componentDidUnmount === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidUnmount(). But there is no such lifecycle method. " +
+          "Did you mean componentWillUnmount()?",
+        name
+      );
+    }
+
+    if (typeof instance.componentDidReceiveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidReceiveProps(). But there is no such lifecycle method. " +
+          "If you meant to update the state in response to changing props, " +
+          "use componentWillReceiveProps(). If you meant to fetch data or " +
+          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+        name
+      );
+    }
+
+    if (typeof instance.componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+        name
+      );
+    }
+
+    if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+        name
+      );
+    }
+
     var hasMutatedProps = instance.props !== newProps;
-    !(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 (instance.props !== undefined && hasMutatedProps) {
+      error(
+        "%s(...): When calling super() in `%s`, make sure to pass " +
+          "up the same props that your component's constructor was passed.",
+        name,
+        name
+      );
+    }
+
+    if (instance.defaultProps) {
+      error(
+        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+          " Instead, define defaultProps as a static property on %s.",
+        name,
+        name
+      );
+    }
 
     if (
       typeof instance.getSnapshotBeforeUpdate === "function" &&
@@ -8166,63 +7551,53 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
     ) {
       didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%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 (typeof instance.getDerivedStateFromProps === "function") {
+      error(
+        "%s: getDerivedStateFromProps() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
+
+    if (typeof instance.getDerivedStateFromError === "function") {
+      error(
+        "%s: getDerivedStateFromError() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
 
-    if (_state && (typeof _state !== "object" || isArray$1(_state))) {
-      warningWithoutStack$1(
-        false,
-        "%s.state: must be set to an object or null",
+    if (typeof ctor.getSnapshotBeforeUpdate === "function") {
+      error(
+        "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+          "and will be ignored. Instead, declare it as an instance method.",
         name
       );
     }
 
-    if (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;
+    var _state = instance.state;
+
+    if (_state && (typeof _state !== "object" || isArray(_state))) {
+      error("%s.state: must be set to an object or null", name);
+    }
+
+    if (
+      typeof instance.getChildContext === "function" &&
+      typeof ctor.childContextTypes !== "object"
+    ) {
+      error(
+        "%s.getChildContext(): childContextTypes must be defined in order to " +
+          "use getChildContext().",
+        name
+      );
     }
   }
 }
@@ -8238,12 +7613,7 @@ function adoptClassInstance(workInProgress, instance) {
   }
 }
 
-function constructClassInstance(
-  workInProgress,
-  ctor,
-  props,
-  renderExpirationTime
-) {
+function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = false;
   var unmaskedContext = emptyContextObject;
   var context = emptyContextObject;
@@ -8281,8 +7651,7 @@ function constructClassInstance(
             "}.";
         }
 
-        warningWithoutStack$1(
-          false,
+        error(
           "%s defines an invalid contextType. " +
             "contextType should point to the Context object returned by React.createContext().%s",
           getComponentName(ctor) || "Component",
@@ -8294,7 +7663,7 @@ function constructClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     context = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
     isLegacyContextConsumer =
@@ -8305,10 +7674,7 @@ function constructClassInstance(
   } // Instantiate twice to help detect side-effects.
 
   {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
+    if (workInProgress.mode & StrictMode) {
       new ctor(props, context); // eslint-disable-line no-new
     }
   }
@@ -8326,8 +7692,8 @@ function constructClassInstance(
 
       if (!didWarnAboutUninitializedState.has(componentName)) {
         didWarnAboutUninitializedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "`%s` uses `getDerivedStateFromProps` but its initial state is " +
             "%s. This is not recommended. Instead, define the initial state by " +
             "assigning an object to `this.state` in the constructor of `%s`. " +
@@ -8392,8 +7758,8 @@ function constructClassInstance(
 
         if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
           didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
-          warningWithoutStack$1(
-            false,
+
+          error(
             "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
               "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
               "The above lifecycles should be removed. Learn more about this warning here:\n" +
@@ -8435,8 +7801,7 @@ function callComponentWillMount(workInProgress, instance) {
 
   if (oldState !== instance.state) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "%s.componentWillMount(): Assigning directly to this.state is " +
           "deprecated (except inside a component's " +
           "constructor). Use setState instead.",
@@ -8473,8 +7838,8 @@ function callComponentWillReceiveProps(
 
       if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
         didWarnAboutStateAssignmentForComponent.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.componentWillReceiveProps(): Assigning directly to " +
             "this.state is deprecated (except inside a component's " +
             "constructor). Use setState instead.",
@@ -8501,12 +7866,11 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
 
   if (typeof contextType === "object" && contextType !== null) {
     instance.context = readContext(contextType);
-  } else if (disableLegacyContext) {
-    instance.context = emptyContextObject;
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8518,8 +7882,8 @@ function mountClassInstance(
 
       if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
         didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s: It is not recommended to assign props directly to state " +
             "because updates to props won't be reflected in state. " +
             "In most cases, it is better to use props directly.",
@@ -8535,7 +7899,7 @@ function mountClassInstance(
       );
     }
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
         workInProgress,
         instance
@@ -8543,19 +7907,8 @@ function mountClassInstance(
     }
   }
 
-  var updateQueue = workInProgress.updateQueue;
-
-  if (updateQueue !== null) {
-    processUpdateQueue(
-      workInProgress,
-      updateQueue,
-      newProps,
-      instance,
-      renderExpirationTime
-    );
-    instance.state = workInProgress.memoizedState;
-  }
-
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
   if (typeof getDerivedStateFromProps === "function") {
@@ -8578,18 +7931,13 @@ function mountClassInstance(
     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;
-    }
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    instance.state = workInProgress.memoizedState;
   }
 
   if (typeof instance.componentDidMount === "function") {
@@ -8612,7 +7960,7 @@ function resumeMountClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
       ctor,
@@ -8648,18 +7996,8 @@ function resumeMountClassInstance(
   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;
-  }
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
   if (
     oldProps === newProps &&
@@ -8749,6 +8087,7 @@ function updateClassInstance(
   renderExpirationTime
 ) {
   var instance = workInProgress.stateNode;
+  cloneUpdateQueue(current, workInProgress);
   var oldProps = workInProgress.memoizedProps;
   instance.props =
     workInProgress.type === workInProgress.elementType
@@ -8760,7 +8099,7 @@ function updateClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
   }
@@ -8792,18 +8131,8 @@ function updateClassInstance(
   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;
-  }
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
   if (
     oldProps === newProps &&
@@ -8965,8 +8294,8 @@ var warnForMissingKey = function(child) {};
     }
 
     ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-    warning$1(
-      false,
+
+    error(
       "Each child in a list should have a unique " +
         '"key" prop. See https://fb.me/react-warning-keys for ' +
         "more information."
@@ -8974,9 +8303,9 @@ var warnForMissingKey = function(child) {};
   };
 }
 
-var isArray = Array.isArray;
+var isArray$1 = Array.isArray;
 
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   var mixedRef = element.ref;
 
   if (
@@ -8987,25 +8316,21 @@ function coerceRef(returnFiber, current$$1, element) {
     {
       // 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) {
+      if (
+        (returnFiber.mode & StrictMode || warnAboutStringRefs) && // We warn in ReactElement.js if owner and self are equal for string refs
+        // because these cannot be automatically converted to an arrow function
+        // using a codemod. Therefore, we don't have to warn about string refs again.
+        !(
+          element._owner &&
+          element._self &&
+          element._owner.stateNode !== element._self
+        )
+      ) {
         var componentName = 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. " +
-                "Learn more about using refs safely here: " +
-                "https://fb.me/react-strict-mode-string-ref%s",
-              componentName,
-              mixedRef,
-              getStackByFiberInDevAndProd(returnFiber)
-            );
-          } else {
-            warningWithoutStack$1(
-              false,
+          {
+            error(
               'A string ref, "%s", has been found within a strict mode tree. ' +
                 "String refs are a source of potential bugs and should be avoided. " +
                 "We recommend using useRef() or createRef() instead. " +
@@ -9030,7 +8355,7 @@ function coerceRef(returnFiber, current$$1, element) {
 
         if (!(ownerFiber.tag === ClassComponent)) {
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         }
 
@@ -9048,12 +8373,12 @@ function coerceRef(returnFiber, current$$1, element) {
       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
+        current !== null &&
+        current.ref !== null &&
+        typeof current.ref === "function" &&
+        current.ref._stringRef === stringRef
       ) {
-        return current$$1.ref;
+        return current.ref;
       }
 
       var ref = function(value) {
@@ -9118,23 +8443,25 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
 }
 
 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();
+  {
+    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;
-  }
+    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."
-  );
+    ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+    error(
+      "Functions are not valid as a React child. This may happen if " +
+        "you return a Component instead of <Component /> from render. " +
+        "Or maybe you meant to call this function rather than return it."
+    );
+  }
 } // 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
@@ -9201,10 +8528,10 @@ function ChildReconciler(shouldTrackSideEffects) {
     return existingChildren;
   }
 
-  function useFiber(fiber, pendingProps, expirationTime) {
+  function useFiber(fiber, pendingProps) {
     // We currently set sibling to null and index to 0 here because it is easy
     // to forget to do before returning it. E.g. for the single child case.
-    var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
+    var clone = createWorkInProgress(fiber, pendingProps);
     clone.index = 0;
     clone.sibling = null;
     return clone;
@@ -9218,10 +8545,10 @@ function ChildReconciler(shouldTrackSideEffects) {
       return lastPlacedIndex;
     }
 
-    var current$$1 = newFiber.alternate;
+    var current = newFiber.alternate;
 
-    if (current$$1 !== null) {
-      var oldIndex = current$$1.index;
+    if (current !== null) {
+      var oldIndex = current.index;
 
       if (oldIndex < lastPlacedIndex) {
         // This is a move.
@@ -9248,13 +8575,8 @@ function ChildReconciler(shouldTrackSideEffects) {
     return newFiber;
   }
 
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (current$$1 === null || current$$1.tag !== HostText) {
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(
         textContent,
@@ -9265,48 +8587,48 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, textContent, expirationTime);
+      var existing = useFiber(current, textContent);
       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;
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (current !== null) {
+      if (
+        current.elementType === element.type || // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current, element)
+      ) {
+        // Move based on index
+        var existing = useFiber(current, element.props);
+        existing.ref = coerceRef(returnFiber, current, element);
+        existing.return = returnFiber;
 
-      {
-        existing._debugSource = element._source;
-        existing._debugOwner = element._owner;
+        {
+          existing._debugSource = element._source;
+          existing._debugOwner = element._owner;
+        }
+
+        return existing;
       }
+    } // Insert
 
-      return existing;
-    } else {
-      // Insert
-      var created = createFiberFromElement(
-        element,
-        returnFiber.mode,
-        expirationTime
-      );
-      created.ref = coerceRef(returnFiber, current$$1, element);
-      created.return = returnFiber;
-      return created;
-    }
+    var created = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    created.ref = coerceRef(returnFiber, current, element);
+    created.return = returnFiber;
+    return created;
   }
 
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      current$$1 === null ||
-      current$$1.tag !== HostPortal ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      current === null ||
+      current.tag !== HostPortal ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     ) {
       // Insert
       var created = createFiberFromPortal(
@@ -9318,24 +8640,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(
-        current$$1,
-        portal.children || [],
-        expirationTime
-      );
+      var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
       return existing;
     }
   }
 
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (current$$1 === null || current$$1.tag !== Fragment) {
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(
         fragment,
@@ -9347,7 +8659,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, fragment, expirationTime);
+      var existing = useFiber(current, fragment);
       existing.return = returnFiber;
       return existing;
     }
@@ -9393,7 +8705,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _created3 = createFiberFromFragment(
           newChild,
           returnFiber.mode,
@@ -9476,7 +8788,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         if (key !== null) {
           return null;
         }
@@ -9562,7 +8874,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
 
         return updateFragment(
@@ -9616,8 +8928,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             break;
           }
 
-          warning$1(
-            false,
+          error(
             "Encountered two children with the same key, `%s`. " +
               "Keys should be unique so that components maintain their identity " +
               "across updates. Non-unique keys may cause children to be " +
@@ -9625,9 +8936,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               "could change in a future version.",
             key
           );
-          break;
 
-        default:
           break;
       }
     }
@@ -9830,28 +9139,28 @@ function ChildReconciler(shouldTrackSideEffects) {
         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;
+        if (!didWarnAboutGenerators) {
+          error(
+            "Using Generators as children is unsupported and will likely yield " +
+              "unexpected results because enumerating a generator mutates it. " +
+              "You may convert it to an array with `Array.from()` or the " +
+              "`[...spread]` operator before rendering. Keep in mind " +
+              "you might need to polyfill these features for older browsers."
+          );
+        }
+
         didWarnAboutGenerators = true;
       } // Warn about using Maps as children
 
       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;
+        if (!didWarnAboutMaps) {
+          error(
+            "Using Maps as children is unsupported and will likely yield " +
+              "unexpected results. Convert it to a sequence/iterable of keyed " +
+              "ReactElements instead."
+          );
+        }
+
         didWarnAboutMaps = true;
       } // First, validate keys.
       // We'll get a different iterator later for the main pass.
@@ -10030,7 +9339,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       // 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);
+      var existing = useFiber(currentFirstChild, textContent);
       existing.return = returnFiber;
       return existing;
     } // The existing first child is not a text node so we need to create one
@@ -10059,33 +9368,55 @@ function ChildReconciler(shouldTrackSideEffects) {
       // 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:
+        switch (child.tag) {
+          case Fragment: {
+            if (element.type === REACT_FRAGMENT_TYPE) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+              var existing = useFiber(child, element.props.children);
+              existing.return = returnFiber;
+
+              {
+                existing._debugSource = element._source;
+                existing._debugOwner = element._owner;
+              }
+
+              return existing;
+            }
+
+            break;
+          }
+
+          case Block:
+
+          // We intentionally fallthrough here if enableBlocksAPI is not on.
+          // eslint-disable-next-lined no-fallthrough
+
+          default: {
+            if (
+              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;
+            ) {
+              deleteRemainingChildren(returnFiber, child.sibling);
 
-          {
-            existing._debugSource = element._source;
-            existing._debugOwner = element._owner;
+              var _existing3 = useFiber(child, element.props);
+
+              _existing3.ref = coerceRef(returnFiber, child, element);
+              _existing3.return = returnFiber;
+
+              {
+                _existing3._debugSource = element._source;
+                _existing3._debugOwner = element._owner;
+              }
+
+              return _existing3;
+            }
+
+            break;
           }
+        } // Didn't match.
 
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
+        deleteRemainingChildren(returnFiber, child);
+        break;
       } else {
         deleteChild(returnFiber, child);
       }
@@ -10134,7 +9465,7 @@ function ChildReconciler(shouldTrackSideEffects) {
           child.stateNode.implementation === portal.implementation
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || [], expirationTime);
+          var existing = useFiber(child, portal.children || []);
           existing.return = returnFiber;
           return existing;
         } else {
@@ -10219,7 +9550,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       );
     }
 
-    if (isArray(newChild)) {
+    if (isArray$1(newChild)) {
       return reconcileChildrenArray(
         returnFiber,
         currentFirstChild,
@@ -10287,8 +9618,8 @@ function ChildReconciler(shouldTrackSideEffects) {
 
 var reconcileChildFibers = ChildReconciler(true);
 var mountChildFibers = ChildReconciler(false);
-function cloneChildFibers(current$$1, workInProgress) {
-  if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+function cloneChildFibers(current, workInProgress) {
+  if (!(current === null || workInProgress.child === current.child)) {
     throw Error("Resuming work not yet implemented.");
   }
 
@@ -10297,11 +9628,7 @@ function cloneChildFibers(current$$1, workInProgress) {
   }
 
   var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(
-    currentChild,
-    currentChild.pendingProps,
-    currentChild.expirationTime
-  );
+  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
   workInProgress.child = newChild;
   newChild.return = workInProgress;
 
@@ -10309,8 +9636,7 @@ function cloneChildFibers(current$$1, workInProgress) {
     currentChild = currentChild.sibling;
     newChild = newChild.sibling = createWorkInProgress(
       currentChild,
-      currentChild.pendingProps,
-      currentChild.expirationTime
+      currentChild.pendingProps
     );
     newChild.return = workInProgress;
   }
@@ -10360,7 +9686,7 @@ function pushHostContainer(fiber, nextRootInstance) {
   // 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.
+  var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
 
   pop(contextStackCursor$1, fiber);
   push(contextStackCursor$1, nextRootContext, fiber);
@@ -10380,7 +9706,7 @@ function getHostContext() {
 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.
+  var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
 
   if (context === nextContext) {
     return;
@@ -10483,8 +9809,8 @@ function findFirstSuspended(row) {
 
         if (
           dehydrated === null ||
-          isSuspenseInstancePending(dehydrated) ||
-          isSuspenseInstanceFallback(dehydrated)
+          isSuspenseInstancePending() ||
+          isSuspenseInstanceFallback()
         ) {
           return node;
         }
@@ -10524,191 +9850,7 @@ function findFirstSuspended(row) {
   return null;
 }
 
-var emptyObject$1 = {};
-var isArray$2 = Array.isArray;
-function createResponderInstance(
-  responder,
-  responderProps,
-  responderState,
-  fiber
-) {
-  return {
-    fiber: fiber,
-    props: responderProps,
-    responder: responder,
-    rootEventTypes: null,
-    state: responderState
-  };
-}
-
-function mountEventResponder(
-  responder,
-  responderProps,
-  fiber,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responderState = emptyObject$1;
-  var getInitialState = responder.getInitialState;
-
-  if (getInitialState !== null) {
-    responderState = getInitialState(responderProps);
-  }
-
-  var responderInstance = createResponderInstance(
-    responder,
-    responderProps,
-    responderState,
-    fiber
-  );
-
-  if (!rootContainerInstance) {
-    var node = fiber;
-
-    while (node !== null) {
-      var tag = node.tag;
-
-      if (tag === HostComponent) {
-        rootContainerInstance = node.stateNode;
-        break;
-      } else if (tag === HostRoot) {
-        rootContainerInstance = node.stateNode.containerInfo;
-        break;
-      }
-
-      node = node.return;
-    }
-  }
-
-  mountResponderInstance(
-    responder,
-    responderInstance,
-    responderProps,
-    responderState,
-    rootContainerInstance
-  );
-  respondersMap.set(responder, responderInstance);
-}
-
-function updateEventListener(
-  listener,
-  fiber,
-  visistedResponders,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responder;
-  var props;
-
-  if (listener) {
-    responder = listener.responder;
-    props = listener.props;
-  }
-
-  if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
-    throw Error(
-      "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponder()."
-    );
-  }
-
-  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 (happens in either complete or commit phase)
-    mountEventResponder(
-      responder,
-      listenerProps,
-      fiber,
-      respondersMap,
-      rootContainerInstance
-    );
-  } else {
-    // Update (happens during commit phase only)
-    responderInstance.props = listenerProps;
-    responderInstance.fiber = fiber;
-  }
-}
-
-function updateEventListeners(listeners, fiber, rootContainerInstance) {
-  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,
-          rootContainerInstance
-        );
-      }
-    } else {
-      updateEventListener(
-        listeners,
-        fiber,
-        visistedResponders,
-        respondersMap,
-        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 createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   var eventResponderListener = {
     responder: responder,
     props: props
@@ -10721,33 +9863,19 @@ function createResponderListener(responder, props) {
   return eventResponderListener;
 }
 
-var NoEffect$1 =
-  /*             */
-  0;
-var UnmountSnapshot =
-  /*      */
+var HasEffect =
+  /* */
+  1; // Represents the phase in which the effect (not the clean-up) fires.
+
+var Layout =
+  /*    */
   2;
-var UnmountMutation =
-  /*      */
+var Passive$1 =
+  /*   */
   4;
-var MountMutation =
-  /*        */
-  8;
-var UnmountLayout =
-  /*        */
-  16;
-var MountLayout =
-  /*          */
-  32;
-var MountPassive =
-  /*         */
-  64;
-var UnmountPassive =
-  /*       */
-  128;
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
 
 {
@@ -10755,7 +9883,7 @@ var didWarnAboutMismatchedHooksForComponent;
 }
 
 // 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
+var renderExpirationTime = 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
@@ -10764,26 +9892,12 @@ var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on th
 // 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 workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
+// does not get reset if we do another render pass; only when we're completely
+// finished evaluating this component. This is an optimization so we know
+// whether we need to clear render phase updates after a throw.
+
+var didScheduleRenderPhaseUpdate = false;
 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.
@@ -10828,8 +9942,7 @@ 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,
+      error(
         "%s received a final argument that is not an array (instead, received `%s`). When " +
           "specified, the final argument must be an array.",
         currentHookNameInDev,
@@ -10865,8 +9978,7 @@ function warnOnHookMismatchInDev(currentHookName) {
           table += row;
         }
 
-        warning$1(
-          false,
+        error(
           "React has detected a change in the order of Hooks called by %s. " +
             "This will lead to bugs and errors if not fixed. " +
             "For more information, read the Rules of Hooks: https://fb.me/rules-of-hooks\n\n" +
@@ -10900,8 +10012,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
 
   if (prevDeps === null) {
     {
-      warning$1(
-        false,
+      error(
         "%s received a final argument during this render, but not during " +
           "the previous render. Even though the final argument is optional, " +
           "its type cannot change between renders.",
@@ -10916,8 +10027,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
     // Don't bother comparing lengths in prod because these arrays should be
     // passed inline.
     if (nextDeps.length !== prevDeps.length) {
-      warning$1(
-        false,
+      error(
         "The final argument passed to %s changed size between renders. The " +
           "order and size of this array must remain constant.\n\n" +
           "Previous: %s\n" +
@@ -10930,7 +10040,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
   }
 
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (is$1(nextDeps[i], prevDeps[i])) {
+    if (objectIs(nextDeps[i], prevDeps[i])) {
       continue;
     }
 
@@ -10945,12 +10055,11 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = nextRenderExpirationTime;
   currentlyRenderingFiber$1 = workInProgress;
-  nextCurrentHook = current !== null ? current.memoizedState : null;
 
   {
     hookTypesDev = current !== null ? current._debugHookTypes : null;
@@ -10958,42 +10067,52 @@ function renderWithHooks(
 
     ignorePreviousDependencies =
       current !== null && current.type !== workInProgress.type;
-  } // The following should have already been reset
+  }
+
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = NoWork; // 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.
+  // Currently we will identify the update render as a mount because memoizedState === null.
   // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-  // Using nextCurrentHook to differentiate between mount/update only works if at least one stateful hook is used.
+  // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
   // Non-stateful hooks (e.g. context) don't get added to memoizedState,
-  // so nextCurrentHook would be null during updates and mounts.
+  // so memoizedState would be null during updates and mounts.
 
   {
-    if (nextCurrentHook !== null) {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+    if (current !== null && current.memoizedState !== null) {
+      ReactCurrentDispatcher.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;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountWithHookTypesInDEV;
     } else {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountInDEV;
     }
   }
 
-  var children = Component(props, refOrContext);
+  var children = Component(props, secondArg); // Check if there was a render phase update
+
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    // Keep rendering in a loop for as long as render phase updates continue to
+    // be scheduled. Use a counter to prevent infinite loops.
+    var numberOfReRenders = 0;
 
-  if (didScheduleRenderPhaseUpdate) {
     do {
-      didScheduleRenderPhaseUpdate = false;
+      workInProgress.expirationTime = NoWork;
+
+      if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      }
+
       numberOfReRenders += 1;
 
       {
@@ -11002,46 +10121,33 @@ function renderWithHooks(
         ignorePreviousDependencies = false;
       } // Start over from the beginning of the list
 
-      nextCurrentHook = current !== null ? current.memoizedState : null;
-      nextWorkInProgressHook = firstWorkInProgressHook;
       currentHook = null;
       workInProgressHook = null;
-      componentUpdateQueue = null;
+      workInProgress.updateQueue = null;
 
       {
         // Also validate hook order for cascading updates.
         hookTypesUpdateIndexDev = -1;
       }
 
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-      children = Component(props, refOrContext);
-    } while (didScheduleRenderPhaseUpdate);
-
-    renderPhaseUpdates = null;
-    numberOfReRenders = 0;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerenderInDEV;
+      children = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   } // 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;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
   {
-    renderedWork._debugHookTypes = hookTypesDev;
+    workInProgress._debugHookTypes = hookTypesDev;
   } // This check uses currentHook so that it works the same in DEV and prod bundles.
   // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
   var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-  renderExpirationTime$1 = NoWork;
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     currentHookNameInDev = null;
@@ -11049,12 +10155,7 @@ function renderWithHooks(
     hookTypesUpdateIndexDev = -1;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0; // These were reset above
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
+  didScheduleRenderPhaseUpdate = false;
 
   if (!!didRenderTooFewHooks) {
     throw Error(
@@ -11072,20 +10173,37 @@ function bailoutHooks(current, workInProgress, expirationTime) {
     current.expirationTime = NoWork;
   }
 }
-function resetHooks() {
+function resetHooksAfterThrow() {
   // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-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.
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+
+  if (didScheduleRenderPhaseUpdate) {
+    // There were render phase updates. These are only valid for this render
+    // phase, which we are now aborting. Remove the updates from the queues so
+    // they do not persist to the next render. Do not remove updates from hooks
+    // that weren't processed.
+    //
+    // Only reset the updates from the queue if it has a clone. If it does
+    // not have a clone, that means it wasn't processed, and the updates were
+    // scheduled before we entered the render phase.
+    var hook = currentlyRenderingFiber$1.memoizedState;
+
+    while (hook !== null) {
+      var queue = hook.queue;
+
+      if (queue !== null) {
+        queue.pending = null;
+      }
+
+      hook = hook.next;
+    }
+  }
 
-  renderExpirationTime$1 = NoWork;
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     hookTypesDev = null;
@@ -11093,26 +10211,21 @@ function resetHooks() {
     currentHookNameInDev = null;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0;
   didScheduleRenderPhaseUpdate = false;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
 }
 
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
 
   if (workInProgressHook === null) {
     // This is the first hook in the list
-    firstWorkInProgressHook = workInProgressHook = hook;
+    currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
   } else {
     // Append to the end of the list
     workInProgressHook = workInProgressHook.next = hook;
@@ -11127,12 +10240,33 @@ function updateWorkInProgressHook() {
   // clone, or a work-in-progress hook from a previous render pass that we can
   // use as a base. When we reach the end of the base list, we must switch to
   // the dispatcher used for mounts.
+  var nextCurrentHook;
+
+  if (currentHook === null) {
+    var current = currentlyRenderingFiber$1.alternate;
+
+    if (current !== null) {
+      nextCurrentHook = current.memoizedState;
+    } else {
+      nextCurrentHook = null;
+    }
+  } else {
+    nextCurrentHook = currentHook.next;
+  }
+
+  var nextWorkInProgressHook;
+
+  if (workInProgressHook === null) {
+    nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
+  } else {
+    nextWorkInProgressHook = workInProgressHook.next;
+  }
+
   if (nextWorkInProgressHook !== null) {
     // There's already a work-in-progress. Reuse it.
     workInProgressHook = nextWorkInProgressHook;
     nextWorkInProgressHook = workInProgressHook.next;
     currentHook = nextCurrentHook;
-    nextCurrentHook = currentHook !== null ? currentHook.next : null;
   } else {
     // Clone from the current hook.
     if (!(nextCurrentHook !== null)) {
@@ -11143,20 +10277,18 @@ function updateWorkInProgressHook() {
     var newHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
 
     if (workInProgressHook === null) {
       // This is the first hook in the list.
-      workInProgressHook = firstWorkInProgressHook = newHook;
+      currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook;
     } else {
       // Append to the end of the list.
       workInProgressHook = workInProgressHook.next = newHook;
     }
-
-    nextCurrentHook = currentHook.next;
   }
 
   return workInProgressHook;
@@ -11169,6 +10301,7 @@ function createFunctionComponentUpdateQueue() {
 }
 
 function basicStateReducer(state, action) {
+  // $FlowFixMe: Flow doesn't like mixed types
   return typeof action === "function" ? action(state) : action;
 }
 
@@ -11184,13 +10317,13 @@ function mountReducer(reducer, initialArg, init) {
 
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11208,160 +10341,191 @@ function updateReducer(reducer, initialArg, init) {
   }
 
   queue.lastRenderedReducer = reducer;
+  var current = currentHook; // The last rebase update that is NOT part of the base state.
 
-  if (numberOfReRenders > 0) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // work-in-progress hook.
-    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$1(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 baseQueue = current.baseQueue; // The last pending update that hasn't been processed yet.
 
-  var baseUpdate = hook.baseUpdate;
-  var baseState = hook.baseState; // Find the first unprocessed update.
+  var pendingQueue = queue.pending;
 
-  var first;
-
-  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;
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
     }
 
-    first = baseUpdate.next;
-  } else {
-    first = last !== null ? last.next : null;
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
 
-  if (first !== null) {
-    var _newState = baseState;
+  if (baseQueue !== null) {
+    // We have a queue to process.
+    var first = baseQueue.next;
+    var newState = current.baseState;
     var newBaseState = null;
-    var newBaseUpdate = null;
-    var prevUpdate = baseUpdate;
-    var _update = first;
-    var didSkip = false;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
+    var update = first;
 
     do {
-      var updateExpirationTime = _update.expirationTime;
+      var updateExpirationTime = update.expirationTime;
 
-      if (updateExpirationTime < renderExpirationTime$1) {
+      if (updateExpirationTime < renderExpirationTime) {
         // 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;
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+
+        if (newBaseQueueLast === null) {
+          newBaseQueueFirst = newBaseQueueLast = clone;
+          newBaseState = newState;
+        } else {
+          newBaseQueueLast = newBaseQueueLast.next = clone;
         } // Update the remaining priority in the queue.
 
-        if (updateExpirationTime > remainingExpirationTime) {
-          remainingExpirationTime = updateExpirationTime;
-          markUnprocessedUpdateTime(remainingExpirationTime);
+        if (updateExpirationTime > currentlyRenderingFiber$1.expirationTime) {
+          currentlyRenderingFiber$1.expirationTime = updateExpirationTime;
+          markUnprocessedUpdateTime(updateExpirationTime);
         }
       } else {
         // This update does have sufficient priority.
-        // Mark the event time of this update as relevant to this render pass.
+        if (newBaseQueueLast !== null) {
+          var _clone = {
+            expirationTime: Sync,
+            // This update is going to be committed so we never want uncommit it.
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          };
+          newBaseQueueLast = newBaseQueueLast.next = _clone;
+        } // 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
+          update.suspenseConfig
         ); // Process this update.
 
-        if (_update.eagerReducer === reducer) {
+        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;
+          newState = update.eagerState;
         } else {
-          var _action = _update.action;
-          _newState = reducer(_newState, _action);
+          var action = update.action;
+          newState = reducer(newState, action);
         }
       }
 
-      prevUpdate = _update;
-      _update = _update.next;
-    } while (_update !== null && _update !== first);
+      update = update.next;
+    } while (update !== null && update !== first);
 
-    if (!didSkip) {
-      newBaseUpdate = prevUpdate;
-      newBaseState = _newState;
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
     } // Mark that the fiber performed work, but only if the new state is
     // different from the current state.
 
-    if (!is$1(_newState, hook.memoizedState)) {
+    if (!objectIs(newState, hook.memoizedState)) {
       markWorkInProgressReceivedUpdate();
     }
 
-    hook.memoizedState = _newState;
-    hook.baseUpdate = newBaseUpdate;
+    hook.memoizedState = newState;
     hook.baseState = newBaseState;
-    queue.lastRenderedState = _newState;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = newState;
   }
 
   var dispatch = queue.dispatch;
   return [hook.memoizedState, dispatch];
 }
 
+function rerenderReducer(reducer, initialArg, init) {
+  var hook = updateWorkInProgressHook();
+  var queue = hook.queue;
+
+  if (!(queue !== null)) {
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  }
+
+  queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
+  // work-in-progress hook.
+
+  var dispatch = queue.dispatch;
+  var lastRenderPhaseUpdate = queue.pending;
+  var newState = hook.memoizedState;
+
+  if (lastRenderPhaseUpdate !== null) {
+    // The queue doesn't persist past this render pass.
+    queue.pending = null;
+    var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+    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 !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
+    // different from the current state.
+
+    if (!objectIs(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.baseQueue === null) {
+      hook.baseState = newState;
+    }
+
+    queue.lastRenderedState = newState;
+  }
+
+  return [newState, dispatch];
+}
+
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === "function") {
+    // $FlowFixMe: Flow doesn't like mixed types
     initialState = initialState();
   }
 
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11369,7 +10533,11 @@ function mountState(initialState) {
 }
 
 function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
+  return updateReducer(basicStateReducer);
+}
+
+function rerenderState(initialState) {
+  return rerenderReducer(basicStateReducer);
 }
 
 function pushEffect(tag, create, destroy, deps) {
@@ -11381,9 +10549,11 @@ function pushEffect(tag, create, destroy, deps) {
     // Circular
     next: null
   };
+  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
 
   if (componentUpdateQueue === null) {
     componentUpdateQueue = createFunctionComponentUpdateQueue();
+    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
     componentUpdateQueue.lastEffect = effect.next = effect;
   } else {
     var lastEffect = componentUpdateQueue.lastEffect;
@@ -11423,8 +10593,13 @@ function updateRef(initialValue) {
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, undefined, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | hookEffectTag,
+    create,
+    undefined,
+    nextDeps
+  );
 }
 
 function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
@@ -11440,14 +10615,19 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
       var prevDeps = prevEffect.deps;
 
       if (areHookInputsEqual(nextDeps, prevDeps)) {
-        pushEffect(NoEffect$1, create, destroy, nextDeps);
+        pushEffect(hookEffectTag, create, destroy, nextDeps);
         return;
       }
     }
   }
 
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | hookEffectTag,
+    create,
+    destroy,
+    nextDeps
+  );
 }
 
 function mountEffect(create, deps) {
@@ -11458,12 +10638,7 @@ function mountEffect(create, deps) {
     }
   }
 
-  return mountEffectImpl(
-    Update | Passive,
-    UnmountPassive | MountPassive,
-    create,
-    deps
-  );
+  return mountEffectImpl(Update | Passive, Passive$1, create, deps);
 }
 
 function updateEffect(create, deps) {
@@ -11474,20 +10649,15 @@ function updateEffect(create, deps) {
     }
   }
 
-  return updateEffectImpl(
-    Update | Passive,
-    UnmountPassive | MountPassive,
-    create,
-    deps
-  );
+  return updateEffectImpl(Update | Passive, Passive$1, create, deps);
 }
 
 function mountLayoutEffect(create, deps) {
-  return mountEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return mountEffectImpl(Update, Layout, create, deps);
 }
 
 function updateLayoutEffect(create, deps) {
-  return updateEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return updateEffectImpl(Update, Layout, create, deps);
 }
 
 function imperativeHandleEffect(create, ref) {
@@ -11504,14 +10674,13 @@ function imperativeHandleEffect(create, ref) {
     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;
+      if (!refObject.hasOwnProperty("current")) {
+        error(
+          "Expected useImperativeHandle() first argument to either be a " +
+            "ref callback or React.createRef() object. Instead received: %s.",
+          "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+        );
+      }
     }
 
     var _inst2 = create();
@@ -11525,21 +10694,20 @@ function imperativeHandleEffect(create, ref) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return mountEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11547,21 +10715,20 @@ function mountImperativeHandle(ref, create, deps) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return updateEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11637,17 +10804,14 @@ function mountDeferredValue(value, config) {
 
   mountEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
@@ -11655,99 +10819,149 @@ function mountDeferredValue(value, config) {
 }
 
 function updateDeferredValue(value, config) {
-  var _updateState = updateState(value),
+  var _updateState = updateState(),
     prevValue = _updateState[0],
     setValue = _updateState[1];
 
   updateEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    },
+    [value, config]
+  );
+  return prevValue;
+}
+
+function rerenderDeferredValue(value, config) {
+  var _rerenderState = rerenderState(),
+    prevValue = _rerenderState[0],
+    setValue = _rerenderState[1];
+
+  updateEffect(
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
   return prevValue;
 }
 
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(
+    priorityLevel < UserBlockingPriority ? UserBlockingPriority : priorityLevel,
+    function() {
+      setPending(true);
+    }
+  );
+  runWithPriority(
+    priorityLevel > NormalPriority ? NormalPriority : priorityLevel,
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setPending(false);
+        callback();
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    }
+  );
+}
+
 function mountTransition(config) {
   var _mountState2 = mountState(false),
     isPending = _mountState2[0],
     setPending = _mountState2[1];
 
-  var startTransition = mountCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
-
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+  var start = mountCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function updateTransition(config) {
-  var _updateState2 = updateState(false),
+  var _updateState2 = updateState(),
     isPending = _updateState2[0],
     setPending = _updateState2[1];
 
-  var startTransition = updateCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
+}
 
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+function rerenderTransition(config) {
+  var _rerenderState2 = rerenderState(),
+    isPending = _rerenderState2[0],
+    setPending = _rerenderState2[1];
+
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function dispatchAction(fiber, queue, action) {
-  if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
+  {
+    if (typeof arguments[3] === "function") {
+      error(
+        "State updates from the useState() and useReducer() Hooks don't support the " +
+          "second callback argument. To execute a side effect after " +
+          "rendering, declare it in the component body with useEffect()."
+      );
+    }
   }
 
+  var currentTime = requestCurrentTimeForUpdate();
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    fiber,
+    suspenseConfig
+  );
+  var update = {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+
   {
-    !(typeof arguments[3] !== "function")
-      ? 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;
+    update.priority = getCurrentPriorityLevel();
+  } // Append the update to the end of the list.
+
+  var pending = queue.pending;
+
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
+  } else {
+    update.next = pending.next;
+    pending.next = update;
   }
 
+  queue.pending = update;
   var alternate = fiber.alternate;
 
   if (
@@ -11758,76 +10972,9 @@ function dispatchAction(fiber, queue, action) {
     // 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;
-    }
+    update.expirationTime = renderExpirationTime;
+    currentlyRenderingFiber$1.expirationTime = renderExpirationTime;
   } else {
-    var currentTime = requestCurrentTimeForUpdate();
-    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)
@@ -11841,8 +10988,8 @@ function dispatchAction(fiber, queue, action) {
         var prevDispatcher;
 
         {
-          prevDispatcher = ReactCurrentDispatcher$1.current;
-          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          prevDispatcher = ReactCurrentDispatcher.current;
+          ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
         }
 
         try {
@@ -11852,10 +10999,10 @@ function dispatchAction(fiber, queue, action) {
           // time we enter the render phase, then the eager state can be used
           // without calling the reducer again.
 
-          _update2.eagerReducer = lastRenderedReducer;
-          _update2.eagerState = eagerState;
+          update.eagerReducer = lastRenderedReducer;
+          update.eagerState = eagerState;
 
-          if (is$1(eagerState, currentState)) {
+          if (objectIs(eagerState, currentState)) {
             // Fast path. We can bail out without scheduling React to re-render.
             // It's still possible that we'll need to rebase this update later,
             // if the component re-renders for a different reason and by that
@@ -11866,7 +11013,7 @@ function dispatchAction(fiber, queue, action) {
           // Suppress the error. It will throw again in the render phase.
         } finally {
           {
-            ReactCurrentDispatcher$1.current = prevDispatcher;
+            ReactCurrentDispatcher.current = prevDispatcher;
           }
         }
       }
@@ -11884,6 +11031,14 @@ function dispatchAction(fiber, queue, action) {
   }
 }
 
+function mountEventListener(event) {
+  return undefined;
+}
+
+function updateEventListener(event) {
+  return undefined;
+}
+
 var ContextOnlyDispatcher = {
   readContext: readContext,
   useCallback: throwInvalidHookError,
@@ -11898,18 +11053,20 @@ var ContextOnlyDispatcher = {
   useDebugValue: throwInvalidHookError,
   useResponder: throwInvalidHookError,
   useDeferredValue: throwInvalidHookError,
-  useTransition: throwInvalidHookError
+  useTransition: throwInvalidHookError,
+  useEvent: throwInvalidHookError
 };
 var HooksDispatcherOnMountInDEV = null;
 var HooksDispatcherOnMountWithHookTypesInDEV = null;
 var HooksDispatcherOnUpdateInDEV = null;
+var HooksDispatcherOnRerenderInDEV = null;
 var InvalidNestedHooksDispatcherOnMountInDEV = null;
 var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
 
 {
   var warnInvalidContextAccess = function() {
-    warning$1(
-      false,
+    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 " +
@@ -11918,8 +11075,7 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
   };
 
   var warnInvalidHookAccess = function() {
-    warning$1(
-      false,
+    error(
       "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
         "You can only call Hooks at the top level of your React function. " +
         "For more information, see " +
@@ -11964,25 +11120,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       mountHookTypesDev();
       checkDepsAreArrayDev(deps);
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -11993,24 +11149,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       mountHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12021,6 +11177,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       mountHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnMountWithHookTypesInDEV = {
@@ -12055,25 +11216,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -12084,24 +11245,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12112,6 +11273,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnUpdateInDEV = {
@@ -12146,53 +11312,53 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12203,6 +11369,107 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
+    }
+  };
+  HooksDispatcherOnRerenderInDEV = {
+    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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return rerenderReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return rerenderState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
   InvalidNestedHooksDispatcherOnMountInDEV = {
@@ -12244,26 +11511,26 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -12276,41 +11543,158 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountEventListener();
+    }
+  };
+  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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
+      try {
+        return updateReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
+      try {
+        return updateState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      updateHookTypesDev();
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
-      mountHookTypesDev();
-      return createResponderListener(responder, props);
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
       warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDeferredValue(value, config);
+      updateHookTypesDev();
+      return updateDeferredValue(value, config);
     },
     useTransition: function(config) {
       currentHookNameInDev = "useTransition";
       warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountTransition(config);
+      updateHookTypesDev();
+      return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
-  InvalidNestedHooksDispatcherOnUpdateInDEV = {
+  InvalidNestedHooksDispatcherOnRerenderInDEV = {
     readContext: function(context, observedBits) {
       warnInvalidContextAccess();
       return readContext(context, observedBits);
@@ -12349,76 +11733,80 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
-        return updateReducer(reducer, initialArg, init);
+        return rerenderReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
-        return updateState(initialState);
+        return rerenderState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateDeferredValue(value, config);
+      return rerenderDeferredValue(value, config);
     },
     useTransition: function(config) {
       currentHookNameInDev = "useTransition";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateTransition(config);
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
 }
 
-// CommonJS interop named imports.
-
 var now$1 = Scheduler.unstable_now;
 var commitTime = 0;
 var profilerStartTime = -1;
@@ -12428,18 +11816,10 @@ function getCommitTime() {
 }
 
 function recordCommitTime() {
-  if (!enableProfilerTimer) {
-    return;
-  }
-
   commitTime = now$1();
 }
 
 function startProfilerTimer(fiber) {
-  if (!enableProfilerTimer) {
-    return;
-  }
-
   profilerStartTime = now$1();
 
   if (fiber.actualStartTime < 0) {
@@ -12448,18 +11828,10 @@ function startProfilerTimer(fiber) {
 }
 
 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;
@@ -12472,258 +11844,10 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
   }
 }
 
-// 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,
-  suspenseInstance
-) {
-  if (!supportsHydration) {
-    return false;
-  }
-
-  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 = (fiber.effectTag & ~Hydrating) | 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) {
-          var suspenseState = {
-            dehydrated: suspenseInstance,
-            retryTime: Never
-          };
-          fiber.memoizedState = suspenseState; // Store the dehydrated fragment as a child fiber.
-          // This simplifies the code for getHostSibling and deleting nodes,
-          // since it doesn't have to consider all Suspense boundaries and
-          // check if they're dehydrated ones or not.
-
-          var dehydratedFragment = createFiberFromDehydratedFragment(
-            suspenseInstance
-          );
-          dehydratedFragment.return = fiber;
-          fiber.child = dehydratedFragment;
-          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);
+    return false;
   }
-
-  hydrationParentFiber = fiber;
-  nextHydratableInstance = getFirstHydratableChild(nextInstance);
 }
 
 function prepareToHydrateHostInstance(
@@ -12731,209 +11855,33 @@ function prepareToHydrateHostInstance(
   rootContainerInstance,
   hostContext
 ) {
-  if (!supportsHydration) {
+  {
     {
       throw 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) {
-    {
-      throw 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 prepareToHydrateHostSuspenseInstance(fiber) {
-  if (!supportsHydration) {
-    {
-      throw Error(
-        "Expected prepareToHydrateHostSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  hydrateSuspenseInstance(suspenseInstance, fiber);
-}
-
-function skipPastDehydratedSuspenseInstance(fiber) {
-  if (!supportsHydration) {
     {
       throw Error(
-        "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+        "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
       );
     }
   }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  return getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
-}
-
-function popToNextHostParent(fiber) {
-  var parent = fiber.return;
-
-  while (
-    parent !== null &&
-    parent.tag !== HostComponent &&
-    parent.tag !== HostRoot &&
-    parent.tag !== SuspenseComponent
-  ) {
-    parent = parent.return;
-  }
-
-  hydrationParentFiber = parent;
+  var shouldUpdate = hydrateTextInstance();
 }
 
 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);
-
-  if (fiber.tag === SuspenseComponent) {
-    nextHydratableInstance = skipPastDehydratedSuspenseInstance(fiber);
-  } else {
-    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 ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
 var didReceiveUpdate = false;
 var didWarnAboutBadClass;
 var didWarnAboutModulePatternComponent;
@@ -12941,10 +11889,8 @@ var didWarnAboutContextTypeOnFunctionComponent;
 var didWarnAboutGetDerivedStateOnFunctionComponent;
 var didWarnAboutFunctionRefs;
 var didWarnAboutReassigningProps;
-var didWarnAboutMaxDuration;
 var didWarnAboutRevealOrder;
 var didWarnAboutTailOptions;
-var didWarnAboutDefaultPropsOnFunctionComponent;
 
 {
   didWarnAboutBadClass = {};
@@ -12953,19 +11899,17 @@ var didWarnAboutDefaultPropsOnFunctionComponent;
   didWarnAboutGetDerivedStateOnFunctionComponent = {};
   didWarnAboutFunctionRefs = {};
   didWarnAboutReassigningProps = false;
-  didWarnAboutMaxDuration = false;
   didWarnAboutRevealOrder = {};
   didWarnAboutTailOptions = {};
-  didWarnAboutDefaultPropsOnFunctionComponent = {};
 }
 
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
-  if (current$$1 === null) {
+  if (current === null) {
     // If this is a fresh new component that hasn't been rendered yet, we
     // won't update its child set by applying minimal side-effects. Instead,
     // we will add them all to the child before it gets rendered. That means
@@ -12984,7 +11928,7 @@ function reconcileChildren(
     // let's throw it out.
     workInProgress.child = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextChildren,
       renderExpirationTime
     );
@@ -12992,7 +11936,7 @@ function reconcileChildren(
 }
 
 function forceUnmountCurrentAndReconcile(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
@@ -13007,13 +11951,13 @@ function forceUnmountCurrentAndReconcile(
   // passing null.
   workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1.child,
+    current.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.
+  // the effect of remounting all children regardless of whether their
+  // identities match.
 
   workInProgress.child = reconcileChildFibers(
     workInProgress,
@@ -13024,7 +11968,7 @@ function forceUnmountCurrentAndReconcile(
 }
 
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13044,8 +11988,7 @@ function updateForwardRef(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(Component),
-          getCurrentFiberStackInDev
+          getComponentName(Component)
         );
       }
     }
@@ -13058,10 +12001,10 @@ function updateForwardRef(
   prepareToReadContext(workInProgress, renderExpirationTime);
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
     nextChildren = renderWithHooks(
-      current$$1,
+      current,
       workInProgress,
       render,
       nextProps,
@@ -13069,14 +12012,11 @@ function updateForwardRef(
       renderExpirationTime
     );
 
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
+    if (workInProgress.mode & StrictMode) {
       // Only double-render components with Hooks
       if (workInProgress.memoizedState !== null) {
         nextChildren = renderWithHooks(
-          current$$1,
+          current,
           workInProgress,
           render,
           nextProps,
@@ -13086,13 +12026,13 @@ function updateForwardRef(
       }
     }
 
-    setCurrentPhase(null);
+    setIsRendering(false);
   }
 
-  if (current$$1 !== null && !didReceiveUpdate) {
-    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13100,7 +12040,7 @@ function updateForwardRef(
 
   workInProgress.effectTag |= PerformedWork;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13109,14 +12049,14 @@ function updateForwardRef(
 }
 
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (current$$1 === null) {
+  if (current === null) {
     var type = Component.type;
 
     if (
@@ -13140,7 +12080,7 @@ function updateMemoComponent(
       }
 
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         resolvedType,
         nextProps,
@@ -13159,8 +12099,7 @@ function updateMemoComponent(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(type),
-          getCurrentFiberStackInDev
+          getComponentName(type)
         );
       }
     }
@@ -13190,13 +12129,12 @@ function updateMemoComponent(
         _innerPropTypes,
         nextProps, // Resolved props
         "prop",
-        getComponentName(_type),
-        getCurrentFiberStackInDev
+        getComponentName(_type)
       );
     }
   }
 
-  var currentChild = current$$1.child; // This is always exactly one child
+  var currentChild = current.child; // This is always exactly one child
 
   if (updateExpirationTime < renderExpirationTime) {
     // This will be the props with resolved defaultProps,
@@ -13206,12 +12144,9 @@ function updateMemoComponent(
     var compare = Component.compare;
     compare = compare !== null ? compare : shallowEqual;
 
-    if (
-      compare(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
-    ) {
+    if (compare(prevProps, nextProps) && current.ref === workInProgress.ref) {
       return bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -13219,11 +12154,7 @@ function updateMemoComponent(
   } // React DevTools reads this flag.
 
   workInProgress.effectTag |= PerformedWork;
-  var newChild = createWorkInProgress(
-    currentChild,
-    nextProps,
-    renderExpirationTime
-  );
+  var newChild = createWorkInProgress(currentChild, nextProps);
   newChild.ref = workInProgress.ref;
   newChild.return = workInProgress;
   workInProgress.child = newChild;
@@ -13231,7 +12162,7 @@ function updateMemoComponent(
 }
 
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13261,26 +12192,39 @@ function updateSimpleMemoComponent(
           outerPropTypes,
           nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
           "prop",
-          getComponentName(outerMemoType),
-          getCurrentFiberStackInDev
+          getComponentName(outerMemoType)
         );
       } // Inner propTypes will be validated in the function component path.
     }
   }
 
-  if (current$$1 !== null) {
-    var prevProps = current$$1.memoizedProps;
+  if (current !== null) {
+    var prevProps = current.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
+      current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
+      workInProgress.type === current.type
     ) {
       didReceiveUpdate = false;
 
       if (updateExpirationTime < renderExpirationTime) {
+        // The pending update priority was cleared at the beginning of
+        // beginWork. We're about to bail out, but there might be additional
+        // updates at a lower priority. Usually, the priority level of the
+        // remaining updates is accumlated during the evaluation of the
+        // component (i.e. when processing the update queue). But since since
+        // we're bailing out early *without* evaluating the component, we need
+        // to account for it here, too. Reset to the value of the current fiber.
+        // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
+        // because a MemoComponent fiber does not have hooks or an update queue;
+        // rather, it wraps around an inner component, which may or may not
+        // contains hooks.
+        // TODO: Move the reset at in beginWork out of the common path so that
+        // this is no longer necessary.
+        workInProgress.expirationTime = current.expirationTime;
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -13289,7 +12233,7 @@ function updateSimpleMemoComponent(
   }
 
   return updateFunctionComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -13297,10 +12241,10 @@ function updateSimpleMemoComponent(
   );
 }
 
-function updateFragment(current$$1, workInProgress, renderExpirationTime) {
+function updateFragment(current, workInProgress, renderExpirationTime) {
   var nextChildren = workInProgress.pendingProps;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13308,10 +12252,10 @@ function updateFragment(current$$1, workInProgress, renderExpirationTime) {
   return workInProgress.child;
 }
 
-function updateMode(current$$1, workInProgress, renderExpirationTime) {
+function updateMode(current, workInProgress, renderExpirationTime) {
   var nextChildren = workInProgress.pendingProps.children;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13319,15 +12263,20 @@ function updateMode(current$$1, workInProgress, renderExpirationTime) {
   return workInProgress.child;
 }
 
-function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
-  if (enableProfilerTimer) {
-    workInProgress.effectTag |= Update;
+function updateProfiler(current, workInProgress, renderExpirationTime) {
+  {
+    workInProgress.effectTag |= Update; // Reset effect durations for the next eventual effect phase.
+    // These are reset during render to allow the DevTools commit hook a chance to read them,
+
+    var stateNode = workInProgress.stateNode;
+    stateNode.effectDuration = 0;
+    stateNode.passiveEffectDuration = 0;
   }
 
   var nextProps = workInProgress.pendingProps;
   var nextChildren = nextProps.children;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13335,12 +12284,12 @@ function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
   return workInProgress.child;
 }
 
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
 
   if (
-    (current$$1 === null && ref !== null) ||
-    (current$$1 !== null && current$$1.ref !== ref)
+    (current === null && ref !== null) ||
+    (current !== null && current.ref !== ref)
   ) {
     // Schedule a Ref effect
     workInProgress.effectTag |= Ref;
@@ -13348,7 +12297,7 @@ function markRef(current$$1, workInProgress) {
 }
 
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13365,8 +12314,7 @@ function updateFunctionComponent(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(Component),
-          getCurrentFiberStackInDev
+          getComponentName(Component)
         );
       }
     }
@@ -13374,7 +12322,7 @@ function updateFunctionComponent(
 
   var context;
 
-  if (!disableLegacyContext) {
+  {
     var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
     context = getMaskedContext(workInProgress, unmaskedContext);
   }
@@ -13383,10 +12331,10 @@ function updateFunctionComponent(
   prepareToReadContext(workInProgress, renderExpirationTime);
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
     nextChildren = renderWithHooks(
-      current$$1,
+      current,
       workInProgress,
       Component,
       nextProps,
@@ -13394,14 +12342,11 @@ function updateFunctionComponent(
       renderExpirationTime
     );
 
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
+    if (workInProgress.mode & StrictMode) {
       // Only double-render components with Hooks
       if (workInProgress.memoizedState !== null) {
         nextChildren = renderWithHooks(
-          current$$1,
+          current,
           workInProgress,
           Component,
           nextProps,
@@ -13411,13 +12356,13 @@ function updateFunctionComponent(
       }
     }
 
-    setCurrentPhase(null);
+    setIsRendering(false);
   }
 
-  if (current$$1 !== null && !didReceiveUpdate) {
-    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13425,7 +12370,7 @@ function updateFunctionComponent(
 
   workInProgress.effectTag |= PerformedWork;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13434,7 +12379,7 @@ function updateFunctionComponent(
 }
 
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13451,8 +12396,7 @@ function updateClassComponent(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(Component),
-          getCurrentFiberStackInDev
+          getComponentName(Component)
         );
       }
     }
@@ -13474,23 +12418,18 @@ function updateClassComponent(
   var shouldUpdate;
 
   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
+    if (current !== null) {
+      // A class component without an instance 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$$1.alternate = null;
+      current.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
-    );
+    constructClassInstance(workInProgress, Component, nextProps);
     mountClassInstance(
       workInProgress,
       Component,
@@ -13498,7 +12437,7 @@ function updateClassComponent(
       renderExpirationTime
     );
     shouldUpdate = true;
-  } else if (current$$1 === null) {
+  } else if (current === null) {
     // In a resume, we'll already have an instance we can reuse.
     shouldUpdate = resumeMountClassInstance(
       workInProgress,
@@ -13508,7 +12447,7 @@ function updateClassComponent(
     );
   } else {
     shouldUpdate = updateClassInstance(
-      current$$1,
+      current,
       workInProgress,
       Component,
       nextProps,
@@ -13517,7 +12456,7 @@ function updateClassComponent(
   }
 
   var nextUnitOfWork = finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     shouldUpdate,
@@ -13529,14 +12468,14 @@ function updateClassComponent(
     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;
+      if (!didWarnAboutReassigningProps) {
+        error(
+          "It looks like %s is reassigning its own `this.props` while rendering. " +
+            "This is not supported and can lead to confusing bugs.",
+          getComponentName(workInProgress.type) || "a component"
+        );
+      }
+
       didWarnAboutReassigningProps = true;
     }
   }
@@ -13545,7 +12484,7 @@ function updateClassComponent(
 }
 
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
@@ -13553,7 +12492,7 @@ function finishClassComponent(
   renderExpirationTime
 ) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -13563,7 +12502,7 @@ function finishClassComponent(
     }
 
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13571,55 +12510,52 @@ function finishClassComponent(
 
   var instance = workInProgress.stateNode; // Rerender
 
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren;
 
   if (
     didCaptureError &&
     typeof Component.getDerivedStateFromError !== "function"
   ) {
-    // If we captured an error, but getDerivedStateFrom catch is not defined,
+    // If we captured an error, but getDerivedStateFromError is not defined,
     // unmount all the children. componentDidCatch will schedule an update to
     // re-render a fallback. This is temporary until we migrate everyone to
     // the new API.
     // TODO: Warn in a future release.
     nextChildren = null;
 
-    if (enableProfilerTimer) {
-      stopProfilerTimerIfRunning(workInProgress);
+    {
+      stopProfilerTimerIfRunning();
     }
   } else {
     {
-      setCurrentPhase("render");
+      setIsRendering(true);
       nextChildren = instance.render();
 
-      if (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode
-      ) {
+      if (workInProgress.mode & StrictMode) {
         instance.render();
       }
 
-      setCurrentPhase(null);
+      setIsRendering(false);
     }
   } // React DevTools reads this flag.
 
   workInProgress.effectTag |= PerformedWork;
 
-  if (current$$1 !== null && didCaptureError) {
+  if (current !== null && didCaptureError) {
     // If we're recovering from an error, reconcile without reusing any of
     // the existing children. Conceptually, the normal children and the children
     // that are shown on error are two different sets, so we shouldn't reuse
     // normal children even if their identities match.
     forceUnmountCurrentAndReconcile(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
     );
   } else {
     reconcileChildren(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
@@ -13653,11 +12589,11 @@ function pushHostRootContext(workInProgress) {
   pushHostContainer(workInProgress, root.containerInfo);
 }
 
-function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
+function updateHostRoot(current, workInProgress, renderExpirationTime) {
   pushHostRootContext(workInProgress);
   var updateQueue = workInProgress.updateQueue;
 
-  if (!(updateQueue !== null)) {
+  if (!(current !== null && updateQueue !== null)) {
     throw 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."
     );
@@ -13666,24 +12602,16 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
   var nextProps = workInProgress.pendingProps;
   var prevState = workInProgress.memoizedState;
   var prevChildren = prevState !== null ? prevState.element : null;
-  processUpdateQueue(
-    workInProgress,
-    updateQueue,
-    nextProps,
-    null,
-    renderExpirationTime
-  );
+  cloneUpdateQueue(current, workInProgress);
+  processUpdateQueue(workInProgress, 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,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13691,7 +12619,7 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
 
   var root = workInProgress.stateNode;
 
-  if (root.hydrate && enterHydrationState(workInProgress)) {
+  if (root.hydrate && enterHydrationState()) {
     // 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
@@ -13719,50 +12647,38 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
     // Otherwise reset hydration state in case we aborted and resumed another
     // root.
     reconcileChildren(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
     );
-    resetHydrationState();
   }
 
   return workInProgress.child;
 }
 
-function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
+function updateHostComponent(current, 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 prevProps = current !== null ? current.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 (prevProps !== null && shouldSetTextContent()) {
     // If we're switching from a direct text child to a normal child, or to
     // empty, we need to schedule the text content to be reset.
     workInProgress.effectTag |= ContentReset;
   }
 
-  markRef(current$$1, workInProgress); // Check the host config to see if the children are offscreen/hidden.
+  markRef(current, workInProgress); // Check the host config to see if the children are offscreen/hidden.
 
   if (
     workInProgress.mode & ConcurrentMode &&
     renderExpirationTime !== Never &&
-    shouldDeprioritizeSubtree(type, nextProps)
+    shouldDeprioritizeSubtree()
   ) {
-    if (enableSchedulerTracing) {
+    {
       markSpawnedWork(Never);
     } // Schedule this fiber to re-render at offscreen priority. Then bailout.
 
@@ -13771,7 +12687,7 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
   }
 
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13779,10 +12695,7 @@ function updateHostComponent(current$$1, workInProgress, 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
+function updateHostText(current, workInProgress) {
   // immediately after.
 
   return null;
@@ -13796,7 +12709,7 @@ function mountLazyComponent(
   renderExpirationTime
 ) {
   if (_current !== null) {
-    // An lazy component only mounts if it suspended inside a non-
+    // A lazy component only mounts if it suspended inside a non-
     // concurrent tree, in an inconsistent state. We want to treat it like
     // a new mount, even though an empty version of it already committed.
     // Disconnect the alternate pointers.
@@ -13834,7 +12747,7 @@ function mountLazyComponent(
         resolvedProps,
         renderExpirationTime
       );
-      break;
+      return child;
     }
 
     case ClassComponent: {
@@ -13851,7 +12764,7 @@ function mountLazyComponent(
         resolvedProps,
         renderExpirationTime
       );
-      break;
+      return child;
     }
 
     case ForwardRef: {
@@ -13868,7 +12781,7 @@ function mountLazyComponent(
         resolvedProps,
         renderExpirationTime
       );
-      break;
+      return child;
     }
 
     case MemoComponent: {
@@ -13881,8 +12794,7 @@ function mountLazyComponent(
               outerPropTypes,
               resolvedProps, // Resolved for outer only
               "prop",
-              getComponentName(Component),
-              getCurrentFiberStackInDev
+              getComponentName(Component)
             );
           }
         }
@@ -13896,36 +12808,32 @@ function mountLazyComponent(
         updateExpirationTime,
         renderExpirationTime
       );
-      break;
+      return child;
     }
+  }
 
-    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.
+  var hint = "";
 
-      {
-        throw Error(
-          "Element type is invalid. Received a promise that resolves to: " +
-            Component +
-            ". Lazy element type must resolve to a class or function." +
-            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.
 
-  return child;
+  {
+    throw Error(
+      "Element type is invalid. Received a promise that resolves to: " +
+        Component +
+        ". Lazy element type must resolve to a class or function." +
+        hint
+    );
+  }
 }
 
 function mountIncompleteClassComponent(
@@ -13961,12 +12869,7 @@ function mountIncompleteClassComponent(
   }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-  constructClassInstance(
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
+  constructClassInstance(workInProgress, Component, nextProps);
   mountClassInstance(
     workInProgress,
     Component,
@@ -14003,7 +12906,7 @@ function mountIndeterminateComponent(
   var props = workInProgress.pendingProps;
   var context;
 
-  if (!disableLegacyContext) {
+  {
     var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
     context = getMaskedContext(workInProgress, unmaskedContext);
   }
@@ -14019,13 +12922,13 @@ function mountIndeterminateComponent(
       var componentName = getComponentName(Component) || "Unknown";
 
       if (!didWarnAboutBadClass[componentName]) {
-        warningWithoutStack$1(
-          false,
+        error(
           "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
             "This is likely to cause errors. Change %s to extend React.Component instead.",
           componentName,
           componentName
         );
+
         didWarnAboutBadClass[componentName] = true;
       }
     }
@@ -14034,7 +12937,7 @@ function mountIndeterminateComponent(
       ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
     }
 
-    ReactCurrentOwner$3.current = workInProgress;
+    ReactCurrentOwner$1.current = workInProgress;
     value = renderWithHooks(
       null,
       workInProgress,
@@ -14057,8 +12960,7 @@ function mountIndeterminateComponent(
       var _componentName = getComponentName(Component) || "Unknown";
 
       if (!didWarnAboutModulePatternComponent[_componentName]) {
-        warningWithoutStack$1(
-          false,
+        error(
           "The <%s /> component appears to be a function component that returns a class instance. " +
             "Change %s to a class that extends React.Component instead. " +
             "If you can't use a class try assigning the prototype on the function as a workaround. " +
@@ -14068,13 +12970,15 @@ function mountIndeterminateComponent(
           _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.
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
     // During mounting we don't know the child context yet as the instance doesn't exist.
     // We will invalidate the child context in finishClassComponent() right after rendering.
 
@@ -14089,6 +12993,7 @@ function mountIndeterminateComponent(
 
     workInProgress.memoizedState =
       value.state !== null && value.state !== undefined ? value.state : null;
+    initializeUpdateQueue(workInProgress);
     var getDerivedStateFromProps = Component.getDerivedStateFromProps;
 
     if (typeof getDerivedStateFromProps === "function") {
@@ -14115,19 +13020,7 @@ function mountIndeterminateComponent(
     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 (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode
-      ) {
+      if (workInProgress.mode & StrictMode) {
         // Only double-render components with Hooks
         if (workInProgress.memoizedState !== null) {
           value = renderWithHooks(
@@ -14153,86 +13046,70 @@ function mountIndeterminateComponent(
 }
 
 function validateFunctionComponentInDev(workInProgress, Component) {
-  if (Component) {
-    !!Component.childContextTypes
-      ? warningWithoutStack$1(
-          false,
+  {
+    if (Component) {
+      if (Component.childContextTypes) {
+        error(
           "%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 (workInProgress.ref !== null) {
+      var info = "";
+      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
 
-    if (ownerName) {
-      info += "\n\nCheck the render method of `" + ownerName + "`.";
-    }
+      if (ownerName) {
+        info += "\n\nCheck the render method of `" + ownerName + "`.";
+      }
 
-    var warningKey = ownerName || workInProgress._debugID || "";
-    var debugSource = workInProgress._debugSource;
+      var warningKey = ownerName || workInProgress._debugID || "";
+      var debugSource = workInProgress._debugSource;
 
-    if (debugSource) {
-      warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-    }
+      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 (!didWarnAboutFunctionRefs[warningKey]) {
+        didWarnAboutFunctionRefs[warningKey] = true;
 
-  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;
+        error(
+          "Function components cannot be given refs. " +
+            "Attempts to access this ref will fail. " +
+            "Did you mean to use React.forwardRef()?%s",
+          info
+        );
+      }
     }
-  }
 
-  if (typeof Component.getDerivedStateFromProps === "function") {
-    var _componentName2 = getComponentName(Component) || "Unknown";
+    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 (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+        error(
+          "%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 (
+      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;
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+        error(
+          "%s: Function components do not support contextType.",
+          _componentName3
+        );
+
+        didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
+      }
     }
   }
 }
@@ -14242,17 +13119,17 @@ var SUSPENDED_MARKER = {
   retryTime: NoWork
 };
 
-function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+function shouldRemainOnFallback(suspenseContext, current, 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)
+    (current === null || current.memoizedState !== null)
   );
 }
 
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -14269,17 +13146,14 @@ function updateSuspenseComponent(
   var nextDidTimeout = false;
   var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
-  if (
-    didSuspend ||
-    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
-  ) {
+  if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
     // Something in this boundary's subtree already suspended. Switch to
     // rendering the fallback children.
     nextDidTimeout = true;
     workInProgress.effectTag &= ~DidCapture;
   } else {
     // Attempting the main content
-    if (current$$1 === null || current$$1.memoizedState !== null) {
+    if (current === null || current.memoizedState !== null) {
       // This is a new mount or this boundary is already showing a fallback state.
       // Mark this subtree context as having at least one invisible parent that could
       // handle the fallback state.
@@ -14298,20 +13172,7 @@ function updateSuspenseComponent(
   }
 
   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
+  pushSuspenseContext(workInProgress, suspenseContext); // 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.
@@ -14333,28 +13194,10 @@ function updateSuspenseComponent(
   // custom reconciliation logic to preserve the state of the primary
   // children. It's essentially a very basic form of re-parenting.
 
-  if (current$$1 === null) {
+  if (current === null) {
     // 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 been a dehydrated suspense component.
-
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
-
-        if (suspenseState !== null) {
-          var dehydrated = suspenseState.dehydrated;
-
-          if (dehydrated !== null) {
-            return mountDehydratedSuspenseComponent(
-              workInProgress,
-              dehydrated,
-              renderExpirationTime
-            );
-          }
-        }
-      }
-    } // This is the initial mount. This branch is pretty simple because there's
+    if (nextProps.fallback !== undefined); // This is the initial mount. This branch is pretty simple because there's
     // no previous state that needs to be preserved.
 
     if (nextDidTimeout) {
@@ -14412,107 +13255,12 @@ function updateSuspenseComponent(
   } 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 prevState = current.memoizedState;
 
     if (prevState !== null) {
-      if (enableSuspenseServerRenderer) {
-        var _dehydrated = prevState.dehydrated;
-
-        if (_dehydrated !== null) {
-          if (!didSuspend) {
-            return updateDehydratedSuspenseComponent(
-              current$$1,
-              workInProgress,
-              _dehydrated,
-              prevState,
-              renderExpirationTime
-            );
-          } else if (workInProgress.memoizedState !== null) {
-            // Something suspended and we should still be in dehydrated mode.
-            // Leave the existing child in place.
-            workInProgress.child = current$$1.child; // The dehydrated completion pass expects this flag to be there
-            // but the normal suspense pass doesn't.
-
-            workInProgress.effectTag |= DidCapture;
-            return null;
-          } else {
-            // Suspended but we should no longer be in dehydrated mode.
-            // Therefore we now have to render the fallback. Wrap the children
-            // in a fragment fiber to keep them separate from the fallback
-            // children.
-            var _nextFallbackChildren = nextProps.fallback;
-
-            var _primaryChildFragment = createFiberFromFragment(
-              // It shouldn't matter what the pending props are because we aren't
-              // going to render this fragment.
-              null,
-              mode,
-              NoWork,
-              null
-            );
-
-            _primaryChildFragment.return = workInProgress; // This is always null since we never want the previous child
-            // that we're not going to hydrate.
-
-            _primaryChildFragment.child = null;
-
-            if ((workInProgress.mode & BlockingMode) === NoMode) {
-              // Outside of blocking mode, we commit the effects from the
-              // partially completed, timed-out tree, too.
-              var _progressedChild = (_primaryChildFragment.child =
-                workInProgress.child);
-
-              while (_progressedChild !== null) {
-                _progressedChild.return = _primaryChildFragment;
-                _progressedChild = _progressedChild.sibling;
-              }
-            } else {
-              // We will have dropped the effect list which contains the deletion.
-              // We need to reconcile to delete the current child.
-              reconcileChildFibers(
-                workInProgress,
-                current$$1.child,
-                null,
-                renderExpirationTime
-              );
-            } // 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;
-            } // Create a fragment from the fallback children, too.
-
-            var _fallbackChildFragment = createFiberFromFragment(
-              _nextFallbackChildren,
-              mode,
-              renderExpirationTime,
-              null
-            );
-
-            _fallbackChildFragment.return = workInProgress;
-            _primaryChildFragment.sibling = _fallbackChildFragment;
-            _fallbackChildFragment.effectTag |= Placement;
-            _primaryChildFragment.childExpirationTime = NoWork;
-            workInProgress.memoizedState = SUSPENDED_MARKER;
-            workInProgress.child = _primaryChildFragment; // Skip the primary children, and continue working on the
-            // fallback children.
-
-            return _fallbackChildFragment;
-          }
-        }
-      } // The current tree already timed out. That means each child set is
       // wrapped in a fragment fiber.
 
-      var currentPrimaryChildFragment = current$$1.child;
+      var currentPrimaryChildFragment = current.child;
       var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
 
       if (nextDidTimeout) {
@@ -14522,8 +13270,7 @@ function updateSuspenseComponent(
 
         var _primaryChildFragment2 = createWorkInProgress(
           currentPrimaryChildFragment,
-          currentPrimaryChildFragment.pendingProps,
-          NoWork
+          currentPrimaryChildFragment.pendingProps
         );
 
         _primaryChildFragment2.return = workInProgress;
@@ -14550,7 +13297,7 @@ function updateSuspenseComponent(
         } // 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) {
+        if (workInProgress.mode & ProfileMode) {
           // treeBaseDuration is the sum of all the child tree base durations.
           var _treeBaseDuration = 0;
           var _hiddenChild = _primaryChildFragment2.child;
@@ -14566,8 +13313,7 @@ function updateSuspenseComponent(
 
         var _fallbackChildFragment2 = createWorkInProgress(
           currentFallbackChildFragment,
-          _nextFallbackChildren2,
-          currentFallbackChildFragment.expirationTime
+          _nextFallbackChildren2
         );
 
         _fallbackChildFragment2.return = workInProgress;
@@ -14601,7 +13347,7 @@ function updateSuspenseComponent(
     } 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;
+      var _currentPrimaryChild = current.child;
 
       if (nextDidTimeout) {
         // Timed out. Wrap the children in a fragment fiber to keep them
@@ -14647,7 +13393,7 @@ function updateSuspenseComponent(
         } // 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) {
+        if (workInProgress.mode & ProfileMode) {
           // treeBaseDuration is the sum of all the child tree base durations.
           var _treeBaseDuration2 = 0;
           var _hiddenChild2 = _primaryChildFragment3.child;
@@ -14677,7 +13423,7 @@ function updateSuspenseComponent(
         workInProgress.child = _primaryChildFragment3;
         return _fallbackChildFragment3;
       } else {
-        // Still haven't timed out.  Continue rendering the children, like we
+        // Still haven't timed out. Continue rendering the children, like we
         // normally do.
         workInProgress.memoizedState = null;
         var _nextPrimaryChildren2 = nextProps.children;
@@ -14692,197 +13438,6 @@ function updateSuspenseComponent(
   }
 }
 
-function retrySuspenseComponentWithoutHydrating(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  // We're now not suspended nor dehydrated.
-  workInProgress.memoizedState = null; // Retry with the full children.
-
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children; // This will ensure that the children get Placement effects and
-  // that the old child gets a Deletion effect.
-  // We could also call forceUnmountCurrentAndReconcile.
-
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
-  return workInProgress.child;
-}
-
-function mountDehydratedSuspenseComponent(
-  workInProgress,
-  suspenseInstance,
-  renderExpirationTime
-) {
-  // During the first pass, we'll bail out and not drill into the children.
-  // Instead, we'll leave the content in place and try to hydrate it later.
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    {
-      warning$1(
-        false,
-        "Cannot hydrate Suspense in legacy mode. Switch from " +
-          "ReactDOM.hydrate(element, container) to " +
-          "ReactDOM.createBlockingRoot(container, { hydrate: true })" +
-          ".render(element) or remove the Suspense components from " +
-          "the server rendered components."
-      );
-    }
-
-    workInProgress.expirationTime = Sync;
-  } else 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 = requestCurrentTimeForUpdate(); // Schedule a normal pri update to render this content.
-
-    var newExpirationTime = computeAsyncExpiration(serverDisplayTime);
-
-    if (enableSchedulerTracing) {
-      markSpawnedWork(newExpirationTime);
-    }
-
-    workInProgress.expirationTime = newExpirationTime;
-  } 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;
-
-    if (enableSchedulerTracing) {
-      markSpawnedWork(Never);
-    }
-  }
-
-  return null;
-}
-
-function updateDehydratedSuspenseComponent(
-  current$$1,
-  workInProgress,
-  suspenseInstance,
-  suspenseState,
-  renderExpirationTime
-) {
-  // We should never be hydrating at this point because it is the first pass,
-  // but after we've already committed once.
-  warnIfHydrating();
-
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    return retrySuspenseComponentWithoutHydrating(
-      current$$1,
-      workInProgress,
-      renderExpirationTime
-    );
-  }
-
-  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, if
-    // we are rendering at lower expiration than sync.
-    if (renderExpirationTime < Sync) {
-      if (suspenseState.retryTime <= renderExpirationTime) {
-        // This render is even higher pri than we've seen before, let's try again
-        // at even higher pri.
-        var attemptHydrationAtExpirationTime = renderExpirationTime + 1;
-        suspenseState.retryTime = attemptHydrationAtExpirationTime;
-        scheduleWork(current$$1, attemptHydrationAtExpirationTime); // TODO: Early abort this render.
-      } else {
-        // We have already tried to ping at a higher priority than we're rendering with
-        // so if we got here, we must have failed to hydrate at those levels. We must
-        // now give up. 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. This might suspend for a while and if it does we might still have
-        // an opportunity to hydrate before this pass commits.
-      }
-    } // If we have scheduled higher pri work above, this will probably just abort the render
-    // since we now have higher priority work, but in case it doesn't, we need to prepare to
-    // render something, if we time out. Even if that requires us to delete everything and
-    // skip hydration.
-    // Delay having to do this as long as the suspense timeout allows us.
-
-    renderDidSuspendDelayIfPossible();
-    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 child in place. I.e. the dehydrated fragment.
-
-    workInProgress.child = current$$1.child; // Register a callback to retry this boundary once the server has sent the result.
-
-    registerSuspenseInstanceRetry(
-      suspenseInstance,
-      retryDehydratedSuspenseBoundary.bind(null, current$$1)
-    );
-    return null;
-  } else {
-    // This is the first attempt.
-    reenterHydrationStateFromDehydratedSuspenseInstance(
-      workInProgress,
-      suspenseInstance
-    );
-    var nextProps = workInProgress.pendingProps;
-    var nextChildren = nextProps.children;
-    var child = mountChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderExpirationTime
-    );
-    var node = child;
-
-    while (node) {
-      // Mark each child as hydrating. This is a fast path to know whether this
-      // tree is part of a hydrating tree. This is used to determine if a child
-      // node has fully mounted yet, and for scheduling event replaying.
-      // Conceptually this is similar to Placement in that a new subtree is
-      // inserted into the React tree here. It just happens to not need DOM
-      // mutations because it already exists.
-      node.effectTag |= Hydrating;
-      node = node.sibling;
-    }
-
-    workInProgress.child = child;
-    return workInProgress.child;
-  }
-}
-
 function scheduleWorkOnFiber(fiber, renderExpirationTime) {
   if (fiber.expirationTime < renderExpirationTime) {
     fiber.expirationTime = renderExpirationTime;
@@ -14984,40 +13539,39 @@ function validateRevealOrder(revealOrder) {
           case "together":
           case "forwards":
           case "backwards": {
-            warning$1(
-              false,
+            error(
               '"%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,
+            error(
               '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
                 'React uses the -s suffix in the spelling. Use "%ss" instead.',
               revealOrder,
               revealOrder.toLowerCase()
             );
+
             break;
           }
 
           default:
-            warning$1(
-              false,
+            error(
               '"%s" is not a supported revealOrder on <SuspenseList />. ' +
                 'Did you mean "together", "forwards" or "backwards"?',
               revealOrder
             );
+
             break;
         }
       } else {
-        warning$1(
-          false,
+        error(
           "%s is not a supported value for revealOrder on <SuspenseList />. " +
             'Did you mean "together", "forwards" or "backwards"?',
           revealOrder
@@ -15032,16 +13586,16 @@ function validateTailOptions(tailMode, revealOrder) {
     if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
       if (tailMode !== "collapsed" && tailMode !== "hidden") {
         didWarnAboutTailOptions[tailMode] = true;
-        warning$1(
-          false,
+
+        error(
           '"%s" is not a supported value for tail on <SuspenseList />. ' +
             'Did you mean "collapsed" or "hidden"?',
           tailMode
         );
       } else if (revealOrder !== "forwards" && revealOrder !== "backwards") {
         didWarnAboutTailOptions[tailMode] = true;
-        warning$1(
-          false,
+
+        error(
           '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
             '"forwards" or "backwards". ' +
             'Did you mean to specify revealOrder="forwards"?',
@@ -15059,8 +13613,8 @@ function validateSuspenseListNestedChild(childSlot, index) {
 
     if (isArray || isIterable) {
       var type = isArray ? "array" : "iterable";
-      warning$1(
-        false,
+
+      error(
         "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
           "an additional SuspenseList to configure its revealOrder: " +
           "<SuspenseList revealOrder=...> ... " +
@@ -15070,6 +13624,7 @@ function validateSuspenseListNestedChild(childSlot, index) {
         index,
         type
       );
+
       return false;
     }
   }
@@ -15110,8 +13665,7 @@ function validateSuspenseListChildren(children, revealOrder) {
             }
           }
         } else {
-          warning$1(
-            false,
+          error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
               "This is not useful since it needs multiple rows. " +
               "Did you mean to pass multiple children or an array?",
@@ -15137,6 +13691,7 @@ function initSuspenseListRenderState(
     workInProgress.memoizedState = {
       isBackwards: isBackwards,
       rendering: null,
+      renderingStartTime: 0,
       last: lastContentRow,
       tail: tail,
       tailExpiration: 0,
@@ -15147,6 +13702,7 @@ function initSuspenseListRenderState(
     // We can reuse the existing object from previous renders.
     renderState.isBackwards = isBackwards;
     renderState.rendering = null;
+    renderState.renderingStartTime = 0;
     renderState.last = lastContentRow;
     renderState.tail = tail;
     renderState.tailExpiration = 0;
@@ -15162,7 +13718,7 @@ function initSuspenseListRenderState(
 // That happens in the completeWork phase without going back to beginWork.
 
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -15173,12 +13729,7 @@ function updateSuspenseListComponent(
   validateRevealOrder(revealOrder);
   validateTailOptions(tailMode, revealOrder);
   validateSuspenseListChildren(newChildren, revealOrder);
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    newChildren,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
   var suspenseContext = suspenseStackCursor.current;
   var shouldForceFallback = hasSuspenseContext(
     suspenseContext,
@@ -15193,7 +13744,7 @@ function updateSuspenseListComponent(
     workInProgress.effectTag |= DidCapture;
   } else {
     var didSuspendBefore =
-      current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+      current !== null && (current.effectTag & DidCapture) !== NoEffect;
 
     if (didSuspendBefore) {
       // If we previously forced a fallback, we need to schedule work
@@ -15302,15 +13853,11 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 
-function updatePortalComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+function updatePortalComponent(current, workInProgress, renderExpirationTime) {
   pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
   var nextChildren = workInProgress.pendingProps;
 
-  if (current$$1 === null) {
+  if (current === null) {
     // Portals are special because we don't append the children during mount
     // but at commit. Therefore we need to track insertions which the normal
     // flow doesn't do during mount. This doesn't happen at the root because
@@ -15324,7 +13871,7 @@ function updatePortalComponent(
     );
   } else {
     reconcileChildren(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
@@ -15334,11 +13881,7 @@ function updatePortalComponent(
   return workInProgress.child;
 }
 
-function updateContextProvider(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
   var providerType = workInProgress.type;
   var context = providerType._context;
   var newProps = workInProgress.pendingProps;
@@ -15349,13 +13892,7 @@ function updateContextProvider(
     var providerPropTypes = workInProgress.type.propTypes;
 
     if (providerPropTypes) {
-      checkPropTypes(
-        providerPropTypes,
-        newProps,
-        "prop",
-        "Context.Provider",
-        getCurrentFiberStackInDev
-      );
+      checkPropTypes(providerPropTypes, newProps, "prop", "Context.Provider");
     }
   }
 
@@ -15369,7 +13906,7 @@ function updateContextProvider(
       // No change. Bailout early if children are the same.
       if (oldProps.children === newProps.children && !hasContextChanged()) {
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -15387,22 +13924,13 @@ function updateContextProvider(
   }
 
   var newChildren = newProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    newChildren,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
   return workInProgress.child;
 }
 
 var hasWarnedAboutUsingContextAsConsumer = false;
 
-function updateContextConsumer(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+function updateContextConsumer(current, 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
@@ -15419,8 +13947,8 @@ function updateContextConsumer(
       if (context !== context.Consumer) {
         if (!hasWarnedAboutUsingContextAsConsumer) {
           hasWarnedAboutUsingContextAsConsumer = true;
-          warning$1(
-            false,
+
+          error(
             "Rendering <Context> directly is not supported and will be removed in " +
               "a future major release. Did you mean to render <Context.Consumer> instead?"
           );
@@ -15435,15 +13963,14 @@ function updateContextConsumer(
   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;
+    if (typeof render !== "function") {
+      error(
+        "A context consumer was rendered with multiple children, or a child " +
+          "that isn't a function. A context consumer expects a single child " +
+          "that is a function. If you did pass a function, make sure there " +
+          "is no trailing or leading whitespace around it."
+      );
+    }
   }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
@@ -15451,57 +13978,14 @@ function updateContextConsumer(
   var newChildren;
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
     newChildren = render(newValue);
-    setCurrentPhase(null);
+    setIsRendering(false);
   } // 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 updateScopeComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
   return workInProgress.child;
 }
 
@@ -15510,20 +13994,20 @@ function markWorkInProgressReceivedUpdate() {
 }
 
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
   cancelWorkTimer(workInProgress);
 
-  if (current$$1 !== null) {
+  if (current !== null) {
     // Reuse previous dependencies
-    workInProgress.dependencies = current$$1.dependencies;
+    workInProgress.dependencies = current.dependencies;
   }
 
-  if (enableProfilerTimer) {
+  {
     // Don't update "base" render times for bailouts.
-    stopProfilerTimerIfRunning(workInProgress);
+    stopProfilerTimerIfRunning();
   }
 
   var updateExpirationTime = workInProgress.expirationTime;
@@ -15542,12 +14026,12 @@ function bailoutOnAlreadyFinishedWork(
   } else {
     // This fiber doesn't have work, but its subtree does. Clone the child
     // fibers and continue.
-    cloneChildFibers(current$$1, workInProgress);
+    cloneChildFibers(current, workInProgress);
     return workInProgress.child;
   }
 }
 
-function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
   {
     var returnFiber = oldWorkInProgress.return;
 
@@ -15556,7 +14040,7 @@ function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
     } // Disconnect from the old current.
     // It will get deleted.
 
-    current$$1.alternate = null;
+    current.alternate = null;
     oldWorkInProgress.alternate = null; // Connect to the new tree.
 
     newWorkInProgress.index = oldWorkInProgress.index;
@@ -15588,28 +14072,28 @@ function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
     var last = returnFiber.lastEffect;
 
     if (last !== null) {
-      last.nextEffect = current$$1;
-      returnFiber.lastEffect = current$$1;
+      last.nextEffect = current;
+      returnFiber.lastEffect = current;
     } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+      returnFiber.firstEffect = returnFiber.lastEffect = current;
     }
 
-    current$$1.nextEffect = null;
-    current$$1.effectTag = Deletion;
+    current.nextEffect = null;
+    current.effectTag = Deletion;
     newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
 
     return newWorkInProgress;
   }
 }
 
-function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
+function beginWork(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
 
   {
-    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+    if (workInProgress._debugNeedsRemount && current !== null) {
       // This will restart the begin phase with a new fiber.
       return remountFiber(
-        current$$1,
+        current,
         workInProgress,
         createFiberFromTypeAndProps(
           workInProgress.type,
@@ -15623,14 +14107,14 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
   }
 
-  if (current$$1 !== null) {
-    var oldProps = current$$1.memoizedProps;
+  if (current !== null) {
+    var oldProps = current.memoizedProps;
     var newProps = workInProgress.pendingProps;
 
     if (
       oldProps !== newProps ||
       hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
-      workInProgress.type !== current$$1.type
+      workInProgress.type !== current.type
     ) {
       // If props or context changed, mark the fiber as having performed work.
       // This may be unset if the props are determined to be equal later (memo).
@@ -15643,7 +14127,6 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
       switch (workInProgress.tag) {
         case HostRoot:
           pushHostRootContext(workInProgress);
-          resetHydrationState();
           break;
 
         case HostComponent:
@@ -15652,9 +14135,9 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           if (
             workInProgress.mode & ConcurrentMode &&
             renderExpirationTime !== Never &&
-            shouldDeprioritizeSubtree(workInProgress.type, newProps)
+            shouldDeprioritizeSubtree(workInProgress.type)
           ) {
-            if (enableSchedulerTracing) {
+            {
               markSpawnedWork(Never);
             } // Schedule this fiber to re-render at offscreen priority. Then bailout.
 
@@ -15688,14 +14171,19 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
         }
 
         case Profiler:
-          if (enableProfilerTimer) {
+          {
             // Profiler should only call onRender when one of its descendants actually rendered.
             var hasChildWork =
               workInProgress.childExpirationTime >= renderExpirationTime;
 
             if (hasChildWork) {
               workInProgress.effectTag |= Update;
-            }
+            } // Reset effect durations for the next eventual effect phase.
+            // These are reset during render to allow the DevTools commit hook a chance to read them,
+
+            var stateNode = workInProgress.stateNode;
+            stateNode.effectDuration = 0;
+            stateNode.passiveEffectDuration = 0;
           }
 
           break;
@@ -15704,19 +14192,6 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           var state = workInProgress.memoizedState;
 
           if (state !== null) {
-            if (enableSuspenseServerRenderer) {
-              if (state.dehydrated !== null) {
-                pushSuspenseContext(
-                  workInProgress,
-                  setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-                ); // We know that this component will suspend again because if it has
-                // been unsuspended it has committed as a resolved Suspense component.
-                // If it needs to be retried, it should have work scheduled on it.
-
-                workInProgress.effectTag |= DidCapture;
-                break;
-              }
-            } // If this boundary is currently timed out, we need to decide
             // whether to retry the primary children, or to skip over it and
             // go straight to the fallback. Check the priority of the primary
             // child fragment.
@@ -15732,7 +14207,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               // The primary children have pending work. Use the normal path
               // to attempt to render the primary children again.
               return updateSuspenseComponent(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -15744,7 +14219,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               // priority. Bailout.
 
               var child = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -15768,8 +14243,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
         }
 
         case SuspenseListComponent: {
-          var didSuspendBefore =
-            (current$$1.effectTag & DidCapture) !== NoEffect;
+          var didSuspendBefore = (current.effectTag & DidCapture) !== NoEffect;
 
           var _hasChildWork =
             workInProgress.childExpirationTime >= renderExpirationTime;
@@ -15782,7 +14256,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               // tree which will affect the tail. So we need to use the normal
               // path to compute the correct tail.
               return updateSuspenseListComponent(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -15818,7 +14292,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
       }
 
       return bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -15831,14 +14305,18 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
   } else {
     didReceiveUpdate = false;
-  } // Before entering the begin phase, clear the expiration time.
+  } // Before entering the begin phase, clear pending update priority.
+  // TODO: This assumes that we're about to evaluate the component and process
+  // the update queue. However, there's an exception: SimpleMemoComponent
+  // sometimes bails out later in the begin phase. This indicates that we should
+  // move this assignment out of the common path and into each branch.
 
   workInProgress.expirationTime = NoWork;
 
   switch (workInProgress.tag) {
     case IndeterminateComponent: {
       return mountIndeterminateComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         renderExpirationTime
@@ -15848,7 +14326,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     case LazyComponent: {
       var elementType = workInProgress.elementType;
       return mountLazyComponent(
-        current$$1,
+        current,
         workInProgress,
         elementType,
         updateExpirationTime,
@@ -15864,7 +14342,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           ? unresolvedProps
           : resolveDefaultProps(_Component, unresolvedProps);
       return updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         _Component,
         resolvedProps,
@@ -15882,7 +14360,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           : resolveDefaultProps(_Component2, _unresolvedProps);
 
       return updateClassComponent(
-        current$$1,
+        current,
         workInProgress,
         _Component2,
         _resolvedProps,
@@ -15891,28 +14369,24 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
 
     case HostRoot:
-      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+      return updateHostRoot(current, workInProgress, renderExpirationTime);
 
     case HostComponent:
-      return updateHostComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+      return updateHostComponent(current, workInProgress, renderExpirationTime);
 
     case HostText:
-      return updateHostText(current$$1, workInProgress);
+      return updateHostText();
 
     case SuspenseComponent:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
 
     case HostPortal:
       return updatePortalComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -15927,7 +14401,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           : resolveDefaultProps(type, _unresolvedProps2);
 
       return updateForwardRef(
-        current$$1,
+        current,
         workInProgress,
         type,
         _resolvedProps2,
@@ -15936,24 +14410,24 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
 
     case Fragment:
-      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+      return updateFragment(current, workInProgress, renderExpirationTime);
 
     case Mode:
-      return updateMode(current$$1, workInProgress, renderExpirationTime);
+      return updateMode(current, workInProgress, renderExpirationTime);
 
     case Profiler:
-      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+      return updateProfiler(current, workInProgress, renderExpirationTime);
 
     case ContextProvider:
       return updateContextProvider(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
 
     case ContextConsumer:
       return updateContextConsumer(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -15973,325 +14447,68 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               outerPropTypes,
               _resolvedProps3, // Resolved for outer only
               "prop",
-              getComponentName(_type2),
-              getCurrentFiberStackInDev
+              getComponentName(_type2)
             );
-          }
-        }
-      }
-
-      _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 SuspenseListComponent: {
-      return updateSuspenseListComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        return updateFundamentalComponent$1(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-
-      break;
-    }
-
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        return updateScopeComponent(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-
-      break;
-    }
-  }
-
-  {
-    throw Error(
-      "Unknown unit of work tag (" +
-        workInProgress.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
-  };
-}
-
-function isFiberSuspenseAndTimedOut(fiber) {
-  return fiber.tag === SuspenseComponent && fiber.memoizedState !== null;
-}
-
-function getSuspenseFallbackChild(fiber) {
-  return fiber.child.sibling.child;
-}
-
-var emptyObject$2 = {};
-
-function collectScopedNodes(node, fn, scopedNodes) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
-
-      var _instance = getPublicInstance(stateNode);
-
-      if (
-        _instance !== null &&
-        fn(_type, memoizedProps || emptyObject$2, _instance) === true
-      ) {
-        scopedNodes.push(_instance);
-      }
-    }
-
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      collectScopedNodesFromChildren(child, fn, scopedNodes);
-    }
-  }
-}
-
-function collectFirstScopedNode(node, fn) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type2 = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
-
-      var _instance2 = getPublicInstance(stateNode);
-
-      if (
-        _instance2 !== null &&
-        fn(_type2, memoizedProps, _instance2) === true
-      ) {
-        return _instance2;
-      }
-    }
-
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      return collectFirstScopedNodeFromChildren(child, fn);
-    }
-  }
-
-  return null;
-}
-
-function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
-  var child = startingChild;
-
-  while (child !== null) {
-    collectScopedNodes(child, fn, scopedNodes);
-    child = child.sibling;
-  }
-}
-
-function collectFirstScopedNodeFromChildren(startingChild, fn) {
-  var child = startingChild;
-
-  while (child !== null) {
-    var scopedNode = collectFirstScopedNode(child, fn);
-
-    if (scopedNode !== null) {
-      return scopedNode;
-    }
-
-    child = child.sibling;
-  }
-
-  return null;
-}
-
-function collectNearestScopeMethods(node, scope, childrenScopes) {
-  if (isValidScopeNode(node, scope)) {
-    childrenScopes.push(node.stateNode.methods);
-  } else {
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      collectNearestChildScopeMethods(child, scope, childrenScopes);
-    }
-  }
-}
-
-function collectNearestChildScopeMethods(startingChild, scope, childrenScopes) {
-  var child = startingChild;
-
-  while (child !== null) {
-    collectNearestScopeMethods(child, scope, childrenScopes);
-    child = child.sibling;
-  }
-}
-
-function isValidScopeNode(node, scope) {
-  return (
-    node.tag === ScopeComponent &&
-    node.type === scope &&
-    node.stateNode !== null
-  );
-}
-
-function createScopeMethods(scope, instance) {
-  return {
-    getChildren: function() {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var childrenScopes = [];
-
-      if (child !== null) {
-        collectNearestChildScopeMethods(child, scope, childrenScopes);
-      }
-
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getChildrenFromRoot: function() {
-      var currentFiber = instance.fiber;
-      var node = currentFiber;
-
-      while (node !== null) {
-        var parent = node.return;
-
-        if (parent === null) {
-          break;
-        }
-
-        node = parent;
-
-        if (node.tag === ScopeComponent && node.type === scope) {
-          break;
-        }
-      }
-
-      var childrenScopes = [];
-      collectNearestChildScopeMethods(node.child, scope, childrenScopes);
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getParent: function() {
-      var node = instance.fiber.return;
-
-      while (node !== null) {
-        if (node.tag === ScopeComponent && node.type === scope) {
-          return node.stateNode.methods;
-        }
-
-        node = node.return;
-      }
-
-      return null;
-    },
-    getProps: function() {
-      var currentFiber = instance.fiber;
-      return currentFiber.memoizedProps;
-    },
-    queryAllNodes: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var scopedNodes = [];
-
-      if (child !== null) {
-        collectScopedNodesFromChildren(child, fn, scopedNodes);
+          }
+        }
       }
 
-      return scopedNodes.length === 0 ? null : scopedNodes;
-    },
-    queryFirstNode: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
+      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+      return updateMemoComponent(
+        current,
+        workInProgress,
+        _type2,
+        _resolvedProps3,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-      if (child !== null) {
-        return collectFirstScopedNodeFromChildren(child, fn);
-      }
+    case SimpleMemoComponent: {
+      return updateSimpleMemoComponent(
+        current,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-      return null;
-    },
-    containsNode: function(node) {
-      var fiber = getInstanceFromNode$1(node);
+    case IncompleteClassComponent: {
+      var _Component3 = workInProgress.type;
+      var _unresolvedProps4 = workInProgress.pendingProps;
 
-      while (fiber !== null) {
-        if (
-          fiber.tag === ScopeComponent &&
-          fiber.type === scope &&
-          fiber.stateNode === instance
-        ) {
-          return true;
-        }
+      var _resolvedProps4 =
+        workInProgress.elementType === _Component3
+          ? _unresolvedProps4
+          : resolveDefaultProps(_Component3, _unresolvedProps4);
 
-        fiber = fiber.return;
-      }
+      return mountIncompleteClassComponent(
+        current,
+        workInProgress,
+        _Component3,
+        _resolvedProps4,
+        renderExpirationTime
+      );
+    }
 
-      return false;
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
     }
-  };
+  }
+
+  {
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
 }
 
 function markUpdate(workInProgress) {
@@ -16309,7 +14526,7 @@ var updateHostContainer;
 var updateHostComponent$1;
 var updateHostText$1;
 
-if (supportsMutation) {
+{
   // Mutation mode
   appendAllChildren = function(
     parent,
@@ -16324,13 +14541,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
-        // the portal directly.
-      } else if (node.child !== null) {
+      } else if (node.tag === HostPortal);
+      else if (node.child !== null) {
         node.child.return = node;
         node = node.child;
         continue;
@@ -16382,379 +14594,21 @@ if (supportsMutation) {
     // 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
-  };
+    var updatePayload = prepareUpdate(); // TODO: Type this specific to this type of component.
 
-  updateHostComponent$1 = function(
-    current,
-    workInProgress,
-    type,
-    newProps,
-    rootContainerInstance
-  ) {
-    // Noop
+    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) {
-    // Noop
+    // If the text differs, mark it as an update. All the work in done in commitWork.
+    if (oldText !== newText) {
+      markUpdate(workInProgress);
+    }
   };
 }
 
@@ -16833,14 +14687,16 @@ function completeWork(current, workInProgress, renderExpirationTime) {
 
   switch (workInProgress.tag) {
     case IndeterminateComponent:
-      break;
-
     case LazyComponent:
-      break;
-
     case SimpleMemoComponent:
     case FunctionComponent:
-      break;
+    case ForwardRef:
+    case Fragment:
+    case Mode:
+    case Profiler:
+    case ContextConsumer:
+    case MemoComponent:
+      return null;
 
     case ClassComponent: {
       var Component = workInProgress.type;
@@ -16849,7 +14705,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         popContext(workInProgress);
       }
 
-      break;
+      return null;
     }
 
     case HostRoot: {
@@ -16865,7 +14721,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       if (current === null || current.child === null) {
         // If we hydrated, pop so that we can delete any remaining children
         // that weren't hydrated.
-        var wasHydrated = popHydrationState(workInProgress);
+        var wasHydrated = popHydrationState();
 
         if (wasHydrated) {
           // If we hydrated, then we'll need to schedule an update for
@@ -16875,7 +14731,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       }
 
       updateHostContainer(workInProgress);
-      break;
+      return null;
     }
 
     case HostComponent: {
@@ -16892,15 +14748,6 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           rootContainerInstance
         );
 
-        if (enableFlareAPI) {
-          var prevListeners = current.memoizedProps.listeners;
-          var nextListeners = newProps.listeners;
-
-          if (prevListeners !== nextListeners) {
-            markUpdate(workInProgress);
-          }
-        }
-
         if (current.ref !== workInProgress.ref) {
           markRef$1(workInProgress);
         }
@@ -16912,42 +14759,24 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             );
           } // This can happen when we abort work.
 
-          break;
+          return null;
         }
 
         var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
         // "stack" as the parent. Then append children as we go in beginWork
-        // or completeWork depending on we want to add then top->down or
+        // or completeWork depending on whether we want to add them top->down or
         // bottom->up. Top->down is faster in IE11.
 
-        var _wasHydrated = popHydrationState(workInProgress);
+        var _wasHydrated = popHydrationState();
 
         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
+          if (prepareToHydrateHostInstance()) {
+            // If changes to the hydrated node need to be applied at the
             // commit-phase we mark this as such.
             markUpdate(workInProgress);
           }
-
-          if (enableFlareAPI) {
-            var listeners = newProps.listeners;
-
-            if (listeners != null) {
-              updateEventListeners(
-                listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          }
         } else {
           var instance = createInstance(
             type,
@@ -16959,30 +14788,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
 
           workInProgress.stateNode = instance;
-
-          if (enableFlareAPI) {
-            var _listeners = newProps.listeners;
-
-            if (_listeners != null) {
-              updateEventListeners(
-                _listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          } // 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,
-              type,
-              newProps,
-              rootContainerInstance,
-              currentHostContext
-            )
-          ) {
+          if (finalizeInitialChildren(instance)) {
             markUpdate(workInProgress);
           }
         }
@@ -16993,7 +14802,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         }
       }
 
-      break;
+      return null;
     }
 
     case HostText: {
@@ -17017,10 +14826,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
 
         var _currentHostContext = getHostContext();
 
-        var _wasHydrated2 = popHydrationState(workInProgress);
+        var _wasHydrated2 = popHydrationState();
 
         if (_wasHydrated2) {
-          if (prepareToHydrateHostTextInstance(workInProgress)) {
+          if (prepareToHydrateHostTextInstance()) {
             markUpdate(workInProgress);
           }
         } else {
@@ -17033,56 +14842,13 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         }
       }
 
-      break;
+      return null;
     }
 
-    case ForwardRef:
-      break;
-
     case SuspenseComponent: {
       popSuspenseContext(workInProgress);
       var nextState = workInProgress.memoizedState;
 
-      if (enableSuspenseServerRenderer) {
-        if (nextState !== null && nextState.dehydrated !== null) {
-          if (current === null) {
-            var _wasHydrated3 = popHydrationState(workInProgress);
-
-            if (!_wasHydrated3) {
-              throw Error(
-                "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
-              );
-            }
-
-            prepareToHydrateHostSuspenseInstance(workInProgress);
-
-            if (enableSchedulerTracing) {
-              markSpawnedWork(Never);
-            }
-
-            return 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 and unsuspended.
-              workInProgress.memoizedState = null;
-            } // If nothing suspended, we need to schedule an effect to mark this boundary
-            // as having hydrated so events know that they're free be invoked.
-            // It's also a signal to replay events and the suspense callback.
-            // If something suspended, schedule an effect to attach retry listeners.
-            // So we might as well always mark this.
-
-            workInProgress.effectTag |= Update;
-            return null;
-          }
-        }
-      }
-
       if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
         // Something suspended. Re-render with the fallback children.
         workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
@@ -17094,9 +14860,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       var prevDidTimeout = false;
 
       if (current === null) {
-        if (workInProgress.memoizedProps.fallback !== undefined) {
-          popHydrationState(workInProgress);
-        }
+        if (workInProgress.memoizedProps.fallback !== undefined);
       } else {
         var prevState = current.memoizedState;
         prevDidTimeout = prevState !== null;
@@ -17161,64 +14925,30 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         }
       }
 
-      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
+          // retry listener to the promise. 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
+          // *unhide* children that were previously hidden, so check if this
           // 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;
+      return null;
     }
 
-    case Fragment:
-      break;
-
-    case Mode:
-      break;
-
-    case Profiler:
-      break;
-
     case HostPortal:
       popHostContainer(workInProgress);
       updateHostContainer(workInProgress);
-      break;
+      return null;
 
     case ContextProvider:
       // Pop provider fiber
       popProvider(workInProgress);
-      break;
-
-    case ContextConsumer:
-      break;
-
-    case MemoComponent:
-      break;
+      return null;
 
     case IncompleteClassComponent: {
       // Same as class component case. I put it down here so that the tags are
@@ -17229,7 +14959,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         popContext(workInProgress);
       }
 
-      break;
+      return null;
     }
 
     case SuspenseListComponent: {
@@ -17237,9 +14967,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       var renderState = workInProgress.memoizedState;
 
       if (renderState === null) {
-        // We're running in the default, "independent" mode. We don't do anything
-        // in this mode.
-        break;
+        // We're running in the default, "independent" mode.
+        // We don't do anything in this mode.
+        return null;
       }
 
       var didSuspendAlready =
@@ -17355,7 +15085,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
               return null;
             }
           } else if (
-            now() > renderState.tailExpiration &&
+            // The time it took to render last row is greater than time until
+            // the expiration.
+            now() * 2 - renderState.renderingStartTime >
+              renderState.tailExpiration &&
             renderExpirationTime > Never
           ) {
             // We have now passed our CPU deadline and we'll just give up further
@@ -17372,7 +15105,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             var nextPriority = renderExpirationTime - 1;
             workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
 
-            if (enableSchedulerTracing) {
+            {
               markSpawnedWork(nextPriority);
             }
           }
@@ -17405,13 +15138,19 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           // 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;
+          renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS; // TODO: This is meant to mimic the train model or JND but this
+          // is a per component value. It should really be since the start
+          // of the total render or last commit. Consider using something like
+          // globalMostRecentFallbackTime. That doesn't account for being
+          // suspended for part of the time or when it's a new render.
+          // It should probably use a global start time value instead.
         } // Pop a row.
 
         var next = renderState.tail;
         renderState.rendering = next;
         renderState.tail = next.sibling;
         renderState.lastEffect = workInProgress.lastEffect;
+        renderState.renderingStartTime = now();
         next.sibling = null; // Restore the context.
         // TODO: We can probably just avoid popping it instead and only
         // setting it the first time we go from not suspended to suspended.
@@ -17432,131 +15171,17 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         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;
-
-          if (getInitialState !== undefined) {
-            fundamentalState = getInitialState(newProps);
-          }
-
-          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
-            workInProgress,
-            newProps,
-            fundamentalImpl,
-            fundamentalState || {}
-          );
-
-          var _instance5 = getFundamentalComponentInstance(fundamentalInstance);
-
-          fundamentalInstance.instance = _instance5;
-
-          if (fundamentalImpl.reconcileChildren === false) {
-            return null;
-          }
-
-          appendAllChildren(_instance5, 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 _instance6 = cloneFundamentalInstance(fundamentalInstance);
-
-            fundamentalInstance.instance = _instance6;
-            appendAllChildren(_instance6, workInProgress, false, false);
-          }
-
-          var shouldUpdate = shouldUpdateFundamentalComponent(
-            fundamentalInstance
-          );
-
-          if (shouldUpdate) {
-            markUpdate(workInProgress);
-          }
-        }
-      }
-
-      break;
-    }
-
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        if (current === null) {
-          var _type3 = workInProgress.type;
-          var scopeInstance = {
-            fiber: workInProgress,
-            methods: null
-          };
-          workInProgress.stateNode = scopeInstance;
-          scopeInstance.methods = createScopeMethods(_type3, scopeInstance);
-
-          if (enableFlareAPI) {
-            var _listeners2 = newProps.listeners;
-
-            if (_listeners2 != null) {
-              var _rootContainerInstance2 = getRootHostContainer();
-
-              updateEventListeners(
-                _listeners2,
-                workInProgress,
-                _rootContainerInstance2
-              );
-            }
-          }
-
-          if (workInProgress.ref !== null) {
-            markRef$1(workInProgress);
-            markUpdate(workInProgress);
-          }
-        } else {
-          if (enableFlareAPI) {
-            var _prevListeners = current.memoizedProps.listeners;
-            var _nextListeners = newProps.listeners;
-
-            if (
-              _prevListeners !== _nextListeners ||
-              workInProgress.ref !== null
-            ) {
-              markUpdate(workInProgress);
-            }
-          } else {
-            if (workInProgress.ref !== null) {
-              markUpdate(workInProgress);
-            }
-          }
-
-          if (current.ref !== workInProgress.ref) {
-            markRef$1(workInProgress);
-          }
-        }
-      }
-
-      break;
-    }
-
-    default: {
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
+      return null;
     }
   }
 
-  return null;
+  {
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
 }
 
 function unwindWork(workInProgress, renderExpirationTime) {
@@ -17602,20 +15227,6 @@ function unwindWork(workInProgress, renderExpirationTime) {
     case SuspenseComponent: {
       popSuspenseContext(workInProgress);
 
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
-
-        if (suspenseState !== null && suspenseState.dehydrated !== null) {
-          if (!(workInProgress.alternate !== null)) {
-            throw Error(
-              "Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue."
-            );
-          }
-
-          resetHydrationState();
-        }
-      }
-
       var _effectTag2 = workInProgress.effectTag;
 
       if (_effectTag2 & ShouldCapture) {
@@ -17685,9 +15296,6 @@ function unwindInterruptedWork(interruptedWork) {
     case ContextProvider:
       popProvider(interruptedWork);
       break;
-
-    default:
-      break;
   }
 }
 
@@ -17702,6 +15310,7 @@ function createCapturedValue(value, source) {
 }
 
 // Module provided by RN:
+
 if (
   !(
     typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog ===
@@ -17749,7 +15358,8 @@ function logCapturedError(capturedError) {
       // 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:
+      console["error"](error); // Don't transform to our wrapper
+      // For a more detailed description of this block, see:
       // https://github.com/facebook/react/pull/13384
     }
 
@@ -17786,7 +15396,7 @@ function logCapturedError(capturedError) {
     // 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);
+    console["error"](combinedMessage); // Don't transform to our wrapper
   }
 }
 
@@ -17835,33 +15445,37 @@ function logError(boundary, errorInfo) {
   }
 }
 
-var callComponentWillUnmountWithTimer = function(current$$1, instance) {
-  startPhaseTimer(current$$1, "componentWillUnmount");
-  instance.props = current$$1.memoizedProps;
-  instance.state = current$$1.memoizedState;
-  instance.componentWillUnmount();
+var callComponentWillUnmountWithTimer = function(current, instance) {
+  startPhaseTimer(current, "componentWillUnmount");
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+
+  {
+    instance.componentWillUnmount();
+  }
+
   stopPhaseTimer();
 }; // Capture errors so they don't interrupt unmounting.
 
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   {
     invokeGuardedCallback(
       null,
       callComponentWillUnmountWithTimer,
       null,
-      current$$1,
+      current,
       instance
     );
 
     if (hasCaughtError()) {
       var unmountError = clearCaughtError();
-      captureCommitPhaseError(current$$1, unmountError);
+      captureCommitPhaseError(current, unmountError);
     }
   }
 }
 
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
 
   if (ref !== null) {
     if (typeof ref === "function") {
@@ -17870,7 +15484,7 @@ function safelyDetachRef(current$$1) {
 
         if (hasCaughtError()) {
           var refError = clearCaughtError();
-          captureCommitPhaseError(current$$1, refError);
+          captureCommitPhaseError(current, refError);
         }
       }
     } else {
@@ -17879,31 +15493,31 @@ function safelyDetachRef(current$$1) {
   }
 }
 
-function safelyCallDestroy(current$$1, destroy) {
+function safelyCallDestroy(current, destroy) {
   {
     invokeGuardedCallback(null, destroy, null);
 
     if (hasCaughtError()) {
       var error = clearCaughtError();
-      captureCommitPhaseError(current$$1, error);
+      captureCommitPhaseError(current, error);
     }
   }
 }
 
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
+    case SimpleMemoComponent:
+    case Block: {
       return;
     }
 
     case ClassComponent: {
       if (finishedWork.effectTag & Snapshot) {
-        if (current$$1 !== null) {
-          var prevProps = current$$1.memoizedProps;
-          var prevState = current$$1.memoizedState;
+        if (current !== null) {
+          var prevProps = current.memoizedProps;
+          var prevState = current.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.
@@ -17914,28 +15528,27 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
               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;
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
           }
 
@@ -17951,8 +15564,8 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
 
             if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
               didWarnSet.add(finishedWork.type);
-              warningWithoutStack$1(
-                false,
+
+              error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
                   "must be returned. You have returned undefined.",
                 getComponentName(finishedWork.type)
@@ -17975,18 +15588,16 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
     case IncompleteClassComponent:
       // Nothing to do for these component types
       return;
+  }
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   var updateQueue = finishedWork.updateQueue;
   var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
 
@@ -17995,7 +15606,7 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
     var effect = firstEffect;
 
     do {
-      if ((effect.tag & unmountTag) !== NoEffect$1) {
+      if ((effect.tag & tag) === tag) {
         // Unmount
         var destroy = effect.destroy;
         effect.destroy = undefined;
@@ -18005,22 +15616,36 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
         }
       }
 
-      if ((effect.tag & mountTag) !== NoEffect$1) {
+      effect = effect.next;
+    } while (effect !== firstEffect);
+  }
+}
+
+function commitHookEffectListMount(tag, 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 & tag) === tag) {
         // Mount
         var create = effect.create;
         effect.destroy = create();
 
         {
-          var _destroy = effect.destroy;
+          var destroy = effect.destroy;
 
-          if (_destroy !== undefined && typeof _destroy !== "function") {
+          if (destroy !== undefined && typeof destroy !== "function") {
             var addendum = void 0;
 
-            if (_destroy === null) {
+            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") {
+            } 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 " +
@@ -18035,11 +15660,10 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
                 "}, [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;
+              addendum = " You returned: " + destroy;
             }
 
-            warningWithoutStack$1(
-              false,
+            error(
               "An effect function must not return anything besides a function, " +
                 "which is used for clean-up.%s%s",
               addendum,
@@ -18059,37 +15683,49 @@ function commitPassiveHookEffects(finishedWork) {
     switch (finishedWork.tag) {
       case FunctionComponent:
       case ForwardRef:
-      case SimpleMemoComponent: {
-        commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-        commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
-        break;
-      }
+      case SimpleMemoComponent:
+      case Block: {
+        // TODO (#17945) We should call all passive destroy functions (for all fibers)
+        // before calling any create functions. The current approach only serializes
+        // these for a single fiber.
+        {
+          commitHookEffectListUnmount(Passive$1 | HasEffect, finishedWork);
+          commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
+        }
 
-      default:
         break;
+      }
     }
   }
 }
 
 function commitLifeCycles(
   finishedRoot,
-  current$$1,
+  current,
   finishedWork,
   committedExpirationTime
 ) {
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
-      break;
+    case SimpleMemoComponent:
+    case Block: {
+      // At this point layout effects have already been destroyed (during mutation phase).
+      // This is done to prevent sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      {
+        commitHookEffectListMount(Layout | HasEffect, finishedWork);
+      }
+
+      return;
     }
 
     case ClassComponent: {
       var instance = finishedWork.stateNode;
 
       if (finishedWork.effectTag & Update) {
-        if (current$$1 === null) {
+        if (current === 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.
@@ -18099,42 +15735,41 @@ function commitLifeCycles(
               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;
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
           }
 
-          instance.componentDidMount();
+          {
+            instance.componentDidMount();
+          }
+
           stopPhaseTimer();
         } else {
           var prevProps =
             finishedWork.elementType === finishedWork.type
-              ? current$$1.memoizedProps
-              : resolveDefaultProps(
-                  finishedWork.type,
-                  current$$1.memoizedProps
-                );
-          var prevState = current$$1.memoizedState;
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          var prevState = current.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.
@@ -18144,36 +15779,38 @@ function commitLifeCycles(
               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;
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
           }
 
-          instance.componentDidUpdate(
-            prevProps,
-            prevState,
-            instance.__reactInternalSnapshotBeforeUpdate
-          );
+          {
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          }
+
           stopPhaseTimer();
         }
       }
@@ -18186,39 +15823,33 @@ function commitLifeCycles(
             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;
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
           }
         } // We could update instance props and state here,
         // but instead we rely on them being set during last render.
         // TODO: revisit this when we implement resuming.
 
-        commitUpdateQueue(
-          finishedWork,
-          updateQueue,
-          instance,
-          committedExpirationTime
-        );
+        commitUpdateQueue(finishedWork, updateQueue, instance);
       }
 
       return;
@@ -18242,12 +15873,7 @@ function commitLifeCycles(
           }
         }
 
-        commitUpdateQueue(
-          finishedWork,
-          _updateQueue,
-          _instance,
-          committedExpirationTime
-        );
+        commitUpdateQueue(finishedWork, _updateQueue, _instance);
       }
 
       return;
@@ -18259,7 +15885,7 @@ function commitLifeCycles(
       // 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) {
+      if (current === null && finishedWork.effectTag & Update) {
         var type = finishedWork.type;
         var props = finishedWork.memoizedProps;
       }
@@ -18278,29 +15904,24 @@ function commitLifeCycles(
     }
 
     case Profiler: {
-      if (enableProfilerTimer) {
-        var onRender = finishedWork.memoizedProps.onRender;
+      {
+        var _finishedWork$memoize2 = finishedWork.memoizedProps,
+          onCommit = _finishedWork$memoize2.onCommit,
+          onRender = _finishedWork$memoize2.onRender;
+        var effectDuration = finishedWork.stateNode.effectDuration;
+        var commitTime = getCommitTime();
 
         if (typeof onRender === "function") {
-          if (enableSchedulerTracing) {
+          {
             onRender(
               finishedWork.memoizedProps.id,
-              current$$1 === null ? "mount" : "update",
+              current === null ? "mount" : "update",
               finishedWork.actualDuration,
               finishedWork.treeBaseDuration,
               finishedWork.actualStartTime,
-              getCommitTime(),
+              commitTime,
               finishedRoot.memoizedInteractions
             );
-          } else {
-            onRender(
-              finishedWork.memoizedProps.id,
-              current$$1 === null ? "mount" : "update",
-              finishedWork.actualDuration,
-              finishedWork.treeBaseDuration,
-              finishedWork.actualStartTime,
-              getCommitTime()
-            );
           }
         }
       }
@@ -18309,7 +15930,6 @@ function commitLifeCycles(
     }
 
     case SuspenseComponent: {
-      commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
       return;
     }
 
@@ -18318,19 +15938,17 @@ function commitLifeCycles(
     case FundamentalComponent:
     case ScopeComponent:
       return;
+  }
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
 function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  if (supportsMutation) {
+  {
     // 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;
@@ -18348,7 +15966,7 @@ function hideOrUnhideAllChildren(finishedWork, isHidden) {
         var _instance3 = node.stateNode;
 
         if (isHidden) {
-          hideTextInstance(_instance3);
+          hideTextInstance();
         } else {
           unhideTextInstance(_instance3, node.memoizedProps);
         }
@@ -18403,17 +16021,12 @@ function commitAttachRef(finishedWork) {
         instanceToUse = instance;
     } // Moved outside to ensure DCE works with this flag
 
-    if (enableScopeAPI && finishedWork.tag === ScopeComponent) {
-      instanceToUse = instance.methods;
-    }
-
     if (typeof ref === "function") {
       ref(instanceToUse);
     } else {
       {
         if (!ref.hasOwnProperty("current")) {
-          warningWithoutStack$1(
-            false,
+          error(
             "Unexpected ref object provided for %s. " +
               "Use either a ref-setter function or React.createRef().%s",
             getComponentName(finishedWork.type),
@@ -18427,8 +16040,8 @@ function commitAttachRef(finishedWork) {
   }
 }
 
-function commitDetachRef(current$$1) {
-  var currentRef = current$$1.ref;
+function commitDetachRef(current) {
+  var currentRef = current.ref;
 
   if (currentRef !== null) {
     if (typeof currentRef === "function") {
@@ -18441,92 +16054,77 @@ function commitDetachRef(current$$1) {
 // deletion, so don't let them throw. Host-originating errors should
 // interrupt deletion, so it's okay
 
-function commitUnmount(finishedRoot, current$$1, renderPriorityLevel) {
-  onCommitUnmount(current$$1);
+function commitUnmount(finishedRoot, current, renderPriorityLevel) {
+  onCommitUnmount(current);
 
-  switch (current$$1.tag) {
+  switch (current.tag) {
     case FunctionComponent:
     case ForwardRef:
     case MemoComponent:
-    case SimpleMemoComponent: {
-      var updateQueue = current$$1.updateQueue;
+    case SimpleMemoComponent:
+    case Block: {
+      var updateQueue = current.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);
-              }
+          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 _effect3 = effect,
+                  _destroy = _effect3.destroy,
+                  _tag = _effect3.tag;
+
+                if (_destroy !== undefined) {
+                  {
+                    safelyCallDestroy(current, _destroy);
+                  }
+                }
 
-              effect = effect.next;
-            } while (effect !== firstEffect);
-          });
+                effect = effect.next;
+              } while (effect !== firstEffect);
+            });
+          }
         }
       }
 
-      break;
+      return;
     }
 
     case ClassComponent: {
-      safelyDetachRef(current$$1);
-      var instance = current$$1.stateNode;
+      safelyDetachRef(current);
+      var instance = current.stateNode;
 
       if (typeof instance.componentWillUnmount === "function") {
-        safelyCallComponentWillUnmount(current$$1, instance);
+        safelyCallComponentWillUnmount(current, 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);
+      safelyDetachRef(current);
       return;
     }
 
@@ -18534,48 +16132,23 @@ function commitUnmount(finishedRoot, current$$1, renderPriorityLevel) {
       // TODO: this is recursive.
       // We are also not using this parent because
       // the portal will get pushed immediately.
-      if (supportsMutation) {
-        unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-      } else if (supportsPersistence) {
-        emptyPortalContainer(current$$1);
+      {
+        unmountHostComponents(finishedRoot, current, renderPriorityLevel);
       }
 
       return;
     }
 
     case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = current$$1.stateNode;
-
-        if (fundamentalInstance !== null) {
-          unmountFundamentalComponent(fundamentalInstance);
-          current$$1.stateNode = null;
-        }
-      }
-
       return;
     }
 
     case DehydratedFragment: {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
-
-          if (onDeleted) {
-            onDeleted(current$$1.stateNode);
-          }
-        }
-      }
-
       return;
     }
 
     case ScopeComponent: {
-      if (enableScopeAPI) {
-        safelyDetachRef(current$$1);
-      }
+      return;
     }
   }
 }
@@ -18595,7 +16168,7 @@ function commitNestedUnmounts(finishedRoot, root, renderPriorityLevel) {
     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.tag !== HostPortal
     ) {
       node.child.return = node;
       node = node.child;
@@ -18619,72 +16192,30 @@ function commitNestedUnmounts(finishedRoot, root, renderPriorityLevel) {
   }
 }
 
-function detachFiber(current$$1) {
-  var alternate = current$$1.alternate; // Cut off the return pointers to disconnect it from the tree. Ideally, we
+function detachFiber(current) {
+  var alternate = current.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;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = 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: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
-  }
-}
-
 function getHostParentFiber(fiber) {
   var parent = fiber.return;
 
@@ -18762,10 +16293,6 @@ function getHostSibling(fiber) {
 }
 
 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;
@@ -18789,10 +16316,6 @@ function commitPlacement(finishedWork) {
       break;
 
     case FundamentalComponent:
-      if (enableFundamentalAPI) {
-        parent = parentStateNode.instance;
-        isContainer = false;
-      }
 
     // eslint-disable-next-line-no-fallthrough
 
@@ -18804,65 +16327,79 @@ function commitPlacement(finishedWork) {
   }
 
   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;
+  if (isContainer) {
+    insertOrAppendPlacementNodeIntoContainer(finishedWork, before, parent);
+  } else {
+    insertOrAppendPlacementNode(finishedWork, before, parent);
+  }
+}
 
-  while (true) {
-    var isHost = node.tag === HostComponent || node.tag === HostText;
+function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+  var tag = node.tag;
+  var isHost = tag === HostComponent || tag === HostText;
 
-    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
-      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+  if (isHost || enableFundamentalAPI) {
+    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 (before) {
+      insertInContainerBefore(parent);
+    } else {
+      appendChildToContainer(parent, stateNode);
     }
+  } else if (tag === HostPortal);
+  else {
+    var child = node.child;
 
-    if (node === finishedWork) {
-      return;
-    }
+    if (child !== null) {
+      insertOrAppendPlacementNodeIntoContainer(child, before, parent);
+      var sibling = child.sibling;
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === finishedWork) {
-        return;
+      while (sibling !== null) {
+        insertOrAppendPlacementNodeIntoContainer(sibling, before, parent);
+        sibling = sibling.sibling;
       }
+    }
+  }
+}
 
-      node = node.return;
+function insertOrAppendPlacementNode(node, before, parent) {
+  var tag = node.tag;
+  var isHost = tag === HostComponent || tag === HostText;
+
+  if (isHost || enableFundamentalAPI) {
+    var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+
+    if (before) {
+      insertBefore(parent, stateNode, before);
+    } else {
+      appendChild(parent, stateNode);
     }
+  } else if (tag === HostPortal);
+  else {
+    var child = node.child;
 
-    node.sibling.return = node.return;
-    node = node.sibling;
+    if (child !== null) {
+      insertOrAppendPlacementNode(child, before, parent);
+      var sibling = child.sibling;
+
+      while (sibling !== null) {
+        insertOrAppendPlacementNode(sibling, before, parent);
+        sibling = sibling.sibling;
+      }
+    }
   }
 }
 
-function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
+function unmountHostComponents(finishedRoot, current, renderPriorityLevel) {
   // We only have the top Fiber that was deleted but we need to recurse down its
   // children to find all the terminal nodes.
-  var node = current$$1; // Each iteration, currentParent is populated with node's host parent if not
+  var node = current; // 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.
@@ -18898,12 +16435,6 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
             currentParent = parentStateNode.containerInfo;
             currentParentIsContainer = true;
             break findParent;
-
-          case FundamentalComponent:
-            if (enableFundamentalAPI) {
-              currentParent = parentStateNode.instance;
-              currentParentIsContainer = false;
-            }
         }
 
         parent = parent.return;
@@ -18921,37 +16452,6 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
       } 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(finishedRoot, 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 === DehydratedFragment
-    ) {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
-
-          if (onDeleted) {
-            onDeleted(node.stateNode);
-          }
-        }
-      } // 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.
@@ -18973,12 +16473,12 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
       }
     }
 
-    if (node === current$$1) {
+    if (node === current) {
       return;
     }
 
     while (node.sibling === null) {
-      if (node.return === null || node.return === current$$1) {
+      if (node.return === null || node.return === current) {
         return;
       }
 
@@ -18996,74 +16496,32 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
   }
 }
 
-function commitDeletion(finishedRoot, current$$1, renderPriorityLevel) {
-  if (supportsMutation) {
+function commitDeletion(finishedRoot, current, renderPriorityLevel) {
+  {
     // Recursively delete all host nodes from the parent.
     // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-  } else {
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitNestedUnmounts(finishedRoot, current$$1, renderPriorityLevel);
+    unmountHostComponents(finishedRoot, current, renderPriorityLevel);
   }
 
-  detachFiber(current$$1);
+  detachFiber(current);
 }
 
-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;
-      }
-
-      case HostRoot: {
-        if (supportsHydration) {
-          var root = finishedWork.stateNode;
-
-          if (root.hydrate) {
-            // We've just hydrated. No need to hydrate again.
-            root.hydrate = false;
-            commitHydratedContainer(root.containerInfo);
-          }
-        }
-
-        break;
-      }
-    }
-
-    commitContainer(finishedWork);
-    return;
-  }
-
+function commitWork(current, finishedWork) {
   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);
+    case SimpleMemoComponent:
+    case Block: {
+      // Layout effects are destroyed during the mutation phase so that all
+      // destroy functions for all fibers are called before any create functions.
+      // This prevents sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      {
+        commitHookEffectListUnmount(Layout | HasEffect, finishedWork);
+      }
+
       return;
     }
 
@@ -19080,31 +16538,14 @@ function commitWork(current$$1, finishedWork) {
         // as the newProps. The updatePayload will contain the real change in
         // this case.
 
-        var oldProps =
-          current$$1 !== null ? current$$1.memoizedProps : newProps;
+        var oldProps = current !== null ? current.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
-          );
-        }
-
-        if (enableFlareAPI) {
-          var prevListeners = oldProps.listeners;
-          var nextListeners = newProps.listeners;
-
-          if (prevListeners !== nextListeners) {
-            updateEventListeners(nextListeners, finishedWork, null);
-          }
+          commitUpdate(instance, updatePayload, type, oldProps, newProps);
         }
       }
 
@@ -19123,22 +16564,12 @@ function commitWork(current$$1, finishedWork) {
       // as the newProps. The updatePayload will contain the real change in
       // this case.
 
-      var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
+      var oldText = current !== null ? current.memoizedProps : newText;
       commitTextUpdate(textInstance, oldText, newText);
-      return;
-    }
-
-    case HostRoot: {
-      if (supportsHydration) {
-        var _root = finishedWork.stateNode;
-
-        if (_root.hydrate) {
-          // We've just hydrated. No need to hydrate again.
-          _root.hydrate = false;
-          commitHydratedContainer(_root.containerInfo);
-        }
-      }
+      return;
+    }
 
+    case HostRoot: {
       return;
     }
 
@@ -19160,46 +16591,12 @@ function commitWork(current$$1, finishedWork) {
     case IncompleteClassComponent: {
       return;
     }
+  }
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = finishedWork.stateNode;
-        updateFundamentalComponent(fundamentalInstance);
-      }
-
-      return;
-    }
-
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        var scopeInstance = finishedWork.stateNode;
-        scopeInstance.fiber = finishedWork;
-
-        if (enableFlareAPI) {
-          var _newProps = finishedWork.memoizedProps;
-
-          var _oldProps =
-            current$$1 !== null ? current$$1.memoizedProps : _newProps;
-
-          var _prevListeners = _oldProps.listeners;
-          var _nextListeners = _newProps.listeners;
-
-          if (_prevListeners !== _nextListeners) {
-            updateEventListeners(_nextListeners, finishedWork, null);
-          }
-        }
-      }
-
-      return;
-    }
-
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
@@ -19216,61 +16613,9 @@ function commitSuspenseComponent(finishedWork) {
     markCommitTimeOfFallback();
   }
 
-  if (supportsMutation && primaryChildParent !== null) {
+  if (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 commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
-  if (!supportsHydration) {
-    return;
-  }
-
-  var newState = finishedWork.memoizedState;
-
-  if (newState === null) {
-    var current$$1 = finishedWork.alternate;
-
-    if (current$$1 !== null) {
-      var prevState = current$$1.memoizedState;
-
-      if (prevState !== null) {
-        var suspenseInstance = prevState.dehydrated;
-
-        if (suspenseInstance !== null) {
-          commitHydratedSuspenseInstance(suspenseInstance);
-
-          if (enableSuspenseCallback) {
-            var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-            if (hydrationCallbacks !== null) {
-              var onHydrated = hydrationCallbacks.onHydrated;
-
-              if (onHydrated) {
-                onHydrated(suspenseInstance);
-              }
-            }
-          }
-        }
-      }
-    }
-  }
 }
 
 function attachSuspenseRetryListeners(finishedWork) {
@@ -19292,7 +16637,7 @@ function attachSuspenseRetryListeners(finishedWork) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
 
       if (!retryCache.has(thenable)) {
-        if (enableSchedulerTracing) {
+        {
           if (thenable.__reactDoNotTraceInteractions !== true) {
             retry = tracing.unstable_wrap(retry);
           }
@@ -19305,12 +16650,8 @@ function attachSuspenseRetryListeners(finishedWork) {
   }
 }
 
-function commitResetTextContent(current$$1) {
-  if (!supportsMutation) {
-    return;
-  }
-
-  resetTextContent(current$$1.stateNode);
+function commitResetTextContent(current) {
+  resetTextContent(current.stateNode);
 }
 
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
@@ -19340,11 +16681,11 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
 
   if (typeof getDerivedStateFromError === "function") {
-    var error = errorInfo.value;
+    var error$1 = errorInfo.value;
 
     update.payload = function() {
       logError(fiber, errorInfo);
-      return getDerivedStateFromError(error);
+      return getDerivedStateFromError(error$1);
     };
   }
 
@@ -19367,9 +16708,9 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         logError(fiber, errorInfo);
       }
 
-      var error = errorInfo.value;
+      var error$1 = errorInfo.value;
       var stack = errorInfo.stack;
-      this.componentDidCatch(error, {
+      this.componentDidCatch(error$1, {
         componentStack: stack !== null ? stack : ""
       });
 
@@ -19378,14 +16719,13 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
           // 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;
+          if (fiber.expirationTime !== Sync) {
+            error(
+              "%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"
+            );
+          }
         }
       }
     };
@@ -19450,7 +16790,22 @@ function throwException(
   ) {
     // This is a thenable.
     var thenable = value;
-    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    if ((sourceFiber.mode & BlockingMode) === NoMode) {
+      // Reset the memoizedState to what it was before we attempted
+      // to render it.
+      var currentSource = sourceFiber.alternate;
+
+      if (currentSource) {
+        sourceFiber.updateQueue = currentSource.updateQueue;
+        sourceFiber.memoizedState = currentSource.memoizedState;
+        sourceFiber.expirationTime = currentSource.expirationTime;
+      } else {
+        sourceFiber.updateQueue = null;
+        sourceFiber.memoizedState = null;
+      }
+    }
+
     var hasInvisibleParentBoundary = hasSuspenseContext(
       suspenseStackCursor.current,
       InvisibleParentSuspenseContext
@@ -19624,9 +16979,6 @@ function throwException(
         }
 
         break;
-
-      default:
-        break;
     }
 
     workInProgress = workInProgress.return;
@@ -19634,18 +16986,15 @@ function throwException(
 }
 
 var ceil = Math.ceil;
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
-var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
 var NoContext =
   /*                    */
   0;
 var BatchedContext =
   /*               */
   1;
-var EventContext =
-  /*                 */
-  2;
 var DiscreteEventContext =
   /*         */
   4;
@@ -19671,7 +17020,7 @@ 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 renderExpirationTime$1 = NoWork; // Whether to root completed, errored, suspended, etc.
 
 var workInProgressRootExitStatus = RootIncomplete; // A fatal error, if one is thrown
 
@@ -19756,7 +17105,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   if ((executionContext & RenderContext) !== NoContext) {
     // Use whatever time we're already rendering
     // TODO: Should there be a way to opt out, like with `runWithPriority`?
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   }
 
   var expirationTime;
@@ -19800,7 +17149,10 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
   // the root when we check for this condition.
 
-  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
+  if (
+    workInProgressRoot !== null &&
+    expirationTime === renderExpirationTime$1
+  ) {
     // This is a trick to move this update into a separate batch
     expirationTime -= 1;
   }
@@ -19809,7 +17161,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
 }
 function scheduleUpdateOnFiber(fiber, expirationTime) {
   checkForNestedUpdates();
-  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+  warnAboutRenderPhaseUpdatesInDEV(fiber);
   var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
 
   if (root === null) {
@@ -19943,7 +17295,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
         // scheduled before the root started rendering. Need to track the next
         // pending expiration time (perhaps by backtracking the return path) and
         // then trigger a restart in the `renderDidSuspendDelayIfPossible` path.
-        markRootSuspendedAtTime(root, renderExpirationTime);
+        markRootSuspendedAtTime(root, renderExpirationTime$1);
       }
     } // Mark that the root has a pending update.
 
@@ -19975,9 +17327,17 @@ function getNextRootExpirationTimeToWorkOn(root) {
 
   var lastPingedTime = root.lastPingedTime;
   var nextKnownPendingLevel = root.nextKnownPendingLevel;
-  return lastPingedTime > nextKnownPendingLevel
-    ? lastPingedTime
-    : nextKnownPendingLevel;
+  var nextLevel =
+    lastPingedTime > nextKnownPendingLevel
+      ? lastPingedTime
+      : nextKnownPendingLevel;
+
+  if (nextLevel <= Idle && firstPendingTime !== nextLevel) {
+    // Don't work on Idle/Never priority unless everything else is committed.
+    return NoWork;
+  }
+
+  return nextLevel;
 } // Use this function to schedule a task for a root. There's only one task per
 // root; if a task was already scheduled, we'll check to make sure the
 // expiration time of the existing task is the same as the expiration time of
@@ -20044,11 +17404,6 @@ function ensureRootIsScheduled(root) {
   if (expirationTime === Sync) {
     // Sync React callbacks are scheduled on a special internal queue
     callbackNode = scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
-  } else if (disableSchedulerTimeoutBasedOnReactExpirationTime) {
-    callbackNode = scheduleCallback(
-      priorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root)
-    );
   } else {
     callbackNode = scheduleCallback(
       priorityLevel,
@@ -20067,7 +17422,7 @@ function ensureRootIsScheduled(root) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   // 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;
+  currentEventTime = NoWork; // Check if the render expired.
 
   if (didTimeout) {
     // The render task took too long to complete. Mark the current time as
@@ -20082,83 +17437,50 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
 
   var expirationTime = getNextRootExpirationTimeToWorkOn(root);
 
-  if (expirationTime !== NoWork) {
-    var originalCallbackNode = root.callbackNode;
-
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
-
-    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);
-    } // If we have a work-in-progress fiber, it means there's still work to do
-    // in this root.
+  if (expirationTime === NoWork) {
+    return null;
+  }
 
-    if (workInProgress !== null) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
+  var originalCallbackNode = root.callbackNode;
 
-      do {
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
+  flushPassiveEffects();
+  var exitStatus = renderRootConcurrent(root, expirationTime);
 
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
+  if (exitStatus !== RootIncomplete) {
+    if (exitStatus === RootErrored) {
+      // If something threw an error, try rendering one more time. We'll
+      // render synchronously to block concurrent data mutations, and we'll
+      // render at Idle (or lower) so that all pending updates are included.
+      // If it still fails after the second attempt, we'll give up and commit
+      // the resulting tree.
+      expirationTime = expirationTime > Idle ? Idle : expirationTime;
+      exitStatus = renderRootSync(root, expirationTime);
+    }
 
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
+    if (exitStatus === RootFatalErrored) {
+      var fatalError = workInProgressRootFatalError;
+      prepareFreshStack(root, expirationTime);
+      markRootSuspendedAtTime(root, expirationTime);
+      ensureRootIsScheduled(root);
+      throw fatalError;
+    } // We now have a consistent tree. The next step is either to commit it,
+    // or, if something suspended, wait to commit it after a timeout.
 
-      if (workInProgress !== null) {
-        // There's still work left over. Exit without committing.
-        stopInterruptedWorkLoopTimer();
-      } else {
-        // 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 finishedWork = (root.finishedWork = root.current.alternate);
-        root.finishedExpirationTime = expirationTime;
-        finishConcurrentRender(
-          root,
-          finishedWork,
-          workInProgressRootExitStatus,
-          expirationTime
-        );
-      }
+    var finishedWork = (root.finishedWork = root.current.alternate);
+    root.finishedExpirationTime = expirationTime;
+    finishConcurrentRender(root, finishedWork, exitStatus, expirationTime);
+  }
 
-      ensureRootIsScheduled(root);
+  ensureRootIsScheduled(root);
 
-      if (root.callbackNode === originalCallbackNode) {
-        // The task node scheduled for this root is the same one that's
-        // currently executed. Need to return a continuation.
-        return performConcurrentWorkOnRoot.bind(null, root);
-      }
-    }
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
   }
 
   return null;
@@ -20170,9 +17492,6 @@ function finishConcurrentRender(
   exitStatus,
   expirationTime
 ) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
-
   switch (exitStatus) {
     case RootIncomplete:
     case RootFatalErrored: {
@@ -20185,19 +17504,9 @@ function finishConcurrentRender(
     // if I do. eslint-disable-next-line no-fallthrough
 
     case RootErrored: {
-      // If this was an async render, the error may have happened due to
-      // a mutation in a concurrent event. Try rendering one more time,
-      // synchronously, to see if the error goes away. If there are
-      // lower priority updates, let's include those, too, in case they
-      // fix the inconsistency. Render at Idle to include all updates.
-      // If it was Idle or Never or some not-yet-invented time, render
-      // at that time.
-      markRootExpiredAtTime(
-        root,
-        expirationTime > Idle ? Idle : expirationTime
-      ); // We assume that this second render pass will be synchronous
-      // and therefore not hit this path again.
-
+      // We should have already attempted to retry this tree. If we reached
+      // this point, it errored again. Commit it.
+      commitRoot(root);
       break;
     }
 
@@ -20207,9 +17516,7 @@ function finishConcurrentRender(
 
       if (expirationTime === lastSuspendedTime) {
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
-      }
-
-      flushSuspensePriorityWarningInDEV(); // We have an acceptable loading state. We need to figure out if we
+      } // 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
@@ -20220,7 +17527,7 @@ function finishConcurrentRender(
 
       if (
         hasNotProcessedNewUpdates && // do not delay if we're inside an act() scope
-        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+        !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
@@ -20284,12 +17591,7 @@ function finishConcurrentRender(
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
       }
 
-      flushSuspensePriorityWarningInDEV();
-
-      if (
-        // 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) {
@@ -20379,11 +17681,6 @@ function finishConcurrentRender(
       // The work completed. Ready to commit.
       if (
         // do not delay if we're inside an act() scope
-        !(
-          true &&
-          flushSuspenseFallbacksInTests &&
-          IsThisRendererActing.current
-        ) &&
         workInProgressRootLatestProcessedExpirationTime !== Sync &&
         workInProgressRootCanSuspendUsingConfig !== null
       ) {
@@ -20421,149 +17718,67 @@ function finishConcurrentRender(
 // through Scheduler
 
 function performSyncWorkOnRoot(root) {
-  // Check if there's expired work on this root. Otherwise, render at Sync.
-  var lastExpiredTime = root.lastExpiredTime;
-  var expirationTime = lastExpiredTime !== NoWork ? lastExpiredTime : Sync;
-
-  if (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.
-    commitRoot(root);
-  } else {
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-    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.
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  var expirationTime;
 
+  if (lastExpiredTime !== NoWork) {
+    // There's expired work on this root. Check if we have a partial tree
+    // that we can reuse.
     if (
-      root !== workInProgressRoot ||
-      expirationTime !== renderExpirationTime
+      root === workInProgressRoot &&
+      renderExpirationTime$1 >= lastExpiredTime
     ) {
-      prepareFreshStack(root, expirationTime);
-      startWorkOnPendingInteractions(root, expirationTime);
-    } // 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 = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
-
-      do {
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
-
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
-
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
-
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
-
-      if (workInProgress !== null) {
-        // This is a sync render, so we should have finished the whole tree.
-        {
-          throw Error(
-            "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-      } else {
-        // We now have a consistent tree. Because this is a sync render, we
-        // will commit it even if something suspended.
-        stopFinishedWorkLoopTimer();
-        root.finishedWork = root.current.alternate;
-        root.finishedExpirationTime = expirationTime;
-        finishSyncRender(root, workInProgressRootExitStatus, expirationTime);
-      } // Before exiting, make sure there's a callback scheduled for the next
-      // pending level.
-
-      ensureRootIsScheduled(root);
+      // There's a partial tree with equal or greater than priority than the
+      // expired level. Finish rendering it before rendering the rest of the
+      // expired work.
+      expirationTime = renderExpirationTime$1;
+    } else {
+      // Start a fresh tree.
+      expirationTime = lastExpiredTime;
     }
+  } else {
+    // There's no expired work. This must be a new, synchronous render.
+    expirationTime = Sync;
   }
 
-  return null;
-}
-
-function finishSyncRender(root, exitStatus, expirationTime) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
+  var exitStatus = renderRootSync(root, expirationTime);
 
-  {
-    if (exitStatus === RootSuspended || exitStatus === RootSuspendedWithDelay) {
-      flushSuspensePriorityWarningInDEV();
-    }
+  if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
+    // If something threw an error, try rendering one more time. We'll
+    // render synchronously to block concurrent data mutations, and we'll
+    // render at Idle (or lower) so that all pending updates are included.
+    // If it still fails after the second attempt, we'll give up and commit
+    // the resulting tree.
+    expirationTime = expirationTime > Idle ? Idle : expirationTime;
+    exitStatus = renderRootSync(root, expirationTime);
   }
 
-  commitRoot(root);
-}
-
-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;
-  }
+  if (exitStatus === RootFatalErrored) {
+    var fatalError = workInProgressRootFatalError;
+    prepareFreshStack(root, expirationTime);
+    markRootSuspendedAtTime(root, expirationTime);
+    ensureRootIsScheduled(root);
+    throw fatalError;
+  } // We now have a consistent tree. Because this is a sync render, we
+  // will commit it even if something suspended.
 
-  flushPendingDiscreteUpdates(); // If the discrete updates scheduled passive effects, flush them now so that
-  // they fire before the next serial event.
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+  commitRoot(root); // Before exiting, make sure there's a callback scheduled for the next
+  // pending level.
 
-  flushPassiveEffects();
+  ensureRootIsScheduled(root);
+  return null;
 }
-
 function syncUpdates(fn, a, b, c) {
   return runWithPriority(ImmediatePriority, 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) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    }); // Now flush the immediate queue.
-
-    flushSyncCallbackQueue();
-  }
-}
-
 function batchedUpdates$1(fn, a) {
   var prevExecutionContext = executionContext;
   executionContext |= BatchedContext;
@@ -20579,38 +17794,6 @@ function batchedUpdates$1(fn, a) {
     }
   }
 }
-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) {
     {
@@ -20657,8 +17840,8 @@ function prepareFreshStack(root, expirationTime) {
   }
 
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestProcessedExpirationTime = Sync;
@@ -20667,13 +17850,12 @@ function prepareFreshStack(root, expirationTime) {
   workInProgressRootNextUnprocessedUpdateTime = NoWork;
   workInProgressRootHasPendingPing = false;
 
-  if (enableSchedulerTracing) {
+  {
     spawnedWorkDuringRender = null;
   }
 
   {
     ReactStrictModeWarnings.discardPendingWarnings();
-    componentsThatTriggeredHighPriSuspend = null;
   }
 }
 
@@ -20682,7 +17864,7 @@ function handleError(root, thrownValue) {
     try {
       // Reset module-level state that was set during the render phase.
       resetContextDependencies();
-      resetHooks();
+      resetHooksAfterThrow();
       resetCurrentFiber();
 
       if (workInProgress === null || workInProgress.return === null) {
@@ -20691,7 +17873,14 @@ function handleError(root, thrownValue) {
         // supposed to capture all errors that weren't caught by an error
         // boundary.
         workInProgressRootExitStatus = RootFatalErrored;
-        workInProgressRootFatalError = thrownValue;
+        workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
+        // sibling, or the parent if there are no siblings. But since the root
+        // has no siblings nor a parent, we set it to null. Usually this is
+        // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+        // interntionally not calling those, we need set it here.
+        // TODO: Consider calling `unwindWork` to pop the contexts.
+
+        workInProgress = null;
         return null;
       }
 
@@ -20707,7 +17896,7 @@ function handleError(root, thrownValue) {
         workInProgress.return,
         workInProgress,
         thrownValue,
-        renderExpirationTime
+        renderExpirationTime$1
       );
       workInProgress = completeUnitOfWork(workInProgress);
     } catch (yetAnotherThrownValue) {
@@ -20721,8 +17910,8 @@ function handleError(root, thrownValue) {
 }
 
 function pushDispatcher(root) {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
 
   if (prevDispatcher === null) {
     // The React isomorphic package does not include a default dispatcher.
@@ -20735,21 +17924,19 @@ function pushDispatcher(root) {
 }
 
 function popDispatcher(prevDispatcher) {
-  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
 }
 
 function pushInteractions(root) {
-  if (enableSchedulerTracing) {
+  {
     var prevInteractions = tracing.__interactionsRef.current;
     tracing.__interactionsRef.current = root.memoizedInteractions;
     return prevInteractions;
   }
-
-  return null;
 }
 
 function popInteractions(prevInteractions) {
-  if (enableSchedulerTracing) {
+  {
     tracing.__interactionsRef.current = prevInteractions;
   }
 }
@@ -20802,7 +17989,7 @@ function renderDidSuspendDelayIfPossible() {
     // pending update.
     // TODO: This should immediately interrupt the current render, instead
     // of waiting until the next time we yield.
-    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime);
+    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime$1);
     markRootUpdatedAtTime(
       workInProgressRoot,
       workInProgressRootNextUnprocessedUpdateTime
@@ -20841,6 +18028,56 @@ function inferTimeFromExpirationTimeWithSuspenseConfig(
     earliestExpirationTimeMs -
     (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
   );
+}
+
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  executionContext = prevExecutionContext;
+  popDispatcher(prevDispatcher);
+
+  if (workInProgress !== null) {
+    // This is a sync render, so we should have finished the whole tree.
+    {
+      throw Error(
+        "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+      );
+    }
+  }
+
+  stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
 } // The work loop is an extremely hot path. Tell Closure not to inline it.
 
 /** @noinline */
@@ -20851,6 +18088,55 @@ function workLoopSync() {
     workInProgress = performUnitOfWork(workInProgress);
   }
 }
+
+function renderRootConcurrent(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  popDispatcher(prevDispatcher);
+  executionContext = prevExecutionContext; // Check if the tree has completed.
+
+  if (workInProgress !== null) {
+    // Still work remaining.
+    stopInterruptedWorkLoopTimer();
+    return RootIncomplete;
+  } else {
+    // Completed the tree.
+    stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+    workInProgressRoot = null; // Return the final exit status.
+
+    return workInProgressRootExitStatus;
+  }
+}
 /** @noinline */
 
 function workLoopConcurrent() {
@@ -20864,17 +18150,17 @@ 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;
+  var current = unitOfWork.alternate;
   startWorkTimer(unitOfWork);
   setCurrentFiber(unitOfWork);
   var next;
 
-  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+  if ((unitOfWork.mode & ProfileMode) !== NoMode) {
     startProfilerTimer(unitOfWork);
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
     stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
   } else {
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
   }
 
   resetCurrentFiber();
@@ -20898,21 +18184,18 @@ function completeUnitOfWork(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 = workInProgress.alternate;
+    var current = 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);
+      if ((workInProgress.mode & ProfileMode) === NoMode) {
+        next = completeWork(current, workInProgress, renderExpirationTime$1);
       } else {
         startProfilerTimer(workInProgress);
-        next = completeWork(current$$1, workInProgress, renderExpirationTime); // Update render duration assuming we didn't error.
+        next = completeWork(current, workInProgress, renderExpirationTime$1); // Update render duration assuming we didn't error.
 
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
       }
@@ -20968,12 +18251,9 @@ function completeUnitOfWork(unitOfWork) {
       // 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.
+      var _next = unwindWork(workInProgress); // Because this fiber did not complete, don't reset its expiration time.
 
-      if (
-        enableProfilerTimer &&
-        (workInProgress.mode & ProfileMode) !== NoMode
-      ) {
+      if ((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.
 
@@ -21036,7 +18316,7 @@ function getRemainingExpirationTime(fiber) {
 
 function resetChildExpirationTime(completedWork) {
   if (
-    renderExpirationTime !== Never &&
+    renderExpirationTime$1 !== Never &&
     completedWork.childExpirationTime === Never
   ) {
     // The children of this component are hidden. Don't bubble their
@@ -21046,7 +18326,7 @@ function resetChildExpirationTime(completedWork) {
 
   var newChildExpirationTime = NoWork; // Bubble up the earliest expiration time.
 
-  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+  if ((completedWork.mode & ProfileMode) !== NoMode) {
     // In profiling mode, resetChildExpirationTime is also used to reset
     // profiler durations.
     var actualDuration = completedWork.actualDuration;
@@ -21117,7 +18397,16 @@ function commitRoot(root) {
 }
 
 function commitRootImpl(root, renderPriorityLevel) {
-  flushPassiveEffects();
+  do {
+    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+    // means `flushPassiveEffects` will sometimes result in additional
+    // passive effects. So we need to keep flushing in a loop until there are
+    // no more pending effects.
+    // TODO: Might be better if `flushPassiveEffects` did not automatically
+    // flush synchronous work at the end, to avoid factoring hazards like this.
+    flushPassiveEffects();
+  } while (rootWithPendingPassiveEffects !== null);
+
   flushRenderPhaseStrictModeWarningsInDEV();
 
   if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
@@ -21161,8 +18450,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     // We can reset these now that they are finished.
     workInProgressRoot = null;
     workInProgress = null;
-    renderExpirationTime = NoWork;
-  } else {
+    renderExpirationTime$1 = NoWork;
   } // 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.
@@ -21220,7 +18508,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
     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();
@@ -21294,7 +18582,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
     requestPaint();
 
-    if (enableSchedulerTracing) {
+    {
       popInteractions(prevInteractions);
     }
 
@@ -21308,7 +18596,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     startCommitSnapshotEffectsTimer();
     stopCommitSnapshotEffectsTimer();
 
-    if (enableProfilerTimer) {
+    {
       recordCommitTime();
     }
 
@@ -21344,7 +18632,7 @@ function commitRootImpl(root, renderPriorityLevel) {
   var remainingExpirationTime = root.firstPendingTime;
 
   if (remainingExpirationTime !== NoWork) {
-    if (enableSchedulerTracing) {
+    {
       if (spawnedWorkDuringRender !== null) {
         var expirationTimes = spawnedWorkDuringRender;
         spawnedWorkDuringRender = null;
@@ -21366,7 +18654,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     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.
@@ -21420,8 +18708,8 @@ function commitBeforeMutationEffects() {
     if ((effectTag & Snapshot) !== NoEffect) {
       setCurrentFiber(nextEffect);
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+      var current = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current, nextEffect);
       resetCurrentFiber();
     }
 
@@ -21452,10 +18740,10 @@ function commitMutationEffects(root, renderPriorityLevel) {
     }
 
     if (effectTag & Ref) {
-      var current$$1 = nextEffect.alternate;
+      var current = nextEffect.alternate;
 
-      if (current$$1 !== null) {
-        commitDetachRef(current$$1);
+      if (current !== null) {
+        commitDetachRef(current);
       }
     } // The following switch statement is only concerned about placement,
     // updates, and deletions. To avoid needing to add a case for every possible
@@ -21527,8 +18815,8 @@ function commitLayoutEffects(root, committedExpirationTime) {
 
     if (effectTag & (Update | Callback)) {
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+      var current = nextEffect.alternate;
+      commitLifeCycles(root, current, nextEffect);
     }
 
     if (effectTag & Ref) {
@@ -21568,36 +18856,40 @@ function flushPassiveEffectsImpl() {
 
   var prevExecutionContext = executionContext;
   executionContext |= CommitContext;
-  var prevInteractions = pushInteractions(root); // 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 prevInteractions = pushInteractions(root);
 
-  var effect = root.current.firstEffect;
+  {
+    // 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 _effect2 = root.current.firstEffect;
 
-  while (effect !== null) {
-    {
-      setCurrentFiber(effect);
-      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+    while (_effect2 !== null) {
+      {
+        setCurrentFiber(_effect2);
+        invokeGuardedCallback(null, commitPassiveHookEffects, null, _effect2);
 
-      if (hasCaughtError()) {
-        if (!(effect !== null)) {
-          throw Error("Should be working on an effect.");
+        if (hasCaughtError()) {
+          if (!(_effect2 !== null)) {
+            throw Error("Should be working on an effect.");
+          }
+
+          var _error5 = clearCaughtError();
+
+          captureCommitPhaseError(_effect2, _error5);
         }
 
-        var error = clearCaughtError();
-        captureCommitPhaseError(effect, error);
+        resetCurrentFiber();
       }
 
-      resetCurrentFiber();
-    }
-
-    var nextNextEffect = effect.nextEffect; // Remove nextEffect pointer to assist GC
+      var nextNextEffect = _effect2.nextEffect; // Remove nextEffect pointer to assist GC
 
-    effect.nextEffect = null;
-    effect = nextNextEffect;
+      _effect2.nextEffect = null;
+      _effect2 = nextNextEffect;
+    }
   }
 
-  if (enableSchedulerTracing) {
+  {
     popInteractions(prevInteractions);
     finishPendingInteractions(root, expirationTime);
   }
@@ -21699,7 +18991,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     pingCache.delete(thenable);
   }
 
-  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+  if (workInProgressRoot === root && renderExpirationTime$1 === 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.
@@ -21719,7 +19011,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     ) {
       // Restart from the root. Don't need to schedule a ping because
       // we're already working on this tree.
-      prepareFreshStack(root, renderExpirationTime);
+      prepareFreshStack(root, renderExpirationTime$1);
     } else {
       // Even though we can't restart right now, we might get an
       // opportunity later. So we mark this render as having a ping.
@@ -21742,13 +19034,6 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   } // Mark the time at which this ping was scheduled.
 
   root.lastPingedTime = suspendedTime;
-
-  if (root.finishedExpirationTime === suspendedTime) {
-    // If there's a pending fallback waiting to commit, throw it away.
-    root.finishedExpirationTime = NoWork;
-    root.finishedWork = null;
-  }
-
   ensureRootIsScheduled(root);
   schedulePendingInteractions(root, suspendedTime);
 }
@@ -21776,45 +19061,12 @@ function retryTimedOutBoundary(boundaryFiber, retryTime) {
     schedulePendingInteractions(root, retryTime);
   }
 }
-
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState;
-  var retryTime = NoWork;
-
-  if (suspenseState !== null) {
-    retryTime = suspenseState.retryTime;
-  }
-
-  retryTimedOutBoundary(boundaryFiber, retryTime);
-}
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryTime = NoWork; // Default
 
   var retryCache;
 
-  if (enableSuspenseServerRenderer) {
-    switch (boundaryFiber.tag) {
-      case SuspenseComponent:
-        retryCache = boundaryFiber.stateNode;
-        var suspenseState = boundaryFiber.memoizedState;
-
-        if (suspenseState !== null) {
-          retryTime = suspenseState.retryTime;
-        }
-
-        break;
-
-      case SuspenseListComponent:
-        retryCache = boundaryFiber.stateNode;
-        break;
-
-      default: {
-        throw Error(
-          "Pinged unknown suspense boundary type. This is probably a bug in React."
-        );
-      }
-    }
-  } else {
+  {
     retryCache = boundaryFiber.stateNode;
   }
 
@@ -21839,16 +19091,16 @@ 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;
+    ? 480
+    : timeElapsed < 1080
+    ? 1080
+    : timeElapsed < 1920
+    ? 1920
+    : timeElapsed < 3000
+    ? 3000
+    : timeElapsed < 4320
+    ? 4320
+    : ceil(timeElapsed / 1960) * 1960;
 }
 
 function computeMsUntilSuspenseLoadingDelay(
@@ -21897,8 +19149,8 @@ function checkForNestedUpdates() {
   {
     if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
       nestedPassiveUpdateCount = 0;
-      warning$1(
-        false,
+
+      error(
         "Maximum update depth exceeded. This can happen when a component " +
           "calls setState inside useEffect, but useEffect either doesn't " +
           "have a dependency array, or one of the dependencies changes on " +
@@ -21912,7 +19164,7 @@ function flushRenderPhaseStrictModeWarningsInDEV() {
   {
     ReactStrictModeWarnings.flushLegacyContextWarning();
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
     }
   }
@@ -21933,9 +19185,8 @@ function stopInterruptedWorkLoopTimer() {
 
 function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
   if (
-    enableUserTimingAPI &&
     workInProgressRoot !== null &&
-    updateExpirationTime > renderExpirationTime
+    updateExpirationTime > renderExpirationTime$1
   ) {
     interruptedBy = fiberThatReceivedUpdate;
   }
@@ -21953,11 +19204,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       tag !== FunctionComponent &&
       tag !== ForwardRef &&
       tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
+      tag !== SimpleMemoComponent &&
+      tag !== Block
     ) {
       // 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";
@@ -21972,8 +19224,7 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
     }
 
-    warningWithoutStack$1(
-      false,
+    error(
       "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",
@@ -21985,12 +19236,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
   }
 }
 
-var beginWork$$1;
+var beginWork$1;
 
-if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+{
   var dummyFiber = null;
 
-  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+  beginWork$1 = function(current, 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.
@@ -22002,7 +19253,7 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
     );
 
     try {
-      return beginWork$1(current$$1, unitOfWork, expirationTime);
+      return beginWork(current, unitOfWork, expirationTime);
     } catch (originalError) {
       if (
         originalError !== null &&
@@ -22015,7 +19266,7 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       // corresponding changes there.
 
       resetContextDependencies();
-      resetHooks(); // Don't reset current debug fiber, since we're about to work on the
+      resetHooksAfterThrow(); // Don't reset current debug fiber, since we're about to work on the
       // same fiber again.
       // Unwind the failed stack frame
 
@@ -22023,16 +19274,16 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
 
       assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
 
-      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+      if (unitOfWork.mode & ProfileMode) {
         // Reset the profiler timer.
         startProfilerTimer(unitOfWork);
       } // Run beginWork again.
 
       invokeGuardedCallback(
         null,
-        beginWork$1,
+        beginWork,
         null,
-        current$$1,
+        current,
         unitOfWork,
         expirationTime
       );
@@ -22048,42 +19299,37 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       }
     }
   };
-} else {
-  beginWork$$1 = beginWork$1;
 }
 
 var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInGetChildContext = false;
 
-function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+function warnAboutRenderPhaseUpdatesInDEV(fiber) {
   {
-    if (fiber.tag === ClassComponent) {
-      switch (phase) {
-        case "getChildContext":
-          if (didWarnAboutUpdateInGetChildContext) {
-            return;
-          }
-
-          warningWithoutStack$1(
-            false,
-            "setState(...): Cannot call setState() inside getChildContext()"
+    if ((executionContext & RenderContext) !== NoContext) {
+      switch (fiber.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          error(
+            "Cannot update a component from inside the function body of a " +
+              "different component."
           );
-          didWarnAboutUpdateInGetChildContext = true;
+
           break;
+        }
 
-        case "render":
-          if (didWarnAboutUpdateInRender) {
-            return;
-          }
+        case ClassComponent: {
+          if (isRendering && !didWarnAboutUpdateInRender) {
+            error(
+              "Cannot update during an existing state transition (such as " +
+                "within `render`). Render methods should be a pure " +
+                "function of props and state."
+            );
 
-          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;
+            didWarnAboutUpdateInRender = true;
+            break;
+          }
+        }
       }
     }
   }
@@ -22095,20 +19341,20 @@ var IsThisRendererActing = {
 function warnIfNotScopedWithMatchingAct(fiber) {
   {
     if (
-      warnsIfNotActing === true &&
       IsSomeRendererActing.current === true &&
       IsThisRendererActing.current !== true
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "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" +
+        "Be sure to use the matching version of act() corresponding to your renderer:\n\n" +
+        "// for react-dom:\n" + // Break up imports to avoid accidentally parsing them as dependencies.
+        "import {act} fr" +
+        "om 'react-dom/test-utils';\n" +
+        "// ...\n" +
+        "act(() => ...);\n\n" +
+        "// for react-test-renderer:\n" + // Break up imports to avoid accidentally parsing them as dependencies.
+          "import TestRenderer fr" +
+          "om react-test-renderer';\n" +
           "const {act} = TestRenderer;\n" +
           "// ...\n" +
           "act(() => ...);" +
@@ -22121,13 +19367,11 @@ function warnIfNotScopedWithMatchingAct(fiber) {
 function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
   {
     if (
-      warnsIfNotActing === true &&
       (fiber.mode & StrictMode) !== NoMode &&
       IsSomeRendererActing.current === false &&
       IsThisRendererActing.current === false
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "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" +
@@ -22149,13 +19393,11 @@ function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
 function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
   {
     if (
-      warnsIfNotActing === true &&
       executionContext === NoContext &&
       IsSomeRendererActing.current === false &&
       IsThisRendererActing.current === false
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "An update to %s inside a test was not wrapped in act(...).\n\n" +
           "When testing, code that causes React state updates should be " +
           "wrapped into act(...):\n\n" +
@@ -22189,161 +19431,30 @@ function warnIfUnmockedScheduler(fiber) {
     ) {
       if (fiber.mode & BlockingMode || fiber.mode & ConcurrentMode) {
         didWarnAboutUnmockedScheduler = true;
-        warningWithoutStack$1(
-          false,
+
+        error(
           '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" +
+          "to guarantee consistent behaviour across tests and browsers. " +
+          "For example, with jest: \n" + // Break up requires to avoid accidentally parsing them as dependencies.
+            "jest.mock('scheduler', () => require" +
+            "('scheduler/unstable_mock'));\n\n" +
             "For more info, visit https://fb.me/react-mock-scheduler"
         );
-      } else if (warnAboutUnmockedScheduler === true) {
+      } else {
         didWarnAboutUnmockedScheduler = true;
-        warningWithoutStack$1(
-          false,
+
+        error(
           '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" +
+          "to guarantee consistent behaviour across tests and browsers. " +
+          "For example, with jest: \n" + // Break up requires to avoid accidentally parsing them as dependencies.
+            "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 useTransition 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.
@@ -22351,10 +19462,6 @@ function computeThreadID(root, expirationTime) {
 }
 
 function markSpawnedWork(expirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   if (spawnedWorkDuringRender === null) {
     spawnedWorkDuringRender = [expirationTime];
   } else {
@@ -22363,10 +19470,6 @@ function markSpawnedWork(expirationTime) {
 }
 
 function scheduleInteractions(root, expirationTime, interactions) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   if (interactions.size > 0) {
     var pendingInteractionMap = root.pendingInteractionMap;
     var pendingInteractions = pendingInteractionMap.get(expirationTime);
@@ -22398,21 +19501,10 @@ function scheduleInteractions(root, expirationTime, interactions) {
 }
 
 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.
 
@@ -22453,10 +19545,6 @@ function startWorkOnPendingInteractions(root, expirationTime) {
 }
 
 function finishPendingInteractions(root, committedExpirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   var earliestRemainingTimeAfterCommit = root.firstPendingTime;
   var subscriber;
 
@@ -22505,6 +19593,7 @@ function finishPendingInteractions(root, committedExpirationTime) {
   }
 }
 
+var onScheduleFiberRoot = null;
 var onCommitFiberRoot = null;
 var onCommitFiberUnmount = null;
 var hasLoggedError = false;
@@ -22526,8 +19615,7 @@ function injectInternals(internals) {
 
   if (!hook.supportsFiber) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "The installed version of React DevTools is too old and will not work " +
           "with the current version of React. Please update React DevTools. " +
           "https://fb.me/react-devtools"
@@ -22540,6 +19628,23 @@ function injectInternals(internals) {
   try {
     var rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
 
+    if (true) {
+      // Only used by Fast Refresh
+      if (typeof hook.onScheduleFiberRoot === "function") {
+        onScheduleFiberRoot = function(root, children) {
+          try {
+            hook.onScheduleFiberRoot(rendererID, root, children);
+          } catch (err) {
+            if (true && !hasLoggedError) {
+              hasLoggedError = true;
+
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        };
+      }
+    }
+
     onCommitFiberRoot = function(root, expirationTime) {
       try {
         var didError = (root.current.effectTag & DidCapture) === DidCapture;
@@ -22555,13 +19660,12 @@ function injectInternals(internals) {
           hook.onCommitFiberRoot(rendererID, root, undefined, didError);
         }
       } catch (err) {
-        if (true && !hasLoggedError) {
-          hasLoggedError = true;
-          warningWithoutStack$1(
-            false,
-            "React DevTools encountered an error: %s",
-            err
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation encountered an error: %s", err);
+          }
         }
       }
     };
@@ -22570,29 +19674,29 @@ function injectInternals(internals) {
       try {
         hook.onCommitFiberUnmount(rendererID, fiber);
       } catch (err) {
-        if (true && !hasLoggedError) {
-          hasLoggedError = true;
-          warningWithoutStack$1(
-            false,
-            "React DevTools encountered an error: %s",
-            err
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation 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
-      );
+      error("React instrumentation encountered an error: %s.", err);
     }
   } // DevTools exists
 
   return true;
 }
+function onScheduleRoot(root, children) {
+  if (typeof onScheduleFiberRoot === "function") {
+    onScheduleFiberRoot(root, children);
+  }
+}
 function onCommitRoot(root, expirationTime) {
   if (typeof onCommitFiberRoot === "function") {
     onCommitFiberRoot(root, expirationTime);
@@ -22654,7 +19758,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   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
@@ -22681,7 +19785,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   } // This is normally DEV-only except www when it adds listeners.
   // TODO: remove the User Timing integration in favor of Root Events.
 
-  if (enableUserTimingAPI) {
+  {
     this._debugID = debugCounter++;
     this._debugIsCurrentlyTiming = false;
   }
@@ -22745,7 +19849,7 @@ function resolveLazyComponentTag(Component) {
   return IndeterminateComponent;
 } // This is used to create an alternate fiber to do work on.
 
-function createWorkInProgress(current, pendingProps, expirationTime) {
+function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
 
   if (workInProgress === null) {
@@ -22766,7 +19870,10 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
 
     {
       // DEV-only fields
-      workInProgress._debugID = current._debugID;
+      {
+        workInProgress._debugID = current._debugID;
+      }
+
       workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
@@ -22784,7 +19891,7 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
     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,
@@ -22794,6 +19901,19 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
     }
   }
 
+  {
+    // Trying to debug a mysterious internal-only production failure.
+    // See D20130868 and t62461245.
+    // This is only on for RN FB builds.
+    if (current == null) {
+      throw Error("current is " + current + " but it can't be");
+    }
+
+    if (workInProgress == null) {
+      throw Error("workInProgress is " + workInProgress + " but it can't be");
+    }
+  }
+
   workInProgress.childExpirationTime = current.childExpirationTime;
   workInProgress.expirationTime = current.expirationTime;
   workInProgress.child = current.child;
@@ -22816,7 +19936,7 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
 
-  if (enableProfilerTimer) {
+  {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
     workInProgress.treeBaseDuration = current.treeBaseDuration;
   }
@@ -22838,9 +19958,6 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
       case ForwardRef:
         workInProgress.type = resolveForwardRefForHotReloading(current.type);
         break;
-
-      default:
-        break;
     }
   }
 
@@ -22873,7 +19990,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
     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;
@@ -22899,7 +20016,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
             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;
@@ -22920,7 +20037,7 @@ function createHostRootFiber(tag) {
     mode = NoMode;
   }
 
-  if (enableProfilerTimer && isDevToolsPresent) {
+  if (isDevToolsPresent) {
     // Always collect profile timings when DevTools are present.
     // This enables DevTools to start capturing timing at any point–
     // Without some nodes in the tree having empty base times.
@@ -23020,29 +20137,9 @@ function createFiberFromTypeAndProps(
               resolvedType = null;
               break getTag;
 
-            case REACT_FUNDAMENTAL_TYPE:
-              if (enableFundamentalAPI) {
-                return createFiberFromFundamental(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
-
-              break;
-
-            case REACT_SCOPE_TYPE:
-              if (enableScopeAPI) {
-                return createFiberFromScope(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
+            case REACT_BLOCK_TYPE:
+              fiberTag = Block;
+              break getTag;
           }
         }
 
@@ -23117,38 +20214,11 @@ function createFiberFromFragment(elements, mode, expirationTime, key) {
   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 createFiberFromScope(scope, pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
-  fiber.type = scope;
-  fiber.elementType = scope;
-  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'
-      );
+    if (typeof pendingProps.id !== "string") {
+      error('Profiler must specify an "id" as a prop');
     }
   }
 
@@ -23157,6 +20227,14 @@ function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   fiber.elementType = REACT_PROFILER_TYPE;
   fiber.type = REACT_PROFILER_TYPE;
   fiber.expirationTime = expirationTime;
+
+  {
+    fiber.stateNode = {
+      effectDuration: 0,
+      passiveEffectDuration: 0
+    };
+  }
+
   return fiber;
 }
 
@@ -23189,18 +20267,6 @@ function createFiberFromText(content, mode, expirationTime) {
   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 createFiberFromDehydratedFragment(dehydratedNode) {
-  var fiber = createFiber(DehydratedFragment, null, null, NoMode);
-  fiber.stateNode = dehydratedNode;
-  return fiber;
-}
 function createFiberFromPortal(portal, mode, expirationTime) {
   var pendingProps = portal.children !== null ? portal.children : [];
   var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
@@ -23249,17 +20315,20 @@ function assignFiberPropertiesInDEV(target, source) {
   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._debugID = source._debugID;
+    target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  }
+
   target._debugSource = source._debugSource;
   target._debugOwner = source._debugOwner;
-  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
   return target;
@@ -23286,28 +20355,21 @@ function FiberRootNode(containerInfo, tag, hydrate) {
   this.lastPingedTime = NoWork;
   this.lastExpiredTime = NoWork;
 
-  if (enableSchedulerTracing) {
+  {
     this.interactionThreadID = tracing.unstable_getThreadID();
     this.memoizedInteractions = new Set();
     this.pendingInteractionMap = new Map();
   }
-
-  if (enableSuspenseCallback) {
-    this.hydrationCallbacks = null;
-  }
 }
 
 function createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks) {
   var root = new FiberRootNode(containerInfo, tag, hydrate);
-
-  if (enableSuspenseCallback) {
-    root.hydrationCallbacks = hydrationCallbacks;
-  } // Cyclic construction. This cheats the type system right now because
   // stateNode is any.
 
   var uninitializedFiber = createHostRootFiber(tag);
   root.current = uninitializedFiber;
   uninitializedFiber.stateNode = root;
+  initializeUpdateQueue(uninitializedFiber);
   return root;
 }
 function isRootSuspendedAtTime(root, expirationTime) {
@@ -23401,15 +20463,6 @@ function markRootExpiredAtTime(root, expirationTime) {
   }
 }
 
-// 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;
-
 var didWarnAboutNestedUpdates;
 var didWarnAboutFindNodeInStrictMode;
 
@@ -23430,38 +20483,11 @@ function getContextForSubtree(parentComponent) {
     var Component = fiber.type;
 
     if (isContextProvider(Component)) {
-      return processChildContext(fiber, Component, parentContext);
-    }
-  }
-
-  return parentContext;
-}
-
-function findHostInstance(component) {
-  var fiber = get(component);
-
-  if (fiber === undefined) {
-    if (typeof component.render === "function") {
-      {
-        throw Error("Unable to find node on an unmounted component.");
-      }
-    } else {
-      {
-        throw Error(
-          "Argument appears to not be a ReactComponent. Keys: " +
-            Object.keys(component)
-        );
-      }
-    }
-  }
-
-  var hostFiber = findCurrentHostFiber(fiber);
-
-  if (hostFiber === null) {
-    return null;
+      return processChildContext(fiber, Component, parentContext);
+    }
   }
 
-  return hostFiber.stateNode;
+  return parentContext;
 }
 
 function findHostInstanceWithWarning(component, methodName) {
@@ -23496,8 +20522,7 @@ function findHostInstanceWithWarning(component, methodName) {
         didWarnAboutFindNodeInStrictMode[componentName] = true;
 
         if (fiber.mode & StrictMode) {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which is inside StrictMode. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23509,8 +20534,7 @@ function findHostInstanceWithWarning(component, methodName) {
             getStackByFiberInDevAndProd(hostFiber)
           );
         } else {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which renders StrictMode children. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23527,44 +20551,33 @@ function findHostInstanceWithWarning(component, methodName) {
 
     return hostFiber.stateNode;
   }
-
-  return findHostInstance(component);
 }
 
 function createContainer(containerInfo, tag, hydrate, hydrationCallbacks) {
-  return createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks);
+  return createFiberRoot(containerInfo, tag, hydrate);
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current;
+  {
+    onScheduleRoot(container, element);
+  }
+
+  var current$1 = container.current;
   var currentTime = requestCurrentTimeForUpdate();
 
   {
     // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
     if ("undefined" !== typeof jest) {
-      warnIfUnmockedScheduler(current$$1);
-      warnIfNotScopedWithMatchingAct(current$$1);
+      warnIfUnmockedScheduler(current$1);
+      warnIfNotScopedWithMatchingAct(current$1);
     }
   }
 
   var suspenseConfig = requestCurrentSuspenseConfig();
   var expirationTime = computeExpirationForFiber(
     currentTime,
-    current$$1,
+    current$1,
     suspenseConfig
   );
-
-  {
-    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) {
@@ -23574,10 +20587,10 @@ function updateContainer(element, container, parentComponent, callback) {
   }
 
   {
-    if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
+    if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
       didWarnAboutNestedUpdates = true;
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Render methods should be a pure function of props and state; " +
           "triggering nested component updates from render is not allowed. " +
           "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
@@ -23596,19 +20609,21 @@ function updateContainer(element, container, parentComponent, callback) {
   callback = callback === undefined ? null : callback;
 
   if (callback !== null) {
-    !(typeof callback === "function")
-      ? warningWithoutStack$1(
-          false,
+    {
+      if (typeof callback !== "function") {
+        error(
           "render(...): Expected the last optional `callback` argument to be a " +
             "function. Instead received: %s.",
           callback
-        )
-      : void 0;
+        );
+      }
+    }
+
     update.callback = callback;
   }
 
-  enqueueUpdate(current$$1, update);
-  scheduleWork(current$$1, expirationTime);
+  enqueueUpdate(current$1, update);
+  scheduleWork(current$1, expirationTime);
   return expirationTime;
 }
 function getPublicRootInstance(container) {
@@ -23627,703 +20642,149 @@ function getPublicRootInstance(container) {
   }
 }
 
-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) {
-      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) {
-    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
-
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
-
-    scheduleWork(fiber, Sync);
-  };
-
-  scheduleUpdate = function(fiber) {
-    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.11.0";
-
-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; // 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; // 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; // 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;
-
-        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; // 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;
-      }
-
-      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;
-
-    if (
-      !(
-        !NativeMethodsMixin_DEV.componentWillMount &&
-        !NativeMethodsMixin_DEV.componentWillReceiveProps &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
-      )
-    ) {
-      throw 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 _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-
-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 =
-    /*#__PURE__*/
-    (function(_React$Component) {
-      _inheritsLoose(ReactNativeComponent, _React$Component);
-
-      function ReactNativeComponent() {
-        return _React$Component.apply(this, arguments) || this;
-      }
-
-      var _proto = ReactNativeComponent.prototype;
-
-      /**
-       * Due to bugs in Flow's handling of React.createClass, some fields already
-       * declared in the base class need to be redeclared below.
-       */
-
-      /**
-       * Removes focus. This is the opposite of `focus()`.
-       */
-      _proto.blur = function blur() {
-        ReactNativePrivateInterface.TextInputState.blurTextInput(
-          findNodeHandle(this)
-        );
-      };
-      /**
-       * Requests focus. The exact behavior depends on the platform and view.
-       */
+var shouldSuspendImpl = function(fiber) {
+  return false;
+};
 
-      _proto.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.
-       */
-
-      _proto.measure = function measure(callback) {
-        var maybeInstance; // 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.
+function shouldSuspend(fiber) {
+  return shouldSuspendImpl(fiber);
+}
+var overrideHookState = null;
+var overrideProps = null;
+var scheduleUpdate = null;
+var setSuspenseHandler = null;
 
-        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.
+{
+  var copyWithSetImpl = function(obj, path, idx, value) {
+    if (idx >= path.length) {
+      return value;
+    }
 
-        if (maybeInstance == null) {
-          return;
-        }
+    var key = path[idx];
+    var updated = Array.isArray(obj) ? obj.slice() : Object.assign({}, obj); // $FlowFixMe number or string is fine here
 
-        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.
-       */
-
-      _proto.measureInWindow = function measureInWindow(callback) {
-        var maybeInstance; // 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.
+    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+    return updated;
+  };
 
-        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.
+  var copyWithSet = function(obj, path, value) {
+    return copyWithSetImpl(obj, path, 0, value);
+  }; // Support DevTools editable values for useState and useReducer.
 
-        if (maybeInstance == null) {
-          return;
-        }
+  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;
 
-        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)`.
-       */
-
-      _proto.measureLayout = function measureLayout(
-        relativeToNativeNode,
-        onSuccess,
-        onFail
-      ) {
-        var maybeInstance; // 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.
+    while (currentHook !== null && id > 0) {
+      currentHook = currentHook.next;
+      id--;
+    }
 
-        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 (currentHook !== null) {
+      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.
 
-        if (maybeInstance == null) {
-          return;
-        }
+      fiber.memoizedProps = Object.assign({}, fiber.memoizedProps);
+      scheduleWork(fiber, Sync);
+    }
+  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-        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;
+  overrideProps = function(fiber, path, value) {
+    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
 
-          if (typeof relativeToNativeNode === "number") {
-            // Already a node handle
-            relativeNode = relativeToNativeNode;
-          } else if (relativeToNativeNode._nativeTag) {
-            relativeNode = relativeToNativeNode._nativeTag;
-          }
+    if (fiber.alternate) {
+      fiber.alternate.pendingProps = fiber.pendingProps;
+    }
 
-          if (relativeNode == null) {
-            warningWithoutStack$1(
-              false,
-              "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-            );
-            return;
-          }
+    scheduleWork(fiber, Sync);
+  };
 
-          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)).
-       */
-
-      _proto.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; // 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.
+  scheduleUpdate = function(fiber) {
+    scheduleWork(fiber, Sync);
+  };
 
-        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.
+  setSuspenseHandler = function(newShouldSuspendImpl) {
+    shouldSuspendImpl = newShouldSuspendImpl;
+  };
+}
 
-        if (maybeInstance == null) {
-          return;
-        }
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    overrideHookState: overrideHookState,
+    overrideProps: overrideProps,
+    setSuspenseHandler: setSuspenseHandler,
+    scheduleUpdate: scheduleUpdate,
+    currentDispatcherRef: ReactCurrentDispatcher,
+    findHostInstanceByFiber: function(fiber) {
+      var hostFiber = findCurrentHostFiber(fiber);
+
+      if (hostFiber === null) {
+        return null;
+      }
 
-        if (maybeInstance.canonical) {
-          warningWithoutStack$1(
-            false,
-            "Warning: setNativeProps is not currently supported in Fabric"
-          );
-          return;
-        }
+      return hostFiber.stateNode;
+    },
+    findFiberByHostInstance: function(instance) {
+      if (!findFiberByHostInstance) {
+        // Might not be implemented by the renderer.
+        return null;
+      }
 
-        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 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;
+    }
+  });
+}
+var IsSomeRendererActing$1 = ReactSharedInternals.IsSomeRendererActing;
 
-      return ReactNativeComponent;
-    })(React.Component); // eslint-disable-next-line no-unused-expressions
+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
+  };
+}
 
-  return ReactNativeComponent;
-};
+// TODO: this is special because it gets imported during build.
+var ReactVersion = "16.13.0";
 
-var emptyObject$3 = {};
+var emptyObject$1 = {};
 
 {
-  Object.freeze(emptyObject$3);
+  Object.freeze(emptyObject$1);
 }
 
 var getInspectorDataForViewTag;
+var getInspectorDataForViewAtPoint;
 
 {
   var traverseOwnerTreeUp = function(hierarchy, instance) {
@@ -24355,10 +20816,10 @@ var getInspectorDataForViewTag;
     var host = findCurrentHostFiber(fiber);
 
     if (host) {
-      return host.memoizedProps || emptyObject$3;
+      return host.memoizedProps || emptyObject$1;
     }
 
-    return emptyObject$3;
+    return emptyObject$1;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -24386,28 +20847,65 @@ var getInspectorDataForViewTag;
         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
+            source: fiber._debugSource,
+            measure: function(callback) {
+              // If this is Fabric, we'll find a ShadowNode and use that to measure.
+              var hostFiber = findCurrentHostFiber(fiber);
+              var shadowNode =
+                hostFiber != null &&
+                hostFiber.stateNode !== null &&
+                hostFiber.stateNode.node;
+
+              if (shadowNode) {
+                nativeFabricUIManager.measure(shadowNode, callback);
+              } else {
+                return ReactNativePrivateInterface.UIManager.measure(
+                  getHostNode(fiber, findNodeHandle),
+                  callback
+                );
+              }
+            }
           };
         }
       };
     });
   };
 
+  var getInspectorDataForInstance = function(closestInstance) {
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject$1,
+        selectedIndex: null,
+        source: null
+      };
+    }
+
+    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+    var fiberHierarchy = getOwnerHierarchy(fiber);
+    var instance = lastNonHostInstance(fiberHierarchy);
+    var hierarchy = createHierarchy(fiberHierarchy);
+    var props = getHostProps(instance);
+    var source = instance._debugSource;
+    var selectedIndex = fiberHierarchy.indexOf(instance);
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selectedIndex: selectedIndex,
+      source: source
+    };
+  };
+
   getInspectorDataForViewTag = function(viewTag) {
     var closestInstance = getInstanceFromTag(viewTag); // Handle case where user clicks outside of ReactNative
 
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$3,
-        selection: null,
+        props: emptyObject$1,
+        selectedIndex: null,
         source: null
       };
     }
@@ -24418,34 +20916,122 @@ var getInspectorDataForViewTag;
     var hierarchy = createHierarchy(fiberHierarchy);
     var props = getHostProps(instance);
     var source = instance._debugSource;
-    var selection = fiberHierarchy.indexOf(instance);
+    var selectedIndex = fiberHierarchy.indexOf(instance);
     return {
       hierarchy: hierarchy,
       props: props,
-      selection: selection,
+      selectedIndex: selectedIndex,
       source: source
     };
   };
+
+  getInspectorDataForViewAtPoint = function(
+    findNodeHandle,
+    inspectedView,
+    locationX,
+    locationY,
+    callback
+  ) {
+    var closestInstance = null;
+
+    if (inspectedView._internalInstanceHandle != null) {
+      // For Fabric we can look up the instance handle directly and measure it.
+      nativeFabricUIManager.findNodeAtPoint(
+        inspectedView._internalInstanceHandle.stateNode.node,
+        locationX,
+        locationY,
+        function(internalInstanceHandle) {
+          if (internalInstanceHandle == null) {
+            callback(
+              Object.assign(
+                {
+                  pointerY: locationY,
+                  frame: {
+                    left: 0,
+                    top: 0,
+                    width: 0,
+                    height: 0
+                  }
+                },
+                getInspectorDataForInstance(closestInstance)
+              )
+            );
+          }
+
+          closestInstance =
+            internalInstanceHandle.stateNode.canonical._internalInstanceHandle;
+          nativeFabricUIManager.measure(
+            internalInstanceHandle.stateNode.node,
+            function(x, y, width, height, pageX, pageY) {
+              callback(
+                Object.assign(
+                  {
+                    pointerY: locationY,
+                    frame: {
+                      left: pageX,
+                      top: pageY,
+                      width: width,
+                      height: height
+                    }
+                  },
+                  getInspectorDataForInstance(closestInstance)
+                )
+              );
+            }
+          );
+        }
+      );
+    } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
+      // For Paper we fall back to the old strategy using the React tag.
+      ReactNativePrivateInterface.UIManager.findSubviewIn(
+        findNodeHandle(inspectedView),
+        [locationX, locationY],
+        function(nativeViewTag, left, top, width, height) {
+          var inspectorData = getInspectorDataForInstance(
+            getInstanceFromTag(nativeViewTag)
+          );
+          callback(
+            Object.assign({}, inspectorData, {
+              pointerY: locationY,
+              frame: {
+                left: left,
+                top: top,
+                width: width,
+                height: height
+              },
+              touchedViewTag: nativeViewTag
+            })
+          );
+        }
+      );
+    } else {
+      error(
+        "getInspectorDataForViewAtPoint expects to receieve a host component"
+      );
+
+      return;
+    }
+  };
 }
 
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
 
 function findHostInstance_DEPRECATED(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24485,20 +21071,20 @@ function findHostInstance_DEPRECATED(componentOrHandle) {
 
 function findNodeHandle(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24541,110 +21127,109 @@ function findNodeHandle(componentOrHandle) {
   return hostInstance._nativeTag;
 }
 
-setBatchingImplementation(
-  batchedUpdates$1,
-  discreteUpdates$1,
-  flushDiscreteUpdates,
-  batchedEventUpdates$1
-);
-
-function computeComponentStackForErrorReporting(reactTag) {
-  var fiber = getInstanceFromTag(reactTag);
+function dispatchCommand(handle, command, args) {
+  if (handle._nativeTag == null) {
+    {
+      error(
+        "dispatchCommand was called with a ref that isn't a " +
+          "native component. Use React.forwardRef to get access to the underlying native component"
+      );
+    }
 
-  if (!fiber) {
-    return "";
+    return;
   }
 
-  return getStackByFiberInDevAndProd(fiber);
-}
-
-var roots = new Map();
-var ReactNativeRenderer = {
-  NativeComponent: ReactNativeComponent(findNodeHandle, findHostInstance),
-  // This is needed for implementation details of TouchableNativeFeedback
-  // Remove this once TouchableNativeFeedback doesn't use cloneElement
-  findHostInstance_DEPRECATED: findHostInstance_DEPRECATED,
-  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;
-    }
-
+  if (handle._internalInstanceHandle) {
+    nativeFabricUIManager.dispatchCommand(
+      handle._internalInstanceHandle.stateNode.node,
+      command,
+      args
+    );
+  } else {
     ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
       handle._nativeTag,
       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, null);
-      roots.set(containerTag, root);
-    }
+function render(element, containerTag, callback) {
+  var root = roots.get(containerTag);
 
-    updateContainer(element, root, null, callback);
-    return getPublicRootInstance(root);
-  },
-  unmountComponentAtNode: function(containerTag) {
-    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);
+  }
 
-    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
+  updateContainer(element, root, null, callback);
+  return getPublicRootInstance(root);
+}
 
-    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
+function unmountComponentAtNode(containerTag) {
+  var root = roots.get(containerTag);
+
+  if (root) {
+    // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+  }
+}
+
+function unmountComponentAtNodeAndRemoveContainer(containerTag) {
+  unmountComponentAtNode(containerTag); // Call back into native to remove all of the subviews from this container
+
+  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+}
+
+function createPortal$1(children, containerTag) {
+  var key =
+    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  return createPortal(children, containerTag, null, key);
+}
+
+setBatchingImplementation(batchedUpdates$1);
+
+function computeComponentStackForErrorReporting(reactTag) {
+  var fiber = getInstanceFromTag(reactTag);
+
+  if (!fiber) {
+    return "";
   }
+
+  return getStackByFiberInDevAndProd(fiber);
+}
+
+var roots = new Map();
+var Internals = {
+  computeComponentStackForErrorReporting: computeComponentStackForErrorReporting
 };
 injectIntoDevTools({
   findFiberByHostInstance: getInstanceFromTag,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 1,
   version: ReactVersion,
-  rendererPackageName: "react-native-renderer"
-});
-
-var ReactNativeRenderer$2 = Object.freeze({
-  default: ReactNativeRenderer
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: getInspectorDataForViewTag,
+    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
+      null,
+      findNodeHandle
+    )
+  }
 });
 
-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;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+exports.createPortal = createPortal$1;
+exports.dispatchCommand = dispatchCommand;
+exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
+exports.findNodeHandle = findNodeHandle;
+exports.render = render;
+exports.unmountComponentAtNode = unmountComponentAtNode;
+exports.unmountComponentAtNodeAndRemoveContainer = unmountComponentAtNodeAndRemoveContainer;
+exports.unstable_batchedUpdates = batchedUpdates;
 
   })();
 }
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
index 4aa16ac835491d..d837754c50d25c 100644
--- a/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @providesModule ReactNativeRenderer-dev
  * @preventMunge
  * @generated
@@ -16,256 +17,234 @@ if (__DEV__) {
   (function() {
 "use strict";
 
+var React = require("react");
 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");
 
-/**
- * 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 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.
 
-var namesToPlugins = {};
-/**
- * Recomputes the plugin list using the injected plugins and plugin ordering.
- *
- * @private
- */
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentDispatcher")) {
+  ReactSharedInternals.ReactCurrentDispatcher = {
+    current: null
+  };
+}
 
-function recomputePluginOrdering() {
-  if (!eventPluginOrder) {
-    // Wait until an `eventPluginOrder` is injected.
-    return;
-  }
+if (!ReactSharedInternals.hasOwnProperty("ReactCurrentBatchConfig")) {
+  ReactSharedInternals.ReactCurrentBatchConfig = {
+    suspense: null
+  };
+}
 
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+// by calls to these methods by a Babel plugin.
+//
+// In PROD (or in packages without access to React internals),
+// they are left as they are instead.
 
-    if (!(pluginIndex > -1)) {
-      throw Error(
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-          pluginName +
-          "`."
-      );
+function warn(format) {
+  {
+    for (
+      var _len = arguments.length,
+        args = new Array(_len > 1 ? _len - 1 : 0),
+        _key = 1;
+      _key < _len;
+      _key++
+    ) {
+      args[_key - 1] = arguments[_key];
     }
 
-    if (plugins[pluginIndex]) {
-      continue;
+    printWarning("warn", format, args);
+  }
+}
+function error(format) {
+  {
+    for (
+      var _len2 = arguments.length,
+        args = new Array(_len2 > 1 ? _len2 - 1 : 0),
+        _key2 = 1;
+      _key2 < _len2;
+      _key2++
+    ) {
+      args[_key2 - 1] = arguments[_key2];
     }
 
-    if (!pluginModule.extractEvents) {
-      throw Error(
-        "EventPluginRegistry: Event plugins must implement an `extractEvents` method, but `" +
-          pluginName +
-          "` does not."
-      );
-    }
+    printWarning("error", format, args);
+  }
+}
 
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var hasExistingStack =
+      args.length > 0 &&
+      typeof args[args.length - 1] === "string" &&
+      args[args.length - 1].indexOf("\n    in") === 0;
 
-    for (var eventName in publishedEvents) {
-      if (
-        !publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        )
-      ) {
-        throw Error(
-          "EventPluginRegistry: Failed to publish event `" +
-            eventName +
-            "` for plugin `" +
-            pluginName +
-            "`."
-        );
+    if (!hasExistingStack) {
+      var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+      var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+      if (stack !== "") {
+        format += "%s";
+        args = args.concat([stack]);
       }
     }
+
+    var argsWithFormat = args.map(function(item) {
+      return "" + item;
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+
+    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) {}
   }
 }
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
 
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same event name, `" +
-        eventName +
-        "`."
-    );
-  }
+var FunctionComponent = 0;
+var ClassComponent = 1;
+var IndeterminateComponent = 2; // Before we know whether it is function or class
 
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
 
-  if (phasedRegistrationNames) {
-    for (var phaseName in phasedRegistrationNames) {
-      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-        publishRegistrationName(
-          phasedRegistrationName,
-          pluginModule,
-          eventName
-        );
-      }
-    }
+var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
 
-    return true;
-  } else if (dispatchConfig.registrationName) {
-    publishRegistrationName(
-      dispatchConfig.registrationName,
-      pluginModule,
-      eventName
-    );
-    return true;
+var HostComponent = 5;
+var HostText = 6;
+var Fragment = 7;
+var Mode = 8;
+var ContextConsumer = 9;
+var ContextProvider = 10;
+var ForwardRef = 11;
+var Profiler = 12;
+var SuspenseComponent = 13;
+var MemoComponent = 14;
+var SimpleMemoComponent = 15;
+var LazyComponent = 16;
+var IncompleteClassComponent = 17;
+var DehydratedFragment = 18;
+var SuspenseListComponent = 19;
+var FundamentalComponent = 20;
+var ScopeComponent = 21;
+var Block = 22;
+
+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 false;
+  return null;
 }
 /**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
+ * Return the lowest common ancestor of A and B, or null if they are in
+ * different trees.
  */
 
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  if (!!registrationNameModules[registrationName]) {
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
+function getLowestCommonAncestor(instA, instB) {
+  var depthA = 0;
+
+  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
+    depthA++;
   }
 
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+  var depthB = 0;
 
-  {
-    var lowerCasedName = registrationName.toLowerCase();
-  }
-}
-/**
- * Registers plugins so that they can extract and dispatch events.
- *
- * @see {EventPluginHub}
- */
+  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
+    depthB++;
+  } // If A is deeper, crawl up.
 
-/**
- * Ordered list of injected plugins.
- */
+  while (depthA - depthB > 0) {
+    instA = getParent(instA);
+    depthA--;
+  } // If B is deeper, crawl up.
 
-var plugins = [];
-/**
- * Mapping from event name to dispatch config
- */
+  while (depthB - depthA > 0) {
+    instB = getParent(instB);
+    depthB--;
+  } // Walk in lockstep until we find a match.
 
-var eventNameDispatchConfigs = {};
-/**
- * Mapping from registration name to plugin module
- */
+  var depth = depthA;
 
-var registrationNameModules = {};
-/**
- * Mapping from registration name to event name
- */
+  while (depth--) {
+    if (instA === instB || instA === instB.alternate) {
+      return instA;
+    }
 
-var registrationNameDependencies = {};
+    instA = getParent(instA);
+    instB = getParent(instB);
+  }
+
+  return null;
+}
 /**
- * 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}
+ * Return if A is an ancestor of B.
  */
 
-// Trust the developer to only use possibleRegistrationNames in true
+function isAncestor(instA, instB) {
+  while (instB) {
+    if (instA === instB || instA === instB.alternate) {
+      return true;
+    }
+
+    instB = getParent(instB);
+  }
 
+  return false;
+}
 /**
- * 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}
+ * Return the parent instance of the passed-in instance.
  */
 
-function injectEventPluginOrder(injectedEventPluginOrder) {
-  if (!!eventPluginOrder) {
-    throw 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();
+function getParentInstance(inst) {
+  return getParent(inst);
 }
 /**
- * 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}
+ * Simulates the traversal of a two-phase, capture/bubble event dispatch.
  */
 
-function injectEventPluginsByName(injectedNamesToPlugins) {
-  var isOrderingDirty = false;
-
-  for (var pluginName in injectedNamesToPlugins) {
-    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-      continue;
-    }
+function traverseTwoPhase(inst, fn, arg) {
+  var path = [];
 
-    var pluginModule = injectedNamesToPlugins[pluginName];
+  while (inst) {
+    path.push(inst);
+    inst = getParent(inst);
+  }
 
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      if (!!namesToPlugins[pluginName]) {
-        throw Error(
-          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            pluginName +
-            "`."
-        );
-      }
+  var i;
 
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
+  for (i = path.length; i-- > 0; ) {
+    fn(path[i], "captured", arg);
   }
 
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
+  for (i = 0; i < path.length; i++) {
+    fn(path[i], "bubbled", arg);
   }
 }
 
@@ -560,71 +539,6 @@ function clearCaughtError() {
   }
 }
 
-/**
- * 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 = new 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;
@@ -638,13 +552,12 @@ function setComponentTree(
   getNodeFromInstance = getNodeFromInstanceImpl;
 
   {
-    !(getNodeFromInstance && getInstanceFromNode)
-      ? warningWithoutStack$1(
-          false,
-          "EventPluginUtils.setComponentTree(...): Injected " +
-            "module is missing getNodeFromInstance or getInstanceFromNode."
-        )
-      : void 0;
+    if (!getNodeFromInstance || !getInstanceFromNode) {
+      error(
+        "EventPluginUtils.setComponentTree(...): Injected " +
+          "module is missing getNodeFromInstance or getInstanceFromNode."
+      );
+    }
   }
 }
 var validateEventDispatches;
@@ -657,17 +570,18 @@ var validateEventDispatches;
     var listenersLen = listenersIsArr
       ? dispatchListeners.length
       : dispatchListeners
-        ? 1
-        : 0;
+      ? 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;
+      ? 1
+      : 0;
+
+    if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
+      error("EventPluginUtils: Invalid `event`.");
+    }
   };
 }
 /**
@@ -774,135 +688,24 @@ function executeDirectDispatch(event) {
 
   if (!!Array.isArray(dispatchListener)) {
     throw 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) {
-  if (!(next != null)) {
-    throw 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);
-
-  if (!!eventQueue) {
-    throw 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();
+  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;
 }
 
 function isInteractive(tag) {
@@ -926,51 +729,13 @@ function shouldPreventMouseEvent(name, type, props) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       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`).
@@ -1013,195 +778,66 @@ function getListener(inst, registrationName) {
 
   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,
-  eventSystemFlags
-) {
-  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,
-        eventSystemFlags
-      );
-
-      if (extractedEvents) {
-        events = accumulateInto(events, extractedEvents);
-      }
-    }
-  }
-
-  return events;
-}
-
-function runExtractedPluginEventsInBatch(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget,
-  eventSystemFlags
-) {
-  var events = extractPluginEvents(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  );
-  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 DehydratedFragment = 18;
-var SuspenseListComponent = 19;
-var FundamentalComponent = 20;
-var ScopeComponent = 21;
-
-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.
+ * 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 getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
-
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
+function accumulateInto(current, next) {
+  if (!(next != null)) {
+    throw Error(
+      "accumulateInto(...): Accumulated items must not be null or undefined."
+    );
   }
 
-  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;
+  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).
 
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
+  if (Array.isArray(current)) {
+    if (Array.isArray(next)) {
+      current.push.apply(current, next);
+      return current;
     }
 
-    instA = getParent(instA);
-    instB = getParent(instB);
+    current.push(next);
+    return current;
   }
 
-  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);
+  if (Array.isArray(next)) {
+    // A bit too dangerous to mutate `next`.
+    return [current].concat(next);
   }
 
-  return false;
+  return [current, next];
 }
-/**
- * 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.
+ * @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 traverseTwoPhase(inst, fn, arg) {
-  var path = [];
-
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
-  }
-
-  var i;
-
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
-  }
-
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
+function forEachAccumulated(arr, cb, scope) {
+  if (Array.isArray(arr)) {
+    arr.forEach(cb, scope);
+  } else if (arr) {
+    cb.call(scope, arr);
   }
 }
-/**
- * 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
@@ -1231,9 +867,9 @@ function listenerAtPhase(inst, event, propagationPhase) {
 
 function accumulateDirectionalDispatches(inst, phase, event) {
   {
-    !inst
-      ? warningWithoutStack$1(false, "Dispatching inst must not be null")
-      : void 0;
+    if (!inst) {
+      error("Dispatching inst must not be null");
+    }
   }
 
   var listener = listenerAtPhase(inst, event, phase);
@@ -1308,12 +944,10 @@ function accumulateTwoPhaseDispatches(events) {
 function accumulateTwoPhaseDispatchesSkipTarget(events) {
   forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
 }
-
 function accumulateDirectDispatches(events) {
   forEachAccumulated(events, accumulateDirectDispatchesSingle);
 }
 
-/* eslint valid-typeof: 0 */
 var EVENT_POOL_SIZE = 10;
 /**
  * @interface Event
@@ -1592,19 +1226,17 @@ function getPooledWarningPropertyDefinition(propName, 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;
+    {
+      error(
+        "This synthetic event is reused for performance reasons. If you're seeing this, " +
+          "you're %s `%s` on a released/nullified synthetic event. %s. " +
+          "If you must keep the original synthetic event around, use event.persist(). " +
+          "See https://fb.me/react-event-pooling for more information.",
+        action,
+        propName,
+        result
+      );
+    }
   }
 }
 
@@ -1749,15 +1381,14 @@ function getTouchIdentifier(_ref) {
   }
 
   {
-    !(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;
+    if (identifier > MAX_TOUCH_BANK) {
+      error(
+        "Touch identifier %s is greater than maximum supported %s which causes " +
+          "performance issues backfilling array locations for all of the indices.",
+        identifier,
+        MAX_TOUCH_BANK
+      );
+    }
   }
 
   return identifier;
@@ -1789,12 +1420,15 @@ function recordTouchMove(touch) {
     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()
-    );
+    {
+      warn(
+        "Cannot record touch move without a touch start.\n" +
+          "Touch Move: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+    }
   }
 }
 
@@ -1811,12 +1445,15 @@ function recordTouchEnd(touch) {
     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()
-    );
+    {
+      warn(
+        "Cannot record touch end without a touch start.\n" +
+          "Touch End: %s\n" +
+          "Touch Bank: %s",
+        printTouch(touch),
+        printTouchBank()
+      );
+    }
   }
 }
 
@@ -1867,9 +1504,10 @@ var ResponderTouchHistoryStore = {
 
         {
           var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
-          !(activeRecord != null && activeRecord.touchActive)
-            ? warningWithoutStack$1(false, "Cannot find single active touch.")
-            : void 0;
+
+          if (activeRecord == null || !activeRecord.touchActive) {
+            error("Cannot find single active touch.");
+          }
         }
       }
     }
@@ -2158,7 +1796,7 @@ to return true:wantsResponderID|                            |
                                +                            + */
 
 /**
- * A note about event ordering in the `EventPluginHub`.
+ * A note about event ordering in the `EventPluginRegistry`.
  *
  * Suppose plugins are injected in the following order:
  *
@@ -2177,7 +1815,7 @@ to return true:wantsResponderID|                            |
  * - 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
+ *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
  *   name deferred).
  *
  * In the process of returning their deferred-dispatched events, event plugins
@@ -2201,9 +1839,9 @@ to return true:wantsResponderID|                            |
  * - `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`)
+ * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+ * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
  *
  * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
  * on-demand dispatch returns `true` (and some other details are satisfied) the
@@ -2212,9 +1850,9 @@ to return true:wantsResponderID|                            |
  * 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)
+ * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
+ * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
+ * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
  */
 
 function setResponderAndExtractTransfer(
@@ -2226,10 +1864,10 @@ function setResponderAndExtractTransfer(
   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.
+    ? eventTypes.moveShouldSetResponder
+    : topLevelType === TOP_SELECTION_CHANGE
+    ? eventTypes.selectionChangeShouldSetResponder
+    : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
 
   var bubbleShouldSetFrom = !responderInst
     ? targetInst
@@ -2398,108 +2036,330 @@ var ResponderEventPlugin = {
       if (trackedTouchCount >= 0) {
         trackedTouchCount -= 1;
       } else {
-        console.warn(
-          "Ended a touch event which was not counted in `trackedTouchCount`."
-        );
+        {
+          warn(
+            "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`).
+    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;
+    }
+  }
+};
+
+/**
+ * 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);
+
+    if (!(pluginIndex > -1)) {
+      throw Error(
+        "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+          pluginName +
+          "`."
+      );
+    }
+
+    if (plugins[pluginIndex]) {
+      continue;
+    }
+
+    if (!pluginModule.extractEvents) {
+      throw 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) {
+      if (
+        !publishEventForPlugin(
+          publishedEvents[eventName],
+          pluginModule,
+          eventName
+        )
+      ) {
+        throw 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) {
+  if (!!eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
+        eventName +
+        "`."
+    );
+  }
+
+  eventNameDispatchConfigs[eventName] = dispatchConfig;
+  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+
+  if (phasedRegistrationNames) {
+    for (var phaseName in phasedRegistrationNames) {
+      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+        var phasedRegistrationName = phasedRegistrationNames[phaseName];
+        publishRegistrationName(
+          phasedRegistrationName,
+          pluginModule,
+          eventName
+        );
+      }
+    }
+
+    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) {
+  if (!!registrationNameModules[registrationName]) {
+    throw Error(
+      "EventPluginRegistry: 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.
+ */
+
+/**
+ * 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 = {};
+
+/**
+ * Injects an ordering of plugins (by plugin name). This allows the ordering
+ * to be decoupled from injection of the actual plugins so that ordering is
+ * always deterministic regardless of packaging, on-the-fly injection, etc.
+ *
+ * @param {array} InjectedEventPluginOrder
+ * @internal
+ */
+
+function injectEventPluginOrder(injectedEventPluginOrder) {
+  if (!!eventPluginOrder) {
+    throw 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.
 
-    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;
+  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+  recomputePluginOrdering();
+}
+/**
+ * Injects plugins to be used by plugin event system. The plugin names must be
+ * in the ordering injected by `injectEventPluginOrder`.
+ *
+ * Plugins can be injected as part of page initialization or on-the-fly.
+ *
+ * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+ * @internal
+ */
 
-    if (incrementalTouch) {
-      var gesture = ResponderSyntheticEvent.getPooled(
-        incrementalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(gesture);
-      extracted = accumulate(extracted, gesture);
+function injectEventPluginsByName(injectedNamesToPlugins) {
+  var isOrderingDirty = false;
+
+  for (var pluginName in injectedNamesToPlugins) {
+    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+      continue;
     }
 
-    var isResponderTerminate =
-      responderInst && topLevelType === TOP_TOUCH_CANCEL;
-    var isResponderRelease =
-      responderInst &&
-      !isResponderTerminate &&
-      isEndish(topLevelType) &&
-      noResponderTouches(nativeEvent);
-    var finalTouch = isResponderTerminate
-      ? eventTypes.responderTerminate
-      : isResponderRelease
-        ? eventTypes.responderRelease
-        : null;
+    var pluginModule = injectedNamesToPlugins[pluginName];
 
-    if (finalTouch) {
-      var finalEvent = ResponderSyntheticEvent.getPooled(
-        finalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(finalEvent);
-      extracted = accumulate(extracted, finalEvent);
-      changeResponder(null);
-    }
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName) ||
+      namesToPlugins[pluginName] !== pluginModule
+    ) {
+      if (!!namesToPlugins[pluginName]) {
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName +
+            "`."
+        );
+      }
 
-    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;
+      namesToPlugins[pluginName] = pluginModule;
+      isOrderingDirty = true;
     }
   }
-};
+
+  if (isOrderingDirty) {
+    recomputePluginOrdering();
+  }
+}
 
 var customBubblingEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customBubblingEventTypes;
-var customDirectEventTypes =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-    .customDirectEventTypes;
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customBubblingEventTypes,
+  customDirectEventTypes =
+    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+      .customDirectEventTypes;
 var ReactNativeBridgeEventPlugin = {
   eventTypes: {},
-
-  /**
-   * @see {EventPluginHub.extractEvents}
-   */
   extractEvents: function(
     topLevelType,
     targetInst,
@@ -2551,46 +2411,21 @@ var ReactNativeEventPluginOrder = [
  * 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);
+injectEventPluginOrder(ReactNativeEventPluginOrder);
 /**
  * Some important event plugins included by default (without having to require
  * them).
  */
 
-injection.injectEventPluginsByName({
+injectEventPluginsByName({
   ResponderEventPlugin: ResponderEventPlugin,
   ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
 });
 
-var debugRenderPhaseSideEffectsForStrictMode = false;
-var enableUserTimingAPI = true;
-var replayFailedUnitOfWorkWithInvokeGuardedCallback = true;
-var warnAboutDeprecatedLifecycles = true;
-var enableProfilerTimer = true;
-var enableSchedulerTracing = true;
-var enableSuspenseServerRenderer = false;
-
-var enableFlareAPI = false;
-var enableFundamentalAPI = false;
-var enableScopeAPI = false;
-
-var warnAboutUnmockedScheduler = false;
-var flushSuspenseFallbacksInTests = true;
-var enableSuspenseCallback = false;
-var warnAboutDefaultPropsOnFunctionComponents = false;
-var warnAboutStringRefs = false;
-var disableLegacyContext = false;
-var disableSchedulerTimeoutBasedOnReactExpirationTime = false;
-
-var enableNativeTargetAsInstance = false; // Only used in www builds.
-
-// Flow magic to verify the exports of this file match the original version.
-
 var instanceCache = new Map();
 var instanceProps = new Map();
 function precacheFiberNode(hostInst, tag) {
@@ -2606,35 +2441,20 @@ function getInstanceFromTag(tag) {
 }
 
 function getTagFromInstance(inst) {
-  if (enableNativeTargetAsInstance) {
-    var nativeInstance = inst.stateNode;
-    var tag = nativeInstance._nativeTag;
-
-    if (tag === undefined) {
-      nativeInstance = nativeInstance.canonical;
-      tag = nativeInstance._nativeTag;
-    }
-
-    if (!tag) {
-      throw Error("All native instances should have a tag.");
-    }
-
-    return nativeInstance;
-  } else {
-    var _tag = inst.stateNode._nativeTag;
-
-    if (_tag === undefined) {
-      _tag = inst.stateNode.canonical._nativeTag;
-    }
+  var nativeInstance = inst.stateNode;
+  var tag = nativeInstance._nativeTag;
 
-    if (!_tag) {
-      throw Error("All native instances should have a tag.");
-    }
+  if (tag === undefined) {
+    nativeInstance = nativeInstance.canonical;
+    tag = nativeInstance._nativeTag;
+  }
 
-    return _tag;
+  if (!tag) {
+    throw Error("All native instances should have a tag.");
   }
-}
 
+  return nativeInstance;
+}
 function getFiberCurrentPropsFromNode$1(stateNode) {
   return instanceProps.get(stateNode._nativeTag) || null;
 }
@@ -2644,50 +2464,9 @@ function updateFiberProps(tag, props) {
 
 var PLUGIN_EVENT_SYSTEM = 1;
 
-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;
-  }
-
-  if (!(typeof restoreImpl === "function")) {
-    throw 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]);
-    }
-  }
-}
+var enableProfilerTimer = true;
+var enableFundamentalAPI = false;
+var warnAboutStringRefs = false;
 
 // 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
@@ -2698,25 +2477,7 @@ function restoreStateIfNeeded() {
 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) {
@@ -2731,11 +2492,8 @@ function batchedUpdates(fn, bookkeeping) {
     return batchedUpdatesImpl(fn, bookkeeping);
   } finally {
     isInsideEventHandler = false;
-    finishEventHandler();
   }
 }
-// This is for the React Flare event system
-
 function setBatchingImplementation(
   _batchedUpdatesImpl,
   _discreteUpdatesImpl,
@@ -2743,7 +2501,57 @@ function setBatchingImplementation(
   _batchedEventUpdatesImpl
 ) {
   batchedUpdatesImpl = _batchedUpdatesImpl;
-  flushDiscreteUpdatesImpl = _flushDiscreteUpdatesImpl;
+}
+
+/**
+ * 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);
+
+  if (!!eventQueue) {
+    throw 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();
 }
 
 /**
@@ -2823,12 +2631,8 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   var inst = getInstanceFromTag(rootNodeID);
   var target = null;
 
-  if (enableNativeTargetAsInstance) {
-    if (inst != null) {
-      target = inst.stateNode;
-    }
-  } else {
-    target = nativeEvent.target;
+  if (inst != null) {
+    target = inst.stateNode;
   }
 
   batchedUpdates(function() {
@@ -2842,6 +2646,61 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   }); // React Native doesn't use ReactControlledComponent but if it did, here's
   // where it would do it.
 }
+/**
+ * Allows registered plugins an opportunity to extract events from top-level
+ * native browser events.
+ *
+ * @return {*} An accumulation of synthetic events.
+ * @internal
+ */
+
+function extractPluginEvents(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  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,
+        eventSystemFlags
+      );
+
+      if (extractedEvents) {
+        events = accumulateInto(events, extractedEvents);
+      }
+    }
+  }
+
+  return events;
+}
+
+function runExtractedPluginEventsInBatch(
+  topLevelType,
+  targetInst,
+  nativeEvent,
+  nativeEventTarget,
+  eventSystemFlags
+) {
+  var events = extractPluginEvents(
+    topLevelType,
+    targetInst,
+    nativeEvent,
+    nativeEventTarget,
+    eventSystemFlags
+  );
+  runEventsInBatch(events);
+}
 /**
  * Publicly exposed method on module for native objc to invoke when a top
  * level event is extracted.
@@ -2898,10 +2757,7 @@ function receiveTouches(eventTopLevelType, touches, changedIndices) {
     if (target !== null && target !== undefined) {
       if (target < 1) {
         {
-          warningWithoutStack$1(
-            false,
-            "A view is reporting that a touch occurred on tag zero."
-          );
+          error("A view is reporting that a touch occurred on tag zero.");
         }
       } else {
         rootNodeID = target;
@@ -2953,38 +2809,13 @@ ResponderEventPlugin.injection.injectGlobalResponderHandler(
  * 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;
@@ -2997,8 +2828,6 @@ 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")
   : 0xeacf;
@@ -3011,11 +2840,7 @@ var REACT_SUSPENSE_LIST_TYPE = hasSymbol
   : 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 REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 0xead7;
+var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 0xead9;
 var MAYBE_ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = "@@iterator";
 function getIteratorFn(maybeIterable) {
@@ -3034,56 +2859,29 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-/**
- * 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 = new Array(_len > 2 ? _len - 2 : 0),
-        _key = 2;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 2] = arguments[_key];
-    }
-
-    warningWithoutStack$1.apply(
-      void 0,
-      [false, format + "%s"].concat(args, [stack])
-    );
-  };
-}
-
-var warning$1 = warning;
-
+// TODO: Move this to "react" once we can import from externals.
 var Uninitialized = -1;
 var Pending = 0;
 var Resolved = 1;
 var Rejected = 2;
+
 function refineResolvedLazyComponent(lazyComponent) {
   return lazyComponent._status === Resolved ? lazyComponent._result : null;
 }
 function initializeLazyComponentType(lazyComponent) {
   if (lazyComponent._status === Uninitialized) {
-    lazyComponent._status = Pending;
-    var ctor = lazyComponent._ctor;
-    var thenable = ctor();
-    lazyComponent._result = thenable;
+    var ctor = lazyComponent._result;
+
+    if (!ctor) {
+      // TODO: Remove this later. THis only exists in case you use an older "react" package.
+      ctor = lazyComponent._ctor;
+    }
+
+    var thenable = ctor(); // Transition to the next state.
+
+    var pending = lazyComponent;
+    pending._status = Pending;
+    pending._result = thenable;
     thenable.then(
       function(moduleObject) {
         if (lazyComponent._status === Pending) {
@@ -3091,24 +2889,27 @@ function initializeLazyComponentType(lazyComponent) {
 
           {
             if (defaultExport === undefined) {
-              warning$1(
-                false,
+              error(
                 "lazy: Expected the result of a dynamic import() call. " +
-                  "Instead received: %s\n\nYour code should look like: \n  " +
-                  "const MyComponent = lazy(() => import('./MyComponent'))",
+                "Instead received: %s\n\nYour code should look like: \n  " + // Break up imports to avoid accidentally parsing them as dependencies.
+                  "const MyComponent = lazy(() => imp" +
+                  "ort('./MyComponent'))",
                 moduleObject
               );
             }
-          }
+          } // Transition to the next state.
 
-          lazyComponent._status = Resolved;
-          lazyComponent._result = defaultExport;
+          var resolved = lazyComponent;
+          resolved._status = Resolved;
+          resolved._result = defaultExport;
         }
       },
       function(error) {
         if (lazyComponent._status === Pending) {
-          lazyComponent._status = Rejected;
-          lazyComponent._result = error;
+          // Transition to the next state.
+          var rejected = lazyComponent;
+          rejected._status = Rejected;
+          rejected._result = error;
         }
       }
     );
@@ -3123,6 +2924,10 @@ function getWrappedName(outerType, innerType, wrapperName) {
   );
 }
 
+function getContextName(type) {
+  return type.displayName || "Context";
+}
+
 function getComponentName(type) {
   if (type == null) {
     // Host root, text node or just invalid type.
@@ -3131,8 +2936,7 @@ function getComponentName(type) {
 
   {
     if (typeof type.tag === "number") {
-      warningWithoutStack$1(
-        false,
+      error(
         "Received an unexpected object in getComponentName(). " +
           "This is likely a bug in React. Please file an issue."
       );
@@ -3170,10 +2974,12 @@ function getComponentName(type) {
   if (typeof type === "object") {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        var context = type;
+        return getContextName(context) + ".Consumer";
 
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        var provider = type;
+        return getContextName(provider._context) + ".Provider";
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, "ForwardRef");
@@ -3181,6 +2987,9 @@ function getComponentName(type) {
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
 
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
+
       case REACT_LAZY_TYPE: {
         var thenable = type;
         var resolvedThenable = refineResolvedLazyComponent(thenable);
@@ -3256,7 +3065,7 @@ var ShouldCapture =
   /*         */
   4096;
 
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
 function getNearestMountedFiber(fiber) {
   var node = fiber;
   var nearestMounted = fiber;
@@ -3293,28 +3102,28 @@ function getNearestMountedFiber(fiber) {
 
   return null;
 }
-
 function isFiberMounted(fiber) {
   return getNearestMountedFiber(fiber) === fiber;
 }
 function isMounted(component) {
   {
-    var owner = ReactCurrentOwner$1.current;
+    var owner = ReactCurrentOwner.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;
+
+      if (!instance._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing isMounted inside its render() function. " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(ownerFiber.type) || "A component"
+        );
+      }
+
       instance._warnedAboutRefsInRender = true;
     }
   }
@@ -4017,71 +3826,49 @@ function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
     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 +
-          ": ... } }`"
-      );
+  {
+    for (var key in validAttributes.style) {
+      if (!(validAttributes[key] || props[key] === undefined)) {
+        error(
+          "You are setting the style `{ %s" +
+            ": ... }` as a prop. You " +
+            "should nest it in a style object. " +
+            "E.g. `{ style: { %s" +
+            ": ... } }`",
+          key,
+          key
+        );
+      }
     }
   }
 }
 
-// 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 =
   /*#__PURE__*/
   (function() {
-    function ReactNativeFiberHostComponent(tag, viewConfig) {
+    function ReactNativeFiberHostComponent(
+      tag,
+      viewConfig,
+      internalInstanceHandleDEV
+    ) {
       this._nativeTag = tag;
       this._children = [];
       this.viewConfig = viewConfig;
+
+      {
+        this._internalFiberInstanceHandleDEV = internalInstanceHandleDEV;
+      }
     }
 
     var _proto = ReactNativeFiberHostComponent.prototype;
 
     _proto.blur = function blur() {
-      ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+      ReactNativePrivateInterface.TextInputState.blurTextInput(this);
     };
 
     _proto.focus = function focus() {
-      ReactNativePrivateInterface.TextInputState.focusTextInput(
-        this._nativeTag
-      );
+      ReactNativePrivateInterface.TextInputState.focusTextInput(this);
     };
 
     _proto.measure = function measure(callback) {
@@ -4109,15 +3896,21 @@ var ReactNativeFiberHostComponent =
       if (typeof relativeToNativeNode === "number") {
         // Already a node handle
         relativeNode = relativeToNativeNode;
-      } else if (relativeToNativeNode._nativeTag) {
-        relativeNode = relativeToNativeNode._nativeTag;
+      } else {
+        var nativeNode = relativeToNativeNode;
+
+        if (nativeNode._nativeTag) {
+          relativeNode = nativeNode._nativeTag;
+        }
       }
 
       if (relativeNode == null) {
-        warningWithoutStack$1(
-          false,
-          "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-        );
+        {
+          error(
+            "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+          );
+        }
+
         return;
       }
 
@@ -4153,60 +3946,15 @@ var ReactNativeFiberHostComponent =
 // can re-export everything from this module.
 
 function shim() {
-  {
-    throw 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;
-
-// can re-export everything from this module.
-
-function shim$1() {
   {
     throw Error(
       "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
     );
   }
 } // 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 hydrateSuspenseInstance = shim$1;
-var getNextHydratableInstanceAfterSuspenseInstance = shim$1;
-var commitHydratedContainer = shim$1;
-var commitHydratedSuspenseInstance = 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 isSuspenseInstancePending = shim;
+var isSuspenseInstanceFallback = shim;
+var hydrateTextInstance = shim;
 
 var getViewConfigForType =
   ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get;
@@ -4241,7 +3989,6 @@ function recursivelyUncacheFiberNode(node) {
     node._children.forEach(recursivelyUncacheFiberNode);
   }
 }
-
 function appendInitialChild(parentInstance, child) {
   parentInstance._children.push(child);
 }
@@ -4272,7 +4019,11 @@ function createInstance(
     rootContainerInstance, // rootTag
     updatePayload // props
   );
-  var component = new ReactNativeFiberHostComponent(tag, viewConfig);
+  var component = new ReactNativeFiberHostComponent(
+    tag,
+    viewConfig,
+    internalInstanceHandle
+  );
   precacheFiberNode(internalInstanceHandle, tag);
   updateFiberProps(tag, props); // Not sure how to avoid this cast. Flow is okay if the component is defined
   // in the same file but if it's external it can't see the types.
@@ -4367,8 +4118,6 @@ function prepareUpdate(
 function resetAfterCommit(containerInfo) {
   // Noop
 }
-var isPrimaryRenderer = true;
-var warnsIfNotActing = true;
 var scheduleTimeout = setTimeout;
 var cancelTimeout = clearTimeout;
 var noTimeout = -1;
@@ -4384,10 +4133,6 @@ function shouldSetTextContent(type, props) {
   // 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;
@@ -4432,7 +4177,6 @@ function commitTextUpdate(textInstance, oldText, newText) {
     } // props
   );
 }
-
 function commitUpdate(
   instance,
   updatePayloadTODO,
@@ -4565,154 +4309,79 @@ function unhideInstance(instance, props) {
 function unhideTextInstance(textInstance, text) {
   throw new Error("Not yet implemented.");
 }
-function mountResponderInstance(
-  responder,
-  responderInstance,
-  props,
-  state,
-  instance
-) {
-  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.");
-}
-function getInstanceFromNode$1(node) {
-  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);
+var loggedTypeFailures = {};
+function checkPropTypes(typeSpecs, values, location, componentName) {
+  {
+    // $FlowFixMe This is okay but Flow doesn't know it.
+    var has = Function.call.bind(Object.prototype.hasOwnProperty);
 
-        if (match) {
-          var pathBeforeSlash = match[1];
+    for (var typeSpecName in typeSpecs) {
+      if (has(typeSpecs, typeSpecName)) {
+        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
+        // fail the render phase where it didn't fail before. So we log it.
+        // After these have been cleaned up, we'll let them throw.
 
-          if (pathBeforeSlash) {
-            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-            fileName = folderName + "/" + fileName;
+        try {
+          // This is intentionally an invariant that gets caught. It's the same
+          // behavior as without this statement except with a better message.
+          if (typeof typeSpecs[typeSpecName] !== "function") {
+            var err = Error(
+              (componentName || "React class") +
+                ": " +
+                location +
+                " type `" +
+                typeSpecName +
+                "` is invalid; " +
+                "it must be a function, usually from the `prop-types` package, but received `" +
+                typeof typeSpecs[typeSpecName] +
+                "`." +
+                "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+            );
+            err.name = "Invariant Violation";
+            throw err;
           }
-        }
-      }
-    }
-
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
-  }
-
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-};
 
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+          error$1 = typeSpecs[typeSpecName](
+            values,
+            typeSpecName,
+            componentName,
+            location,
+            null,
+            "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
+          );
+        } catch (ex) {
+          error$1 = ex;
+        }
 
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case HostRoot:
-    case HostPortal:
-    case HostText:
-    case Fragment:
-    case ContextProvider:
-    case ContextConsumer:
-      return "";
+        if (error$1 && !(error$1 instanceof Error)) {
+          error(
+            "%s: type specification of %s" +
+              " `%s` is invalid; the type checker " +
+              "function must return `null` or an `Error` but returned a %s. " +
+              "You may have forgotten to pass an argument to the type checker " +
+              "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
+              "shape all require an argument).",
+            componentName || "React class",
+            location,
+            typeSpecName,
+            typeof error$1
+          );
+        }
 
-    default:
-      var owner = fiber._debugOwner;
-      var source = fiber._debugSource;
-      var name = getComponentName(fiber.type);
-      var ownerName = null;
+        if (
+          error$1 instanceof Error &&
+          !(error$1.message in loggedTypeFailures)
+        ) {
+          // Only monitor this failure once because there tends to be a lot of the
+          // same error.
+          loggedTypeFailures[error$1.message] = true;
 
-      if (owner) {
-        ownerName = getComponentName(owner.type);
+          error("Failed %s type: %s", location, error$1.message);
+        }
       }
-
-      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.
@@ -4891,12 +4560,12 @@ var resumeTimers = function() {
 };
 
 function recordEffect() {
-  if (enableUserTimingAPI) {
+  {
     effectCountInCurrentCommit++;
   }
 }
 function recordScheduleUpdate() {
-  if (enableUserTimingAPI) {
+  {
     if (isCommitting) {
       hasScheduledUpdateInCurrentCommit = true;
     }
@@ -4910,9 +4579,8 @@ function recordScheduleUpdate() {
     }
   }
 }
-
 function startWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, this is the fiber to unwind from.
@@ -4927,7 +4595,7 @@ function startWorkTimer(fiber) {
   }
 }
 function cancelWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // Remember we shouldn't complete measurement for this fiber.
@@ -4938,7 +4606,7 @@ function cancelWorkTimer(fiber) {
   }
 }
 function stopWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -4954,7 +4622,7 @@ function stopWorkTimer(fiber) {
   }
 }
 function stopFailedWorkTimer(fiber) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming || shouldIgnoreFiber(fiber)) {
       return;
     } // If we pause, its parent is the fiber to unwind from.
@@ -4974,7 +4642,7 @@ function stopFailedWorkTimer(fiber) {
   }
 }
 function startPhaseTimer(fiber, phase) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -4990,7 +4658,7 @@ function startPhaseTimer(fiber, phase) {
   }
 }
 function stopPhaseTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5007,7 +4675,7 @@ function stopPhaseTimer() {
   }
 }
 function startWorkLoopTimer(nextUnitOfWork) {
-  if (enableUserTimingAPI) {
+  {
     currentFiber = nextUnitOfWork;
 
     if (!supportsUserTiming) {
@@ -5023,7 +4691,7 @@ function startWorkLoopTimer(nextUnitOfWork) {
   }
 }
 function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5052,7 +4720,7 @@ function stopWorkLoopTimer(interruptedBy, didCompleteRoot) {
   }
 }
 function startCommitTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5064,7 +4732,7 @@ function startCommitTimer() {
   }
 }
 function stopCommitTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5085,7 +4753,7 @@ function stopCommitTimer() {
   }
 }
 function startCommitSnapshotEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5095,7 +4763,7 @@ function startCommitSnapshotEffectsTimer() {
   }
 }
 function stopCommitSnapshotEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5110,7 +4778,7 @@ function stopCommitSnapshotEffectsTimer() {
   }
 }
 function startCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5120,7 +4788,7 @@ function startCommitHostEffectsTimer() {
   }
 }
 function stopCommitHostEffectsTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5135,7 +4803,7 @@ function stopCommitHostEffectsTimer() {
   }
 }
 function startCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5145,7 +4813,7 @@ function startCommitLifeCyclesTimer() {
   }
 }
 function stopCommitLifeCyclesTimer() {
-  if (enableUserTimingAPI) {
+  {
     if (!supportsUserTiming) {
       return;
     }
@@ -5178,7 +4846,7 @@ function createCursor(defaultValue) {
 function pop(cursor, fiber) {
   if (index < 0) {
     {
-      warningWithoutStack$1(false, "Unexpected pop.");
+      error("Unexpected pop.");
     }
 
     return;
@@ -5186,7 +4854,7 @@ function pop(cursor, fiber) {
 
   {
     if (fiber !== fiberStack[index]) {
-      warningWithoutStack$1(false, "Unexpected Fiber popped.");
+      error("Unexpected Fiber popped.");
     }
   }
 
@@ -5236,9 +4904,7 @@ function getUnmaskedContext(
   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
@@ -5252,9 +4918,7 @@ function getUnmaskedContext(
 }
 
 function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  if (disableLegacyContext) {
-    return;
-  } else {
+  {
     var instance = workInProgress.stateNode;
     instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
     instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
@@ -5262,9 +4926,7 @@ function cacheContext(workInProgress, unmaskedContext, maskedContext) {
 }
 
 function getMaskedContext(workInProgress, unmaskedContext) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     var type = workInProgress.type;
     var contextTypes = type.contextTypes;
 
@@ -5291,13 +4953,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     {
       var name = getComponentName(type) || "Unknown";
-      checkPropTypes(
-        contextTypes,
-        context,
-        "context",
-        name,
-        getCurrentFiberStackInDev
-      );
+      checkPropTypes(contextTypes, context, "context", name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -5310,44 +4966,34 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 }
 
 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 {
+  {
     if (!(contextStackCursor.current === emptyContextObject)) {
       throw Error(
         "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
@@ -5360,9 +5006,7 @@ function pushTopLevelContextObject(fiber, context, didChange) {
 }
 
 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.
@@ -5373,8 +5017,8 @@ function processChildContext(fiber, type, parentContext) {
 
         if (!warnedAboutMissingGetChildContext[componentName]) {
           warnedAboutMissingGetChildContext[componentName] = true;
-          warningWithoutStack$1(
-            false,
+
+          error(
             "%s.childContextTypes is specified but there is no getChildContext() method " +
               "on the instance. You can either define getChildContext() on %s or remove " +
               "childContextTypes from it.",
@@ -5388,19 +5032,10 @@ function processChildContext(fiber, type, parentContext) {
     }
 
     var childContext;
-
-    {
-      setCurrentPhase("getChildContext");
-    }
-
     startPhaseTimer(fiber, "getChildContext");
     childContext = instance.getChildContext();
     stopPhaseTimer();
 
-    {
-      setCurrentPhase(null);
-    }
-
     for (var contextKey in childContext) {
       if (!(contextKey in childContextTypes)) {
         throw Error(
@@ -5414,17 +5049,7 @@ function processChildContext(fiber, type, parentContext) {
 
     {
       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
-      );
+      checkPropTypes(childContextTypes, childContext, "child context", name);
     }
 
     return Object.assign({}, parentContext, {}, childContext);
@@ -5432,9 +5057,7 @@ function processChildContext(fiber, type, parentContext) {
 }
 
 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.
@@ -5456,9 +5079,7 @@ function pushContextProvider(workInProgress) {
 }
 
 function invalidateContextProvider(workInProgress, type, didChange) {
-  if (disableLegacyContext) {
-    return;
-  } else {
+  {
     var instance = workInProgress.stateNode;
 
     if (!instance) {
@@ -5492,9 +5113,7 @@ function invalidateContextProvider(workInProgress, type, didChange) {
 }
 
 function findCurrentUnmaskedContext(fiber) {
-  if (disableLegacyContext) {
-    return emptyContextObject;
-  } else {
+  {
     // Currently this is only used with renderSubtreeIntoContainer; not sure if it
     // makes sense elsewhere
     if (!(isFiberMounted(fiber) && fiber.tag === ClassComponent)) {
@@ -5537,22 +5156,21 @@ var BlockingRoot = 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) {
+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;
+
+{
   // Provide explicit error message when production+profiling bundle of e.g.
   // react-dom is used with production (non-profiling) bundle of
   // scheduler/tracing
@@ -5746,14 +5364,14 @@ var NoWork = 0; // TODO: Think of a better name for Never. The key difference wi
 var Never = 1; // Idle is slightly higher priority than Never. It must completely finish in
 // order to be consistent.
 
-var Idle = 2; // Continuous Hydration is a moving priority. It is slightly higher than Idle
+var Idle = 2; // Continuous Hydration is slightly higher than Idle and is used to increase
 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.
+  // Always subtract from the offset so that we don't clash with the magic number for NoWork.
   return MAGIC_NUMBER_OFFSET - ((ms / UNIT_SIZE) | 0);
 }
 function expirationTimeToMs(expirationTime) {
@@ -5812,7 +5430,6 @@ function computeInteractiveExpiration(currentTime) {
     HIGH_PRIORITY_BATCH_SIZE
   );
 }
-
 function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   if (expirationTime === Sync) {
     return ImmediatePriority;
@@ -5851,7 +5468,7 @@ function is(x, y) {
   );
 }
 
-var is$1 = typeof Object.is === "function" ? Object.is : is;
+var objectIs = typeof Object.is === "function" ? Object.is : is;
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 /**
@@ -5861,7 +5478,7 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
  */
 
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) {
+  if (objectIs(objA, objB)) {
     return true;
   }
 
@@ -5884,7 +5501,7 @@ function shallowEqual(objA, objB) {
   for (var i = 0; i < keysA.length; i++) {
     if (
       !hasOwnProperty.call(objB, keysA[i]) ||
-      !is$1(objA[keysA[i]], objB[keysA[i]])
+      !objectIs(objA[keysA[i]], objB[keysA[i]])
     ) {
       return false;
     }
@@ -5893,77 +5510,122 @@ function shallowEqual(objA, objB) {
   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 lowPriorityWarningWithoutStack = function() {};
+var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+function describeComponentFrame(name, source, ownerName) {
+  var sourceInfo = "";
 
-{
-  var printWarning = function(format) {
-    for (
-      var _len = arguments.length,
-        args = new Array(_len > 1 ? _len - 1 : 0),
-        _key = 1;
-      _key < _len;
-      _key++
-    ) {
-      args[_key - 1] = arguments[_key];
-    }
+  if (source) {
+    var path = source.fileName;
+    var fileName = path.replace(BEFORE_SLASH_RE, "");
 
-    var argIndex = 0;
-    var message =
-      "Warning: " +
-      format.replace(/%s/g, function() {
-        return args[argIndex++];
-      });
+    {
+      // 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 (typeof console !== "undefined") {
-      console.warn(message);
+        if (match) {
+          var pathBeforeSlash = match[1];
+
+          if (pathBeforeSlash) {
+            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
+            fileName = folderName + "/" + fileName;
+          }
+        }
+      }
     }
 
-    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) {}
-  };
+    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
+  } else if (ownerName) {
+    sourceInfo = " (created by " + ownerName + ")";
+  }
 
-  lowPriorityWarningWithoutStack = function(condition, format) {
-    if (format === undefined) {
-      throw new Error(
-        "`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning " +
-          "message argument"
-      );
-    }
+  return "\n    in " + (name || "Unknown") + sourceInfo;
+}
 
-    if (!condition) {
-      for (
-        var _len2 = arguments.length,
-          args = new Array(_len2 > 2 ? _len2 - 2 : 0),
-          _key2 = 2;
-        _key2 < _len2;
-        _key2++
-      ) {
-        args[_key2 - 2] = arguments[_key2];
+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);
       }
 
-      printWarning.apply(void 0, [format].concat(args));
+      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 isRendering = false;
+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.
 
-var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
+    return getStackByFiberInDevAndProd(current);
+  }
+}
+function resetCurrentFiber() {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = null;
+    current = null;
+    isRendering = false;
+  }
+}
+function setCurrentFiber(fiber) {
+  {
+    ReactDebugCurrentFrame.getCurrentStack = getCurrentFiberStackInDev;
+    current = fiber;
+    isRendering = false;
+  }
+}
+function setIsRendering(rendering) {
+  {
+    isRendering = rendering;
+  }
+}
 
 var ReactStrictModeWarnings = {
   recordUnsafeLifecycleWarnings: function(fiber, instance) {},
@@ -6135,8 +5797,8 @@ var ReactStrictModeWarnings = {
 
     if (UNSAFE_componentWillMountUniqueNames.size > 0) {
       var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6150,8 +5812,7 @@ var ReactStrictModeWarnings = {
         UNSAFE_componentWillReceivePropsUniqueNames
       );
 
-      warningWithoutStack$1(
-        false,
+      error(
         "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6169,8 +5830,7 @@ var ReactStrictModeWarnings = {
         UNSAFE_componentWillUpdateUniqueNames
       );
 
-      warningWithoutStack$1(
-        false,
+      error(
         "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
           "and may indicate bugs in your code. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
@@ -6183,8 +5843,7 @@ var ReactStrictModeWarnings = {
     if (componentWillMountUniqueNames.size > 0) {
       var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillMount has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
@@ -6202,8 +5861,7 @@ var ReactStrictModeWarnings = {
         componentWillReceivePropsUniqueNames
       );
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillReceiveProps has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6222,8 +5880,7 @@ var ReactStrictModeWarnings = {
     if (componentWillUpdateUniqueNames.size > 0) {
       var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
 
-      lowPriorityWarningWithoutStack$1(
-        false,
+      warn(
         "componentWillUpdate has been renamed, and is not recommended for use. " +
           "See https://fb.me/react-unsafe-component-lifecycles for details.\n\n" +
           "* Move data fetching code or side effects to componentDidUpdate.\n" +
@@ -6248,11 +5905,11 @@ var ReactStrictModeWarnings = {
     var strictRoot = findStrictRoot(fiber);
 
     if (strictRoot === null) {
-      warningWithoutStack$1(
-        false,
+      error(
         "Expected to find a StrictMode component in a strict mode tree. " +
           "This error is likely caused by a bug in React. Please file an issue."
       );
+
       return;
     } // Dedup strategy: Warn once per component.
 
@@ -6278,15 +5935,20 @@ var ReactStrictModeWarnings = {
 
   ReactStrictModeWarnings.flushLegacyContextWarning = function() {
     pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
+      if (fiberArray.length === 0) {
+        return;
+      }
+
+      var firstFiber = fiberArray[0];
       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,
+      var firstComponentStack = getStackByFiberInDevAndProd(firstFiber);
+
+      error(
         "Legacy context API has been detected within a strict-mode tree." +
           "\n\nThe old API will be supported in all 16.x releases, but applications " +
           "using it should migrate to the new version." +
@@ -6294,7 +5956,7 @@ var ReactStrictModeWarnings = {
           "\n\nLearn more about this warning here: https://fb.me/react-legacy-context" +
           "%s",
         sortedNames,
-        strictRootComponentStack
+        firstComponentStack
       );
     });
   };
@@ -6537,9 +6199,6 @@ function scheduleFibersWithFamiliesRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     if (resolveFamily === null) {
@@ -6639,9 +6298,6 @@ function findHostInstancesForMatchingFibersRecursively(
       case ForwardRef:
         candidateType = type.render;
         break;
-
-      default:
-        break;
     }
 
     var didMatch = false;
@@ -6814,41 +6470,23 @@ function exitDisallowedContextReadInDEV() {
 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;
+      if (
+        context._currentRenderer !== undefined &&
+        context._currentRenderer !== null &&
+        context._currentRenderer !== rendererSigil
+      ) {
+        error(
+          "Detected multiple renderers concurrently rendering the " +
+            "same context provider. This is currently unsupported."
+        );
+      }
 
-    {
-      !(
-        context._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;
+      context._currentRenderer = rendererSigil;
     }
   }
 }
@@ -6857,14 +6495,12 @@ function popProvider(providerFiber) {
   pop(valueCursor, providerFiber);
   var context = providerFiber.type._context;
 
-  if (isPrimaryRenderer) {
+  {
     context._currentValue = currentValue;
-  } else {
-    context._currentValue2 = currentValue;
   }
 }
 function calculateChangedBits(context, newValue, oldValue) {
-  if (is$1(oldValue, newValue)) {
+  if (objectIs(oldValue, newValue)) {
     // No change
     return 0;
   } else {
@@ -6874,14 +6510,13 @@ function calculateChangedBits(context, newValue, oldValue) {
         : 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;
+      if ((changedBits & MAX_SIGNED_31_BIT_INT) !== changedBits) {
+        error(
+          "calculateChangedBits: Expected the return value to be a " +
+            "31-bit integer. Instead received: %s",
+          changedBits
+        );
+      }
     }
 
     return changedBits | 0;
@@ -6986,39 +6621,6 @@ function propagateContextChange(
     } 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 === DehydratedFragment
-    ) {
-      // If a dehydrated suspense bounudary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      var parentSuspense = fiber.return;
-
-      if (!(parentSuspense !== null)) {
-        throw Error(
-          "We just came from a parent so we must have had a parent. This is a bug in React."
-        );
-      }
-
-      if (parentSuspense.expirationTime < renderExpirationTime) {
-        parentSuspense.expirationTime = renderExpirationTime;
-      }
-
-      var _alternate = parentSuspense.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(parentSuspense, renderExpirationTime);
-      nextFiber = fiber.sibling;
     } else {
       // Traverse down.
       nextFiber = fiber.child;
@@ -7077,22 +6679,19 @@ 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 (isDisallowedContextReadInDEV) {
+      error(
+        "Context can only be read while React is rendering. " +
+          "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+          "In function components, you can read it directly in the function body, but not " +
+          "inside Hooks like useReducer() or useMemo()."
+      );
+    }
   }
 
-  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 {
+  if (lastContextWithAllBitsObserved === context);
+  else if (observedBits === false || observedBits === 0);
+  else {
     var resolvedObservedBits; // Avoid deopting on observable arguments or heterogeneous types.
 
     if (
@@ -7131,85 +6730,9 @@ function readContext(context, observedBits) {
     }
   }
 
-  return isPrimaryRenderer ? context._currentValue : context._currentValue2;
+  return context._currentValue;
 }
 
-// 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;
@@ -7226,38 +6749,32 @@ var currentlyProcessingQueue;
   currentlyProcessingQueue = null;
 }
 
-function createUpdateQueue(baseState) {
+function initializeUpdateQueue(fiber) {
   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
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: {
+      pending: null
+    },
+    effects: null
   };
-  return queue;
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  var queue = workInProgress.updateQueue;
+  var currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    var clone = {
+      baseState: currentQueue.baseState,
+      baseQueue: currentQueue.baseQueue,
+      shared: currentQueue.shared,
+      effects: currentQueue.effects
+    };
+    workInProgress.updateQueue = clone;
+  }
 }
-
 function createUpdate(expirationTime, suspenseConfig) {
   var update = {
     expirationTime: expirationTime,
@@ -7265,9 +6782,9 @@ function createUpdate(expirationTime, suspenseConfig) {
     tag: UpdateState,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
+  update.next = update;
 
   {
     update.priority = getCurrentPriorityLevel();
@@ -7275,136 +6792,62 @@ function createUpdate(expirationTime, suspenseConfig) {
 
   return update;
 }
+function enqueueUpdate(fiber, update) {
+  var updateQueue = fiber.updateQueue;
 
-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;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
   }
-}
-
-function enqueueUpdate(fiber, update) {
-  // Update queues are created lazily.
-  var alternate = fiber.alternate;
-  var queue1;
-  var queue2;
 
-  if (alternate === null) {
-    // There's only one fiber.
-    queue1 = fiber.updateQueue;
-    queue2 = null;
+  var sharedQueue = updateQueue.shared;
+  var pending = sharedQueue.pending;
 
-    if (queue1 === null) {
-      queue1 = fiber.updateQueue = createUpdateQueue(fiber.memoizedState);
-    }
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
   } 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.
-      }
-    }
+    update.next = pending.next;
+    pending.next = update;
   }
 
-  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;
-    }
-  }
+  sharedQueue.pending = update;
 
   {
     if (
-      fiber.tag === ClassComponent &&
-      (currentlyProcessingQueue === queue1 ||
-        (queue2 !== null && currentlyProcessingQueue === queue2)) &&
+      currentlyProcessingQueue === sharedQueue &&
       !didWarnUpdateInsideUpdate
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "An update (setState, replaceState, or forceUpdate) was scheduled " +
           "from inside an update function. Update functions should be pure, " +
           "with zero side-effects. Consider using componentDidUpdate or a " +
           "callback."
       );
+
       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;
+  var current = workInProgress.alternate;
 
-  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 (current !== null) {
+    // Ensure the work-in-progress queue is a clone
+    cloneUpdateQueue(current, workInProgress);
+  } // Captured updates go only on the work-in-progress queue.
 
-  if (workInProgressQueue.lastCapturedUpdate === null) {
-    // This is the first render phase update
-    workInProgressQueue.firstCapturedUpdate = workInProgressQueue.lastCapturedUpdate = update;
-  } else {
-    workInProgressQueue.lastCapturedUpdate.next = update;
-    workInProgressQueue.lastCapturedUpdate = update;
-  }
-}
+  var queue = workInProgress.updateQueue; // Append the update to the end of the list.
 
-function ensureWorkInProgressQueueIsAClone(workInProgress, queue) {
-  var current = workInProgress.alternate;
+  var last = queue.baseQueue;
 
-  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);
-    }
+  if (last === null) {
+    queue.baseQueue = update.next = update;
+    update.next = update;
+  } else {
+    update.next = last.next;
+    last.next = update;
   }
-
-  return queue;
 }
 
 function getStateFromUpdate(
@@ -7423,13 +6866,6 @@ function getStateFromUpdate(
         // Updater function
         {
           enterDisallowedContextReadInDEV();
-
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
-            payload.call(instance, prevState, nextProps);
-          }
         }
 
         var nextState = payload.call(instance, prevState, nextProps);
@@ -7458,13 +6894,6 @@ function getStateFromUpdate(
         // Updater function
         {
           enterDisallowedContextReadInDEV();
-
-          if (
-            debugRenderPhaseSideEffectsForStrictMode &&
-            workInProgress.mode & StrictMode
-          ) {
-            _payload.call(instance, prevState, nextProps);
-          }
         }
 
         partialState = _payload.call(instance, prevState, nextProps);
@@ -7496,163 +6925,171 @@ function getStateFromUpdate(
 
 function processUpdateQueue(
   workInProgress,
-  queue,
   props,
   instance,
   renderExpirationTime
 ) {
+  // This is always non-null on a ClassComponent or HostRoot
+  var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
-  queue = ensureWorkInProgressQueueIsAClone(workInProgress, queue);
 
   {
-    currentlyProcessingQueue = queue;
-  } // These values may change as we process the queue.
+    currentlyProcessingQueue = queue.shared;
+  } // The last rebase update that is NOT part of the base state.
+
+  var baseQueue = queue.baseQueue; // The last pending update that hasn't been processed yet.
 
-  var newBaseState = queue.baseState;
-  var newFirstUpdate = null;
-  var newExpirationTime = NoWork; // Iterate through the list of updates to compute the result.
+  var pendingQueue = queue.shared.pending;
 
-  var update = queue.firstUpdate;
-  var resultState = newBaseState;
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
+    }
 
-  while (update !== null) {
-    var updateExpirationTime = update.expirationTime;
+    baseQueue = pendingQueue;
+    queue.shared.pending = null; // TODO: Pass `current` as argument
 
-    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.
+    var current = workInProgress.alternate;
 
-        newBaseState = resultState;
-      } // Since this update will remain in the list, update the remaining
-      // expiration time.
+    if (current !== null) {
+      var currentQueue = current.updateQueue;
 
-      if (newExpirationTime < updateExpirationTime) {
-        newExpirationTime = updateExpirationTime;
+      if (currentQueue !== null) {
+        currentQueue.baseQueue = pendingQueue;
       }
-    } 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;
+    }
+  } // These values may change as we process the queue.
 
-      if (callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+  if (baseQueue !== null) {
+    var first = baseQueue.next; // Iterate through the list of updates to compute the result.
 
-        update.nextEffect = null;
+    var newState = queue.baseState;
+    var newExpirationTime = NoWork;
+    var newBaseState = null;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
 
-        if (queue.lastEffect === null) {
-          queue.firstEffect = queue.lastEffect = update;
-        } else {
-          queue.lastEffect.nextEffect = update;
-          queue.lastEffect = update;
-        }
-      }
-    } // Continue to the next update.
+    if (first !== null) {
+      var update = first;
 
-    update = update.next;
-  } // Separately, iterate though the list of captured updates.
+      do {
+        var updateExpirationTime = update.expirationTime;
+
+        if (updateExpirationTime < renderExpirationTime) {
+          // Priority is insufficient. Skip this update. If this is the first
+          // skipped update, the previous update/state is the new base
+          // update/state.
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
 
-  var newFirstCapturedUpdate = null;
-  update = queue.firstCapturedUpdate;
+          if (newBaseQueueLast === null) {
+            newBaseQueueFirst = newBaseQueueLast = clone;
+            newBaseState = newState;
+          } else {
+            newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Update the remaining priority in the queue.
 
-  while (update !== null) {
-    var _updateExpirationTime = update.expirationTime;
+          if (updateExpirationTime > newExpirationTime) {
+            newExpirationTime = updateExpirationTime;
+          }
+        } else {
+          // This update does have sufficient priority.
+          if (newBaseQueueLast !== null) {
+            var _clone = {
+              expirationTime: Sync,
+              // This update is going to be committed so we never want uncommit it.
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            };
+            newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // 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.
+
+          newState = getStateFromUpdate(
+            workInProgress,
+            queue,
+            update,
+            newState,
+            props,
+            instance
+          );
+          var callback = update.callback;
 
-    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 (callback !== null) {
+            workInProgress.effectTag |= Callback;
+            var effects = queue.effects;
 
-        if (newFirstUpdate === null) {
-          newBaseState = resultState;
+            if (effects === null) {
+              queue.effects = [update];
+            } else {
+              effects.push(update);
+            }
+          }
         }
-      } // 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 _callback = update.callback;
 
-      if (_callback !== null) {
-        workInProgress.effectTag |= Callback; // Set this to null, in case it was mutated during an aborted render.
+        update = update.next;
 
-        update.nextEffect = null;
+        if (update === null || update === first) {
+          pendingQueue = queue.shared.pending;
 
-        if (queue.lastCapturedEffect === null) {
-          queue.firstCapturedEffect = queue.lastCapturedEffect = update;
-        } else {
-          queue.lastCapturedEffect.nextEffect = update;
-          queue.lastCapturedEffect = update;
+          if (pendingQueue === null) {
+            break;
+          } else {
+            // An update was scheduled from inside a reducer. Add the new
+            // pending updates to the end of the list and keep processing.
+            update = baseQueue.next = pendingQueue.next;
+            pendingQueue.next = first;
+            queue.baseQueue = baseQueue = pendingQueue;
+            queue.shared.pending = null;
+          }
         }
-      }
+      } while (true);
     }
 
-    update = update.next;
-  }
-
-  if (newFirstUpdate === null) {
-    queue.lastUpdate = null;
-  }
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
+    }
 
-  if (newFirstCapturedUpdate === null) {
-    queue.lastCapturedUpdate = null;
-  } else {
-    workInProgress.effectTag |= Callback;
-  }
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast; // 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.
 
-  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;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress.expirationTime = newExpirationTime;
+    workInProgress.memoizedState = newState;
   }
 
-  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.
-
-  markUnprocessedUpdateTime(newExpirationTime);
-  workInProgress.expirationTime = newExpirationTime;
-  workInProgress.memoizedState = resultState;
-
   {
     currentlyProcessingQueue = null;
   }
@@ -7675,42 +7112,21 @@ function resetHasForceUpdateBeforeProcessing() {
 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 commitUpdateQueue(finishedWork, finishedQueue, instance) {
+  // Commit the effects
+  var effects = finishedQueue.effects;
+  finishedQueue.effects = null;
 
-function commitUpdateEffects(effect, instance) {
-  while (effect !== null) {
-    var callback = effect.callback;
+  if (effects !== null) {
+    for (var i = 0; i < effects.length; i++) {
+      var effect = effects[i];
+      var callback = effect.callback;
 
-    if (callback !== null) {
-      effect.callback = null;
-      callCallback(callback, instance);
+      if (callback !== null) {
+        effect.callback = null;
+        callCallback(callback, instance);
+      }
     }
-
-    effect = effect.nextEffect;
   }
 }
 
@@ -7720,7 +7136,7 @@ function requestCurrentSuspenseConfig() {
 }
 
 var fakeInternalInstance = {};
-var isArray$1 = Array.isArray; // React.Component uses a shared frozen object by default.
+var isArray = 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;
@@ -7755,8 +7171,8 @@ var didWarnAboutInvalidateContextType;
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%s(...): Expected the last optional `callback` argument to be a " +
           "function. Instead received: %s.",
         callerName,
@@ -7771,8 +7187,8 @@ var didWarnAboutInvalidateContextType;
 
       if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
         didWarnAboutUndefinedDerivedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
             "You have returned undefined.",
           componentName
@@ -7806,16 +7222,6 @@ function applyDerivedStateFromProps(
 ) {
   var prevState = workInProgress.memoizedState;
 
-  {
-    if (
-      debugRenderPhaseSideEffectsForStrictMode &&
-      workInProgress.mode & StrictMode
-    ) {
-      // Invoke the function an extra time to help detect side-effects.
-      getDerivedStateFromProps(nextProps, prevState);
-    }
-  }
-
   var partialState = getDerivedStateFromProps(nextProps, prevState);
 
   {
@@ -7829,9 +7235,9 @@ function applyDerivedStateFromProps(
   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) {
+  if (workInProgress.expirationTime === NoWork) {
+    // Queue is always non-null for classes
+    var updateQueue = workInProgress.updateQueue;
     updateQueue.baseState = memoizedState;
   }
 }
@@ -7930,14 +7336,13 @@ function checkShouldComponentUpdate(
     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;
+      if (shouldUpdate === undefined) {
+        error(
+          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+            "boolean value. Make sure to return true or false.",
+          getComponentName(ctor) || "Component"
+        );
+      }
     }
 
     return shouldUpdate;
@@ -7961,15 +7366,13 @@ function checkClassInstance(workInProgress, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === "function") {
-        warningWithoutStack$1(
-          false,
+        error(
           "%s(...): No `render` method found on the returned component " +
             "instance: did you accidentally return an object from the constructor?",
           name
         );
       } else {
-        warningWithoutStack$1(
-          false,
+        error(
           "%s(...): No `render` method found on the returned component " +
             "instance: you may have forgotten to define `render`.",
           name
@@ -7977,78 +7380,55 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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 (
+      instance.getInitialState &&
+      !instance.getInitialState.isReactClassApproved &&
+      !instance.state
+    ) {
+      error(
+        "getInitialState was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Did you mean to define a state property instead?",
+        name
+      );
+    }
+
+    if (
+      instance.getDefaultProps &&
+      !instance.getDefaultProps.isReactClassApproved
+    ) {
+      error(
+        "getDefaultProps was defined on %s, a plain JavaScript class. " +
+          "This is only supported for classes created using React.createClass. " +
+          "Use a static property to define defaultProps instead.",
+        name
+      );
+    }
+
+    if (instance.propTypes) {
+      error(
+        "propTypes was defined as an instance property on %s. Use a static " +
+          "property to define propTypes instead.",
+        name
+      );
+    }
+
+    if (instance.contextType) {
+      error(
+        "contextType was defined as an instance property on %s. Use a static " +
+          "property to define contextType instead.",
+        name
+      );
+    }
 
-      if (ctor.contextTypes) {
-        warningWithoutStack$1(
-          false,
-          "%s uses the legacy contextTypes API which is no longer supported. " +
-            "Use React.createContext() with static contextType instead.",
+    {
+      if (instance.contextTypes) {
+        error(
+          "contextTypes was defined as an instance property on %s. Use a static " +
+            "property to define contextTypes 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 &&
@@ -8056,8 +7436,8 @@ function checkClassInstance(workInProgress, ctor, newProps) {
         !didWarnAboutContextTypeAndContextTypes.has(ctor)
       ) {
         didWarnAboutContextTypeAndContextTypes.add(ctor);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s declares both contextTypes and contextType static properties. " +
             "The legacy contextTypes property will be ignored.",
           name
@@ -8065,26 +7445,22 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       }
     }
 
-    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 (typeof instance.componentShouldUpdate === "function") {
+      error(
+        "%s has a method called " +
+          "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+          "The name is phrased as a question because the function is " +
+          "expected to return a value.",
+        name
+      );
+    }
 
     if (
       ctor.prototype &&
       ctor.prototype.isPureReactComponent &&
       typeof instance.shouldComponentUpdate !== "undefined"
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "%s has a method called shouldComponentUpdate(). " +
           "shouldComponentUpdate should not be used when extending React.PureComponent. " +
           "Please extend React.Component if shouldComponentUpdate is used.",
@@ -8092,70 +7468,61 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       );
     }
 
-    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;
+    if (typeof instance.componentDidUnmount === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidUnmount(). But there is no such lifecycle method. " +
+          "Did you mean componentWillUnmount()?",
+        name
+      );
+    }
+
+    if (typeof instance.componentDidReceiveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentDidReceiveProps(). But there is no such lifecycle method. " +
+          "If you meant to update the state in response to changing props, " +
+          "use componentWillReceiveProps(). If you meant to fetch data or " +
+          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+        name
+      );
+    }
+
+    if (typeof instance.componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+        name
+      );
+    }
+
+    if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
+      error(
+        "%s has a method called " +
+          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+        name
+      );
+    }
+
     var hasMutatedProps = instance.props !== newProps;
-    !(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 (instance.props !== undefined && hasMutatedProps) {
+      error(
+        "%s(...): When calling super() in `%s`, make sure to pass " +
+          "up the same props that your component's constructor was passed.",
+        name,
+        name
+      );
+    }
+
+    if (instance.defaultProps) {
+      error(
+        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+          " Instead, define defaultProps as a static property on %s.",
+        name,
+        name
+      );
+    }
 
     if (
       typeof instance.getSnapshotBeforeUpdate === "function" &&
@@ -8163,63 +7530,53 @@ function checkClassInstance(workInProgress, ctor, newProps) {
       !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
     ) {
       didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-      warningWithoutStack$1(
-        false,
+
+      error(
         "%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 (typeof instance.getDerivedStateFromProps === "function") {
+      error(
+        "%s: getDerivedStateFromProps() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
+
+    if (typeof instance.getDerivedStateFromError === "function") {
+      error(
+        "%s: getDerivedStateFromError() is defined as an instance method " +
+          "and will be ignored. Instead, declare it as a static method.",
+        name
+      );
+    }
 
-    if (_state && (typeof _state !== "object" || isArray$1(_state))) {
-      warningWithoutStack$1(
-        false,
-        "%s.state: must be set to an object or null",
+    if (typeof ctor.getSnapshotBeforeUpdate === "function") {
+      error(
+        "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+          "and will be ignored. Instead, declare it as an instance method.",
         name
       );
     }
 
-    if (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;
+    var _state = instance.state;
+
+    if (_state && (typeof _state !== "object" || isArray(_state))) {
+      error("%s.state: must be set to an object or null", name);
+    }
+
+    if (
+      typeof instance.getChildContext === "function" &&
+      typeof ctor.childContextTypes !== "object"
+    ) {
+      error(
+        "%s.getChildContext(): childContextTypes must be defined in order to " +
+          "use getChildContext().",
+        name
+      );
     }
   }
 }
@@ -8235,12 +7592,7 @@ function adoptClassInstance(workInProgress, instance) {
   }
 }
 
-function constructClassInstance(
-  workInProgress,
-  ctor,
-  props,
-  renderExpirationTime
-) {
+function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = false;
   var unmaskedContext = emptyContextObject;
   var context = emptyContextObject;
@@ -8278,8 +7630,7 @@ function constructClassInstance(
             "}.";
         }
 
-        warningWithoutStack$1(
-          false,
+        error(
           "%s defines an invalid contextType. " +
             "contextType should point to the Context object returned by React.createContext().%s",
           getComponentName(ctor) || "Component",
@@ -8291,7 +7642,7 @@ function constructClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     context = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     var contextTypes = ctor.contextTypes;
     isLegacyContextConsumer =
@@ -8301,15 +7652,6 @@ function constructClassInstance(
       : emptyContextObject;
   } // Instantiate twice to help detect side-effects.
 
-  {
-    if (
-      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
@@ -8323,8 +7665,8 @@ function constructClassInstance(
 
       if (!didWarnAboutUninitializedState.has(componentName)) {
         didWarnAboutUninitializedState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "`%s` uses `getDerivedStateFromProps` but its initial state is " +
             "%s. This is not recommended. Instead, define the initial state by " +
             "assigning an object to `this.state` in the constructor of `%s`. " +
@@ -8389,8 +7731,8 @@ function constructClassInstance(
 
         if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
           didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
-          warningWithoutStack$1(
-            false,
+
+          error(
             "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
               "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
               "The above lifecycles should be removed. Learn more about this warning here:\n" +
@@ -8432,8 +7774,7 @@ function callComponentWillMount(workInProgress, instance) {
 
   if (oldState !== instance.state) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "%s.componentWillMount(): Assigning directly to this.state is " +
           "deprecated (except inside a component's " +
           "constructor). Use setState instead.",
@@ -8470,8 +7811,8 @@ function callComponentWillReceiveProps(
 
       if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
         didWarnAboutStateAssignmentForComponent.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s.componentWillReceiveProps(): Assigning directly to " +
             "this.state is deprecated (except inside a component's " +
             "constructor). Use setState instead.",
@@ -8498,12 +7839,11 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
 
   if (typeof contextType === "object" && contextType !== null) {
     instance.context = readContext(contextType);
-  } else if (disableLegacyContext) {
-    instance.context = emptyContextObject;
   } else {
     var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     instance.context = getMaskedContext(workInProgress, unmaskedContext);
@@ -8515,8 +7855,8 @@ function mountClassInstance(
 
       if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
         didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-        warningWithoutStack$1(
-          false,
+
+        error(
           "%s: It is not recommended to assign props directly to state " +
             "because updates to props won't be reflected in state. " +
             "In most cases, it is better to use props directly.",
@@ -8532,7 +7872,7 @@ function mountClassInstance(
       );
     }
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
         workInProgress,
         instance
@@ -8540,19 +7880,8 @@ function mountClassInstance(
     }
   }
 
-  var updateQueue = workInProgress.updateQueue;
-
-  if (updateQueue !== null) {
-    processUpdateQueue(
-      workInProgress,
-      updateQueue,
-      newProps,
-      instance,
-      renderExpirationTime
-    );
-    instance.state = workInProgress.memoizedState;
-  }
-
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
   if (typeof getDerivedStateFromProps === "function") {
@@ -8570,23 +7899,18 @@ function mountClassInstance(
     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;
-    }
+      typeof instance.componentWillMount === "function")
+  ) {
+    callComponentWillMount(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
+    // process them now.
+
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    );
+    instance.state = workInProgress.memoizedState;
   }
 
   if (typeof instance.componentDidMount === "function") {
@@ -8609,7 +7933,7 @@ function resumeMountClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextLegacyUnmaskedContext = getUnmaskedContext(
       workInProgress,
       ctor,
@@ -8645,18 +7969,8 @@ function resumeMountClassInstance(
   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;
-  }
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
   if (
     oldProps === newProps &&
@@ -8746,6 +8060,7 @@ function updateClassInstance(
   renderExpirationTime
 ) {
   var instance = workInProgress.stateNode;
+  cloneUpdateQueue(current, workInProgress);
   var oldProps = workInProgress.memoizedProps;
   instance.props =
     workInProgress.type === workInProgress.elementType
@@ -8757,7 +8072,7 @@ function updateClassInstance(
 
   if (typeof contextType === "object" && contextType !== null) {
     nextContext = readContext(contextType);
-  } else if (!disableLegacyContext) {
+  } else {
     var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
     nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
   }
@@ -8789,18 +8104,8 @@ function updateClassInstance(
   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;
-  }
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  newState = workInProgress.memoizedState;
 
   if (
     oldProps === newProps &&
@@ -8962,8 +8267,8 @@ var warnForMissingKey = function(child) {};
     }
 
     ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
-    warning$1(
-      false,
+
+    error(
       "Each child in a list should have a unique " +
         '"key" prop. See https://fb.me/react-warning-keys for ' +
         "more information."
@@ -8971,9 +8276,9 @@ var warnForMissingKey = function(child) {};
   };
 }
 
-var isArray = Array.isArray;
+var isArray$1 = Array.isArray;
 
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   var mixedRef = element.ref;
 
   if (
@@ -8984,25 +8289,21 @@ function coerceRef(returnFiber, current$$1, element) {
     {
       // 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) {
+      if (
+        (returnFiber.mode & StrictMode || warnAboutStringRefs) && // We warn in ReactElement.js if owner and self are equal for string refs
+        // because these cannot be automatically converted to an arrow function
+        // using a codemod. Therefore, we don't have to warn about string refs again.
+        !(
+          element._owner &&
+          element._self &&
+          element._owner.stateNode !== element._self
+        )
+      ) {
         var componentName = 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. " +
-                "Learn more about using refs safely here: " +
-                "https://fb.me/react-strict-mode-string-ref%s",
-              componentName,
-              mixedRef,
-              getStackByFiberInDevAndProd(returnFiber)
-            );
-          } else {
-            warningWithoutStack$1(
-              false,
+          {
+            error(
               'A string ref, "%s", has been found within a strict mode tree. ' +
                 "String refs are a source of potential bugs and should be avoided. " +
                 "We recommend using useRef() or createRef() instead. " +
@@ -9027,7 +8328,7 @@ function coerceRef(returnFiber, current$$1, element) {
 
         if (!(ownerFiber.tag === ClassComponent)) {
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         }
 
@@ -9045,12 +8346,12 @@ function coerceRef(returnFiber, current$$1, element) {
       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
+        current !== null &&
+        current.ref !== null &&
+        typeof current.ref === "function" &&
+        current.ref._stringRef === stringRef
       ) {
-        return current$$1.ref;
+        return current.ref;
       }
 
       var ref = function(value) {
@@ -9115,23 +8416,25 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
 }
 
 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();
+  {
+    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;
-  }
+    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."
-  );
+    ownerHasFunctionTypeWarning[currentComponentErrorInfo] = true;
+
+    error(
+      "Functions are not valid as a React child. This may happen if " +
+        "you return a Component instead of <Component /> from render. " +
+        "Or maybe you meant to call this function rather than return it."
+    );
+  }
 } // 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
@@ -9198,10 +8501,10 @@ function ChildReconciler(shouldTrackSideEffects) {
     return existingChildren;
   }
 
-  function useFiber(fiber, pendingProps, expirationTime) {
+  function useFiber(fiber, pendingProps) {
     // We currently set sibling to null and index to 0 here because it is easy
     // to forget to do before returning it. E.g. for the single child case.
-    var clone = createWorkInProgress(fiber, pendingProps, expirationTime);
+    var clone = createWorkInProgress(fiber, pendingProps);
     clone.index = 0;
     clone.sibling = null;
     return clone;
@@ -9215,10 +8518,10 @@ function ChildReconciler(shouldTrackSideEffects) {
       return lastPlacedIndex;
     }
 
-    var current$$1 = newFiber.alternate;
+    var current = newFiber.alternate;
 
-    if (current$$1 !== null) {
-      var oldIndex = current$$1.index;
+    if (current !== null) {
+      var oldIndex = current.index;
 
       if (oldIndex < lastPlacedIndex) {
         // This is a move.
@@ -9245,13 +8548,8 @@ function ChildReconciler(shouldTrackSideEffects) {
     return newFiber;
   }
 
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (current$$1 === null || current$$1.tag !== HostText) {
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(
         textContent,
@@ -9262,48 +8560,48 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, textContent, expirationTime);
+      var existing = useFiber(current, textContent);
       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;
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (current !== null) {
+      if (
+        current.elementType === element.type || // Keep this check inline so it only runs on the false path:
+        isCompatibleFamilyForHotReloading(current, element)
+      ) {
+        // Move based on index
+        var existing = useFiber(current, element.props);
+        existing.ref = coerceRef(returnFiber, current, element);
+        existing.return = returnFiber;
 
-      {
-        existing._debugSource = element._source;
-        existing._debugOwner = element._owner;
+        {
+          existing._debugSource = element._source;
+          existing._debugOwner = element._owner;
+        }
+
+        return existing;
       }
+    } // Insert
 
-      return existing;
-    } else {
-      // Insert
-      var created = createFiberFromElement(
-        element,
-        returnFiber.mode,
-        expirationTime
-      );
-      created.ref = coerceRef(returnFiber, current$$1, element);
-      created.return = returnFiber;
-      return created;
-    }
+    var created = createFiberFromElement(
+      element,
+      returnFiber.mode,
+      expirationTime
+    );
+    created.ref = coerceRef(returnFiber, current, element);
+    created.return = returnFiber;
+    return created;
   }
 
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      current$$1 === null ||
-      current$$1.tag !== HostPortal ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      current === null ||
+      current.tag !== HostPortal ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     ) {
       // Insert
       var created = createFiberFromPortal(
@@ -9315,24 +8613,14 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(
-        current$$1,
-        portal.children || [],
-        expirationTime
-      );
+      var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
       return existing;
     }
   }
 
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (current$$1 === null || current$$1.tag !== Fragment) {
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(
         fragment,
@@ -9344,7 +8632,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       return created;
     } else {
       // Update
-      var existing = useFiber(current$$1, fragment, expirationTime);
+      var existing = useFiber(current, fragment);
       existing.return = returnFiber;
       return existing;
     }
@@ -9390,7 +8678,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _created3 = createFiberFromFragment(
           newChild,
           returnFiber.mode,
@@ -9473,7 +8761,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         if (key !== null) {
           return null;
         }
@@ -9559,7 +8847,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
+      if (isArray$1(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
 
         return updateFragment(
@@ -9613,8 +8901,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             break;
           }
 
-          warning$1(
-            false,
+          error(
             "Encountered two children with the same key, `%s`. " +
               "Keys should be unique so that components maintain their identity " +
               "across updates. Non-unique keys may cause children to be " +
@@ -9622,9 +8909,7 @@ function ChildReconciler(shouldTrackSideEffects) {
               "could change in a future version.",
             key
           );
-          break;
 
-        default:
           break;
       }
     }
@@ -9827,28 +9112,28 @@ function ChildReconciler(shouldTrackSideEffects) {
         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;
+        if (!didWarnAboutGenerators) {
+          error(
+            "Using Generators as children is unsupported and will likely yield " +
+              "unexpected results because enumerating a generator mutates it. " +
+              "You may convert it to an array with `Array.from()` or the " +
+              "`[...spread]` operator before rendering. Keep in mind " +
+              "you might need to polyfill these features for older browsers."
+          );
+        }
+
         didWarnAboutGenerators = true;
       } // Warn about using Maps as children
 
       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;
+        if (!didWarnAboutMaps) {
+          error(
+            "Using Maps as children is unsupported and will likely yield " +
+              "unexpected results. Convert it to a sequence/iterable of keyed " +
+              "ReactElements instead."
+          );
+        }
+
         didWarnAboutMaps = true;
       } // First, validate keys.
       // We'll get a different iterator later for the main pass.
@@ -10027,7 +9312,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       // 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);
+      var existing = useFiber(currentFirstChild, textContent);
       existing.return = returnFiber;
       return existing;
     } // The existing first child is not a text node so we need to create one
@@ -10056,33 +9341,55 @@ function ChildReconciler(shouldTrackSideEffects) {
       // 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:
+        switch (child.tag) {
+          case Fragment: {
+            if (element.type === REACT_FRAGMENT_TYPE) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+              var existing = useFiber(child, element.props.children);
+              existing.return = returnFiber;
+
+              {
+                existing._debugSource = element._source;
+                existing._debugOwner = element._owner;
+              }
+
+              return existing;
+            }
+
+            break;
+          }
+
+          case Block:
+
+          // We intentionally fallthrough here if enableBlocksAPI is not on.
+          // eslint-disable-next-lined no-fallthrough
+
+          default: {
+            if (
+              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;
+            ) {
+              deleteRemainingChildren(returnFiber, child.sibling);
 
-          {
-            existing._debugSource = element._source;
-            existing._debugOwner = element._owner;
+              var _existing3 = useFiber(child, element.props);
+
+              _existing3.ref = coerceRef(returnFiber, child, element);
+              _existing3.return = returnFiber;
+
+              {
+                _existing3._debugSource = element._source;
+                _existing3._debugOwner = element._owner;
+              }
+
+              return _existing3;
+            }
+
+            break;
           }
+        } // Didn't match.
 
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
+        deleteRemainingChildren(returnFiber, child);
+        break;
       } else {
         deleteChild(returnFiber, child);
       }
@@ -10131,7 +9438,7 @@ function ChildReconciler(shouldTrackSideEffects) {
           child.stateNode.implementation === portal.implementation
         ) {
           deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || [], expirationTime);
+          var existing = useFiber(child, portal.children || []);
           existing.return = returnFiber;
           return existing;
         } else {
@@ -10216,7 +9523,7 @@ function ChildReconciler(shouldTrackSideEffects) {
       );
     }
 
-    if (isArray(newChild)) {
+    if (isArray$1(newChild)) {
       return reconcileChildrenArray(
         returnFiber,
         currentFirstChild,
@@ -10284,8 +9591,8 @@ function ChildReconciler(shouldTrackSideEffects) {
 
 var reconcileChildFibers = ChildReconciler(true);
 var mountChildFibers = ChildReconciler(false);
-function cloneChildFibers(current$$1, workInProgress) {
-  if (!(current$$1 === null || workInProgress.child === current$$1.child)) {
+function cloneChildFibers(current, workInProgress) {
+  if (!(current === null || workInProgress.child === current.child)) {
     throw Error("Resuming work not yet implemented.");
   }
 
@@ -10294,11 +9601,7 @@ function cloneChildFibers(current$$1, workInProgress) {
   }
 
   var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(
-    currentChild,
-    currentChild.pendingProps,
-    currentChild.expirationTime
-  );
+  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
   workInProgress.child = newChild;
   newChild.return = workInProgress;
 
@@ -10306,8 +9609,7 @@ function cloneChildFibers(current$$1, workInProgress) {
     currentChild = currentChild.sibling;
     newChild = newChild.sibling = createWorkInProgress(
       currentChild,
-      currentChild.pendingProps,
-      currentChild.expirationTime
+      currentChild.pendingProps
     );
     newChild.return = workInProgress;
   }
@@ -10357,7 +9659,7 @@ function pushHostContainer(fiber, nextRootInstance) {
   // 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.
+  var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
 
   pop(contextStackCursor$1, fiber);
   push(contextStackCursor$1, nextRootContext, fiber);
@@ -10377,7 +9679,7 @@ function getHostContext() {
 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.
+  var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
 
   if (context === nextContext) {
     return;
@@ -10448,264 +9750,80 @@ function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
       return true;
     }
 
-    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) {
-        var dehydrated = state.dehydrated;
-
-        if (
-          dehydrated === null ||
-          isSuspenseInstancePending(dehydrated) ||
-          isSuspenseInstanceFallback(dehydrated)
-        ) {
-          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;
-}
-
-var emptyObject$1 = {};
-var isArray$2 = Array.isArray;
-function createResponderInstance(
-  responder,
-  responderProps,
-  responderState,
-  fiber
-) {
-  return {
-    fiber: fiber,
-    props: responderProps,
-    responder: responder,
-    rootEventTypes: null,
-    state: responderState
-  };
-}
-
-function mountEventResponder(
-  responder,
-  responderProps,
-  fiber,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responderState = emptyObject$1;
-  var getInitialState = responder.getInitialState;
-
-  if (getInitialState !== null) {
-    responderState = getInitialState(responderProps);
-  }
-
-  var responderInstance = createResponderInstance(
-    responder,
-    responderProps,
-    responderState,
-    fiber
-  );
-
-  if (!rootContainerInstance) {
-    var node = fiber;
-
-    while (node !== null) {
-      var tag = node.tag;
-
-      if (tag === HostComponent) {
-        rootContainerInstance = node.stateNode;
-        break;
-      } else if (tag === HostRoot) {
-        rootContainerInstance = node.stateNode.containerInfo;
-        break;
-      }
-
-      node = node.return;
-    }
-  }
-
-  mountResponderInstance(
-    responder,
-    responderInstance,
-    responderProps,
-    responderState,
-    rootContainerInstance
-  );
-  respondersMap.set(responder, responderInstance);
-}
-
-function updateEventListener(
-  listener,
-  fiber,
-  visistedResponders,
-  respondersMap,
-  rootContainerInstance
-) {
-  var responder;
-  var props;
-
-  if (listener) {
-    responder = listener.responder;
-    props = listener.props;
-  }
-
-  if (!(responder && responder.$$typeof === REACT_RESPONDER_TYPE)) {
-    throw Error(
-      "An invalid value was used as an event listener. Expect one or many event listeners created via React.unstable_useResponder()."
-    );
-  }
-
-  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 (happens in either complete or commit phase)
-    mountEventResponder(
-      responder,
-      listenerProps,
-      fiber,
-      respondersMap,
-      rootContainerInstance
-    );
-  } else {
-    // Update (happens during commit phase only)
-    responderInstance.props = listenerProps;
-    responderInstance.fiber = fiber;
+    return false;
   }
-}
 
-function updateEventListeners(listeners, fiber, rootContainerInstance) {
-  var visistedResponders = new Set();
-  var dependencies = fiber.dependencies;
+  var props = workInProgress.memoizedProps; // In order to capture, the Suspense component must have a fallback prop.
 
-  if (listeners != null) {
-    if (dependencies === null) {
-      dependencies = fiber.dependencies = {
-        expirationTime: NoWork,
-        firstContext: null,
-        responders: new Map()
-      };
-    }
+  if (props.fallback === undefined) {
+    return false;
+  } // Regular boundaries always capture.
 
-    var respondersMap = dependencies.responders;
+  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 (respondersMap === null) {
-      respondersMap = new Map();
-    }
+  if (hasInvisibleParent) {
+    return false;
+  } // If the parent is not able to handle it, we must handle it.
 
-    if (isArray$2(listeners)) {
-      for (var i = 0, length = listeners.length; i < length; i++) {
-        var listener = listeners[i];
-        updateEventListener(
-          listener,
-          fiber,
-          visistedResponders,
-          respondersMap,
-          rootContainerInstance
-        );
-      }
-    } else {
-      updateEventListener(
-        listeners,
-        fiber,
-        visistedResponders,
-        respondersMap,
-        rootContainerInstance
-      );
-    }
-  }
+  return true;
+}
+function findFirstSuspended(row) {
+  var node = row;
 
-  if (dependencies !== null) {
-    var _respondersMap = dependencies.responders;
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
 
-    if (_respondersMap !== null) {
-      // Unmount
-      var mountedResponders = Array.from(_respondersMap.keys());
+      if (state !== null) {
+        var dehydrated = state.dehydrated;
 
-      for (var _i = 0, _length = mountedResponders.length; _i < _length; _i++) {
-        var mountedResponder = mountedResponders[_i];
+        if (
+          dehydrated === null ||
+          isSuspenseInstancePending() ||
+          isSuspenseInstanceFallback()
+        ) {
+          return node;
+        }
+      }
+    } else if (
+      node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+      // keep track of whether it suspended or not.
+      node.memoizedProps.revealOrder !== undefined
+    ) {
+      var didSuspend = (node.effectTag & DidCapture) !== NoEffect;
 
-        if (!visistedResponders.has(mountedResponder)) {
-          var responderInstance = _respondersMap.get(mountedResponder);
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
+    }
 
-          unmountResponderInstance(responderInstance);
+    if (node === row) {
+      return null;
+    }
 
-          _respondersMap.delete(mountedResponder);
-        }
+    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) {
+
+function createDeprecatedResponderListener(responder, props) {
   var eventResponderListener = {
     responder: responder,
     props: props
@@ -10718,33 +9836,19 @@ function createResponderListener(responder, props) {
   return eventResponderListener;
 }
 
-var NoEffect$1 =
-  /*             */
-  0;
-var UnmountSnapshot =
-  /*      */
+var HasEffect =
+  /* */
+  1; // Represents the phase in which the effect (not the clean-up) fires.
+
+var Layout =
+  /*    */
   2;
-var UnmountMutation =
-  /*      */
+var Passive$1 =
+  /*   */
   4;
-var MountMutation =
-  /*        */
-  8;
-var UnmountLayout =
-  /*        */
-  16;
-var MountLayout =
-  /*          */
-  32;
-var MountPassive =
-  /*         */
-  64;
-var UnmountPassive =
-  /*       */
-  128;
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
 
 {
@@ -10752,7 +9856,7 @@ var didWarnAboutMismatchedHooksForComponent;
 }
 
 // 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
+var renderExpirationTime = 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
@@ -10761,26 +9865,12 @@ var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on th
 // 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 workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
+// does not get reset if we do another render pass; only when we're completely
+// finished evaluating this component. This is an optimization so we know
+// whether we need to clear render phase updates after a throw.
+
+var didScheduleRenderPhaseUpdate = false;
 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.
@@ -10825,8 +9915,7 @@ 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,
+      error(
         "%s received a final argument that is not an array (instead, received `%s`). When " +
           "specified, the final argument must be an array.",
         currentHookNameInDev,
@@ -10862,8 +9951,7 @@ function warnOnHookMismatchInDev(currentHookName) {
           table += row;
         }
 
-        warning$1(
-          false,
+        error(
           "React has detected a change in the order of Hooks called by %s. " +
             "This will lead to bugs and errors if not fixed. " +
             "For more information, read the Rules of Hooks: https://fb.me/rules-of-hooks\n\n" +
@@ -10897,8 +9985,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
 
   if (prevDeps === null) {
     {
-      warning$1(
-        false,
+      error(
         "%s received a final argument during this render, but not during " +
           "the previous render. Even though the final argument is optional, " +
           "its type cannot change between renders.",
@@ -10913,8 +10000,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
     // Don't bother comparing lengths in prod because these arrays should be
     // passed inline.
     if (nextDeps.length !== prevDeps.length) {
-      warning$1(
-        false,
+      error(
         "The final argument passed to %s changed size between renders. The " +
           "order and size of this array must remain constant.\n\n" +
           "Previous: %s\n" +
@@ -10927,7 +10013,7 @@ function areHookInputsEqual(nextDeps, prevDeps) {
   }
 
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (is$1(nextDeps[i], prevDeps[i])) {
+    if (objectIs(nextDeps[i], prevDeps[i])) {
       continue;
     }
 
@@ -10942,12 +10028,11 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = nextRenderExpirationTime;
   currentlyRenderingFiber$1 = workInProgress;
-  nextCurrentHook = current !== null ? current.memoizedState : null;
 
   {
     hookTypesDev = current !== null ? current._debugHookTypes : null;
@@ -10955,42 +10040,52 @@ function renderWithHooks(
 
     ignorePreviousDependencies =
       current !== null && current.type !== workInProgress.type;
-  } // The following should have already been reset
+  }
+
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = NoWork; // 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.
+  // Currently we will identify the update render as a mount because memoizedState === null.
   // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-  // Using nextCurrentHook to differentiate between mount/update only works if at least one stateful hook is used.
+  // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
   // Non-stateful hooks (e.g. context) don't get added to memoizedState,
-  // so nextCurrentHook would be null during updates and mounts.
+  // so memoizedState would be null during updates and mounts.
 
   {
-    if (nextCurrentHook !== null) {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+    if (current !== null && current.memoizedState !== null) {
+      ReactCurrentDispatcher.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;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountWithHookTypesInDEV;
     } else {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+      ReactCurrentDispatcher.current = HooksDispatcherOnMountInDEV;
     }
   }
 
-  var children = Component(props, refOrContext);
+  var children = Component(props, secondArg); // Check if there was a render phase update
+
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    // Keep rendering in a loop for as long as render phase updates continue to
+    // be scheduled. Use a counter to prevent infinite loops.
+    var numberOfReRenders = 0;
 
-  if (didScheduleRenderPhaseUpdate) {
     do {
-      didScheduleRenderPhaseUpdate = false;
+      workInProgress.expirationTime = NoWork;
+
+      if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      }
+
       numberOfReRenders += 1;
 
       {
@@ -10999,46 +10094,33 @@ function renderWithHooks(
         ignorePreviousDependencies = false;
       } // Start over from the beginning of the list
 
-      nextCurrentHook = current !== null ? current.memoizedState : null;
-      nextWorkInProgressHook = firstWorkInProgressHook;
       currentHook = null;
       workInProgressHook = null;
-      componentUpdateQueue = null;
+      workInProgress.updateQueue = null;
 
       {
         // Also validate hook order for cascading updates.
         hookTypesUpdateIndexDev = -1;
       }
 
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-      children = Component(props, refOrContext);
-    } while (didScheduleRenderPhaseUpdate);
-
-    renderPhaseUpdates = null;
-    numberOfReRenders = 0;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerenderInDEV;
+      children = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   } // 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;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
   {
-    renderedWork._debugHookTypes = hookTypesDev;
+    workInProgress._debugHookTypes = hookTypesDev;
   } // This check uses currentHook so that it works the same in DEV and prod bundles.
   // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
   var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-  renderExpirationTime$1 = NoWork;
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     currentHookNameInDev = null;
@@ -11046,12 +10128,7 @@ function renderWithHooks(
     hookTypesUpdateIndexDev = -1;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0; // These were reset above
-  // didScheduleRenderPhaseUpdate = false;
-  // renderPhaseUpdates = null;
-  // numberOfReRenders = 0;
+  didScheduleRenderPhaseUpdate = false;
 
   if (!!didRenderTooFewHooks) {
     throw Error(
@@ -11069,20 +10146,37 @@ function bailoutHooks(current, workInProgress, expirationTime) {
     current.expirationTime = NoWork;
   }
 }
-function resetHooks() {
+function resetHooksAfterThrow() {
   // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-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.
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+
+  if (didScheduleRenderPhaseUpdate) {
+    // There were render phase updates. These are only valid for this render
+    // phase, which we are now aborting. Remove the updates from the queues so
+    // they do not persist to the next render. Do not remove updates from hooks
+    // that weren't processed.
+    //
+    // Only reset the updates from the queue if it has a clone. If it does
+    // not have a clone, that means it wasn't processed, and the updates were
+    // scheduled before we entered the render phase.
+    var hook = currentlyRenderingFiber$1.memoizedState;
+
+    while (hook !== null) {
+      var queue = hook.queue;
+
+      if (queue !== null) {
+        queue.pending = null;
+      }
+
+      hook = hook.next;
+    }
+  }
 
-  renderExpirationTime$1 = NoWork;
+  renderExpirationTime = NoWork;
   currentlyRenderingFiber$1 = null;
   currentHook = null;
-  nextCurrentHook = null;
-  firstWorkInProgressHook = null;
   workInProgressHook = null;
-  nextWorkInProgressHook = null;
 
   {
     hookTypesDev = null;
@@ -11090,26 +10184,21 @@ function resetHooks() {
     currentHookNameInDev = null;
   }
 
-  remainingExpirationTime = NoWork;
-  componentUpdateQueue = null;
-  sideEffectTag = 0;
   didScheduleRenderPhaseUpdate = false;
-  renderPhaseUpdates = null;
-  numberOfReRenders = 0;
 }
 
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
 
   if (workInProgressHook === null) {
     // This is the first hook in the list
-    firstWorkInProgressHook = workInProgressHook = hook;
+    currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
   } else {
     // Append to the end of the list
     workInProgressHook = workInProgressHook.next = hook;
@@ -11124,12 +10213,33 @@ function updateWorkInProgressHook() {
   // clone, or a work-in-progress hook from a previous render pass that we can
   // use as a base. When we reach the end of the base list, we must switch to
   // the dispatcher used for mounts.
+  var nextCurrentHook;
+
+  if (currentHook === null) {
+    var current = currentlyRenderingFiber$1.alternate;
+
+    if (current !== null) {
+      nextCurrentHook = current.memoizedState;
+    } else {
+      nextCurrentHook = null;
+    }
+  } else {
+    nextCurrentHook = currentHook.next;
+  }
+
+  var nextWorkInProgressHook;
+
+  if (workInProgressHook === null) {
+    nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
+  } else {
+    nextWorkInProgressHook = workInProgressHook.next;
+  }
+
   if (nextWorkInProgressHook !== null) {
     // There's already a work-in-progress. Reuse it.
     workInProgressHook = nextWorkInProgressHook;
     nextWorkInProgressHook = workInProgressHook.next;
     currentHook = nextCurrentHook;
-    nextCurrentHook = currentHook !== null ? currentHook.next : null;
   } else {
     // Clone from the current hook.
     if (!(nextCurrentHook !== null)) {
@@ -11140,20 +10250,18 @@ function updateWorkInProgressHook() {
     var newHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
 
     if (workInProgressHook === null) {
       // This is the first hook in the list.
-      workInProgressHook = firstWorkInProgressHook = newHook;
+      currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook;
     } else {
       // Append to the end of the list.
       workInProgressHook = workInProgressHook.next = newHook;
     }
-
-    nextCurrentHook = currentHook.next;
   }
 
   return workInProgressHook;
@@ -11166,6 +10274,7 @@ function createFunctionComponentUpdateQueue() {
 }
 
 function basicStateReducer(state, action) {
+  // $FlowFixMe: Flow doesn't like mixed types
   return typeof action === "function" ? action(state) : action;
 }
 
@@ -11181,13 +10290,13 @@ function mountReducer(reducer, initialArg, init) {
 
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11205,160 +10314,191 @@ function updateReducer(reducer, initialArg, init) {
   }
 
   queue.lastRenderedReducer = reducer;
+  var current = currentHook; // The last rebase update that is NOT part of the base state.
 
-  if (numberOfReRenders > 0) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // work-in-progress hook.
-    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$1(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 baseQueue = current.baseQueue; // The last pending update that hasn't been processed yet.
 
-  var last = queue.last; // The last update that is part of the base state.
+  var pendingQueue = queue.pending;
 
-  var baseUpdate = hook.baseUpdate;
-  var baseState = hook.baseState; // Find the first unprocessed update.
-
-  var first;
-
-  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;
+  if (pendingQueue !== null) {
+    // We have new updates that haven't been processed yet.
+    // We'll add them to the base queue.
+    if (baseQueue !== null) {
+      // Merge the pending queue and the base queue.
+      var baseFirst = baseQueue.next;
+      var pendingFirst = pendingQueue.next;
+      baseQueue.next = pendingFirst;
+      pendingQueue.next = baseFirst;
     }
 
-    first = baseUpdate.next;
-  } else {
-    first = last !== null ? last.next : null;
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
 
-  if (first !== null) {
-    var _newState = baseState;
+  if (baseQueue !== null) {
+    // We have a queue to process.
+    var first = baseQueue.next;
+    var newState = current.baseState;
     var newBaseState = null;
-    var newBaseUpdate = null;
-    var prevUpdate = baseUpdate;
-    var _update = first;
-    var didSkip = false;
+    var newBaseQueueFirst = null;
+    var newBaseQueueLast = null;
+    var update = first;
 
     do {
-      var updateExpirationTime = _update.expirationTime;
+      var updateExpirationTime = update.expirationTime;
 
-      if (updateExpirationTime < renderExpirationTime$1) {
+      if (updateExpirationTime < renderExpirationTime) {
         // 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;
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+
+        if (newBaseQueueLast === null) {
+          newBaseQueueFirst = newBaseQueueLast = clone;
+          newBaseState = newState;
+        } else {
+          newBaseQueueLast = newBaseQueueLast.next = clone;
         } // Update the remaining priority in the queue.
 
-        if (updateExpirationTime > remainingExpirationTime) {
-          remainingExpirationTime = updateExpirationTime;
-          markUnprocessedUpdateTime(remainingExpirationTime);
+        if (updateExpirationTime > currentlyRenderingFiber$1.expirationTime) {
+          currentlyRenderingFiber$1.expirationTime = updateExpirationTime;
+          markUnprocessedUpdateTime(updateExpirationTime);
         }
       } else {
         // This update does have sufficient priority.
-        // Mark the event time of this update as relevant to this render pass.
+        if (newBaseQueueLast !== null) {
+          var _clone = {
+            expirationTime: Sync,
+            // This update is going to be committed so we never want uncommit it.
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          };
+          newBaseQueueLast = newBaseQueueLast.next = _clone;
+        } // 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
+          update.suspenseConfig
         ); // Process this update.
 
-        if (_update.eagerReducer === reducer) {
+        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;
+          newState = update.eagerState;
         } else {
-          var _action = _update.action;
-          _newState = reducer(_newState, _action);
+          var action = update.action;
+          newState = reducer(newState, action);
         }
       }
 
-      prevUpdate = _update;
-      _update = _update.next;
-    } while (_update !== null && _update !== first);
+      update = update.next;
+    } while (update !== null && update !== first);
 
-    if (!didSkip) {
-      newBaseUpdate = prevUpdate;
-      newBaseState = _newState;
+    if (newBaseQueueLast === null) {
+      newBaseState = newState;
+    } else {
+      newBaseQueueLast.next = newBaseQueueFirst;
     } // Mark that the fiber performed work, but only if the new state is
     // different from the current state.
 
-    if (!is$1(_newState, hook.memoizedState)) {
+    if (!objectIs(newState, hook.memoizedState)) {
       markWorkInProgressReceivedUpdate();
     }
 
-    hook.memoizedState = _newState;
-    hook.baseUpdate = newBaseUpdate;
+    hook.memoizedState = newState;
     hook.baseState = newBaseState;
-    queue.lastRenderedState = _newState;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = newState;
   }
 
   var dispatch = queue.dispatch;
   return [hook.memoizedState, dispatch];
 }
 
+function rerenderReducer(reducer, initialArg, init) {
+  var hook = updateWorkInProgressHook();
+  var queue = hook.queue;
+
+  if (!(queue !== null)) {
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  }
+
+  queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
+  // work-in-progress hook.
+
+  var dispatch = queue.dispatch;
+  var lastRenderPhaseUpdate = queue.pending;
+  var newState = hook.memoizedState;
+
+  if (lastRenderPhaseUpdate !== null) {
+    // The queue doesn't persist past this render pass.
+    queue.pending = null;
+    var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+    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 !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
+    // different from the current state.
+
+    if (!objectIs(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.baseQueue === null) {
+      hook.baseState = newState;
+    }
+
+    queue.lastRenderedState = newState;
+  }
+
+  return [newState, dispatch];
+}
+
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === "function") {
+    // $FlowFixMe: Flow doesn't like mixed types
     initialState = initialState();
   }
 
   hook.memoizedState = hook.baseState = initialState;
   var queue = (hook.queue = {
-    last: null,
+    pending: 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.
+    null,
     currentlyRenderingFiber$1,
     queue
   ));
@@ -11366,7 +10506,11 @@ function mountState(initialState) {
 }
 
 function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
+  return updateReducer(basicStateReducer);
+}
+
+function rerenderState(initialState) {
+  return rerenderReducer(basicStateReducer);
 }
 
 function pushEffect(tag, create, destroy, deps) {
@@ -11378,9 +10522,11 @@ function pushEffect(tag, create, destroy, deps) {
     // Circular
     next: null
   };
+  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
 
   if (componentUpdateQueue === null) {
     componentUpdateQueue = createFunctionComponentUpdateQueue();
+    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
     componentUpdateQueue.lastEffect = effect.next = effect;
   } else {
     var lastEffect = componentUpdateQueue.lastEffect;
@@ -11420,8 +10566,13 @@ function updateRef(initialValue) {
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, undefined, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | hookEffectTag,
+    create,
+    undefined,
+    nextDeps
+  );
 }
 
 function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
@@ -11437,14 +10588,19 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
       var prevDeps = prevEffect.deps;
 
       if (areHookInputsEqual(nextDeps, prevDeps)) {
-        pushEffect(NoEffect$1, create, destroy, nextDeps);
+        pushEffect(hookEffectTag, create, destroy, nextDeps);
         return;
       }
     }
   }
 
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, nextDeps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(
+    HasEffect | hookEffectTag,
+    create,
+    destroy,
+    nextDeps
+  );
 }
 
 function mountEffect(create, deps) {
@@ -11455,12 +10611,7 @@ function mountEffect(create, deps) {
     }
   }
 
-  return mountEffectImpl(
-    Update | Passive,
-    UnmountPassive | MountPassive,
-    create,
-    deps
-  );
+  return mountEffectImpl(Update | Passive, Passive$1, create, deps);
 }
 
 function updateEffect(create, deps) {
@@ -11471,20 +10622,15 @@ function updateEffect(create, deps) {
     }
   }
 
-  return updateEffectImpl(
-    Update | Passive,
-    UnmountPassive | MountPassive,
-    create,
-    deps
-  );
+  return updateEffectImpl(Update | Passive, Passive$1, create, deps);
 }
 
 function mountLayoutEffect(create, deps) {
-  return mountEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return mountEffectImpl(Update, Layout, create, deps);
 }
 
 function updateLayoutEffect(create, deps) {
-  return updateEffectImpl(Update, UnmountMutation | MountLayout, create, deps);
+  return updateEffectImpl(Update, Layout, create, deps);
 }
 
 function imperativeHandleEffect(create, ref) {
@@ -11501,14 +10647,13 @@ function imperativeHandleEffect(create, ref) {
     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;
+      if (!refObject.hasOwnProperty("current")) {
+        error(
+          "Expected useImperativeHandle() first argument to either be a " +
+            "ref callback or React.createRef() object. Instead received: %s.",
+          "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+        );
+      }
     }
 
     var _inst2 = create();
@@ -11522,21 +10667,20 @@ function imperativeHandleEffect(create, ref) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return mountEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11544,21 +10688,20 @@ function mountImperativeHandle(ref, create, deps) {
 
 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;
+    if (typeof create !== "function") {
+      error(
+        "Expected useImperativeHandle() second argument to be a function " +
+          "that creates a handle. Instead received: %s.",
+        create !== null ? typeof create : "null"
+      );
+    }
   } // TODO: If deps are provided, should we skip comparing the ref itself?
 
   var effectDeps =
     deps !== null && deps !== undefined ? deps.concat([ref]) : null;
   return updateEffectImpl(
     Update,
-    UnmountMutation | MountLayout,
+    Layout,
     imperativeHandleEffect.bind(null, create, ref),
     effectDeps
   );
@@ -11634,17 +10777,14 @@ function mountDeferredValue(value, config) {
 
   mountEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
@@ -11652,99 +10792,149 @@ function mountDeferredValue(value, config) {
 }
 
 function updateDeferredValue(value, config) {
-  var _updateState = updateState(value),
+  var _updateState = updateState(),
     prevValue = _updateState[0],
     setValue = _updateState[1];
 
   updateEffect(
     function() {
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
 
-        try {
-          setValue(value);
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    },
+    [value, config]
+  );
+  return prevValue;
+}
+
+function rerenderDeferredValue(value, config) {
+  var _rerenderState = rerenderState(),
+    prevValue = _rerenderState[0],
+    setValue = _rerenderState[1];
+
+  updateEffect(
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setValue(value);
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
     },
     [value, config]
   );
   return prevValue;
 }
 
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(
+    priorityLevel < UserBlockingPriority ? UserBlockingPriority : priorityLevel,
+    function() {
+      setPending(true);
+    }
+  );
+  runWithPriority(
+    priorityLevel > NormalPriority ? NormalPriority : priorityLevel,
+    function() {
+      var previousConfig = ReactCurrentBatchConfig$1.suspense;
+      ReactCurrentBatchConfig$1.suspense = config === undefined ? null : config;
+
+      try {
+        setPending(false);
+        callback();
+      } finally {
+        ReactCurrentBatchConfig$1.suspense = previousConfig;
+      }
+    }
+  );
+}
+
 function mountTransition(config) {
   var _mountState2 = mountState(false),
     isPending = _mountState2[0],
     setPending = _mountState2[1];
 
-  var startTransition = mountCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
-
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+  var start = mountCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function updateTransition(config) {
-  var _updateState2 = updateState(false),
+  var _updateState2 = updateState(),
     isPending = _updateState2[0],
     setPending = _updateState2[1];
 
-  var startTransition = updateCallback(
-    function(callback) {
-      setPending(true);
-      Scheduler.unstable_next(function() {
-        var previousConfig = ReactCurrentBatchConfig$1.suspense;
-        ReactCurrentBatchConfig$1.suspense =
-          config === undefined ? null : config;
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
+}
+
+function rerenderTransition(config) {
+  var _rerenderState2 = rerenderState(),
+    isPending = _rerenderState2[0],
+    setPending = _rerenderState2[1];
 
-        try {
-          setPending(false);
-          callback();
-        } finally {
-          ReactCurrentBatchConfig$1.suspense = previousConfig;
-        }
-      });
-    },
-    [config, isPending]
-  );
-  return [startTransition, isPending];
+  var start = updateCallback(startTransition.bind(null, setPending, config), [
+    setPending,
+    config
+  ]);
+  return [start, isPending];
 }
 
 function dispatchAction(fiber, queue, action) {
-  if (!(numberOfReRenders < RE_RENDER_LIMIT)) {
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
+  {
+    if (typeof arguments[3] === "function") {
+      error(
+        "State updates from the useState() and useReducer() Hooks don't support the " +
+          "second callback argument. To execute a side effect after " +
+          "rendering, declare it in the component body with useEffect()."
+      );
+    }
   }
 
+  var currentTime = requestCurrentTimeForUpdate();
+  var suspenseConfig = requestCurrentSuspenseConfig();
+  var expirationTime = computeExpirationForFiber(
+    currentTime,
+    fiber,
+    suspenseConfig
+  );
+  var update = {
+    expirationTime: expirationTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+
   {
-    !(typeof arguments[3] !== "function")
-      ? 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;
+    update.priority = getCurrentPriorityLevel();
+  } // Append the update to the end of the list.
+
+  var pending = queue.pending;
+
+  if (pending === null) {
+    // This is the first update. Create a circular list.
+    update.next = update;
+  } else {
+    update.next = pending.next;
+    pending.next = update;
   }
 
+  queue.pending = update;
   var alternate = fiber.alternate;
 
   if (
@@ -11755,76 +10945,9 @@ function dispatchAction(fiber, queue, action) {
     // 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;
-    }
+    update.expirationTime = renderExpirationTime;
+    currentlyRenderingFiber$1.expirationTime = renderExpirationTime;
   } else {
-    var currentTime = requestCurrentTimeForUpdate();
-    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)
@@ -11838,8 +10961,8 @@ function dispatchAction(fiber, queue, action) {
         var prevDispatcher;
 
         {
-          prevDispatcher = ReactCurrentDispatcher$1.current;
-          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          prevDispatcher = ReactCurrentDispatcher.current;
+          ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
         }
 
         try {
@@ -11849,10 +10972,10 @@ function dispatchAction(fiber, queue, action) {
           // time we enter the render phase, then the eager state can be used
           // without calling the reducer again.
 
-          _update2.eagerReducer = lastRenderedReducer;
-          _update2.eagerState = eagerState;
+          update.eagerReducer = lastRenderedReducer;
+          update.eagerState = eagerState;
 
-          if (is$1(eagerState, currentState)) {
+          if (objectIs(eagerState, currentState)) {
             // Fast path. We can bail out without scheduling React to re-render.
             // It's still possible that we'll need to rebase this update later,
             // if the component re-renders for a different reason and by that
@@ -11863,7 +10986,7 @@ function dispatchAction(fiber, queue, action) {
           // Suppress the error. It will throw again in the render phase.
         } finally {
           {
-            ReactCurrentDispatcher$1.current = prevDispatcher;
+            ReactCurrentDispatcher.current = prevDispatcher;
           }
         }
       }
@@ -11881,6 +11004,14 @@ function dispatchAction(fiber, queue, action) {
   }
 }
 
+function mountEventListener(event) {
+  return undefined;
+}
+
+function updateEventListener(event) {
+  return undefined;
+}
+
 var ContextOnlyDispatcher = {
   readContext: readContext,
   useCallback: throwInvalidHookError,
@@ -11895,18 +11026,20 @@ var ContextOnlyDispatcher = {
   useDebugValue: throwInvalidHookError,
   useResponder: throwInvalidHookError,
   useDeferredValue: throwInvalidHookError,
-  useTransition: throwInvalidHookError
+  useTransition: throwInvalidHookError,
+  useEvent: throwInvalidHookError
 };
 var HooksDispatcherOnMountInDEV = null;
 var HooksDispatcherOnMountWithHookTypesInDEV = null;
 var HooksDispatcherOnUpdateInDEV = null;
+var HooksDispatcherOnRerenderInDEV = null;
 var InvalidNestedHooksDispatcherOnMountInDEV = null;
 var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
 
 {
   var warnInvalidContextAccess = function() {
-    warning$1(
-      false,
+    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 " +
@@ -11915,8 +11048,7 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
   };
 
   var warnInvalidHookAccess = function() {
-    warning$1(
-      false,
+    error(
       "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
         "You can only call Hooks at the top level of your React function. " +
         "For more information, see " +
@@ -11961,25 +11093,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       mountHookTypesDev();
       checkDepsAreArrayDev(deps);
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -11990,24 +11122,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       mountHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12018,6 +11150,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       mountHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnMountWithHookTypesInDEV = {
@@ -12052,25 +11189,25 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -12081,24 +11218,24 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12109,6 +11246,11 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return mountEventListener();
     }
   };
   HooksDispatcherOnUpdateInDEV = {
@@ -12143,53 +11285,53 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
     useMemo: function(create, deps) {
       currentHookNameInDev = "useMemo";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12200,6 +11342,107 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useTransition";
       updateHookTypesDev();
       return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
+    }
+  };
+  HooksDispatcherOnRerenderInDEV = {
+    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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return rerenderReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+
+      try {
+        return rerenderState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
   InvalidNestedHooksDispatcherOnMountInDEV = {
@@ -12241,26 +11484,26 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
@@ -12273,26 +11516,26 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
       try {
         return mountState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      return mountDebugValue(value, formatterFn);
+      return mountDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
       mountHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12305,6 +11548,12 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       mountHookTypesDev();
       return mountTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      mountHookTypesDev();
+      return mountEventListener();
     }
   };
   InvalidNestedHooksDispatcherOnUpdateInDEV = {
@@ -12346,58 +11595,58 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       currentHookNameInDev = "useMemo";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateMemo(create, deps);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useReducer: function(reducer, initialArg, init) {
       currentHookNameInDev = "useReducer";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateReducer(reducer, initialArg, init);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useRef: function(initialValue) {
       currentHookNameInDev = "useRef";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateRef(initialValue);
+      return updateRef();
     },
     useState: function(initialState) {
       currentHookNameInDev = "useState";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
       try {
         return updateState(initialState);
       } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        ReactCurrentDispatcher.current = prevDispatcher;
       }
     },
     useDebugValue: function(value, formatterFn) {
       currentHookNameInDev = "useDebugValue";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return updateDebugValue(value, formatterFn);
+      return updateDebugValue();
     },
     useResponder: function(responder, props) {
       currentHookNameInDev = "useResponder";
       warnInvalidHookAccess();
       updateHookTypesDev();
-      return createResponderListener(responder, props);
+      return createDeprecatedResponderListener(responder, props);
     },
     useDeferredValue: function(value, config) {
       currentHookNameInDev = "useDeferredValue";
@@ -12410,11 +11659,126 @@ var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
       warnInvalidHookAccess();
       updateHookTypesDev();
       return updateTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
     }
   };
-}
+  InvalidNestedHooksDispatcherOnRerenderInDEV = {
+    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.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
+      try {
+        return updateMemo(create, deps);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useReducer: function(reducer, initialArg, init) {
+      currentHookNameInDev = "useReducer";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+
+      try {
+        return rerenderReducer(reducer, initialArg, init);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useRef: function(initialValue) {
+      currentHookNameInDev = "useRef";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateRef();
+    },
+    useState: function(initialState) {
+      currentHookNameInDev = "useState";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-// CommonJS interop named imports.
+      try {
+        return rerenderState(initialState);
+      } finally {
+        ReactCurrentDispatcher.current = prevDispatcher;
+      }
+    },
+    useDebugValue: function(value, formatterFn) {
+      currentHookNameInDev = "useDebugValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateDebugValue();
+    },
+    useResponder: function(responder, props) {
+      currentHookNameInDev = "useResponder";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return createDeprecatedResponderListener(responder, props);
+    },
+    useDeferredValue: function(value, config) {
+      currentHookNameInDev = "useDeferredValue";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderDeferredValue(value, config);
+    },
+    useTransition: function(config) {
+      currentHookNameInDev = "useTransition";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return rerenderTransition(config);
+    },
+    useEvent: function(event) {
+      currentHookNameInDev = "useEvent";
+      warnInvalidHookAccess();
+      updateHookTypesDev();
+      return updateEventListener();
+    }
+  };
+}
 
 var now$1 = Scheduler.unstable_now;
 var commitTime = 0;
@@ -12425,18 +11789,10 @@ function getCommitTime() {
 }
 
 function recordCommitTime() {
-  if (!enableProfilerTimer) {
-    return;
-  }
-
   commitTime = now$1();
-}
-
-function startProfilerTimer(fiber) {
-  if (!enableProfilerTimer) {
-    return;
-  }
+}
 
+function startProfilerTimer(fiber) {
   profilerStartTime = now$1();
 
   if (fiber.actualStartTime < 0) {
@@ -12445,18 +11801,10 @@ function startProfilerTimer(fiber) {
 }
 
 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;
@@ -12469,258 +11817,10 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
   }
 }
 
-// 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,
-  suspenseInstance
-) {
-  if (!supportsHydration) {
-    return false;
-  }
-
-  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 = (fiber.effectTag & ~Hydrating) | 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) {
-          var suspenseState = {
-            dehydrated: suspenseInstance,
-            retryTime: Never
-          };
-          fiber.memoizedState = suspenseState; // Store the dehydrated fragment as a child fiber.
-          // This simplifies the code for getHostSibling and deleting nodes,
-          // since it doesn't have to consider all Suspense boundaries and
-          // check if they're dehydrated ones or not.
-
-          var dehydratedFragment = createFiberFromDehydratedFragment(
-            suspenseInstance
-          );
-          dehydratedFragment.return = fiber;
-          fiber.child = dehydratedFragment;
-          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);
+    return false;
   }
-
-  hydrationParentFiber = fiber;
-  nextHydratableInstance = getFirstHydratableChild(nextInstance);
 }
 
 function prepareToHydrateHostInstance(
@@ -12728,209 +11828,33 @@ function prepareToHydrateHostInstance(
   rootContainerInstance,
   hostContext
 ) {
-  if (!supportsHydration) {
+  {
     {
       throw 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) {
-    {
-      throw 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 prepareToHydrateHostSuspenseInstance(fiber) {
-  if (!supportsHydration) {
-    {
-      throw Error(
-        "Expected prepareToHydrateHostSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  hydrateSuspenseInstance(suspenseInstance, fiber);
-}
-
-function skipPastDehydratedSuspenseInstance(fiber) {
-  if (!supportsHydration) {
     {
       throw Error(
-        "Expected skipPastDehydratedSuspenseInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
+        "Expected prepareToHydrateHostTextInstance() to never be called. This error is likely caused by a bug in React. Please file an issue."
       );
     }
   }
-
-  var suspenseState = fiber.memoizedState;
-  var suspenseInstance =
-    suspenseState !== null ? suspenseState.dehydrated : null;
-
-  if (!suspenseInstance) {
-    throw Error(
-      "Expected to have a hydrated suspense instance. This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-
-  return getNextHydratableInstanceAfterSuspenseInstance(suspenseInstance);
-}
-
-function popToNextHostParent(fiber) {
-  var parent = fiber.return;
-
-  while (
-    parent !== null &&
-    parent.tag !== HostComponent &&
-    parent.tag !== HostRoot &&
-    parent.tag !== SuspenseComponent
-  ) {
-    parent = parent.return;
-  }
-
-  hydrationParentFiber = parent;
+  var shouldUpdate = hydrateTextInstance();
 }
 
 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);
-
-  if (fiber.tag === SuspenseComponent) {
-    nextHydratableInstance = skipPastDehydratedSuspenseInstance(fiber);
-  } else {
-    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 ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
 var didReceiveUpdate = false;
 var didWarnAboutBadClass;
 var didWarnAboutModulePatternComponent;
@@ -12938,10 +11862,8 @@ var didWarnAboutContextTypeOnFunctionComponent;
 var didWarnAboutGetDerivedStateOnFunctionComponent;
 var didWarnAboutFunctionRefs;
 var didWarnAboutReassigningProps;
-var didWarnAboutMaxDuration;
 var didWarnAboutRevealOrder;
 var didWarnAboutTailOptions;
-var didWarnAboutDefaultPropsOnFunctionComponent;
 
 {
   didWarnAboutBadClass = {};
@@ -12950,19 +11872,17 @@ var didWarnAboutDefaultPropsOnFunctionComponent;
   didWarnAboutGetDerivedStateOnFunctionComponent = {};
   didWarnAboutFunctionRefs = {};
   didWarnAboutReassigningProps = false;
-  didWarnAboutMaxDuration = false;
   didWarnAboutRevealOrder = {};
   didWarnAboutTailOptions = {};
-  didWarnAboutDefaultPropsOnFunctionComponent = {};
 }
 
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
-  if (current$$1 === null) {
+  if (current === null) {
     // If this is a fresh new component that hasn't been rendered yet, we
     // won't update its child set by applying minimal side-effects. Instead,
     // we will add them all to the child before it gets rendered. That means
@@ -12981,7 +11901,7 @@ function reconcileChildren(
     // let's throw it out.
     workInProgress.child = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextChildren,
       renderExpirationTime
     );
@@ -12989,7 +11909,7 @@ function reconcileChildren(
 }
 
 function forceUnmountCurrentAndReconcile(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
@@ -13004,13 +11924,13 @@ function forceUnmountCurrentAndReconcile(
   // passing null.
   workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1.child,
+    current.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.
+  // the effect of remounting all children regardless of whether their
+  // identities match.
 
   workInProgress.child = reconcileChildFibers(
     workInProgress,
@@ -13021,7 +11941,7 @@ function forceUnmountCurrentAndReconcile(
 }
 
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13041,8 +11961,7 @@ function updateForwardRef(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(Component),
-          getCurrentFiberStackInDev
+          getComponentName(Component)
         );
       }
     }
@@ -13055,10 +11974,10 @@ function updateForwardRef(
   prepareToReadContext(workInProgress, renderExpirationTime);
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
     nextChildren = renderWithHooks(
-      current$$1,
+      current,
       workInProgress,
       render,
       nextProps,
@@ -13066,30 +11985,13 @@ function updateForwardRef(
       renderExpirationTime
     );
 
-    if (
-      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);
+    setIsRendering(false);
   }
 
-  if (current$$1 !== null && !didReceiveUpdate) {
-    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13097,7 +11999,7 @@ function updateForwardRef(
 
   workInProgress.effectTag |= PerformedWork;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13106,14 +12008,14 @@ function updateForwardRef(
 }
 
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (current$$1 === null) {
+  if (current === null) {
     var type = Component.type;
 
     if (
@@ -13137,7 +12039,7 @@ function updateMemoComponent(
       }
 
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         resolvedType,
         nextProps,
@@ -13156,8 +12058,7 @@ function updateMemoComponent(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(type),
-          getCurrentFiberStackInDev
+          getComponentName(type)
         );
       }
     }
@@ -13187,13 +12088,12 @@ function updateMemoComponent(
         _innerPropTypes,
         nextProps, // Resolved props
         "prop",
-        getComponentName(_type),
-        getCurrentFiberStackInDev
+        getComponentName(_type)
       );
     }
   }
 
-  var currentChild = current$$1.child; // This is always exactly one child
+  var currentChild = current.child; // This is always exactly one child
 
   if (updateExpirationTime < renderExpirationTime) {
     // This will be the props with resolved defaultProps,
@@ -13203,12 +12103,9 @@ function updateMemoComponent(
     var compare = Component.compare;
     compare = compare !== null ? compare : shallowEqual;
 
-    if (
-      compare(prevProps, nextProps) &&
-      current$$1.ref === workInProgress.ref
-    ) {
+    if (compare(prevProps, nextProps) && current.ref === workInProgress.ref) {
       return bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -13216,11 +12113,7 @@ function updateMemoComponent(
   } // React DevTools reads this flag.
 
   workInProgress.effectTag |= PerformedWork;
-  var newChild = createWorkInProgress(
-    currentChild,
-    nextProps,
-    renderExpirationTime
-  );
+  var newChild = createWorkInProgress(currentChild, nextProps);
   newChild.ref = workInProgress.ref;
   newChild.return = workInProgress;
   workInProgress.child = newChild;
@@ -13228,7 +12121,7 @@ function updateMemoComponent(
 }
 
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13258,26 +12151,39 @@ function updateSimpleMemoComponent(
           outerPropTypes,
           nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
           "prop",
-          getComponentName(outerMemoType),
-          getCurrentFiberStackInDev
+          getComponentName(outerMemoType)
         );
       } // Inner propTypes will be validated in the function component path.
     }
   }
 
-  if (current$$1 !== null) {
-    var prevProps = current$$1.memoizedProps;
+  if (current !== null) {
+    var prevProps = current.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
+      current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
+      workInProgress.type === current.type
     ) {
       didReceiveUpdate = false;
 
       if (updateExpirationTime < renderExpirationTime) {
+        // The pending update priority was cleared at the beginning of
+        // beginWork. We're about to bail out, but there might be additional
+        // updates at a lower priority. Usually, the priority level of the
+        // remaining updates is accumlated during the evaluation of the
+        // component (i.e. when processing the update queue). But since since
+        // we're bailing out early *without* evaluating the component, we need
+        // to account for it here, too. Reset to the value of the current fiber.
+        // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
+        // because a MemoComponent fiber does not have hooks or an update queue;
+        // rather, it wraps around an inner component, which may or may not
+        // contains hooks.
+        // TODO: Move the reset at in beginWork out of the common path so that
+        // this is no longer necessary.
+        workInProgress.expirationTime = current.expirationTime;
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -13286,7 +12192,7 @@ function updateSimpleMemoComponent(
   }
 
   return updateFunctionComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -13294,10 +12200,10 @@ function updateSimpleMemoComponent(
   );
 }
 
-function updateFragment(current$$1, workInProgress, renderExpirationTime) {
+function updateFragment(current, workInProgress, renderExpirationTime) {
   var nextChildren = workInProgress.pendingProps;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13305,10 +12211,10 @@ function updateFragment(current$$1, workInProgress, renderExpirationTime) {
   return workInProgress.child;
 }
 
-function updateMode(current$$1, workInProgress, renderExpirationTime) {
+function updateMode(current, workInProgress, renderExpirationTime) {
   var nextChildren = workInProgress.pendingProps.children;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13316,15 +12222,20 @@ function updateMode(current$$1, workInProgress, renderExpirationTime) {
   return workInProgress.child;
 }
 
-function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
-  if (enableProfilerTimer) {
-    workInProgress.effectTag |= Update;
+function updateProfiler(current, workInProgress, renderExpirationTime) {
+  {
+    workInProgress.effectTag |= Update; // Reset effect durations for the next eventual effect phase.
+    // These are reset during render to allow the DevTools commit hook a chance to read them,
+
+    var stateNode = workInProgress.stateNode;
+    stateNode.effectDuration = 0;
+    stateNode.passiveEffectDuration = 0;
   }
 
   var nextProps = workInProgress.pendingProps;
   var nextChildren = nextProps.children;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13332,12 +12243,12 @@ function updateProfiler(current$$1, workInProgress, renderExpirationTime) {
   return workInProgress.child;
 }
 
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
 
   if (
-    (current$$1 === null && ref !== null) ||
-    (current$$1 !== null && current$$1.ref !== ref)
+    (current === null && ref !== null) ||
+    (current !== null && current.ref !== ref)
   ) {
     // Schedule a Ref effect
     workInProgress.effectTag |= Ref;
@@ -13345,7 +12256,7 @@ function markRef(current$$1, workInProgress) {
 }
 
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13362,8 +12273,7 @@ function updateFunctionComponent(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(Component),
-          getCurrentFiberStackInDev
+          getComponentName(Component)
         );
       }
     }
@@ -13371,7 +12281,7 @@ function updateFunctionComponent(
 
   var context;
 
-  if (!disableLegacyContext) {
+  {
     var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
     context = getMaskedContext(workInProgress, unmaskedContext);
   }
@@ -13380,10 +12290,10 @@ function updateFunctionComponent(
   prepareToReadContext(workInProgress, renderExpirationTime);
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
     nextChildren = renderWithHooks(
-      current$$1,
+      current,
       workInProgress,
       Component,
       nextProps,
@@ -13391,30 +12301,13 @@ function updateFunctionComponent(
       renderExpirationTime
     );
 
-    if (
-      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);
+    setIsRendering(false);
   }
 
-  if (current$$1 !== null && !didReceiveUpdate) {
-    bailoutHooks(current$$1, workInProgress, renderExpirationTime);
+  if (current !== null && !didReceiveUpdate) {
+    bailoutHooks(current, workInProgress, renderExpirationTime);
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13422,7 +12315,7 @@ function updateFunctionComponent(
 
   workInProgress.effectTag |= PerformedWork;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13431,7 +12324,7 @@ function updateFunctionComponent(
 }
 
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -13448,8 +12341,7 @@ function updateClassComponent(
           innerPropTypes,
           nextProps, // Resolved props
           "prop",
-          getComponentName(Component),
-          getCurrentFiberStackInDev
+          getComponentName(Component)
         );
       }
     }
@@ -13471,23 +12363,18 @@ function updateClassComponent(
   var shouldUpdate;
 
   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
+    if (current !== null) {
+      // A class component without an instance 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$$1.alternate = null;
+      current.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
-    );
+    constructClassInstance(workInProgress, Component, nextProps);
     mountClassInstance(
       workInProgress,
       Component,
@@ -13495,7 +12382,7 @@ function updateClassComponent(
       renderExpirationTime
     );
     shouldUpdate = true;
-  } else if (current$$1 === null) {
+  } else if (current === null) {
     // In a resume, we'll already have an instance we can reuse.
     shouldUpdate = resumeMountClassInstance(
       workInProgress,
@@ -13505,7 +12392,7 @@ function updateClassComponent(
     );
   } else {
     shouldUpdate = updateClassInstance(
-      current$$1,
+      current,
       workInProgress,
       Component,
       nextProps,
@@ -13514,7 +12401,7 @@ function updateClassComponent(
   }
 
   var nextUnitOfWork = finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     shouldUpdate,
@@ -13526,14 +12413,14 @@ function updateClassComponent(
     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;
+      if (!didWarnAboutReassigningProps) {
+        error(
+          "It looks like %s is reassigning its own `this.props` while rendering. " +
+            "This is not supported and can lead to confusing bugs.",
+          getComponentName(workInProgress.type) || "a component"
+        );
+      }
+
       didWarnAboutReassigningProps = true;
     }
   }
@@ -13542,7 +12429,7 @@ function updateClassComponent(
 }
 
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
@@ -13550,7 +12437,7 @@ function finishClassComponent(
   renderExpirationTime
 ) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -13560,7 +12447,7 @@ function finishClassComponent(
     }
 
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13568,55 +12455,48 @@ function finishClassComponent(
 
   var instance = workInProgress.stateNode; // Rerender
 
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren;
 
   if (
     didCaptureError &&
     typeof Component.getDerivedStateFromError !== "function"
   ) {
-    // If we captured an error, but getDerivedStateFrom catch is not defined,
+    // If we captured an error, but getDerivedStateFromError is not defined,
     // unmount all the children. componentDidCatch will schedule an update to
     // re-render a fallback. This is temporary until we migrate everyone to
     // the new API.
     // TODO: Warn in a future release.
     nextChildren = null;
 
-    if (enableProfilerTimer) {
-      stopProfilerTimerIfRunning(workInProgress);
+    {
+      stopProfilerTimerIfRunning();
     }
   } else {
     {
-      setCurrentPhase("render");
+      setIsRendering(true);
       nextChildren = instance.render();
 
-      if (
-        debugRenderPhaseSideEffectsForStrictMode &&
-        workInProgress.mode & StrictMode
-      ) {
-        instance.render();
-      }
-
-      setCurrentPhase(null);
+      setIsRendering(false);
     }
   } // React DevTools reads this flag.
 
   workInProgress.effectTag |= PerformedWork;
 
-  if (current$$1 !== null && didCaptureError) {
+  if (current !== null && didCaptureError) {
     // If we're recovering from an error, reconcile without reusing any of
     // the existing children. Conceptually, the normal children and the children
     // that are shown on error are two different sets, so we shouldn't reuse
     // normal children even if their identities match.
     forceUnmountCurrentAndReconcile(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
     );
   } else {
     reconcileChildren(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
@@ -13650,11 +12530,11 @@ function pushHostRootContext(workInProgress) {
   pushHostContainer(workInProgress, root.containerInfo);
 }
 
-function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
+function updateHostRoot(current, workInProgress, renderExpirationTime) {
   pushHostRootContext(workInProgress);
   var updateQueue = workInProgress.updateQueue;
 
-  if (!(updateQueue !== null)) {
+  if (!(current !== null && updateQueue !== null)) {
     throw 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."
     );
@@ -13663,24 +12543,16 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
   var nextProps = workInProgress.pendingProps;
   var prevState = workInProgress.memoizedState;
   var prevChildren = prevState !== null ? prevState.element : null;
-  processUpdateQueue(
-    workInProgress,
-    updateQueue,
-    nextProps,
-    null,
-    renderExpirationTime
-  );
+  cloneUpdateQueue(current, workInProgress);
+  processUpdateQueue(workInProgress, 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,
+      current,
       workInProgress,
       renderExpirationTime
     );
@@ -13688,7 +12560,7 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
 
   var root = workInProgress.stateNode;
 
-  if (root.hydrate && enterHydrationState(workInProgress)) {
+  if (root.hydrate && enterHydrationState()) {
     // 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
@@ -13716,50 +12588,38 @@ function updateHostRoot(current$$1, workInProgress, renderExpirationTime) {
     // Otherwise reset hydration state in case we aborted and resumed another
     // root.
     reconcileChildren(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
     );
-    resetHydrationState();
   }
 
   return workInProgress.child;
 }
 
-function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
+function updateHostComponent(current, 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 prevProps = current !== null ? current.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 (prevProps !== null && shouldSetTextContent()) {
     // If we're switching from a direct text child to a normal child, or to
     // empty, we need to schedule the text content to be reset.
     workInProgress.effectTag |= ContentReset;
   }
 
-  markRef(current$$1, workInProgress); // Check the host config to see if the children are offscreen/hidden.
+  markRef(current, workInProgress); // Check the host config to see if the children are offscreen/hidden.
 
   if (
     workInProgress.mode & ConcurrentMode &&
     renderExpirationTime !== Never &&
-    shouldDeprioritizeSubtree(type, nextProps)
+    shouldDeprioritizeSubtree()
   ) {
-    if (enableSchedulerTracing) {
+    {
       markSpawnedWork(Never);
     } // Schedule this fiber to re-render at offscreen priority. Then bailout.
 
@@ -13768,7 +12628,7 @@ function updateHostComponent(current$$1, workInProgress, renderExpirationTime) {
   }
 
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextChildren,
     renderExpirationTime
@@ -13776,10 +12636,7 @@ function updateHostComponent(current$$1, workInProgress, 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
+function updateHostText(current, workInProgress) {
   // immediately after.
 
   return null;
@@ -13793,7 +12650,7 @@ function mountLazyComponent(
   renderExpirationTime
 ) {
   if (_current !== null) {
-    // An lazy component only mounts if it suspended inside a non-
+    // A lazy component only mounts if it suspended inside a non-
     // concurrent tree, in an inconsistent state. We want to treat it like
     // a new mount, even though an empty version of it already committed.
     // Disconnect the alternate pointers.
@@ -13831,7 +12688,7 @@ function mountLazyComponent(
         resolvedProps,
         renderExpirationTime
       );
-      break;
+      return child;
     }
 
     case ClassComponent: {
@@ -13848,7 +12705,7 @@ function mountLazyComponent(
         resolvedProps,
         renderExpirationTime
       );
-      break;
+      return child;
     }
 
     case ForwardRef: {
@@ -13865,7 +12722,7 @@ function mountLazyComponent(
         resolvedProps,
         renderExpirationTime
       );
-      break;
+      return child;
     }
 
     case MemoComponent: {
@@ -13878,8 +12735,7 @@ function mountLazyComponent(
               outerPropTypes,
               resolvedProps, // Resolved for outer only
               "prop",
-              getComponentName(Component),
-              getCurrentFiberStackInDev
+              getComponentName(Component)
             );
           }
         }
@@ -13893,36 +12749,32 @@ function mountLazyComponent(
         updateExpirationTime,
         renderExpirationTime
       );
-      break;
+      return child;
     }
+  }
 
-    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.
+  var hint = "";
 
-      {
-        throw Error(
-          "Element type is invalid. Received a promise that resolves to: " +
-            Component +
-            ". Lazy element type must resolve to a class or function." +
-            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.
 
-  return child;
+  {
+    throw Error(
+      "Element type is invalid. Received a promise that resolves to: " +
+        Component +
+        ". Lazy element type must resolve to a class or function." +
+        hint
+    );
+  }
 }
 
 function mountIncompleteClassComponent(
@@ -13958,12 +12810,7 @@ function mountIncompleteClassComponent(
   }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
-  constructClassInstance(
-    workInProgress,
-    Component,
-    nextProps,
-    renderExpirationTime
-  );
+  constructClassInstance(workInProgress, Component, nextProps);
   mountClassInstance(
     workInProgress,
     Component,
@@ -14000,7 +12847,7 @@ function mountIndeterminateComponent(
   var props = workInProgress.pendingProps;
   var context;
 
-  if (!disableLegacyContext) {
+  {
     var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
     context = getMaskedContext(workInProgress, unmaskedContext);
   }
@@ -14016,13 +12863,13 @@ function mountIndeterminateComponent(
       var componentName = getComponentName(Component) || "Unknown";
 
       if (!didWarnAboutBadClass[componentName]) {
-        warningWithoutStack$1(
-          false,
+        error(
           "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
             "This is likely to cause errors. Change %s to extend React.Component instead.",
           componentName,
           componentName
         );
+
         didWarnAboutBadClass[componentName] = true;
       }
     }
@@ -14031,7 +12878,7 @@ function mountIndeterminateComponent(
       ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
     }
 
-    ReactCurrentOwner$3.current = workInProgress;
+    ReactCurrentOwner$1.current = workInProgress;
     value = renderWithHooks(
       null,
       workInProgress,
@@ -14054,8 +12901,7 @@ function mountIndeterminateComponent(
       var _componentName = getComponentName(Component) || "Unknown";
 
       if (!didWarnAboutModulePatternComponent[_componentName]) {
-        warningWithoutStack$1(
-          false,
+        error(
           "The <%s /> component appears to be a function component that returns a class instance. " +
             "Change %s to a class that extends React.Component instead. " +
             "If you can't use a class try assigning the prototype on the function as a workaround. " +
@@ -14065,13 +12911,15 @@ function mountIndeterminateComponent(
           _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.
+    workInProgress.memoizedState = null;
+    workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
     // During mounting we don't know the child context yet as the instance doesn't exist.
     // We will invalidate the child context in finishClassComponent() right after rendering.
 
@@ -14086,6 +12934,7 @@ function mountIndeterminateComponent(
 
     workInProgress.memoizedState =
       value.state !== null && value.state !== undefined ? value.state : null;
+    initializeUpdateQueue(workInProgress);
     var getDerivedStateFromProps = Component.getDerivedStateFromProps;
 
     if (typeof getDerivedStateFromProps === "function") {
@@ -14111,34 +12960,6 @@ 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 (
-        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);
 
     {
@@ -14150,86 +12971,70 @@ function mountIndeterminateComponent(
 }
 
 function validateFunctionComponentInDev(workInProgress, Component) {
-  if (Component) {
-    !!Component.childContextTypes
-      ? warningWithoutStack$1(
-          false,
+  {
+    if (Component) {
+      if (Component.childContextTypes) {
+        error(
           "%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 (workInProgress.ref !== null) {
+      var info = "";
+      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
 
-    if (ownerName) {
-      info += "\n\nCheck the render method of `" + ownerName + "`.";
-    }
+      if (ownerName) {
+        info += "\n\nCheck the render method of `" + ownerName + "`.";
+      }
 
-    var warningKey = ownerName || workInProgress._debugID || "";
-    var debugSource = workInProgress._debugSource;
+      var warningKey = ownerName || workInProgress._debugID || "";
+      var debugSource = workInProgress._debugSource;
 
-    if (debugSource) {
-      warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-    }
+      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 (!didWarnAboutFunctionRefs[warningKey]) {
+        didWarnAboutFunctionRefs[warningKey] = true;
 
-  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;
+        error(
+          "Function components cannot be given refs. " +
+            "Attempts to access this ref will fail. " +
+            "Did you mean to use React.forwardRef()?%s",
+          info
+        );
+      }
     }
-  }
 
-  if (typeof Component.getDerivedStateFromProps === "function") {
-    var _componentName2 = getComponentName(Component) || "Unknown";
+    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 (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName2]) {
+        error(
+          "%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 (
+      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;
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName3]) {
+        error(
+          "%s: Function components do not support contextType.",
+          _componentName3
+        );
+
+        didWarnAboutContextTypeOnFunctionComponent[_componentName3] = true;
+      }
     }
   }
 }
@@ -14239,17 +13044,17 @@ var SUSPENDED_MARKER = {
   retryTime: NoWork
 };
 
-function shouldRemainOnFallback(suspenseContext, current$$1, workInProgress) {
+function shouldRemainOnFallback(suspenseContext, current, 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)
+    (current === null || current.memoizedState !== null)
   );
 }
 
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -14266,17 +13071,14 @@ function updateSuspenseComponent(
   var nextDidTimeout = false;
   var didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;
 
-  if (
-    didSuspend ||
-    shouldRemainOnFallback(suspenseContext, current$$1, workInProgress)
-  ) {
+  if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
     // Something in this boundary's subtree already suspended. Switch to
     // rendering the fallback children.
     nextDidTimeout = true;
     workInProgress.effectTag &= ~DidCapture;
   } else {
     // Attempting the main content
-    if (current$$1 === null || current$$1.memoizedState !== null) {
+    if (current === null || current.memoizedState !== null) {
       // This is a new mount or this boundary is already showing a fallback state.
       // Mark this subtree context as having at least one invisible parent that could
       // handle the fallback state.
@@ -14295,20 +13097,7 @@ function updateSuspenseComponent(
   }
 
   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
+  pushSuspenseContext(workInProgress, suspenseContext); // 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.
@@ -14330,28 +13119,10 @@ function updateSuspenseComponent(
   // custom reconciliation logic to preserve the state of the primary
   // children. It's essentially a very basic form of re-parenting.
 
-  if (current$$1 === null) {
+  if (current === null) {
     // 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 been a dehydrated suspense component.
-
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
-
-        if (suspenseState !== null) {
-          var dehydrated = suspenseState.dehydrated;
-
-          if (dehydrated !== null) {
-            return mountDehydratedSuspenseComponent(
-              workInProgress,
-              dehydrated,
-              renderExpirationTime
-            );
-          }
-        }
-      }
-    } // This is the initial mount. This branch is pretty simple because there's
+    if (nextProps.fallback !== undefined); // This is the initial mount. This branch is pretty simple because there's
     // no previous state that needs to be preserved.
 
     if (nextDidTimeout) {
@@ -14409,107 +13180,12 @@ function updateSuspenseComponent(
   } 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 prevState = current.memoizedState;
 
     if (prevState !== null) {
-      if (enableSuspenseServerRenderer) {
-        var _dehydrated = prevState.dehydrated;
-
-        if (_dehydrated !== null) {
-          if (!didSuspend) {
-            return updateDehydratedSuspenseComponent(
-              current$$1,
-              workInProgress,
-              _dehydrated,
-              prevState,
-              renderExpirationTime
-            );
-          } else if (workInProgress.memoizedState !== null) {
-            // Something suspended and we should still be in dehydrated mode.
-            // Leave the existing child in place.
-            workInProgress.child = current$$1.child; // The dehydrated completion pass expects this flag to be there
-            // but the normal suspense pass doesn't.
-
-            workInProgress.effectTag |= DidCapture;
-            return null;
-          } else {
-            // Suspended but we should no longer be in dehydrated mode.
-            // Therefore we now have to render the fallback. Wrap the children
-            // in a fragment fiber to keep them separate from the fallback
-            // children.
-            var _nextFallbackChildren = nextProps.fallback;
-
-            var _primaryChildFragment = createFiberFromFragment(
-              // It shouldn't matter what the pending props are because we aren't
-              // going to render this fragment.
-              null,
-              mode,
-              NoWork,
-              null
-            );
-
-            _primaryChildFragment.return = workInProgress; // This is always null since we never want the previous child
-            // that we're not going to hydrate.
-
-            _primaryChildFragment.child = null;
-
-            if ((workInProgress.mode & BlockingMode) === NoMode) {
-              // Outside of blocking mode, we commit the effects from the
-              // partially completed, timed-out tree, too.
-              var _progressedChild = (_primaryChildFragment.child =
-                workInProgress.child);
-
-              while (_progressedChild !== null) {
-                _progressedChild.return = _primaryChildFragment;
-                _progressedChild = _progressedChild.sibling;
-              }
-            } else {
-              // We will have dropped the effect list which contains the deletion.
-              // We need to reconcile to delete the current child.
-              reconcileChildFibers(
-                workInProgress,
-                current$$1.child,
-                null,
-                renderExpirationTime
-              );
-            } // 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;
-            } // Create a fragment from the fallback children, too.
-
-            var _fallbackChildFragment = createFiberFromFragment(
-              _nextFallbackChildren,
-              mode,
-              renderExpirationTime,
-              null
-            );
-
-            _fallbackChildFragment.return = workInProgress;
-            _primaryChildFragment.sibling = _fallbackChildFragment;
-            _fallbackChildFragment.effectTag |= Placement;
-            _primaryChildFragment.childExpirationTime = NoWork;
-            workInProgress.memoizedState = SUSPENDED_MARKER;
-            workInProgress.child = _primaryChildFragment; // Skip the primary children, and continue working on the
-            // fallback children.
-
-            return _fallbackChildFragment;
-          }
-        }
-      } // The current tree already timed out. That means each child set is
       // wrapped in a fragment fiber.
 
-      var currentPrimaryChildFragment = current$$1.child;
+      var currentPrimaryChildFragment = current.child;
       var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
 
       if (nextDidTimeout) {
@@ -14519,8 +13195,7 @@ function updateSuspenseComponent(
 
         var _primaryChildFragment2 = createWorkInProgress(
           currentPrimaryChildFragment,
-          currentPrimaryChildFragment.pendingProps,
-          NoWork
+          currentPrimaryChildFragment.pendingProps
         );
 
         _primaryChildFragment2.return = workInProgress;
@@ -14547,7 +13222,7 @@ function updateSuspenseComponent(
         } // 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) {
+        if (workInProgress.mode & ProfileMode) {
           // treeBaseDuration is the sum of all the child tree base durations.
           var _treeBaseDuration = 0;
           var _hiddenChild = _primaryChildFragment2.child;
@@ -14563,8 +13238,7 @@ function updateSuspenseComponent(
 
         var _fallbackChildFragment2 = createWorkInProgress(
           currentFallbackChildFragment,
-          _nextFallbackChildren2,
-          currentFallbackChildFragment.expirationTime
+          _nextFallbackChildren2
         );
 
         _fallbackChildFragment2.return = workInProgress;
@@ -14598,7 +13272,7 @@ function updateSuspenseComponent(
     } 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;
+      var _currentPrimaryChild = current.child;
 
       if (nextDidTimeout) {
         // Timed out. Wrap the children in a fragment fiber to keep them
@@ -14644,7 +13318,7 @@ function updateSuspenseComponent(
         } // 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) {
+        if (workInProgress.mode & ProfileMode) {
           // treeBaseDuration is the sum of all the child tree base durations.
           var _treeBaseDuration2 = 0;
           var _hiddenChild2 = _primaryChildFragment3.child;
@@ -14674,7 +13348,7 @@ function updateSuspenseComponent(
         workInProgress.child = _primaryChildFragment3;
         return _fallbackChildFragment3;
       } else {
-        // Still haven't timed out.  Continue rendering the children, like we
+        // Still haven't timed out. Continue rendering the children, like we
         // normally do.
         workInProgress.memoizedState = null;
         var _nextPrimaryChildren2 = nextProps.children;
@@ -14689,197 +13363,6 @@ function updateSuspenseComponent(
   }
 }
 
-function retrySuspenseComponentWithoutHydrating(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  // We're now not suspended nor dehydrated.
-  workInProgress.memoizedState = null; // Retry with the full children.
-
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children; // This will ensure that the children get Placement effects and
-  // that the old child gets a Deletion effect.
-  // We could also call forceUnmountCurrentAndReconcile.
-
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
-  return workInProgress.child;
-}
-
-function mountDehydratedSuspenseComponent(
-  workInProgress,
-  suspenseInstance,
-  renderExpirationTime
-) {
-  // During the first pass, we'll bail out and not drill into the children.
-  // Instead, we'll leave the content in place and try to hydrate it later.
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    {
-      warning$1(
-        false,
-        "Cannot hydrate Suspense in legacy mode. Switch from " +
-          "ReactDOM.hydrate(element, container) to " +
-          "ReactDOM.createBlockingRoot(container, { hydrate: true })" +
-          ".render(element) or remove the Suspense components from " +
-          "the server rendered components."
-      );
-    }
-
-    workInProgress.expirationTime = Sync;
-  } else 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 = requestCurrentTimeForUpdate(); // Schedule a normal pri update to render this content.
-
-    var newExpirationTime = computeAsyncExpiration(serverDisplayTime);
-
-    if (enableSchedulerTracing) {
-      markSpawnedWork(newExpirationTime);
-    }
-
-    workInProgress.expirationTime = newExpirationTime;
-  } 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;
-
-    if (enableSchedulerTracing) {
-      markSpawnedWork(Never);
-    }
-  }
-
-  return null;
-}
-
-function updateDehydratedSuspenseComponent(
-  current$$1,
-  workInProgress,
-  suspenseInstance,
-  suspenseState,
-  renderExpirationTime
-) {
-  // We should never be hydrating at this point because it is the first pass,
-  // but after we've already committed once.
-  warnIfHydrating();
-
-  if ((workInProgress.mode & BlockingMode) === NoMode) {
-    return retrySuspenseComponentWithoutHydrating(
-      current$$1,
-      workInProgress,
-      renderExpirationTime
-    );
-  }
-
-  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, if
-    // we are rendering at lower expiration than sync.
-    if (renderExpirationTime < Sync) {
-      if (suspenseState.retryTime <= renderExpirationTime) {
-        // This render is even higher pri than we've seen before, let's try again
-        // at even higher pri.
-        var attemptHydrationAtExpirationTime = renderExpirationTime + 1;
-        suspenseState.retryTime = attemptHydrationAtExpirationTime;
-        scheduleWork(current$$1, attemptHydrationAtExpirationTime); // TODO: Early abort this render.
-      } else {
-        // We have already tried to ping at a higher priority than we're rendering with
-        // so if we got here, we must have failed to hydrate at those levels. We must
-        // now give up. 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. This might suspend for a while and if it does we might still have
-        // an opportunity to hydrate before this pass commits.
-      }
-    } // If we have scheduled higher pri work above, this will probably just abort the render
-    // since we now have higher priority work, but in case it doesn't, we need to prepare to
-    // render something, if we time out. Even if that requires us to delete everything and
-    // skip hydration.
-    // Delay having to do this as long as the suspense timeout allows us.
-
-    renderDidSuspendDelayIfPossible();
-    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 child in place. I.e. the dehydrated fragment.
-
-    workInProgress.child = current$$1.child; // Register a callback to retry this boundary once the server has sent the result.
-
-    registerSuspenseInstanceRetry(
-      suspenseInstance,
-      retryDehydratedSuspenseBoundary.bind(null, current$$1)
-    );
-    return null;
-  } else {
-    // This is the first attempt.
-    reenterHydrationStateFromDehydratedSuspenseInstance(
-      workInProgress,
-      suspenseInstance
-    );
-    var nextProps = workInProgress.pendingProps;
-    var nextChildren = nextProps.children;
-    var child = mountChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderExpirationTime
-    );
-    var node = child;
-
-    while (node) {
-      // Mark each child as hydrating. This is a fast path to know whether this
-      // tree is part of a hydrating tree. This is used to determine if a child
-      // node has fully mounted yet, and for scheduling event replaying.
-      // Conceptually this is similar to Placement in that a new subtree is
-      // inserted into the React tree here. It just happens to not need DOM
-      // mutations because it already exists.
-      node.effectTag |= Hydrating;
-      node = node.sibling;
-    }
-
-    workInProgress.child = child;
-    return workInProgress.child;
-  }
-}
-
 function scheduleWorkOnFiber(fiber, renderExpirationTime) {
   if (fiber.expirationTime < renderExpirationTime) {
     fiber.expirationTime = renderExpirationTime;
@@ -14981,40 +13464,39 @@ function validateRevealOrder(revealOrder) {
           case "together":
           case "forwards":
           case "backwards": {
-            warning$1(
-              false,
+            error(
               '"%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,
+            error(
               '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
                 'React uses the -s suffix in the spelling. Use "%ss" instead.',
               revealOrder,
               revealOrder.toLowerCase()
             );
+
             break;
           }
 
           default:
-            warning$1(
-              false,
+            error(
               '"%s" is not a supported revealOrder on <SuspenseList />. ' +
                 'Did you mean "together", "forwards" or "backwards"?',
               revealOrder
             );
+
             break;
         }
       } else {
-        warning$1(
-          false,
+        error(
           "%s is not a supported value for revealOrder on <SuspenseList />. " +
             'Did you mean "together", "forwards" or "backwards"?',
           revealOrder
@@ -15029,16 +13511,16 @@ function validateTailOptions(tailMode, revealOrder) {
     if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
       if (tailMode !== "collapsed" && tailMode !== "hidden") {
         didWarnAboutTailOptions[tailMode] = true;
-        warning$1(
-          false,
+
+        error(
           '"%s" is not a supported value for tail on <SuspenseList />. ' +
             'Did you mean "collapsed" or "hidden"?',
           tailMode
         );
       } else if (revealOrder !== "forwards" && revealOrder !== "backwards") {
         didWarnAboutTailOptions[tailMode] = true;
-        warning$1(
-          false,
+
+        error(
           '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
             '"forwards" or "backwards". ' +
             'Did you mean to specify revealOrder="forwards"?',
@@ -15056,8 +13538,8 @@ function validateSuspenseListNestedChild(childSlot, index) {
 
     if (isArray || isIterable) {
       var type = isArray ? "array" : "iterable";
-      warning$1(
-        false,
+
+      error(
         "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
           "an additional SuspenseList to configure its revealOrder: " +
           "<SuspenseList revealOrder=...> ... " +
@@ -15067,6 +13549,7 @@ function validateSuspenseListNestedChild(childSlot, index) {
         index,
         type
       );
+
       return false;
     }
   }
@@ -15107,8 +13590,7 @@ function validateSuspenseListChildren(children, revealOrder) {
             }
           }
         } else {
-          warning$1(
-            false,
+          error(
             'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
               "This is not useful since it needs multiple rows. " +
               "Did you mean to pass multiple children or an array?",
@@ -15134,6 +13616,7 @@ function initSuspenseListRenderState(
     workInProgress.memoizedState = {
       isBackwards: isBackwards,
       rendering: null,
+      renderingStartTime: 0,
       last: lastContentRow,
       tail: tail,
       tailExpiration: 0,
@@ -15144,6 +13627,7 @@ function initSuspenseListRenderState(
     // We can reuse the existing object from previous renders.
     renderState.isBackwards = isBackwards;
     renderState.rendering = null;
+    renderState.renderingStartTime = 0;
     renderState.last = lastContentRow;
     renderState.tail = tail;
     renderState.tailExpiration = 0;
@@ -15159,7 +13643,7 @@ function initSuspenseListRenderState(
 // That happens in the completeWork phase without going back to beginWork.
 
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -15170,12 +13654,7 @@ function updateSuspenseListComponent(
   validateRevealOrder(revealOrder);
   validateTailOptions(tailMode, revealOrder);
   validateSuspenseListChildren(newChildren, revealOrder);
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    newChildren,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
   var suspenseContext = suspenseStackCursor.current;
   var shouldForceFallback = hasSuspenseContext(
     suspenseContext,
@@ -15190,7 +13669,7 @@ function updateSuspenseListComponent(
     workInProgress.effectTag |= DidCapture;
   } else {
     var didSuspendBefore =
-      current$$1 !== null && (current$$1.effectTag & DidCapture) !== NoEffect;
+      current !== null && (current.effectTag & DidCapture) !== NoEffect;
 
     if (didSuspendBefore) {
       // If we previously forced a fallback, we need to schedule work
@@ -15299,15 +13778,11 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 
-function updatePortalComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+function updatePortalComponent(current, workInProgress, renderExpirationTime) {
   pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
   var nextChildren = workInProgress.pendingProps;
 
-  if (current$$1 === null) {
+  if (current === null) {
     // Portals are special because we don't append the children during mount
     // but at commit. Therefore we need to track insertions which the normal
     // flow doesn't do during mount. This doesn't happen at the root because
@@ -15321,7 +13796,7 @@ function updatePortalComponent(
     );
   } else {
     reconcileChildren(
-      current$$1,
+      current,
       workInProgress,
       nextChildren,
       renderExpirationTime
@@ -15331,11 +13806,7 @@ function updatePortalComponent(
   return workInProgress.child;
 }
 
-function updateContextProvider(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+function updateContextProvider(current, workInProgress, renderExpirationTime) {
   var providerType = workInProgress.type;
   var context = providerType._context;
   var newProps = workInProgress.pendingProps;
@@ -15346,13 +13817,7 @@ function updateContextProvider(
     var providerPropTypes = workInProgress.type.propTypes;
 
     if (providerPropTypes) {
-      checkPropTypes(
-        providerPropTypes,
-        newProps,
-        "prop",
-        "Context.Provider",
-        getCurrentFiberStackInDev
-      );
+      checkPropTypes(providerPropTypes, newProps, "prop", "Context.Provider");
     }
   }
 
@@ -15366,7 +13831,7 @@ function updateContextProvider(
       // No change. Bailout early if children are the same.
       if (oldProps.children === newProps.children && !hasContextChanged()) {
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -15384,22 +13849,13 @@ function updateContextProvider(
   }
 
   var newChildren = newProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    newChildren,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
   return workInProgress.child;
 }
 
 var hasWarnedAboutUsingContextAsConsumer = false;
 
-function updateContextConsumer(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
+function updateContextConsumer(current, 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
@@ -15416,8 +13872,8 @@ function updateContextConsumer(
       if (context !== context.Consumer) {
         if (!hasWarnedAboutUsingContextAsConsumer) {
           hasWarnedAboutUsingContextAsConsumer = true;
-          warning$1(
-            false,
+
+          error(
             "Rendering <Context> directly is not supported and will be removed in " +
               "a future major release. Did you mean to render <Context.Consumer> instead?"
           );
@@ -15432,15 +13888,14 @@ function updateContextConsumer(
   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;
+    if (typeof render !== "function") {
+      error(
+        "A context consumer was rendered with multiple children, or a child " +
+          "that isn't a function. A context consumer expects a single child " +
+          "that is a function. If you did pass a function, make sure there " +
+          "is no trailing or leading whitespace around it."
+      );
+    }
   }
 
   prepareToReadContext(workInProgress, renderExpirationTime);
@@ -15448,57 +13903,14 @@ function updateContextConsumer(
   var newChildren;
 
   {
-    ReactCurrentOwner$3.current = workInProgress;
-    setCurrentPhase("render");
+    ReactCurrentOwner$1.current = workInProgress;
+    setIsRendering(true);
     newChildren = render(newValue);
-    setCurrentPhase(null);
+    setIsRendering(false);
   } // 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 updateScopeComponent(
-  current$$1,
-  workInProgress,
-  renderExpirationTime
-) {
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextChildren,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, newChildren, renderExpirationTime);
   return workInProgress.child;
 }
 
@@ -15507,20 +13919,20 @@ function markWorkInProgressReceivedUpdate() {
 }
 
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
   cancelWorkTimer(workInProgress);
 
-  if (current$$1 !== null) {
+  if (current !== null) {
     // Reuse previous dependencies
-    workInProgress.dependencies = current$$1.dependencies;
+    workInProgress.dependencies = current.dependencies;
   }
 
-  if (enableProfilerTimer) {
+  {
     // Don't update "base" render times for bailouts.
-    stopProfilerTimerIfRunning(workInProgress);
+    stopProfilerTimerIfRunning();
   }
 
   var updateExpirationTime = workInProgress.expirationTime;
@@ -15539,12 +13951,12 @@ function bailoutOnAlreadyFinishedWork(
   } else {
     // This fiber doesn't have work, but its subtree does. Clone the child
     // fibers and continue.
-    cloneChildFibers(current$$1, workInProgress);
+    cloneChildFibers(current, workInProgress);
     return workInProgress.child;
   }
 }
 
-function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
+function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
   {
     var returnFiber = oldWorkInProgress.return;
 
@@ -15553,7 +13965,7 @@ function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
     } // Disconnect from the old current.
     // It will get deleted.
 
-    current$$1.alternate = null;
+    current.alternate = null;
     oldWorkInProgress.alternate = null; // Connect to the new tree.
 
     newWorkInProgress.index = oldWorkInProgress.index;
@@ -15585,28 +13997,28 @@ function remountFiber(current$$1, oldWorkInProgress, newWorkInProgress) {
     var last = returnFiber.lastEffect;
 
     if (last !== null) {
-      last.nextEffect = current$$1;
-      returnFiber.lastEffect = current$$1;
+      last.nextEffect = current;
+      returnFiber.lastEffect = current;
     } else {
-      returnFiber.firstEffect = returnFiber.lastEffect = current$$1;
+      returnFiber.firstEffect = returnFiber.lastEffect = current;
     }
 
-    current$$1.nextEffect = null;
-    current$$1.effectTag = Deletion;
+    current.nextEffect = null;
+    current.effectTag = Deletion;
     newWorkInProgress.effectTag |= Placement; // Restart work from the new fiber.
 
     return newWorkInProgress;
   }
 }
 
-function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
+function beginWork(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
 
   {
-    if (workInProgress._debugNeedsRemount && current$$1 !== null) {
+    if (workInProgress._debugNeedsRemount && current !== null) {
       // This will restart the begin phase with a new fiber.
       return remountFiber(
-        current$$1,
+        current,
         workInProgress,
         createFiberFromTypeAndProps(
           workInProgress.type,
@@ -15620,14 +14032,14 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
   }
 
-  if (current$$1 !== null) {
-    var oldProps = current$$1.memoizedProps;
+  if (current !== null) {
+    var oldProps = current.memoizedProps;
     var newProps = workInProgress.pendingProps;
 
     if (
       oldProps !== newProps ||
       hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
-      workInProgress.type !== current$$1.type
+      workInProgress.type !== current.type
     ) {
       // If props or context changed, mark the fiber as having performed work.
       // This may be unset if the props are determined to be equal later (memo).
@@ -15640,7 +14052,6 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
       switch (workInProgress.tag) {
         case HostRoot:
           pushHostRootContext(workInProgress);
-          resetHydrationState();
           break;
 
         case HostComponent:
@@ -15649,9 +14060,9 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           if (
             workInProgress.mode & ConcurrentMode &&
             renderExpirationTime !== Never &&
-            shouldDeprioritizeSubtree(workInProgress.type, newProps)
+            shouldDeprioritizeSubtree(workInProgress.type)
           ) {
-            if (enableSchedulerTracing) {
+            {
               markSpawnedWork(Never);
             } // Schedule this fiber to re-render at offscreen priority. Then bailout.
 
@@ -15685,14 +14096,19 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
         }
 
         case Profiler:
-          if (enableProfilerTimer) {
+          {
             // Profiler should only call onRender when one of its descendants actually rendered.
             var hasChildWork =
               workInProgress.childExpirationTime >= renderExpirationTime;
 
             if (hasChildWork) {
               workInProgress.effectTag |= Update;
-            }
+            } // Reset effect durations for the next eventual effect phase.
+            // These are reset during render to allow the DevTools commit hook a chance to read them,
+
+            var stateNode = workInProgress.stateNode;
+            stateNode.effectDuration = 0;
+            stateNode.passiveEffectDuration = 0;
           }
 
           break;
@@ -15701,19 +14117,6 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           var state = workInProgress.memoizedState;
 
           if (state !== null) {
-            if (enableSuspenseServerRenderer) {
-              if (state.dehydrated !== null) {
-                pushSuspenseContext(
-                  workInProgress,
-                  setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-                ); // We know that this component will suspend again because if it has
-                // been unsuspended it has committed as a resolved Suspense component.
-                // If it needs to be retried, it should have work scheduled on it.
-
-                workInProgress.effectTag |= DidCapture;
-                break;
-              }
-            } // If this boundary is currently timed out, we need to decide
             // whether to retry the primary children, or to skip over it and
             // go straight to the fallback. Check the priority of the primary
             // child fragment.
@@ -15729,7 +14132,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               // The primary children have pending work. Use the normal path
               // to attempt to render the primary children again.
               return updateSuspenseComponent(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -15741,7 +14144,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               // priority. Bailout.
 
               var child = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -15765,8 +14168,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
         }
 
         case SuspenseListComponent: {
-          var didSuspendBefore =
-            (current$$1.effectTag & DidCapture) !== NoEffect;
+          var didSuspendBefore = (current.effectTag & DidCapture) !== NoEffect;
 
           var _hasChildWork =
             workInProgress.childExpirationTime >= renderExpirationTime;
@@ -15779,7 +14181,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
               // tree which will affect the tail. So we need to use the normal
               // path to compute the correct tail.
               return updateSuspenseListComponent(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -15815,7 +14217,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
       }
 
       return bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -15828,14 +14230,18 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
   } else {
     didReceiveUpdate = false;
-  } // Before entering the begin phase, clear the expiration time.
+  } // Before entering the begin phase, clear pending update priority.
+  // TODO: This assumes that we're about to evaluate the component and process
+  // the update queue. However, there's an exception: SimpleMemoComponent
+  // sometimes bails out later in the begin phase. This indicates that we should
+  // move this assignment out of the common path and into each branch.
 
   workInProgress.expirationTime = NoWork;
 
   switch (workInProgress.tag) {
     case IndeterminateComponent: {
       return mountIndeterminateComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         renderExpirationTime
@@ -15845,7 +14251,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     case LazyComponent: {
       var elementType = workInProgress.elementType;
       return mountLazyComponent(
-        current$$1,
+        current,
         workInProgress,
         elementType,
         updateExpirationTime,
@@ -15861,7 +14267,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           ? unresolvedProps
           : resolveDefaultProps(_Component, unresolvedProps);
       return updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         _Component,
         resolvedProps,
@@ -15879,7 +14285,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           : resolveDefaultProps(_Component2, _unresolvedProps);
 
       return updateClassComponent(
-        current$$1,
+        current,
         workInProgress,
         _Component2,
         _resolvedProps,
@@ -15888,28 +14294,24 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
 
     case HostRoot:
-      return updateHostRoot(current$$1, workInProgress, renderExpirationTime);
+      return updateHostRoot(current, workInProgress, renderExpirationTime);
 
     case HostComponent:
-      return updateHostComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
+      return updateHostComponent(current, workInProgress, renderExpirationTime);
 
     case HostText:
-      return updateHostText(current$$1, workInProgress);
+      return updateHostText();
 
     case SuspenseComponent:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
 
     case HostPortal:
       return updatePortalComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -15924,7 +14326,7 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
           : resolveDefaultProps(type, _unresolvedProps2);
 
       return updateForwardRef(
-        current$$1,
+        current,
         workInProgress,
         type,
         _resolvedProps2,
@@ -15933,24 +14335,24 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
     }
 
     case Fragment:
-      return updateFragment(current$$1, workInProgress, renderExpirationTime);
+      return updateFragment(current, workInProgress, renderExpirationTime);
 
     case Mode:
-      return updateMode(current$$1, workInProgress, renderExpirationTime);
+      return updateMode(current, workInProgress, renderExpirationTime);
 
     case Profiler:
-      return updateProfiler(current$$1, workInProgress, renderExpirationTime);
+      return updateProfiler(current, workInProgress, renderExpirationTime);
 
     case ContextProvider:
       return updateContextProvider(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
 
     case ContextConsumer:
       return updateContextConsumer(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -15961,334 +14363,77 @@ function beginWork$1(current$$1, workInProgress, renderExpirationTime) {
 
       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 SuspenseListComponent: {
-      return updateSuspenseListComponent(
-        current$$1,
-        workInProgress,
-        renderExpirationTime
-      );
-    }
-
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        return updateFundamentalComponent$1(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-
-      break;
-    }
-
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        return updateScopeComponent(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
-      }
-
-      break;
-    }
-  }
-
-  {
-    throw Error(
-      "Unknown unit of work tag (" +
-        workInProgress.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
-  };
-}
-
-function isFiberSuspenseAndTimedOut(fiber) {
-  return fiber.tag === SuspenseComponent && fiber.memoizedState !== null;
-}
-
-function getSuspenseFallbackChild(fiber) {
-  return fiber.child.sibling.child;
-}
-
-var emptyObject$2 = {};
-
-function collectScopedNodes(node, fn, scopedNodes) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
-
-      var _instance = getPublicInstance(stateNode);
-
-      if (
-        _instance !== null &&
-        fn(_type, memoizedProps || emptyObject$2, _instance) === true
-      ) {
-        scopedNodes.push(_instance);
-      }
-    }
-
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      collectScopedNodesFromChildren(child, fn, scopedNodes);
-    }
-  }
-}
-
-function collectFirstScopedNode(node, fn) {
-  if (enableScopeAPI) {
-    if (node.tag === HostComponent) {
-      var _type2 = node.type,
-        memoizedProps = node.memoizedProps,
-        stateNode = node.stateNode;
-
-      var _instance2 = getPublicInstance(stateNode);
-
-      if (
-        _instance2 !== null &&
-        fn(_type2, memoizedProps, _instance2) === true
-      ) {
-        return _instance2;
-      }
-    }
-
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      return collectFirstScopedNodeFromChildren(child, fn);
-    }
-  }
-
-  return null;
-}
-
-function collectScopedNodesFromChildren(startingChild, fn, scopedNodes) {
-  var child = startingChild;
-
-  while (child !== null) {
-    collectScopedNodes(child, fn, scopedNodes);
-    child = child.sibling;
-  }
-}
-
-function collectFirstScopedNodeFromChildren(startingChild, fn) {
-  var child = startingChild;
-
-  while (child !== null) {
-    var scopedNode = collectFirstScopedNode(child, fn);
-
-    if (scopedNode !== null) {
-      return scopedNode;
-    }
-
-    child = child.sibling;
-  }
-
-  return null;
-}
-
-function collectNearestScopeMethods(node, scope, childrenScopes) {
-  if (isValidScopeNode(node, scope)) {
-    childrenScopes.push(node.stateNode.methods);
-  } else {
-    var child = node.child;
-
-    if (isFiberSuspenseAndTimedOut(node)) {
-      child = getSuspenseFallbackChild(node);
-    }
-
-    if (child !== null) {
-      collectNearestChildScopeMethods(child, scope, childrenScopes);
-    }
-  }
-}
-
-function collectNearestChildScopeMethods(startingChild, scope, childrenScopes) {
-  var child = startingChild;
-
-  while (child !== null) {
-    collectNearestScopeMethods(child, scope, childrenScopes);
-    child = child.sibling;
-  }
-}
-
-function isValidScopeNode(node, scope) {
-  return (
-    node.tag === ScopeComponent &&
-    node.type === scope &&
-    node.stateNode !== null
-  );
-}
-
-function createScopeMethods(scope, instance) {
-  return {
-    getChildren: function() {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var childrenScopes = [];
-
-      if (child !== null) {
-        collectNearestChildScopeMethods(child, scope, childrenScopes);
-      }
-
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getChildrenFromRoot: function() {
-      var currentFiber = instance.fiber;
-      var node = currentFiber;
-
-      while (node !== null) {
-        var parent = node.return;
-
-        if (parent === null) {
-          break;
-        }
-
-        node = parent;
-
-        if (node.tag === ScopeComponent && node.type === scope) {
-          break;
-        }
-      }
-
-      var childrenScopes = [];
-      collectNearestChildScopeMethods(node.child, scope, childrenScopes);
-      return childrenScopes.length === 0 ? null : childrenScopes;
-    },
-    getParent: function() {
-      var node = instance.fiber.return;
-
-      while (node !== null) {
-        if (node.tag === ScopeComponent && node.type === scope) {
-          return node.stateNode.methods;
-        }
-
-        node = node.return;
-      }
-
-      return null;
-    },
-    getProps: function() {
-      var currentFiber = instance.fiber;
-      return currentFiber.memoizedProps;
-    },
-    queryAllNodes: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
-      var scopedNodes = [];
-
-      if (child !== null) {
-        collectScopedNodesFromChildren(child, fn, scopedNodes);
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          var outerPropTypes = _type2.propTypes;
+
+          if (outerPropTypes) {
+            checkPropTypes(
+              outerPropTypes,
+              _resolvedProps3, // Resolved for outer only
+              "prop",
+              getComponentName(_type2)
+            );
+          }
+        }
       }
 
-      return scopedNodes.length === 0 ? null : scopedNodes;
-    },
-    queryFirstNode: function(fn) {
-      var currentFiber = instance.fiber;
-      var child = currentFiber.child;
+      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+      return updateMemoComponent(
+        current,
+        workInProgress,
+        _type2,
+        _resolvedProps3,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-      if (child !== null) {
-        return collectFirstScopedNodeFromChildren(child, fn);
-      }
+    case SimpleMemoComponent: {
+      return updateSimpleMemoComponent(
+        current,
+        workInProgress,
+        workInProgress.type,
+        workInProgress.pendingProps,
+        updateExpirationTime,
+        renderExpirationTime
+      );
+    }
 
-      return null;
-    },
-    containsNode: function(node) {
-      var fiber = getInstanceFromNode$1(node);
+    case IncompleteClassComponent: {
+      var _Component3 = workInProgress.type;
+      var _unresolvedProps4 = workInProgress.pendingProps;
 
-      while (fiber !== null) {
-        if (
-          fiber.tag === ScopeComponent &&
-          fiber.type === scope &&
-          fiber.stateNode === instance
-        ) {
-          return true;
-        }
+      var _resolvedProps4 =
+        workInProgress.elementType === _Component3
+          ? _unresolvedProps4
+          : resolveDefaultProps(_Component3, _unresolvedProps4);
 
-        fiber = fiber.return;
-      }
+      return mountIncompleteClassComponent(
+        current,
+        workInProgress,
+        _Component3,
+        _resolvedProps4,
+        renderExpirationTime
+      );
+    }
 
-      return false;
+    case SuspenseListComponent: {
+      return updateSuspenseListComponent(
+        current,
+        workInProgress,
+        renderExpirationTime
+      );
     }
-  };
+  }
+
+  {
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
 }
 
 function markUpdate(workInProgress) {
@@ -16306,7 +14451,7 @@ var updateHostContainer;
 var updateHostComponent$1;
 var updateHostText$1;
 
-if (supportsMutation) {
+{
   // Mutation mode
   appendAllChildren = function(
     parent,
@@ -16321,13 +14466,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
-        // the portal directly.
-      } else if (node.child !== null) {
+      } else if (node.tag === HostPortal);
+      else if (node.child !== null) {
         node.child.return = node;
         node = node.child;
         continue;
@@ -16379,379 +14519,21 @@ if (supportsMutation) {
     // 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.
+    var updatePayload = prepareUpdate(); // 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
+    if (updatePayload) {
+      markUpdate(workInProgress);
+    }
   };
 
   updateHostText$1 = function(current, workInProgress, oldText, newText) {
-    // Noop
+    // If the text differs, mark it as an update. All the work in done in commitWork.
+    if (oldText !== newText) {
+      markUpdate(workInProgress);
+    }
   };
 }
 
@@ -16830,14 +14612,16 @@ function completeWork(current, workInProgress, renderExpirationTime) {
 
   switch (workInProgress.tag) {
     case IndeterminateComponent:
-      break;
-
     case LazyComponent:
-      break;
-
     case SimpleMemoComponent:
     case FunctionComponent:
-      break;
+    case ForwardRef:
+    case Fragment:
+    case Mode:
+    case Profiler:
+    case ContextConsumer:
+    case MemoComponent:
+      return null;
 
     case ClassComponent: {
       var Component = workInProgress.type;
@@ -16846,7 +14630,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         popContext(workInProgress);
       }
 
-      break;
+      return null;
     }
 
     case HostRoot: {
@@ -16862,7 +14646,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       if (current === null || current.child === null) {
         // If we hydrated, pop so that we can delete any remaining children
         // that weren't hydrated.
-        var wasHydrated = popHydrationState(workInProgress);
+        var wasHydrated = popHydrationState();
 
         if (wasHydrated) {
           // If we hydrated, then we'll need to schedule an update for
@@ -16872,7 +14656,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       }
 
       updateHostContainer(workInProgress);
-      break;
+      return null;
     }
 
     case HostComponent: {
@@ -16889,15 +14673,6 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           rootContainerInstance
         );
 
-        if (enableFlareAPI) {
-          var prevListeners = current.memoizedProps.listeners;
-          var nextListeners = newProps.listeners;
-
-          if (prevListeners !== nextListeners) {
-            markUpdate(workInProgress);
-          }
-        }
-
         if (current.ref !== workInProgress.ref) {
           markRef$1(workInProgress);
         }
@@ -16909,42 +14684,24 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             );
           } // This can happen when we abort work.
 
-          break;
+          return null;
         }
 
         var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
         // "stack" as the parent. Then append children as we go in beginWork
-        // or completeWork depending on we want to add then top->down or
+        // or completeWork depending on whether we want to add them top->down or
         // bottom->up. Top->down is faster in IE11.
 
-        var _wasHydrated = popHydrationState(workInProgress);
+        var _wasHydrated = popHydrationState();
 
         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
+          if (prepareToHydrateHostInstance()) {
+            // If changes to the hydrated node need to be applied at the
             // commit-phase we mark this as such.
             markUpdate(workInProgress);
           }
-
-          if (enableFlareAPI) {
-            var listeners = newProps.listeners;
-
-            if (listeners != null) {
-              updateEventListeners(
-                listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          }
         } else {
           var instance = createInstance(
             type,
@@ -16956,30 +14713,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           appendAllChildren(instance, workInProgress, false, false); // This needs to be set before we mount Flare event listeners
 
           workInProgress.stateNode = instance;
-
-          if (enableFlareAPI) {
-            var _listeners = newProps.listeners;
-
-            if (_listeners != null) {
-              updateEventListeners(
-                _listeners,
-                workInProgress,
-                rootContainerInstance
-              );
-            }
-          } // 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,
-              type,
-              newProps,
-              rootContainerInstance,
-              currentHostContext
-            )
-          ) {
+          if (finalizeInitialChildren(instance)) {
             markUpdate(workInProgress);
           }
         }
@@ -16990,7 +14727,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         }
       }
 
-      break;
+      return null;
     }
 
     case HostText: {
@@ -17014,10 +14751,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
 
         var _currentHostContext = getHostContext();
 
-        var _wasHydrated2 = popHydrationState(workInProgress);
+        var _wasHydrated2 = popHydrationState();
 
         if (_wasHydrated2) {
-          if (prepareToHydrateHostTextInstance(workInProgress)) {
+          if (prepareToHydrateHostTextInstance()) {
             markUpdate(workInProgress);
           }
         } else {
@@ -17030,56 +14767,13 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         }
       }
 
-      break;
+      return null;
     }
 
-    case ForwardRef:
-      break;
-
     case SuspenseComponent: {
       popSuspenseContext(workInProgress);
       var nextState = workInProgress.memoizedState;
 
-      if (enableSuspenseServerRenderer) {
-        if (nextState !== null && nextState.dehydrated !== null) {
-          if (current === null) {
-            var _wasHydrated3 = popHydrationState(workInProgress);
-
-            if (!_wasHydrated3) {
-              throw Error(
-                "A dehydrated suspense component was completed without a hydrated node. This is probably a bug in React."
-              );
-            }
-
-            prepareToHydrateHostSuspenseInstance(workInProgress);
-
-            if (enableSchedulerTracing) {
-              markSpawnedWork(Never);
-            }
-
-            return 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 and unsuspended.
-              workInProgress.memoizedState = null;
-            } // If nothing suspended, we need to schedule an effect to mark this boundary
-            // as having hydrated so events know that they're free be invoked.
-            // It's also a signal to replay events and the suspense callback.
-            // If something suspended, schedule an effect to attach retry listeners.
-            // So we might as well always mark this.
-
-            workInProgress.effectTag |= Update;
-            return null;
-          }
-        }
-      }
-
       if ((workInProgress.effectTag & DidCapture) !== NoEffect) {
         // Something suspended. Re-render with the fallback children.
         workInProgress.expirationTime = renderExpirationTime; // Do not reset the effect list.
@@ -17091,9 +14785,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       var prevDidTimeout = false;
 
       if (current === null) {
-        if (workInProgress.memoizedProps.fallback !== undefined) {
-          popHydrationState(workInProgress);
-        }
+        if (workInProgress.memoizedProps.fallback !== undefined);
       } else {
         var prevState = current.memoizedState;
         prevDidTimeout = prevState !== null;
@@ -17158,64 +14850,30 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         }
       }
 
-      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
+          // retry listener to the promise. 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
+          // *unhide* children that were previously hidden, so check if this
           // 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;
+      return null;
     }
 
-    case Fragment:
-      break;
-
-    case Mode:
-      break;
-
-    case Profiler:
-      break;
-
     case HostPortal:
       popHostContainer(workInProgress);
       updateHostContainer(workInProgress);
-      break;
+      return null;
 
     case ContextProvider:
       // Pop provider fiber
       popProvider(workInProgress);
-      break;
-
-    case ContextConsumer:
-      break;
-
-    case MemoComponent:
-      break;
+      return null;
 
     case IncompleteClassComponent: {
       // Same as class component case. I put it down here so that the tags are
@@ -17226,7 +14884,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         popContext(workInProgress);
       }
 
-      break;
+      return null;
     }
 
     case SuspenseListComponent: {
@@ -17234,9 +14892,9 @@ function completeWork(current, workInProgress, renderExpirationTime) {
       var renderState = workInProgress.memoizedState;
 
       if (renderState === null) {
-        // We're running in the default, "independent" mode. We don't do anything
-        // in this mode.
-        break;
+        // We're running in the default, "independent" mode.
+        // We don't do anything in this mode.
+        return null;
       }
 
       var didSuspendAlready =
@@ -17352,7 +15010,10 @@ function completeWork(current, workInProgress, renderExpirationTime) {
               return null;
             }
           } else if (
-            now() > renderState.tailExpiration &&
+            // The time it took to render last row is greater than time until
+            // the expiration.
+            now() * 2 - renderState.renderingStartTime >
+              renderState.tailExpiration &&
             renderExpirationTime > Never
           ) {
             // We have now passed our CPU deadline and we'll just give up further
@@ -17369,7 +15030,7 @@ function completeWork(current, workInProgress, renderExpirationTime) {
             var nextPriority = renderExpirationTime - 1;
             workInProgress.expirationTime = workInProgress.childExpirationTime = nextPriority;
 
-            if (enableSchedulerTracing) {
+            {
               markSpawnedWork(nextPriority);
             }
           }
@@ -17402,13 +15063,19 @@ function completeWork(current, workInProgress, renderExpirationTime) {
           // 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;
+          renderState.tailExpiration = now() + TAIL_EXPIRATION_TIMEOUT_MS; // TODO: This is meant to mimic the train model or JND but this
+          // is a per component value. It should really be since the start
+          // of the total render or last commit. Consider using something like
+          // globalMostRecentFallbackTime. That doesn't account for being
+          // suspended for part of the time or when it's a new render.
+          // It should probably use a global start time value instead.
         } // Pop a row.
 
         var next = renderState.tail;
         renderState.rendering = next;
         renderState.tail = next.sibling;
         renderState.lastEffect = workInProgress.lastEffect;
+        renderState.renderingStartTime = now();
         next.sibling = null; // Restore the context.
         // TODO: We can probably just avoid popping it instead and only
         // setting it the first time we go from not suspended to suspended.
@@ -17429,131 +15096,17 @@ function completeWork(current, workInProgress, renderExpirationTime) {
         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;
-
-          if (getInitialState !== undefined) {
-            fundamentalState = getInitialState(newProps);
-          }
-
-          fundamentalInstance = workInProgress.stateNode = createFundamentalStateInstance(
-            workInProgress,
-            newProps,
-            fundamentalImpl,
-            fundamentalState || {}
-          );
-
-          var _instance5 = getFundamentalComponentInstance(fundamentalInstance);
-
-          fundamentalInstance.instance = _instance5;
-
-          if (fundamentalImpl.reconcileChildren === false) {
-            return null;
-          }
-
-          appendAllChildren(_instance5, 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 _instance6 = cloneFundamentalInstance(fundamentalInstance);
-
-            fundamentalInstance.instance = _instance6;
-            appendAllChildren(_instance6, workInProgress, false, false);
-          }
-
-          var shouldUpdate = shouldUpdateFundamentalComponent(
-            fundamentalInstance
-          );
-
-          if (shouldUpdate) {
-            markUpdate(workInProgress);
-          }
-        }
-      }
-
-      break;
-    }
-
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        if (current === null) {
-          var _type3 = workInProgress.type;
-          var scopeInstance = {
-            fiber: workInProgress,
-            methods: null
-          };
-          workInProgress.stateNode = scopeInstance;
-          scopeInstance.methods = createScopeMethods(_type3, scopeInstance);
-
-          if (enableFlareAPI) {
-            var _listeners2 = newProps.listeners;
-
-            if (_listeners2 != null) {
-              var _rootContainerInstance2 = getRootHostContainer();
-
-              updateEventListeners(
-                _listeners2,
-                workInProgress,
-                _rootContainerInstance2
-              );
-            }
-          }
-
-          if (workInProgress.ref !== null) {
-            markRef$1(workInProgress);
-            markUpdate(workInProgress);
-          }
-        } else {
-          if (enableFlareAPI) {
-            var _prevListeners = current.memoizedProps.listeners;
-            var _nextListeners = newProps.listeners;
-
-            if (
-              _prevListeners !== _nextListeners ||
-              workInProgress.ref !== null
-            ) {
-              markUpdate(workInProgress);
-            }
-          } else {
-            if (workInProgress.ref !== null) {
-              markUpdate(workInProgress);
-            }
-          }
-
-          if (current.ref !== workInProgress.ref) {
-            markRef$1(workInProgress);
-          }
-        }
-      }
-
-      break;
-    }
-
-    default: {
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
+      return null;
     }
   }
 
-  return null;
+  {
+    throw Error(
+      "Unknown unit of work tag (" +
+        workInProgress.tag +
+        "). This error is likely caused by a bug in React. Please file an issue."
+    );
+  }
 }
 
 function unwindWork(workInProgress, renderExpirationTime) {
@@ -17599,20 +15152,6 @@ function unwindWork(workInProgress, renderExpirationTime) {
     case SuspenseComponent: {
       popSuspenseContext(workInProgress);
 
-      if (enableSuspenseServerRenderer) {
-        var suspenseState = workInProgress.memoizedState;
-
-        if (suspenseState !== null && suspenseState.dehydrated !== null) {
-          if (!(workInProgress.alternate !== null)) {
-            throw Error(
-              "Threw in newly mounted dehydrated component. This is likely a bug in React. Please file an issue."
-            );
-          }
-
-          resetHydrationState();
-        }
-      }
-
       var _effectTag2 = workInProgress.effectTag;
 
       if (_effectTag2 & ShouldCapture) {
@@ -17682,9 +15221,6 @@ function unwindInterruptedWork(interruptedWork) {
     case ContextProvider:
       popProvider(interruptedWork);
       break;
-
-    default:
-      break;
   }
 }
 
@@ -17699,6 +15235,7 @@ function createCapturedValue(value, source) {
 }
 
 // Module provided by RN:
+
 if (
   !(
     typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog ===
@@ -17746,7 +15283,8 @@ function logCapturedError(capturedError) {
       // 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:
+      console["error"](error); // Don't transform to our wrapper
+      // For a more detailed description of this block, see:
       // https://github.com/facebook/react/pull/13384
     }
 
@@ -17783,7 +15321,7 @@ function logCapturedError(capturedError) {
     // 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);
+    console["error"](combinedMessage); // Don't transform to our wrapper
   }
 }
 
@@ -17832,33 +15370,37 @@ function logError(boundary, errorInfo) {
   }
 }
 
-var callComponentWillUnmountWithTimer = function(current$$1, instance) {
-  startPhaseTimer(current$$1, "componentWillUnmount");
-  instance.props = current$$1.memoizedProps;
-  instance.state = current$$1.memoizedState;
-  instance.componentWillUnmount();
+var callComponentWillUnmountWithTimer = function(current, instance) {
+  startPhaseTimer(current, "componentWillUnmount");
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+
+  {
+    instance.componentWillUnmount();
+  }
+
   stopPhaseTimer();
 }; // Capture errors so they don't interrupt unmounting.
 
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   {
     invokeGuardedCallback(
       null,
       callComponentWillUnmountWithTimer,
       null,
-      current$$1,
+      current,
       instance
     );
 
     if (hasCaughtError()) {
       var unmountError = clearCaughtError();
-      captureCommitPhaseError(current$$1, unmountError);
+      captureCommitPhaseError(current, unmountError);
     }
   }
 }
 
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
 
   if (ref !== null) {
     if (typeof ref === "function") {
@@ -17867,7 +15409,7 @@ function safelyDetachRef(current$$1) {
 
         if (hasCaughtError()) {
           var refError = clearCaughtError();
-          captureCommitPhaseError(current$$1, refError);
+          captureCommitPhaseError(current, refError);
         }
       }
     } else {
@@ -17876,31 +15418,31 @@ function safelyDetachRef(current$$1) {
   }
 }
 
-function safelyCallDestroy(current$$1, destroy) {
+function safelyCallDestroy(current, destroy) {
   {
     invokeGuardedCallback(null, destroy, null);
 
     if (hasCaughtError()) {
       var error = clearCaughtError();
-      captureCommitPhaseError(current$$1, error);
+      captureCommitPhaseError(current, error);
     }
   }
 }
 
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountSnapshot, NoEffect$1, finishedWork);
+    case SimpleMemoComponent:
+    case Block: {
       return;
     }
 
     case ClassComponent: {
       if (finishedWork.effectTag & Snapshot) {
-        if (current$$1 !== null) {
-          var prevProps = current$$1.memoizedProps;
-          var prevState = current$$1.memoizedState;
+        if (current !== null) {
+          var prevProps = current.memoizedProps;
+          var prevState = current.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.
@@ -17911,28 +15453,27 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
               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;
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "getSnapshotBeforeUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
           }
 
@@ -17948,8 +15489,8 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
 
             if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
               didWarnSet.add(finishedWork.type);
-              warningWithoutStack$1(
-                false,
+
+              error(
                 "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
                   "must be returned. You have returned undefined.",
                 getComponentName(finishedWork.type)
@@ -17972,18 +15513,16 @@ function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
     case IncompleteClassComponent:
       // Nothing to do for these component types
       return;
+  }
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   var updateQueue = finishedWork.updateQueue;
   var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
 
@@ -17992,7 +15531,7 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
     var effect = firstEffect;
 
     do {
-      if ((effect.tag & unmountTag) !== NoEffect$1) {
+      if ((effect.tag & tag) === tag) {
         // Unmount
         var destroy = effect.destroy;
         effect.destroy = undefined;
@@ -18002,22 +15541,36 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
         }
       }
 
-      if ((effect.tag & mountTag) !== NoEffect$1) {
+      effect = effect.next;
+    } while (effect !== firstEffect);
+  }
+}
+
+function commitHookEffectListMount(tag, 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 & tag) === tag) {
         // Mount
         var create = effect.create;
         effect.destroy = create();
 
         {
-          var _destroy = effect.destroy;
+          var destroy = effect.destroy;
 
-          if (_destroy !== undefined && typeof _destroy !== "function") {
+          if (destroy !== undefined && typeof destroy !== "function") {
             var addendum = void 0;
 
-            if (_destroy === null) {
+            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") {
+            } 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 " +
@@ -18032,11 +15585,10 @@ function commitHookEffectList(unmountTag, mountTag, finishedWork) {
                 "}, [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;
+              addendum = " You returned: " + destroy;
             }
 
-            warningWithoutStack$1(
-              false,
+            error(
               "An effect function must not return anything besides a function, " +
                 "which is used for clean-up.%s%s",
               addendum,
@@ -18056,37 +15608,49 @@ function commitPassiveHookEffects(finishedWork) {
     switch (finishedWork.tag) {
       case FunctionComponent:
       case ForwardRef:
-      case SimpleMemoComponent: {
-        commitHookEffectList(UnmountPassive, NoEffect$1, finishedWork);
-        commitHookEffectList(NoEffect$1, MountPassive, finishedWork);
-        break;
-      }
+      case SimpleMemoComponent:
+      case Block: {
+        // TODO (#17945) We should call all passive destroy functions (for all fibers)
+        // before calling any create functions. The current approach only serializes
+        // these for a single fiber.
+        {
+          commitHookEffectListUnmount(Passive$1 | HasEffect, finishedWork);
+          commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
+        }
 
-      default:
         break;
+      }
     }
   }
 }
 
 function commitLifeCycles(
   finishedRoot,
-  current$$1,
+  current,
   finishedWork,
   committedExpirationTime
 ) {
   switch (finishedWork.tag) {
     case FunctionComponent:
     case ForwardRef:
-    case SimpleMemoComponent: {
-      commitHookEffectList(UnmountLayout, MountLayout, finishedWork);
-      break;
+    case SimpleMemoComponent:
+    case Block: {
+      // At this point layout effects have already been destroyed (during mutation phase).
+      // This is done to prevent sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      {
+        commitHookEffectListMount(Layout | HasEffect, finishedWork);
+      }
+
+      return;
     }
 
     case ClassComponent: {
       var instance = finishedWork.stateNode;
 
       if (finishedWork.effectTag & Update) {
-        if (current$$1 === null) {
+        if (current === 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.
@@ -18096,42 +15660,41 @@ function commitLifeCycles(
               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;
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidMount. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
           }
 
-          instance.componentDidMount();
+          {
+            instance.componentDidMount();
+          }
+
           stopPhaseTimer();
         } else {
           var prevProps =
             finishedWork.elementType === finishedWork.type
-              ? current$$1.memoizedProps
-              : resolveDefaultProps(
-                  finishedWork.type,
-                  current$$1.memoizedProps
-                );
-          var prevState = current$$1.memoizedState;
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          var prevState = current.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.
@@ -18141,36 +15704,38 @@ function commitLifeCycles(
               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;
+              if (instance.props !== finishedWork.memoizedProps) {
+                error(
+                  "Expected %s props to match memoized props before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.props`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
+
+              if (instance.state !== finishedWork.memoizedState) {
+                error(
+                  "Expected %s state to match memoized state before " +
+                    "componentDidUpdate. " +
+                    "This might either be because of a bug in React, or because " +
+                    "a component reassigns its own `this.state`. " +
+                    "Please file an issue.",
+                  getComponentName(finishedWork.type) || "instance"
+                );
+              }
             }
           }
 
-          instance.componentDidUpdate(
-            prevProps,
-            prevState,
-            instance.__reactInternalSnapshotBeforeUpdate
-          );
+          {
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          }
+
           stopPhaseTimer();
         }
       }
@@ -18183,39 +15748,33 @@ function commitLifeCycles(
             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;
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentName(finishedWork.type) || "instance"
+              );
+            }
           }
         } // We could update instance props and state here,
         // but instead we rely on them being set during last render.
         // TODO: revisit this when we implement resuming.
 
-        commitUpdateQueue(
-          finishedWork,
-          updateQueue,
-          instance,
-          committedExpirationTime
-        );
+        commitUpdateQueue(finishedWork, updateQueue, instance);
       }
 
       return;
@@ -18239,12 +15798,7 @@ function commitLifeCycles(
           }
         }
 
-        commitUpdateQueue(
-          finishedWork,
-          _updateQueue,
-          _instance,
-          committedExpirationTime
-        );
+        commitUpdateQueue(finishedWork, _updateQueue, _instance);
       }
 
       return;
@@ -18256,7 +15810,7 @@ function commitLifeCycles(
       // 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) {
+      if (current === null && finishedWork.effectTag & Update) {
         var type = finishedWork.type;
         var props = finishedWork.memoizedProps;
       }
@@ -18275,29 +15829,24 @@ function commitLifeCycles(
     }
 
     case Profiler: {
-      if (enableProfilerTimer) {
-        var onRender = finishedWork.memoizedProps.onRender;
+      {
+        var _finishedWork$memoize2 = finishedWork.memoizedProps,
+          onCommit = _finishedWork$memoize2.onCommit,
+          onRender = _finishedWork$memoize2.onRender;
+        var effectDuration = finishedWork.stateNode.effectDuration;
+        var commitTime = getCommitTime();
 
         if (typeof onRender === "function") {
-          if (enableSchedulerTracing) {
+          {
             onRender(
               finishedWork.memoizedProps.id,
-              current$$1 === null ? "mount" : "update",
+              current === null ? "mount" : "update",
               finishedWork.actualDuration,
               finishedWork.treeBaseDuration,
               finishedWork.actualStartTime,
-              getCommitTime(),
+              commitTime,
               finishedRoot.memoizedInteractions
             );
-          } else {
-            onRender(
-              finishedWork.memoizedProps.id,
-              current$$1 === null ? "mount" : "update",
-              finishedWork.actualDuration,
-              finishedWork.treeBaseDuration,
-              finishedWork.actualStartTime,
-              getCommitTime()
-            );
           }
         }
       }
@@ -18306,7 +15855,6 @@ function commitLifeCycles(
     }
 
     case SuspenseComponent: {
-      commitSuspenseHydrationCallbacks(finishedRoot, finishedWork);
       return;
     }
 
@@ -18315,19 +15863,17 @@ function commitLifeCycles(
     case FundamentalComponent:
     case ScopeComponent:
       return;
+  }
 
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
 function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  if (supportsMutation) {
+  {
     // 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;
@@ -18345,7 +15891,7 @@ function hideOrUnhideAllChildren(finishedWork, isHidden) {
         var _instance3 = node.stateNode;
 
         if (isHidden) {
-          hideTextInstance(_instance3);
+          hideTextInstance();
         } else {
           unhideTextInstance(_instance3, node.memoizedProps);
         }
@@ -18400,17 +15946,12 @@ function commitAttachRef(finishedWork) {
         instanceToUse = instance;
     } // Moved outside to ensure DCE works with this flag
 
-    if (enableScopeAPI && finishedWork.tag === ScopeComponent) {
-      instanceToUse = instance.methods;
-    }
-
     if (typeof ref === "function") {
       ref(instanceToUse);
     } else {
       {
         if (!ref.hasOwnProperty("current")) {
-          warningWithoutStack$1(
-            false,
+          error(
             "Unexpected ref object provided for %s. " +
               "Use either a ref-setter function or React.createRef().%s",
             getComponentName(finishedWork.type),
@@ -18424,8 +15965,8 @@ function commitAttachRef(finishedWork) {
   }
 }
 
-function commitDetachRef(current$$1) {
-  var currentRef = current$$1.ref;
+function commitDetachRef(current) {
+  var currentRef = current.ref;
 
   if (currentRef !== null) {
     if (typeof currentRef === "function") {
@@ -18438,92 +15979,77 @@ function commitDetachRef(current$$1) {
 // deletion, so don't let them throw. Host-originating errors should
 // interrupt deletion, so it's okay
 
-function commitUnmount(finishedRoot, current$$1, renderPriorityLevel) {
-  onCommitUnmount(current$$1);
+function commitUnmount(finishedRoot, current, renderPriorityLevel) {
+  onCommitUnmount(current);
 
-  switch (current$$1.tag) {
+  switch (current.tag) {
     case FunctionComponent:
     case ForwardRef:
     case MemoComponent:
-    case SimpleMemoComponent: {
-      var updateQueue = current$$1.updateQueue;
+    case SimpleMemoComponent:
+    case Block: {
+      var updateQueue = current.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);
-              }
+          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 _effect3 = effect,
+                  _destroy = _effect3.destroy,
+                  _tag = _effect3.tag;
+
+                if (_destroy !== undefined) {
+                  {
+                    safelyCallDestroy(current, _destroy);
+                  }
+                }
 
-              effect = effect.next;
-            } while (effect !== firstEffect);
-          });
+                effect = effect.next;
+              } while (effect !== firstEffect);
+            });
+          }
         }
       }
 
-      break;
+      return;
     }
 
     case ClassComponent: {
-      safelyDetachRef(current$$1);
-      var instance = current$$1.stateNode;
+      safelyDetachRef(current);
+      var instance = current.stateNode;
 
       if (typeof instance.componentWillUnmount === "function") {
-        safelyCallComponentWillUnmount(current$$1, instance);
+        safelyCallComponentWillUnmount(current, 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);
+      safelyDetachRef(current);
       return;
     }
 
@@ -18531,48 +16057,23 @@ function commitUnmount(finishedRoot, current$$1, renderPriorityLevel) {
       // TODO: this is recursive.
       // We are also not using this parent because
       // the portal will get pushed immediately.
-      if (supportsMutation) {
-        unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-      } else if (supportsPersistence) {
-        emptyPortalContainer(current$$1);
+      {
+        unmountHostComponents(finishedRoot, current, renderPriorityLevel);
       }
 
       return;
     }
 
     case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = current$$1.stateNode;
-
-        if (fundamentalInstance !== null) {
-          unmountFundamentalComponent(fundamentalInstance);
-          current$$1.stateNode = null;
-        }
-      }
-
       return;
     }
 
     case DehydratedFragment: {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
-
-          if (onDeleted) {
-            onDeleted(current$$1.stateNode);
-          }
-        }
-      }
-
       return;
     }
 
     case ScopeComponent: {
-      if (enableScopeAPI) {
-        safelyDetachRef(current$$1);
-      }
+      return;
     }
   }
 }
@@ -18592,7 +16093,7 @@ function commitNestedUnmounts(finishedRoot, root, renderPriorityLevel) {
     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.tag !== HostPortal
     ) {
       node.child.return = node;
       node = node.child;
@@ -18616,72 +16117,30 @@ function commitNestedUnmounts(finishedRoot, root, renderPriorityLevel) {
   }
 }
 
-function detachFiber(current$$1) {
-  var alternate = current$$1.alternate; // Cut off the return pointers to disconnect it from the tree. Ideally, we
+function detachFiber(current) {
+  var alternate = current.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;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = 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: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
-  }
-}
-
 function getHostParentFiber(fiber) {
   var parent = fiber.return;
 
@@ -18759,10 +16218,6 @@ function getHostSibling(fiber) {
 }
 
 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;
@@ -18786,10 +16241,6 @@ function commitPlacement(finishedWork) {
       break;
 
     case FundamentalComponent:
-      if (enableFundamentalAPI) {
-        parent = parentStateNode.instance;
-        isContainer = false;
-      }
 
     // eslint-disable-next-line-no-fallthrough
 
@@ -18801,65 +16252,79 @@ function commitPlacement(finishedWork) {
   }
 
   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;
+  if (isContainer) {
+    insertOrAppendPlacementNodeIntoContainer(finishedWork, before, parent);
+  } else {
+    insertOrAppendPlacementNode(finishedWork, before, parent);
+  }
+}
 
-  while (true) {
-    var isHost = node.tag === HostComponent || node.tag === HostText;
+function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+  var tag = node.tag;
+  var isHost = tag === HostComponent || tag === HostText;
 
-    if (isHost || (enableFundamentalAPI && node.tag === FundamentalComponent)) {
-      var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+  if (isHost || enableFundamentalAPI) {
+    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 (before) {
+      insertInContainerBefore(parent);
+    } else {
+      appendChildToContainer(parent, stateNode);
     }
+  } else if (tag === HostPortal);
+  else {
+    var child = node.child;
 
-    if (node === finishedWork) {
-      return;
-    }
+    if (child !== null) {
+      insertOrAppendPlacementNodeIntoContainer(child, before, parent);
+      var sibling = child.sibling;
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === finishedWork) {
-        return;
+      while (sibling !== null) {
+        insertOrAppendPlacementNodeIntoContainer(sibling, before, parent);
+        sibling = sibling.sibling;
       }
+    }
+  }
+}
 
-      node = node.return;
+function insertOrAppendPlacementNode(node, before, parent) {
+  var tag = node.tag;
+  var isHost = tag === HostComponent || tag === HostText;
+
+  if (isHost || enableFundamentalAPI) {
+    var stateNode = isHost ? node.stateNode : node.stateNode.instance;
+
+    if (before) {
+      insertBefore(parent, stateNode, before);
+    } else {
+      appendChild(parent, stateNode);
     }
+  } else if (tag === HostPortal);
+  else {
+    var child = node.child;
 
-    node.sibling.return = node.return;
-    node = node.sibling;
+    if (child !== null) {
+      insertOrAppendPlacementNode(child, before, parent);
+      var sibling = child.sibling;
+
+      while (sibling !== null) {
+        insertOrAppendPlacementNode(sibling, before, parent);
+        sibling = sibling.sibling;
+      }
+    }
   }
 }
 
-function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
+function unmountHostComponents(finishedRoot, current, renderPriorityLevel) {
   // We only have the top Fiber that was deleted but we need to recurse down its
   // children to find all the terminal nodes.
-  var node = current$$1; // Each iteration, currentParent is populated with node's host parent if not
+  var node = current; // 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.
@@ -18895,12 +16360,6 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
             currentParent = parentStateNode.containerInfo;
             currentParentIsContainer = true;
             break findParent;
-
-          case FundamentalComponent:
-            if (enableFundamentalAPI) {
-              currentParent = parentStateNode.instance;
-              currentParentIsContainer = false;
-            }
         }
 
         parent = parent.return;
@@ -18918,37 +16377,6 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
       } 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(finishedRoot, 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 === DehydratedFragment
-    ) {
-      if (enableSuspenseCallback) {
-        var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-        if (hydrationCallbacks !== null) {
-          var onDeleted = hydrationCallbacks.onDeleted;
-
-          if (onDeleted) {
-            onDeleted(node.stateNode);
-          }
-        }
-      } // 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.
@@ -18970,12 +16398,12 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
       }
     }
 
-    if (node === current$$1) {
+    if (node === current) {
       return;
     }
 
     while (node.sibling === null) {
-      if (node.return === null || node.return === current$$1) {
+      if (node.return === null || node.return === current) {
         return;
       }
 
@@ -18993,74 +16421,32 @@ function unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel) {
   }
 }
 
-function commitDeletion(finishedRoot, current$$1, renderPriorityLevel) {
-  if (supportsMutation) {
+function commitDeletion(finishedRoot, current, renderPriorityLevel) {
+  {
     // Recursively delete all host nodes from the parent.
     // Detach refs and call componentWillUnmount() on the whole subtree.
-    unmountHostComponents(finishedRoot, current$$1, renderPriorityLevel);
-  } else {
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitNestedUnmounts(finishedRoot, current$$1, renderPriorityLevel);
+    unmountHostComponents(finishedRoot, current, renderPriorityLevel);
   }
 
-  detachFiber(current$$1);
+  detachFiber(current);
 }
 
-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;
-      }
-
-      case HostRoot: {
-        if (supportsHydration) {
-          var root = finishedWork.stateNode;
-
-          if (root.hydrate) {
-            // We've just hydrated. No need to hydrate again.
-            root.hydrate = false;
-            commitHydratedContainer(root.containerInfo);
-          }
-        }
-
-        break;
-      }
-    }
-
-    commitContainer(finishedWork);
-    return;
-  }
-
+function commitWork(current, finishedWork) {
   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);
+    case SimpleMemoComponent:
+    case Block: {
+      // Layout effects are destroyed during the mutation phase so that all
+      // destroy functions for all fibers are called before any create functions.
+      // This prevents sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      {
+        commitHookEffectListUnmount(Layout | HasEffect, finishedWork);
+      }
+
       return;
     }
 
@@ -19077,31 +16463,14 @@ function commitWork(current$$1, finishedWork) {
         // as the newProps. The updatePayload will contain the real change in
         // this case.
 
-        var oldProps =
-          current$$1 !== null ? current$$1.memoizedProps : newProps;
+        var oldProps = current !== null ? current.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
-          );
-        }
-
-        if (enableFlareAPI) {
-          var prevListeners = oldProps.listeners;
-          var nextListeners = newProps.listeners;
+        var updatePayload = finishedWork.updateQueue;
+        finishedWork.updateQueue = null;
 
-          if (prevListeners !== nextListeners) {
-            updateEventListeners(nextListeners, finishedWork, null);
-          }
+        if (updatePayload !== null) {
+          commitUpdate(instance, updatePayload, type, oldProps, newProps);
         }
       }
 
@@ -19120,22 +16489,12 @@ function commitWork(current$$1, finishedWork) {
       // as the newProps. The updatePayload will contain the real change in
       // this case.
 
-      var oldText = current$$1 !== null ? current$$1.memoizedProps : newText;
+      var oldText = current !== null ? current.memoizedProps : newText;
       commitTextUpdate(textInstance, oldText, newText);
       return;
     }
 
     case HostRoot: {
-      if (supportsHydration) {
-        var _root = finishedWork.stateNode;
-
-        if (_root.hydrate) {
-          // We've just hydrated. No need to hydrate again.
-          _root.hydrate = false;
-          commitHydratedContainer(_root.containerInfo);
-        }
-      }
-
       return;
     }
 
@@ -19157,46 +16516,12 @@ function commitWork(current$$1, finishedWork) {
     case IncompleteClassComponent: {
       return;
     }
+  }
 
-    case FundamentalComponent: {
-      if (enableFundamentalAPI) {
-        var fundamentalInstance = finishedWork.stateNode;
-        updateFundamentalComponent(fundamentalInstance);
-      }
-
-      return;
-    }
-
-    case ScopeComponent: {
-      if (enableScopeAPI) {
-        var scopeInstance = finishedWork.stateNode;
-        scopeInstance.fiber = finishedWork;
-
-        if (enableFlareAPI) {
-          var _newProps = finishedWork.memoizedProps;
-
-          var _oldProps =
-            current$$1 !== null ? current$$1.memoizedProps : _newProps;
-
-          var _prevListeners = _oldProps.listeners;
-          var _nextListeners = _newProps.listeners;
-
-          if (_prevListeners !== _nextListeners) {
-            updateEventListeners(_nextListeners, finishedWork, null);
-          }
-        }
-      }
-
-      return;
-    }
-
-    default: {
-      {
-        throw Error(
-          "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-        );
-      }
-    }
+  {
+    throw Error(
+      "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+    );
   }
 }
 
@@ -19213,61 +16538,9 @@ function commitSuspenseComponent(finishedWork) {
     markCommitTimeOfFallback();
   }
 
-  if (supportsMutation && primaryChildParent !== null) {
+  if (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 commitSuspenseHydrationCallbacks(finishedRoot, finishedWork) {
-  if (!supportsHydration) {
-    return;
-  }
-
-  var newState = finishedWork.memoizedState;
-
-  if (newState === null) {
-    var current$$1 = finishedWork.alternate;
-
-    if (current$$1 !== null) {
-      var prevState = current$$1.memoizedState;
-
-      if (prevState !== null) {
-        var suspenseInstance = prevState.dehydrated;
-
-        if (suspenseInstance !== null) {
-          commitHydratedSuspenseInstance(suspenseInstance);
-
-          if (enableSuspenseCallback) {
-            var hydrationCallbacks = finishedRoot.hydrationCallbacks;
-
-            if (hydrationCallbacks !== null) {
-              var onHydrated = hydrationCallbacks.onHydrated;
-
-              if (onHydrated) {
-                onHydrated(suspenseInstance);
-              }
-            }
-          }
-        }
-      }
-    }
-  }
 }
 
 function attachSuspenseRetryListeners(finishedWork) {
@@ -19289,7 +16562,7 @@ function attachSuspenseRetryListeners(finishedWork) {
       var retry = resolveRetryThenable.bind(null, finishedWork, thenable);
 
       if (!retryCache.has(thenable)) {
-        if (enableSchedulerTracing) {
+        {
           if (thenable.__reactDoNotTraceInteractions !== true) {
             retry = tracing.unstable_wrap(retry);
           }
@@ -19302,12 +16575,8 @@ function attachSuspenseRetryListeners(finishedWork) {
   }
 }
 
-function commitResetTextContent(current$$1) {
-  if (!supportsMutation) {
-    return;
-  }
-
-  resetTextContent(current$$1.stateNode);
+function commitResetTextContent(current) {
+  resetTextContent(current.stateNode);
 }
 
 var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
@@ -19337,11 +16606,11 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
 
   if (typeof getDerivedStateFromError === "function") {
-    var error = errorInfo.value;
+    var error$1 = errorInfo.value;
 
     update.payload = function() {
       logError(fiber, errorInfo);
-      return getDerivedStateFromError(error);
+      return getDerivedStateFromError(error$1);
     };
   }
 
@@ -19364,9 +16633,9 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
         logError(fiber, errorInfo);
       }
 
-      var error = errorInfo.value;
+      var error$1 = errorInfo.value;
       var stack = errorInfo.stack;
-      this.componentDidCatch(error, {
+      this.componentDidCatch(error$1, {
         componentStack: stack !== null ? stack : ""
       });
 
@@ -19375,14 +16644,13 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
           // 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;
+          if (fiber.expirationTime !== Sync) {
+            error(
+              "%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"
+            );
+          }
         }
       }
     };
@@ -19447,7 +16715,22 @@ function throwException(
   ) {
     // This is a thenable.
     var thenable = value;
-    checkForWrongSuspensePriorityInDEV(sourceFiber);
+
+    if ((sourceFiber.mode & BlockingMode) === NoMode) {
+      // Reset the memoizedState to what it was before we attempted
+      // to render it.
+      var currentSource = sourceFiber.alternate;
+
+      if (currentSource) {
+        sourceFiber.updateQueue = currentSource.updateQueue;
+        sourceFiber.memoizedState = currentSource.memoizedState;
+        sourceFiber.expirationTime = currentSource.expirationTime;
+      } else {
+        sourceFiber.updateQueue = null;
+        sourceFiber.memoizedState = null;
+      }
+    }
+
     var hasInvisibleParentBoundary = hasSuspenseContext(
       suspenseStackCursor.current,
       InvisibleParentSuspenseContext
@@ -19621,9 +16904,6 @@ function throwException(
         }
 
         break;
-
-      default:
-        break;
     }
 
     workInProgress = workInProgress.return;
@@ -19631,18 +16911,15 @@ function throwException(
 }
 
 var ceil = Math.ceil;
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner;
-var IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
+  IsSomeRendererActing = ReactSharedInternals.IsSomeRendererActing;
 var NoContext =
   /*                    */
   0;
 var BatchedContext =
   /*               */
   1;
-var EventContext =
-  /*                 */
-  2;
 var DiscreteEventContext =
   /*         */
   4;
@@ -19668,7 +16945,7 @@ 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 renderExpirationTime$1 = NoWork; // Whether to root completed, errored, suspended, etc.
 
 var workInProgressRootExitStatus = RootIncomplete; // A fatal error, if one is thrown
 
@@ -19753,7 +17030,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   if ((executionContext & RenderContext) !== NoContext) {
     // Use whatever time we're already rendering
     // TODO: Should there be a way to opt out, like with `runWithPriority`?
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   }
 
   var expirationTime;
@@ -19797,7 +17074,10 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   // Refactor computeExpirationForFiber + scheduleUpdate so we have access to
   // the root when we check for this condition.
 
-  if (workInProgressRoot !== null && expirationTime === renderExpirationTime) {
+  if (
+    workInProgressRoot !== null &&
+    expirationTime === renderExpirationTime$1
+  ) {
     // This is a trick to move this update into a separate batch
     expirationTime -= 1;
   }
@@ -19806,7 +17086,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
 }
 function scheduleUpdateOnFiber(fiber, expirationTime) {
   checkForNestedUpdates();
-  warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber);
+  warnAboutRenderPhaseUpdatesInDEV(fiber);
   var root = markUpdateTimeFromFiberToRoot(fiber, expirationTime);
 
   if (root === null) {
@@ -19940,7 +17220,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
         // scheduled before the root started rendering. Need to track the next
         // pending expiration time (perhaps by backtracking the return path) and
         // then trigger a restart in the `renderDidSuspendDelayIfPossible` path.
-        markRootSuspendedAtTime(root, renderExpirationTime);
+        markRootSuspendedAtTime(root, renderExpirationTime$1);
       }
     } // Mark that the root has a pending update.
 
@@ -19972,9 +17252,17 @@ function getNextRootExpirationTimeToWorkOn(root) {
 
   var lastPingedTime = root.lastPingedTime;
   var nextKnownPendingLevel = root.nextKnownPendingLevel;
-  return lastPingedTime > nextKnownPendingLevel
-    ? lastPingedTime
-    : nextKnownPendingLevel;
+  var nextLevel =
+    lastPingedTime > nextKnownPendingLevel
+      ? lastPingedTime
+      : nextKnownPendingLevel;
+
+  if (nextLevel <= Idle && firstPendingTime !== nextLevel) {
+    // Don't work on Idle/Never priority unless everything else is committed.
+    return NoWork;
+  }
+
+  return nextLevel;
 } // Use this function to schedule a task for a root. There's only one task per
 // root; if a task was already scheduled, we'll check to make sure the
 // expiration time of the existing task is the same as the expiration time of
@@ -20041,11 +17329,6 @@ function ensureRootIsScheduled(root) {
   if (expirationTime === Sync) {
     // Sync React callbacks are scheduled on a special internal queue
     callbackNode = scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
-  } else if (disableSchedulerTimeoutBasedOnReactExpirationTime) {
-    callbackNode = scheduleCallback(
-      priorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root)
-    );
   } else {
     callbackNode = scheduleCallback(
       priorityLevel,
@@ -20064,7 +17347,7 @@ function ensureRootIsScheduled(root) {
 function performConcurrentWorkOnRoot(root, didTimeout) {
   // 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;
+  currentEventTime = NoWork; // Check if the render expired.
 
   if (didTimeout) {
     // The render task took too long to complete. Mark the current time as
@@ -20079,83 +17362,50 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
 
   var expirationTime = getNextRootExpirationTimeToWorkOn(root);
 
-  if (expirationTime !== NoWork) {
-    var originalCallbackNode = root.callbackNode;
-
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
-
-    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);
-    } // If we have a work-in-progress fiber, it means there's still work to do
-    // in this root.
+  if (expirationTime === NoWork) {
+    return null;
+  }
 
-    if (workInProgress !== null) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
+  var originalCallbackNode = root.callbackNode;
 
-      do {
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
+  flushPassiveEffects();
+  var exitStatus = renderRootConcurrent(root, expirationTime);
 
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
+  if (exitStatus !== RootIncomplete) {
+    if (exitStatus === RootErrored) {
+      // If something threw an error, try rendering one more time. We'll
+      // render synchronously to block concurrent data mutations, and we'll
+      // render at Idle (or lower) so that all pending updates are included.
+      // If it still fails after the second attempt, we'll give up and commit
+      // the resulting tree.
+      expirationTime = expirationTime > Idle ? Idle : expirationTime;
+      exitStatus = renderRootSync(root, expirationTime);
+    }
 
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
+    if (exitStatus === RootFatalErrored) {
+      var fatalError = workInProgressRootFatalError;
+      prepareFreshStack(root, expirationTime);
+      markRootSuspendedAtTime(root, expirationTime);
+      ensureRootIsScheduled(root);
+      throw fatalError;
+    } // We now have a consistent tree. The next step is either to commit it,
+    // or, if something suspended, wait to commit it after a timeout.
 
-      if (workInProgress !== null) {
-        // There's still work left over. Exit without committing.
-        stopInterruptedWorkLoopTimer();
-      } else {
-        // 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 finishedWork = (root.finishedWork = root.current.alternate);
-        root.finishedExpirationTime = expirationTime;
-        finishConcurrentRender(
-          root,
-          finishedWork,
-          workInProgressRootExitStatus,
-          expirationTime
-        );
-      }
+    var finishedWork = (root.finishedWork = root.current.alternate);
+    root.finishedExpirationTime = expirationTime;
+    finishConcurrentRender(root, finishedWork, exitStatus, expirationTime);
+  }
 
-      ensureRootIsScheduled(root);
+  ensureRootIsScheduled(root);
 
-      if (root.callbackNode === originalCallbackNode) {
-        // The task node scheduled for this root is the same one that's
-        // currently executed. Need to return a continuation.
-        return performConcurrentWorkOnRoot.bind(null, root);
-      }
-    }
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
   }
 
   return null;
@@ -20167,9 +17417,6 @@ function finishConcurrentRender(
   exitStatus,
   expirationTime
 ) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
-
   switch (exitStatus) {
     case RootIncomplete:
     case RootFatalErrored: {
@@ -20182,19 +17429,9 @@ function finishConcurrentRender(
     // if I do. eslint-disable-next-line no-fallthrough
 
     case RootErrored: {
-      // If this was an async render, the error may have happened due to
-      // a mutation in a concurrent event. Try rendering one more time,
-      // synchronously, to see if the error goes away. If there are
-      // lower priority updates, let's include those, too, in case they
-      // fix the inconsistency. Render at Idle to include all updates.
-      // If it was Idle or Never or some not-yet-invented time, render
-      // at that time.
-      markRootExpiredAtTime(
-        root,
-        expirationTime > Idle ? Idle : expirationTime
-      ); // We assume that this second render pass will be synchronous
-      // and therefore not hit this path again.
-
+      // We should have already attempted to retry this tree. If we reached
+      // this point, it errored again. Commit it.
+      commitRoot(root);
       break;
     }
 
@@ -20204,9 +17441,7 @@ function finishConcurrentRender(
 
       if (expirationTime === lastSuspendedTime) {
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
-      }
-
-      flushSuspensePriorityWarningInDEV(); // We have an acceptable loading state. We need to figure out if we
+      } // 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
@@ -20217,7 +17452,7 @@ function finishConcurrentRender(
 
       if (
         hasNotProcessedNewUpdates && // do not delay if we're inside an act() scope
-        !(true && flushSuspenseFallbacksInTests && IsThisRendererActing.current)
+        !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
@@ -20281,12 +17516,7 @@ function finishConcurrentRender(
         root.nextKnownPendingLevel = getRemainingExpirationTime(finishedWork);
       }
 
-      flushSuspensePriorityWarningInDEV();
-
-      if (
-        // 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) {
@@ -20376,11 +17606,6 @@ function finishConcurrentRender(
       // The work completed. Ready to commit.
       if (
         // do not delay if we're inside an act() scope
-        !(
-          true &&
-          flushSuspenseFallbacksInTests &&
-          IsThisRendererActing.current
-        ) &&
         workInProgressRootLatestProcessedExpirationTime !== Sync &&
         workInProgressRootCanSuspendUsingConfig !== null
       ) {
@@ -20418,149 +17643,67 @@ function finishConcurrentRender(
 // through Scheduler
 
 function performSyncWorkOnRoot(root) {
-  // Check if there's expired work on this root. Otherwise, render at Sync.
-  var lastExpiredTime = root.lastExpiredTime;
-  var expirationTime = lastExpiredTime !== NoWork ? lastExpiredTime : Sync;
-
-  if (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.
-    commitRoot(root);
-  } else {
-    if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
-      throw Error("Should not already be working.");
-    }
+  if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
+    throw Error("Should not already be working.");
+  }
 
-    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.
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  var expirationTime;
 
+  if (lastExpiredTime !== NoWork) {
+    // There's expired work on this root. Check if we have a partial tree
+    // that we can reuse.
     if (
-      root !== workInProgressRoot ||
-      expirationTime !== renderExpirationTime
+      root === workInProgressRoot &&
+      renderExpirationTime$1 >= lastExpiredTime
     ) {
-      prepareFreshStack(root, expirationTime);
-      startWorkOnPendingInteractions(root, expirationTime);
-    } // 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 = pushDispatcher(root);
-      var prevInteractions = pushInteractions(root);
-      startWorkLoopTimer(workInProgress);
-
-      do {
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      } while (true);
-
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      popDispatcher(prevDispatcher);
-
-      if (enableSchedulerTracing) {
-        popInteractions(prevInteractions);
-      }
-
-      if (workInProgressRootExitStatus === RootFatalErrored) {
-        var fatalError = workInProgressRootFatalError;
-        stopInterruptedWorkLoopTimer();
-        prepareFreshStack(root, expirationTime);
-        markRootSuspendedAtTime(root, expirationTime);
-        ensureRootIsScheduled(root);
-        throw fatalError;
-      }
-
-      if (workInProgress !== null) {
-        // This is a sync render, so we should have finished the whole tree.
-        {
-          throw Error(
-            "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-          );
-        }
-      } else {
-        // We now have a consistent tree. Because this is a sync render, we
-        // will commit it even if something suspended.
-        stopFinishedWorkLoopTimer();
-        root.finishedWork = root.current.alternate;
-        root.finishedExpirationTime = expirationTime;
-        finishSyncRender(root, workInProgressRootExitStatus, expirationTime);
-      } // Before exiting, make sure there's a callback scheduled for the next
-      // pending level.
-
-      ensureRootIsScheduled(root);
+      // There's a partial tree with equal or greater than priority than the
+      // expired level. Finish rendering it before rendering the rest of the
+      // expired work.
+      expirationTime = renderExpirationTime$1;
+    } else {
+      // Start a fresh tree.
+      expirationTime = lastExpiredTime;
     }
+  } else {
+    // There's no expired work. This must be a new, synchronous render.
+    expirationTime = Sync;
   }
 
-  return null;
-}
-
-function finishSyncRender(root, exitStatus, expirationTime) {
-  // Set this to null to indicate there's no in-progress render.
-  workInProgressRoot = null;
+  var exitStatus = renderRootSync(root, expirationTime);
 
-  {
-    if (exitStatus === RootSuspended || exitStatus === RootSuspendedWithDelay) {
-      flushSuspensePriorityWarningInDEV();
-    }
+  if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
+    // If something threw an error, try rendering one more time. We'll
+    // render synchronously to block concurrent data mutations, and we'll
+    // render at Idle (or lower) so that all pending updates are included.
+    // If it still fails after the second attempt, we'll give up and commit
+    // the resulting tree.
+    expirationTime = expirationTime > Idle ? Idle : expirationTime;
+    exitStatus = renderRootSync(root, expirationTime);
   }
 
-  commitRoot(root);
-}
-
-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;
-  }
+  if (exitStatus === RootFatalErrored) {
+    var fatalError = workInProgressRootFatalError;
+    prepareFreshStack(root, expirationTime);
+    markRootSuspendedAtTime(root, expirationTime);
+    ensureRootIsScheduled(root);
+    throw fatalError;
+  } // We now have a consistent tree. Because this is a sync render, we
+  // will commit it even if something suspended.
 
-  flushPendingDiscreteUpdates(); // If the discrete updates scheduled passive effects, flush them now so that
-  // they fire before the next serial event.
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = expirationTime;
+  commitRoot(root); // Before exiting, make sure there's a callback scheduled for the next
+  // pending level.
 
-  flushPassiveEffects();
+  ensureRootIsScheduled(root);
+  return null;
 }
-
 function syncUpdates(fn, a, b, c) {
   return runWithPriority(ImmediatePriority, 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) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    }); // Now flush the immediate queue.
-
-    flushSyncCallbackQueue();
-  }
-}
-
 function batchedUpdates$1(fn, a) {
   var prevExecutionContext = executionContext;
   executionContext |= BatchedContext;
@@ -20576,38 +17719,6 @@ function batchedUpdates$1(fn, a) {
     }
   }
 }
-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) {
     {
@@ -20654,8 +17765,8 @@ function prepareFreshStack(root, expirationTime) {
   }
 
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestProcessedExpirationTime = Sync;
@@ -20664,13 +17775,12 @@ function prepareFreshStack(root, expirationTime) {
   workInProgressRootNextUnprocessedUpdateTime = NoWork;
   workInProgressRootHasPendingPing = false;
 
-  if (enableSchedulerTracing) {
+  {
     spawnedWorkDuringRender = null;
   }
 
   {
     ReactStrictModeWarnings.discardPendingWarnings();
-    componentsThatTriggeredHighPriSuspend = null;
   }
 }
 
@@ -20679,7 +17789,7 @@ function handleError(root, thrownValue) {
     try {
       // Reset module-level state that was set during the render phase.
       resetContextDependencies();
-      resetHooks();
+      resetHooksAfterThrow();
       resetCurrentFiber();
 
       if (workInProgress === null || workInProgress.return === null) {
@@ -20688,7 +17798,14 @@ function handleError(root, thrownValue) {
         // supposed to capture all errors that weren't caught by an error
         // boundary.
         workInProgressRootExitStatus = RootFatalErrored;
-        workInProgressRootFatalError = thrownValue;
+        workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
+        // sibling, or the parent if there are no siblings. But since the root
+        // has no siblings nor a parent, we set it to null. Usually this is
+        // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+        // interntionally not calling those, we need set it here.
+        // TODO: Consider calling `unwindWork` to pop the contexts.
+
+        workInProgress = null;
         return null;
       }
 
@@ -20704,7 +17821,7 @@ function handleError(root, thrownValue) {
         workInProgress.return,
         workInProgress,
         thrownValue,
-        renderExpirationTime
+        renderExpirationTime$1
       );
       workInProgress = completeUnitOfWork(workInProgress);
     } catch (yetAnotherThrownValue) {
@@ -20718,8 +17835,8 @@ function handleError(root, thrownValue) {
 }
 
 function pushDispatcher(root) {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
 
   if (prevDispatcher === null) {
     // The React isomorphic package does not include a default dispatcher.
@@ -20732,21 +17849,19 @@ function pushDispatcher(root) {
 }
 
 function popDispatcher(prevDispatcher) {
-  ReactCurrentDispatcher.current = prevDispatcher;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
 }
 
 function pushInteractions(root) {
-  if (enableSchedulerTracing) {
+  {
     var prevInteractions = tracing.__interactionsRef.current;
     tracing.__interactionsRef.current = root.memoizedInteractions;
     return prevInteractions;
   }
-
-  return null;
 }
 
 function popInteractions(prevInteractions) {
-  if (enableSchedulerTracing) {
+  {
     tracing.__interactionsRef.current = prevInteractions;
   }
 }
@@ -20799,7 +17914,7 @@ function renderDidSuspendDelayIfPossible() {
     // pending update.
     // TODO: This should immediately interrupt the current render, instead
     // of waiting until the next time we yield.
-    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime);
+    markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime$1);
     markRootUpdatedAtTime(
       workInProgressRoot,
       workInProgressRootNextUnprocessedUpdateTime
@@ -20838,6 +17953,56 @@ function inferTimeFromExpirationTimeWithSuspenseConfig(
     earliestExpirationTimeMs -
     (suspenseConfig.timeoutMs | 0 || LOW_PRIORITY_EXPIRATION)
   );
+}
+
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  executionContext = prevExecutionContext;
+  popDispatcher(prevDispatcher);
+
+  if (workInProgress !== null) {
+    // This is a sync render, so we should have finished the whole tree.
+    {
+      throw Error(
+        "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+      );
+    }
+  }
+
+  stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
 } // The work loop is an extremely hot path. Tell Closure not to inline it.
 
 /** @noinline */
@@ -20848,6 +18013,55 @@ function workLoopSync() {
     workInProgress = performUnitOfWork(workInProgress);
   }
 }
+
+function renderRootConcurrent(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher(); // 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$1
+  ) {
+    prepareFreshStack(root, expirationTime);
+    startWorkOnPendingInteractions(root, expirationTime);
+  }
+
+  var prevInteractions = pushInteractions(root);
+  startWorkLoopTimer(workInProgress);
+
+  do {
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  } while (true);
+
+  resetContextDependencies();
+
+  {
+    popInteractions(prevInteractions);
+  }
+
+  popDispatcher(prevDispatcher);
+  executionContext = prevExecutionContext; // Check if the tree has completed.
+
+  if (workInProgress !== null) {
+    // Still work remaining.
+    stopInterruptedWorkLoopTimer();
+    return RootIncomplete;
+  } else {
+    // Completed the tree.
+    stopFinishedWorkLoopTimer(); // Set this to null to indicate there's no in-progress render.
+
+    workInProgressRoot = null; // Return the final exit status.
+
+    return workInProgressRootExitStatus;
+  }
+}
 /** @noinline */
 
 function workLoopConcurrent() {
@@ -20861,17 +18075,17 @@ 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;
+  var current = unitOfWork.alternate;
   startWorkTimer(unitOfWork);
   setCurrentFiber(unitOfWork);
   var next;
 
-  if (enableProfilerTimer && (unitOfWork.mode & ProfileMode) !== NoMode) {
+  if ((unitOfWork.mode & ProfileMode) !== NoMode) {
     startProfilerTimer(unitOfWork);
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
     stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
   } else {
-    next = beginWork$$1(current$$1, unitOfWork, renderExpirationTime);
+    next = beginWork$1(current, unitOfWork, renderExpirationTime$1);
   }
 
   resetCurrentFiber();
@@ -20895,21 +18109,18 @@ function completeUnitOfWork(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 = workInProgress.alternate;
+    var current = 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);
+      if ((workInProgress.mode & ProfileMode) === NoMode) {
+        next = completeWork(current, workInProgress, renderExpirationTime$1);
       } else {
         startProfilerTimer(workInProgress);
-        next = completeWork(current$$1, workInProgress, renderExpirationTime); // Update render duration assuming we didn't error.
+        next = completeWork(current, workInProgress, renderExpirationTime$1); // Update render duration assuming we didn't error.
 
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, false);
       }
@@ -20965,12 +18176,9 @@ function completeUnitOfWork(unitOfWork) {
       // 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.
+      var _next = unwindWork(workInProgress); // Because this fiber did not complete, don't reset its expiration time.
 
-      if (
-        enableProfilerTimer &&
-        (workInProgress.mode & ProfileMode) !== NoMode
-      ) {
+      if ((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.
 
@@ -21033,7 +18241,7 @@ function getRemainingExpirationTime(fiber) {
 
 function resetChildExpirationTime(completedWork) {
   if (
-    renderExpirationTime !== Never &&
+    renderExpirationTime$1 !== Never &&
     completedWork.childExpirationTime === Never
   ) {
     // The children of this component are hidden. Don't bubble their
@@ -21043,7 +18251,7 @@ function resetChildExpirationTime(completedWork) {
 
   var newChildExpirationTime = NoWork; // Bubble up the earliest expiration time.
 
-  if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {
+  if ((completedWork.mode & ProfileMode) !== NoMode) {
     // In profiling mode, resetChildExpirationTime is also used to reset
     // profiler durations.
     var actualDuration = completedWork.actualDuration;
@@ -21114,7 +18322,16 @@ function commitRoot(root) {
 }
 
 function commitRootImpl(root, renderPriorityLevel) {
-  flushPassiveEffects();
+  do {
+    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+    // means `flushPassiveEffects` will sometimes result in additional
+    // passive effects. So we need to keep flushing in a loop until there are
+    // no more pending effects.
+    // TODO: Might be better if `flushPassiveEffects` did not automatically
+    // flush synchronous work at the end, to avoid factoring hazards like this.
+    flushPassiveEffects();
+  } while (rootWithPendingPassiveEffects !== null);
+
   flushRenderPhaseStrictModeWarningsInDEV();
 
   if (!((executionContext & (RenderContext | CommitContext)) === NoContext)) {
@@ -21158,8 +18375,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     // We can reset these now that they are finished.
     workInProgressRoot = null;
     workInProgress = null;
-    renderExpirationTime = NoWork;
-  } else {
+    renderExpirationTime$1 = NoWork;
   } // 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.
@@ -21217,7 +18433,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
     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();
@@ -21291,7 +18507,7 @@ function commitRootImpl(root, renderPriorityLevel) {
 
     requestPaint();
 
-    if (enableSchedulerTracing) {
+    {
       popInteractions(prevInteractions);
     }
 
@@ -21305,7 +18521,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     startCommitSnapshotEffectsTimer();
     stopCommitSnapshotEffectsTimer();
 
-    if (enableProfilerTimer) {
+    {
       recordCommitTime();
     }
 
@@ -21341,7 +18557,7 @@ function commitRootImpl(root, renderPriorityLevel) {
   var remainingExpirationTime = root.firstPendingTime;
 
   if (remainingExpirationTime !== NoWork) {
-    if (enableSchedulerTracing) {
+    {
       if (spawnedWorkDuringRender !== null) {
         var expirationTimes = spawnedWorkDuringRender;
         spawnedWorkDuringRender = null;
@@ -21363,7 +18579,7 @@ function commitRootImpl(root, renderPriorityLevel) {
     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.
@@ -21417,8 +18633,8 @@ function commitBeforeMutationEffects() {
     if ((effectTag & Snapshot) !== NoEffect) {
       setCurrentFiber(nextEffect);
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitBeforeMutationLifeCycles(current$$1, nextEffect);
+      var current = nextEffect.alternate;
+      commitBeforeMutationLifeCycles(current, nextEffect);
       resetCurrentFiber();
     }
 
@@ -21449,10 +18665,10 @@ function commitMutationEffects(root, renderPriorityLevel) {
     }
 
     if (effectTag & Ref) {
-      var current$$1 = nextEffect.alternate;
+      var current = nextEffect.alternate;
 
-      if (current$$1 !== null) {
-        commitDetachRef(current$$1);
+      if (current !== null) {
+        commitDetachRef(current);
       }
     } // The following switch statement is only concerned about placement,
     // updates, and deletions. To avoid needing to add a case for every possible
@@ -21524,8 +18740,8 @@ function commitLayoutEffects(root, committedExpirationTime) {
 
     if (effectTag & (Update | Callback)) {
       recordEffect();
-      var current$$1 = nextEffect.alternate;
-      commitLifeCycles(root, current$$1, nextEffect, committedExpirationTime);
+      var current = nextEffect.alternate;
+      commitLifeCycles(root, current, nextEffect);
     }
 
     if (effectTag & Ref) {
@@ -21565,36 +18781,40 @@ function flushPassiveEffectsImpl() {
 
   var prevExecutionContext = executionContext;
   executionContext |= CommitContext;
-  var prevInteractions = pushInteractions(root); // 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 prevInteractions = pushInteractions(root);
 
-  var effect = root.current.firstEffect;
+  {
+    // 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 _effect2 = root.current.firstEffect;
 
-  while (effect !== null) {
-    {
-      setCurrentFiber(effect);
-      invokeGuardedCallback(null, commitPassiveHookEffects, null, effect);
+    while (_effect2 !== null) {
+      {
+        setCurrentFiber(_effect2);
+        invokeGuardedCallback(null, commitPassiveHookEffects, null, _effect2);
 
-      if (hasCaughtError()) {
-        if (!(effect !== null)) {
-          throw Error("Should be working on an effect.");
+        if (hasCaughtError()) {
+          if (!(_effect2 !== null)) {
+            throw Error("Should be working on an effect.");
+          }
+
+          var _error5 = clearCaughtError();
+
+          captureCommitPhaseError(_effect2, _error5);
         }
 
-        var error = clearCaughtError();
-        captureCommitPhaseError(effect, error);
+        resetCurrentFiber();
       }
 
-      resetCurrentFiber();
-    }
-
-    var nextNextEffect = effect.nextEffect; // Remove nextEffect pointer to assist GC
+      var nextNextEffect = _effect2.nextEffect; // Remove nextEffect pointer to assist GC
 
-    effect.nextEffect = null;
-    effect = nextNextEffect;
+      _effect2.nextEffect = null;
+      _effect2 = nextNextEffect;
+    }
   }
 
-  if (enableSchedulerTracing) {
+  {
     popInteractions(prevInteractions);
     finishPendingInteractions(root, expirationTime);
   }
@@ -21696,7 +18916,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     pingCache.delete(thenable);
   }
 
-  if (workInProgressRoot === root && renderExpirationTime === suspendedTime) {
+  if (workInProgressRoot === root && renderExpirationTime$1 === 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.
@@ -21716,7 +18936,7 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
     ) {
       // Restart from the root. Don't need to schedule a ping because
       // we're already working on this tree.
-      prepareFreshStack(root, renderExpirationTime);
+      prepareFreshStack(root, renderExpirationTime$1);
     } else {
       // Even though we can't restart right now, we might get an
       // opportunity later. So we mark this render as having a ping.
@@ -21739,13 +18959,6 @@ function pingSuspendedRoot(root, thenable, suspendedTime) {
   } // Mark the time at which this ping was scheduled.
 
   root.lastPingedTime = suspendedTime;
-
-  if (root.finishedExpirationTime === suspendedTime) {
-    // If there's a pending fallback waiting to commit, throw it away.
-    root.finishedExpirationTime = NoWork;
-    root.finishedWork = null;
-  }
-
   ensureRootIsScheduled(root);
   schedulePendingInteractions(root, suspendedTime);
 }
@@ -21773,45 +18986,12 @@ function retryTimedOutBoundary(boundaryFiber, retryTime) {
     schedulePendingInteractions(root, retryTime);
   }
 }
-
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState;
-  var retryTime = NoWork;
-
-  if (suspenseState !== null) {
-    retryTime = suspenseState.retryTime;
-  }
-
-  retryTimedOutBoundary(boundaryFiber, retryTime);
-}
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryTime = NoWork; // Default
 
   var retryCache;
 
-  if (enableSuspenseServerRenderer) {
-    switch (boundaryFiber.tag) {
-      case SuspenseComponent:
-        retryCache = boundaryFiber.stateNode;
-        var suspenseState = boundaryFiber.memoizedState;
-
-        if (suspenseState !== null) {
-          retryTime = suspenseState.retryTime;
-        }
-
-        break;
-
-      case SuspenseListComponent:
-        retryCache = boundaryFiber.stateNode;
-        break;
-
-      default: {
-        throw Error(
-          "Pinged unknown suspense boundary type. This is probably a bug in React."
-        );
-      }
-    }
-  } else {
+  {
     retryCache = boundaryFiber.stateNode;
   }
 
@@ -21836,16 +19016,16 @@ 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;
+    ? 480
+    : timeElapsed < 1080
+    ? 1080
+    : timeElapsed < 1920
+    ? 1920
+    : timeElapsed < 3000
+    ? 3000
+    : timeElapsed < 4320
+    ? 4320
+    : ceil(timeElapsed / 1960) * 1960;
 }
 
 function computeMsUntilSuspenseLoadingDelay(
@@ -21894,8 +19074,8 @@ function checkForNestedUpdates() {
   {
     if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
       nestedPassiveUpdateCount = 0;
-      warning$1(
-        false,
+
+      error(
         "Maximum update depth exceeded. This can happen when a component " +
           "calls setState inside useEffect, but useEffect either doesn't " +
           "have a dependency array, or one of the dependencies changes on " +
@@ -21909,7 +19089,7 @@ function flushRenderPhaseStrictModeWarningsInDEV() {
   {
     ReactStrictModeWarnings.flushLegacyContextWarning();
 
-    if (warnAboutDeprecatedLifecycles) {
+    {
       ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
     }
   }
@@ -21930,9 +19110,8 @@ function stopInterruptedWorkLoopTimer() {
 
 function checkForInterruption(fiberThatReceivedUpdate, updateExpirationTime) {
   if (
-    enableUserTimingAPI &&
     workInProgressRoot !== null &&
-    updateExpirationTime > renderExpirationTime
+    updateExpirationTime > renderExpirationTime$1
   ) {
     interruptedBy = fiberThatReceivedUpdate;
   }
@@ -21950,11 +19129,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       tag !== FunctionComponent &&
       tag !== ForwardRef &&
       tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
+      tag !== SimpleMemoComponent &&
+      tag !== Block
     ) {
       // 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";
@@ -21969,8 +19149,7 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
       didWarnStateUpdateForUnmountedComponent = new Set([componentName]);
     }
 
-    warningWithoutStack$1(
-      false,
+    error(
       "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",
@@ -21982,12 +19161,12 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {
   }
 }
 
-var beginWork$$1;
+var beginWork$1;
 
-if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
+{
   var dummyFiber = null;
 
-  beginWork$$1 = function(current$$1, unitOfWork, expirationTime) {
+  beginWork$1 = function(current, 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.
@@ -21999,7 +19178,7 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
     );
 
     try {
-      return beginWork$1(current$$1, unitOfWork, expirationTime);
+      return beginWork(current, unitOfWork, expirationTime);
     } catch (originalError) {
       if (
         originalError !== null &&
@@ -22012,7 +19191,7 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       // corresponding changes there.
 
       resetContextDependencies();
-      resetHooks(); // Don't reset current debug fiber, since we're about to work on the
+      resetHooksAfterThrow(); // Don't reset current debug fiber, since we're about to work on the
       // same fiber again.
       // Unwind the failed stack frame
 
@@ -22020,16 +19199,16 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
 
       assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
 
-      if (enableProfilerTimer && unitOfWork.mode & ProfileMode) {
+      if (unitOfWork.mode & ProfileMode) {
         // Reset the profiler timer.
         startProfilerTimer(unitOfWork);
       } // Run beginWork again.
 
       invokeGuardedCallback(
         null,
-        beginWork$1,
+        beginWork,
         null,
-        current$$1,
+        current,
         unitOfWork,
         expirationTime
       );
@@ -22045,42 +19224,37 @@ if (true && replayFailedUnitOfWorkWithInvokeGuardedCallback) {
       }
     }
   };
-} else {
-  beginWork$$1 = beginWork$1;
 }
 
 var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInGetChildContext = false;
 
-function warnAboutInvalidUpdatesOnClassComponentsInDEV(fiber) {
+function warnAboutRenderPhaseUpdatesInDEV(fiber) {
   {
-    if (fiber.tag === ClassComponent) {
-      switch (phase) {
-        case "getChildContext":
-          if (didWarnAboutUpdateInGetChildContext) {
-            return;
-          }
-
-          warningWithoutStack$1(
-            false,
-            "setState(...): Cannot call setState() inside getChildContext()"
+    if ((executionContext & RenderContext) !== NoContext) {
+      switch (fiber.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          error(
+            "Cannot update a component from inside the function body of a " +
+              "different component."
           );
-          didWarnAboutUpdateInGetChildContext = true;
+
           break;
+        }
 
-        case "render":
-          if (didWarnAboutUpdateInRender) {
-            return;
-          }
+        case ClassComponent: {
+          if (isRendering && !didWarnAboutUpdateInRender) {
+            error(
+              "Cannot update during an existing state transition (such as " +
+                "within `render`). Render methods should be a pure " +
+                "function of props and state."
+            );
 
-          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;
+            didWarnAboutUpdateInRender = true;
+            break;
+          }
+        }
       }
     }
   }
@@ -22092,20 +19266,20 @@ var IsThisRendererActing = {
 function warnIfNotScopedWithMatchingAct(fiber) {
   {
     if (
-      warnsIfNotActing === true &&
       IsSomeRendererActing.current === true &&
       IsThisRendererActing.current !== true
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "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" +
+        "Be sure to use the matching version of act() corresponding to your renderer:\n\n" +
+        "// for react-dom:\n" + // Break up imports to avoid accidentally parsing them as dependencies.
+        "import {act} fr" +
+        "om 'react-dom/test-utils';\n" +
+        "// ...\n" +
+        "act(() => ...);\n\n" +
+        "// for react-test-renderer:\n" + // Break up imports to avoid accidentally parsing them as dependencies.
+          "import TestRenderer fr" +
+          "om react-test-renderer';\n" +
           "const {act} = TestRenderer;\n" +
           "// ...\n" +
           "act(() => ...);" +
@@ -22118,13 +19292,11 @@ function warnIfNotScopedWithMatchingAct(fiber) {
 function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
   {
     if (
-      warnsIfNotActing === true &&
       (fiber.mode & StrictMode) !== NoMode &&
       IsSomeRendererActing.current === false &&
       IsThisRendererActing.current === false
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "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" +
@@ -22146,13 +19318,11 @@ function warnIfNotCurrentlyActingEffectsInDEV(fiber) {
 function warnIfNotCurrentlyActingUpdatesInDEV(fiber) {
   {
     if (
-      warnsIfNotActing === true &&
       executionContext === NoContext &&
       IsSomeRendererActing.current === false &&
       IsThisRendererActing.current === false
     ) {
-      warningWithoutStack$1(
-        false,
+      error(
         "An update to %s inside a test was not wrapped in act(...).\n\n" +
           "When testing, code that causes React state updates should be " +
           "wrapped into act(...):\n\n" +
@@ -22186,161 +19356,19 @@ function warnIfUnmockedScheduler(fiber) {
     ) {
       if (fiber.mode & BlockingMode || fiber.mode & ConcurrentMode) {
         didWarnAboutUnmockedScheduler = true;
-        warningWithoutStack$1(
-          false,
+
+        error(
           '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" +
+          "to guarantee consistent behaviour across tests and browsers. " +
+          "For example, with jest: \n" + // Break up requires to avoid accidentally parsing them as dependencies.
+            "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 useTransition 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.
@@ -22348,10 +19376,6 @@ function computeThreadID(root, expirationTime) {
 }
 
 function markSpawnedWork(expirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   if (spawnedWorkDuringRender === null) {
     spawnedWorkDuringRender = [expirationTime];
   } else {
@@ -22360,10 +19384,6 @@ function markSpawnedWork(expirationTime) {
 }
 
 function scheduleInteractions(root, expirationTime, interactions) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   if (interactions.size > 0) {
     var pendingInteractionMap = root.pendingInteractionMap;
     var pendingInteractions = pendingInteractionMap.get(expirationTime);
@@ -22395,21 +19415,10 @@ function scheduleInteractions(root, expirationTime, interactions) {
 }
 
 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.
 
@@ -22450,10 +19459,6 @@ function startWorkOnPendingInteractions(root, expirationTime) {
 }
 
 function finishPendingInteractions(root, committedExpirationTime) {
-  if (!enableSchedulerTracing) {
-    return;
-  }
-
   var earliestRemainingTimeAfterCommit = root.firstPendingTime;
   var subscriber;
 
@@ -22502,6 +19507,7 @@ function finishPendingInteractions(root, committedExpirationTime) {
   }
 }
 
+var onScheduleFiberRoot = null;
 var onCommitFiberRoot = null;
 var onCommitFiberUnmount = null;
 var hasLoggedError = false;
@@ -22523,8 +19529,7 @@ function injectInternals(internals) {
 
   if (!hook.supportsFiber) {
     {
-      warningWithoutStack$1(
-        false,
+      error(
         "The installed version of React DevTools is too old and will not work " +
           "with the current version of React. Please update React DevTools. " +
           "https://fb.me/react-devtools"
@@ -22537,6 +19542,23 @@ function injectInternals(internals) {
   try {
     var rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
 
+    if (true) {
+      // Only used by Fast Refresh
+      if (typeof hook.onScheduleFiberRoot === "function") {
+        onScheduleFiberRoot = function(root, children) {
+          try {
+            hook.onScheduleFiberRoot(rendererID, root, children);
+          } catch (err) {
+            if (true && !hasLoggedError) {
+              hasLoggedError = true;
+
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        };
+      }
+    }
+
     onCommitFiberRoot = function(root, expirationTime) {
       try {
         var didError = (root.current.effectTag & DidCapture) === DidCapture;
@@ -22552,13 +19574,12 @@ function injectInternals(internals) {
           hook.onCommitFiberRoot(rendererID, root, undefined, didError);
         }
       } catch (err) {
-        if (true && !hasLoggedError) {
-          hasLoggedError = true;
-          warningWithoutStack$1(
-            false,
-            "React DevTools encountered an error: %s",
-            err
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation encountered an error: %s", err);
+          }
         }
       }
     };
@@ -22567,29 +19588,29 @@ function injectInternals(internals) {
       try {
         hook.onCommitFiberUnmount(rendererID, fiber);
       } catch (err) {
-        if (true && !hasLoggedError) {
-          hasLoggedError = true;
-          warningWithoutStack$1(
-            false,
-            "React DevTools encountered an error: %s",
-            err
-          );
+        if (true) {
+          if (!hasLoggedError) {
+            hasLoggedError = true;
+
+            error("React instrumentation 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
-      );
+      error("React instrumentation encountered an error: %s.", err);
     }
   } // DevTools exists
 
   return true;
 }
+function onScheduleRoot(root, children) {
+  if (typeof onScheduleFiberRoot === "function") {
+    onScheduleFiberRoot(root, children);
+  }
+}
 function onCommitRoot(root, expirationTime) {
   if (typeof onCommitFiberRoot === "function") {
     onCommitFiberRoot(root, expirationTime);
@@ -22651,7 +19672,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   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
@@ -22678,7 +19699,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   } // This is normally DEV-only except www when it adds listeners.
   // TODO: remove the User Timing integration in favor of Root Events.
 
-  if (enableUserTimingAPI) {
+  {
     this._debugID = debugCounter++;
     this._debugIsCurrentlyTiming = false;
   }
@@ -22742,7 +19763,7 @@ function resolveLazyComponentTag(Component) {
   return IndeterminateComponent;
 } // This is used to create an alternate fiber to do work on.
 
-function createWorkInProgress(current, pendingProps, expirationTime) {
+function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
 
   if (workInProgress === null) {
@@ -22763,7 +19784,10 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
 
     {
       // DEV-only fields
-      workInProgress._debugID = current._debugID;
+      {
+        workInProgress._debugID = current._debugID;
+      }
+
       workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
@@ -22781,7 +19805,7 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
     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,
@@ -22813,7 +19837,7 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
 
-  if (enableProfilerTimer) {
+  {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
     workInProgress.treeBaseDuration = current.treeBaseDuration;
   }
@@ -22835,9 +19859,6 @@ function createWorkInProgress(current, pendingProps, expirationTime) {
       case ForwardRef:
         workInProgress.type = resolveForwardRefForHotReloading(current.type);
         break;
-
-      default:
-        break;
     }
   }
 
@@ -22870,7 +19891,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
     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;
@@ -22896,7 +19917,7 @@ function resetWorkInProgress(workInProgress, renderExpirationTime) {
             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;
@@ -22917,7 +19938,7 @@ function createHostRootFiber(tag) {
     mode = NoMode;
   }
 
-  if (enableProfilerTimer && isDevToolsPresent) {
+  if (isDevToolsPresent) {
     // Always collect profile timings when DevTools are present.
     // This enables DevTools to start capturing timing at any point–
     // Without some nodes in the tree having empty base times.
@@ -23017,29 +20038,9 @@ function createFiberFromTypeAndProps(
               resolvedType = null;
               break getTag;
 
-            case REACT_FUNDAMENTAL_TYPE:
-              if (enableFundamentalAPI) {
-                return createFiberFromFundamental(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
-
-              break;
-
-            case REACT_SCOPE_TYPE:
-              if (enableScopeAPI) {
-                return createFiberFromScope(
-                  type,
-                  pendingProps,
-                  mode,
-                  expirationTime,
-                  key
-                );
-              }
+            case REACT_BLOCK_TYPE:
+              fiberTag = Block;
+              break getTag;
           }
         }
 
@@ -23114,38 +20115,11 @@ function createFiberFromFragment(elements, mode, expirationTime, key) {
   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 createFiberFromScope(scope, pendingProps, mode, expirationTime, key) {
-  var fiber = createFiber(ScopeComponent, pendingProps, key, mode);
-  fiber.type = scope;
-  fiber.elementType = scope;
-  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'
-      );
+    if (typeof pendingProps.id !== "string") {
+      error('Profiler must specify an "id" as a prop');
     }
   }
 
@@ -23154,6 +20128,14 @@ function createFiberFromProfiler(pendingProps, mode, expirationTime, key) {
   fiber.elementType = REACT_PROFILER_TYPE;
   fiber.type = REACT_PROFILER_TYPE;
   fiber.expirationTime = expirationTime;
+
+  {
+    fiber.stateNode = {
+      effectDuration: 0,
+      passiveEffectDuration: 0
+    };
+  }
+
   return fiber;
 }
 
@@ -23186,18 +20168,6 @@ function createFiberFromText(content, mode, expirationTime) {
   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 createFiberFromDehydratedFragment(dehydratedNode) {
-  var fiber = createFiber(DehydratedFragment, null, null, NoMode);
-  fiber.stateNode = dehydratedNode;
-  return fiber;
-}
 function createFiberFromPortal(portal, mode, expirationTime) {
   var pendingProps = portal.children !== null ? portal.children : [];
   var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
@@ -23246,17 +20216,20 @@ function assignFiberPropertiesInDEV(target, source) {
   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._debugID = source._debugID;
+    target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
+  }
+
   target._debugSource = source._debugSource;
   target._debugOwner = source._debugOwner;
-  target._debugIsCurrentlyTiming = source._debugIsCurrentlyTiming;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
   return target;
@@ -23283,28 +20256,21 @@ function FiberRootNode(containerInfo, tag, hydrate) {
   this.lastPingedTime = NoWork;
   this.lastExpiredTime = NoWork;
 
-  if (enableSchedulerTracing) {
+  {
     this.interactionThreadID = tracing.unstable_getThreadID();
     this.memoizedInteractions = new Set();
     this.pendingInteractionMap = new Map();
   }
-
-  if (enableSuspenseCallback) {
-    this.hydrationCallbacks = null;
-  }
 }
 
 function createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks) {
   var root = new FiberRootNode(containerInfo, tag, hydrate);
-
-  if (enableSuspenseCallback) {
-    root.hydrationCallbacks = hydrationCallbacks;
-  } // Cyclic construction. This cheats the type system right now because
   // stateNode is any.
 
   var uninitializedFiber = createHostRootFiber(tag);
   root.current = uninitializedFiber;
   uninitializedFiber.stateNode = root;
+  initializeUpdateQueue(uninitializedFiber);
   return root;
 }
 function isRootSuspendedAtTime(root, expirationTime) {
@@ -23398,15 +20364,6 @@ function markRootExpiredAtTime(root, expirationTime) {
   }
 }
 
-// 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;
-
 var didWarnAboutNestedUpdates;
 var didWarnAboutFindNodeInStrictMode;
 
@@ -23427,38 +20384,11 @@ function getContextForSubtree(parentComponent) {
     var Component = fiber.type;
 
     if (isContextProvider(Component)) {
-      return processChildContext(fiber, Component, parentContext);
-    }
-  }
-
-  return parentContext;
-}
-
-function findHostInstance(component) {
-  var fiber = get(component);
-
-  if (fiber === undefined) {
-    if (typeof component.render === "function") {
-      {
-        throw Error("Unable to find node on an unmounted component.");
-      }
-    } else {
-      {
-        throw Error(
-          "Argument appears to not be a ReactComponent. Keys: " +
-            Object.keys(component)
-        );
-      }
-    }
-  }
-
-  var hostFiber = findCurrentHostFiber(fiber);
-
-  if (hostFiber === null) {
-    return null;
+      return processChildContext(fiber, Component, parentContext);
+    }
   }
 
-  return hostFiber.stateNode;
+  return parentContext;
 }
 
 function findHostInstanceWithWarning(component, methodName) {
@@ -23493,8 +20423,7 @@ function findHostInstanceWithWarning(component, methodName) {
         didWarnAboutFindNodeInStrictMode[componentName] = true;
 
         if (fiber.mode & StrictMode) {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which is inside StrictMode. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23506,8 +20435,7 @@ function findHostInstanceWithWarning(component, methodName) {
             getStackByFiberInDevAndProd(hostFiber)
           );
         } else {
-          warningWithoutStack$1(
-            false,
+          error(
             "%s is deprecated in StrictMode. " +
               "%s was passed an instance of %s which renders StrictMode children. " +
               "Instead, add a ref directly to the element you want to reference. " +
@@ -23524,44 +20452,33 @@ function findHostInstanceWithWarning(component, methodName) {
 
     return hostFiber.stateNode;
   }
-
-  return findHostInstance(component);
 }
 
 function createContainer(containerInfo, tag, hydrate, hydrationCallbacks) {
-  return createFiberRoot(containerInfo, tag, hydrate, hydrationCallbacks);
+  return createFiberRoot(containerInfo, tag, hydrate);
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current;
+  {
+    onScheduleRoot(container, element);
+  }
+
+  var current$1 = container.current;
   var currentTime = requestCurrentTimeForUpdate();
 
   {
     // $FlowExpectedError - jest isn't a global, and isn't recognized outside of tests
     if ("undefined" !== typeof jest) {
-      warnIfUnmockedScheduler(current$$1);
-      warnIfNotScopedWithMatchingAct(current$$1);
+      warnIfUnmockedScheduler(current$1);
+      warnIfNotScopedWithMatchingAct(current$1);
     }
   }
 
   var suspenseConfig = requestCurrentSuspenseConfig();
   var expirationTime = computeExpirationForFiber(
     currentTime,
-    current$$1,
+    current$1,
     suspenseConfig
   );
-
-  {
-    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) {
@@ -23571,10 +20488,10 @@ function updateContainer(element, container, parentComponent, callback) {
   }
 
   {
-    if (phase === "render" && current !== null && !didWarnAboutNestedUpdates) {
+    if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
       didWarnAboutNestedUpdates = true;
-      warningWithoutStack$1(
-        false,
+
+      error(
         "Render methods should be a pure function of props and state; " +
           "triggering nested component updates from render is not allowed. " +
           "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
@@ -23593,19 +20510,21 @@ function updateContainer(element, container, parentComponent, callback) {
   callback = callback === undefined ? null : callback;
 
   if (callback !== null) {
-    !(typeof callback === "function")
-      ? warningWithoutStack$1(
-          false,
+    {
+      if (typeof callback !== "function") {
+        error(
           "render(...): Expected the last optional `callback` argument to be a " +
             "function. Instead received: %s.",
           callback
-        )
-      : void 0;
+        );
+      }
+    }
+
     update.callback = callback;
   }
 
-  enqueueUpdate(current$$1, update);
-  scheduleWork(current$$1, expirationTime);
+  enqueueUpdate(current$1, update);
+  scheduleWork(current$1, expirationTime);
   return expirationTime;
 }
 function getPublicRootInstance(container) {
@@ -23624,703 +20543,149 @@ function getPublicRootInstance(container) {
   }
 }
 
-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) {
-      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) {
-    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
-
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
-
-    scheduleWork(fiber, Sync);
-  };
-
-  scheduleUpdate = function(fiber) {
-    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.11.0";
-
-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; // 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; // 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; // 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;
-
-        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; // 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;
-      }
-
-      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;
-
-    if (
-      !(
-        !NativeMethodsMixin_DEV.componentWillMount &&
-        !NativeMethodsMixin_DEV.componentWillReceiveProps &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillMount &&
-        !NativeMethodsMixin_DEV.UNSAFE_componentWillReceiveProps
-      )
-    ) {
-      throw 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 _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
-
-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 =
-    /*#__PURE__*/
-    (function(_React$Component) {
-      _inheritsLoose(ReactNativeComponent, _React$Component);
-
-      function ReactNativeComponent() {
-        return _React$Component.apply(this, arguments) || this;
-      }
-
-      var _proto = ReactNativeComponent.prototype;
-
-      /**
-       * Due to bugs in Flow's handling of React.createClass, some fields already
-       * declared in the base class need to be redeclared below.
-       */
-
-      /**
-       * Removes focus. This is the opposite of `focus()`.
-       */
-      _proto.blur = function blur() {
-        ReactNativePrivateInterface.TextInputState.blurTextInput(
-          findNodeHandle(this)
-        );
-      };
-      /**
-       * Requests focus. The exact behavior depends on the platform and view.
-       */
+var shouldSuspendImpl = function(fiber) {
+  return false;
+};
 
-      _proto.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.
-       */
-
-      _proto.measure = function measure(callback) {
-        var maybeInstance; // 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.
+function shouldSuspend(fiber) {
+  return shouldSuspendImpl(fiber);
+}
+var overrideHookState = null;
+var overrideProps = null;
+var scheduleUpdate = null;
+var setSuspenseHandler = null;
 
-        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.
+{
+  var copyWithSetImpl = function(obj, path, idx, value) {
+    if (idx >= path.length) {
+      return value;
+    }
 
-        if (maybeInstance == null) {
-          return;
-        }
+    var key = path[idx];
+    var updated = Array.isArray(obj) ? obj.slice() : Object.assign({}, obj); // $FlowFixMe number or string is fine here
 
-        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.
-       */
-
-      _proto.measureInWindow = function measureInWindow(callback) {
-        var maybeInstance; // 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.
+    updated[key] = copyWithSetImpl(obj[key], path, idx + 1, value);
+    return updated;
+  };
 
-        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.
+  var copyWithSet = function(obj, path, value) {
+    return copyWithSetImpl(obj, path, 0, value);
+  }; // Support DevTools editable values for useState and useReducer.
 
-        if (maybeInstance == null) {
-          return;
-        }
+  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;
 
-        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)`.
-       */
-
-      _proto.measureLayout = function measureLayout(
-        relativeToNativeNode,
-        onSuccess,
-        onFail
-      ) {
-        var maybeInstance; // 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.
+    while (currentHook !== null && id > 0) {
+      currentHook = currentHook.next;
+      id--;
+    }
 
-        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 (currentHook !== null) {
+      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.
 
-        if (maybeInstance == null) {
-          return;
-        }
+      fiber.memoizedProps = Object.assign({}, fiber.memoizedProps);
+      scheduleWork(fiber, Sync);
+    }
+  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-        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;
+  overrideProps = function(fiber, path, value) {
+    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
 
-          if (typeof relativeToNativeNode === "number") {
-            // Already a node handle
-            relativeNode = relativeToNativeNode;
-          } else if (relativeToNativeNode._nativeTag) {
-            relativeNode = relativeToNativeNode._nativeTag;
-          }
+    if (fiber.alternate) {
+      fiber.alternate.pendingProps = fiber.pendingProps;
+    }
 
-          if (relativeNode == null) {
-            warningWithoutStack$1(
-              false,
-              "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-            );
-            return;
-          }
+    scheduleWork(fiber, Sync);
+  };
 
-          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)).
-       */
-
-      _proto.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; // 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.
+  scheduleUpdate = function(fiber) {
+    scheduleWork(fiber, Sync);
+  };
 
-        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.
+  setSuspenseHandler = function(newShouldSuspendImpl) {
+    shouldSuspendImpl = newShouldSuspendImpl;
+  };
+}
 
-        if (maybeInstance == null) {
-          return;
-        }
+function injectIntoDevTools(devToolsConfig) {
+  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    overrideHookState: overrideHookState,
+    overrideProps: overrideProps,
+    setSuspenseHandler: setSuspenseHandler,
+    scheduleUpdate: scheduleUpdate,
+    currentDispatcherRef: ReactCurrentDispatcher,
+    findHostInstanceByFiber: function(fiber) {
+      var hostFiber = findCurrentHostFiber(fiber);
+
+      if (hostFiber === null) {
+        return null;
+      }
 
-        if (maybeInstance.canonical) {
-          warningWithoutStack$1(
-            false,
-            "Warning: setNativeProps is not currently supported in Fabric"
-          );
-          return;
-        }
+      return hostFiber.stateNode;
+    },
+    findFiberByHostInstance: function(instance) {
+      if (!findFiberByHostInstance) {
+        // Might not be implemented by the renderer.
+        return null;
+      }
 
-        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 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;
+    }
+  });
+}
+var IsSomeRendererActing$1 = ReactSharedInternals.IsSomeRendererActing;
 
-      return ReactNativeComponent;
-    })(React.Component); // eslint-disable-next-line no-unused-expressions
+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
+  };
+}
 
-  return ReactNativeComponent;
-};
+// TODO: this is special because it gets imported during build.
+var ReactVersion = "16.13.0";
 
-var emptyObject$3 = {};
+var emptyObject$1 = {};
 
 {
-  Object.freeze(emptyObject$3);
+  Object.freeze(emptyObject$1);
 }
 
 var getInspectorDataForViewTag;
+var getInspectorDataForViewAtPoint;
 
 {
   var traverseOwnerTreeUp = function(hierarchy, instance) {
@@ -24352,10 +20717,10 @@ var getInspectorDataForViewTag;
     var host = findCurrentHostFiber(fiber);
 
     if (host) {
-      return host.memoizedProps || emptyObject$3;
+      return host.memoizedProps || emptyObject$1;
     }
 
-    return emptyObject$3;
+    return emptyObject$1;
   };
 
   var getHostNode = function(fiber, findNodeHandle) {
@@ -24383,28 +20748,65 @@ var getInspectorDataForViewTag;
         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
+            source: fiber._debugSource,
+            measure: function(callback) {
+              // If this is Fabric, we'll find a ShadowNode and use that to measure.
+              var hostFiber = findCurrentHostFiber(fiber);
+              var shadowNode =
+                hostFiber != null &&
+                hostFiber.stateNode !== null &&
+                hostFiber.stateNode.node;
+
+              if (shadowNode) {
+                nativeFabricUIManager.measure(shadowNode, callback);
+              } else {
+                return ReactNativePrivateInterface.UIManager.measure(
+                  getHostNode(fiber, findNodeHandle),
+                  callback
+                );
+              }
+            }
           };
         }
       };
     });
   };
 
+  var getInspectorDataForInstance = function(closestInstance) {
+    // Handle case where user clicks outside of ReactNative
+    if (!closestInstance) {
+      return {
+        hierarchy: [],
+        props: emptyObject$1,
+        selectedIndex: null,
+        source: null
+      };
+    }
+
+    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+    var fiberHierarchy = getOwnerHierarchy(fiber);
+    var instance = lastNonHostInstance(fiberHierarchy);
+    var hierarchy = createHierarchy(fiberHierarchy);
+    var props = getHostProps(instance);
+    var source = instance._debugSource;
+    var selectedIndex = fiberHierarchy.indexOf(instance);
+    return {
+      hierarchy: hierarchy,
+      props: props,
+      selectedIndex: selectedIndex,
+      source: source
+    };
+  };
+
   getInspectorDataForViewTag = function(viewTag) {
     var closestInstance = getInstanceFromTag(viewTag); // Handle case where user clicks outside of ReactNative
 
     if (!closestInstance) {
       return {
         hierarchy: [],
-        props: emptyObject$3,
-        selection: null,
+        props: emptyObject$1,
+        selectedIndex: null,
         source: null
       };
     }
@@ -24415,34 +20817,122 @@ var getInspectorDataForViewTag;
     var hierarchy = createHierarchy(fiberHierarchy);
     var props = getHostProps(instance);
     var source = instance._debugSource;
-    var selection = fiberHierarchy.indexOf(instance);
+    var selectedIndex = fiberHierarchy.indexOf(instance);
     return {
       hierarchy: hierarchy,
       props: props,
-      selection: selection,
+      selectedIndex: selectedIndex,
       source: source
     };
   };
+
+  getInspectorDataForViewAtPoint = function(
+    findNodeHandle,
+    inspectedView,
+    locationX,
+    locationY,
+    callback
+  ) {
+    var closestInstance = null;
+
+    if (inspectedView._internalInstanceHandle != null) {
+      // For Fabric we can look up the instance handle directly and measure it.
+      nativeFabricUIManager.findNodeAtPoint(
+        inspectedView._internalInstanceHandle.stateNode.node,
+        locationX,
+        locationY,
+        function(internalInstanceHandle) {
+          if (internalInstanceHandle == null) {
+            callback(
+              Object.assign(
+                {
+                  pointerY: locationY,
+                  frame: {
+                    left: 0,
+                    top: 0,
+                    width: 0,
+                    height: 0
+                  }
+                },
+                getInspectorDataForInstance(closestInstance)
+              )
+            );
+          }
+
+          closestInstance =
+            internalInstanceHandle.stateNode.canonical._internalInstanceHandle;
+          nativeFabricUIManager.measure(
+            internalInstanceHandle.stateNode.node,
+            function(x, y, width, height, pageX, pageY) {
+              callback(
+                Object.assign(
+                  {
+                    pointerY: locationY,
+                    frame: {
+                      left: pageX,
+                      top: pageY,
+                      width: width,
+                      height: height
+                    }
+                  },
+                  getInspectorDataForInstance(closestInstance)
+                )
+              );
+            }
+          );
+        }
+      );
+    } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
+      // For Paper we fall back to the old strategy using the React tag.
+      ReactNativePrivateInterface.UIManager.findSubviewIn(
+        findNodeHandle(inspectedView),
+        [locationX, locationY],
+        function(nativeViewTag, left, top, width, height) {
+          var inspectorData = getInspectorDataForInstance(
+            getInstanceFromTag(nativeViewTag)
+          );
+          callback(
+            Object.assign({}, inspectorData, {
+              pointerY: locationY,
+              frame: {
+                left: left,
+                top: top,
+                width: width,
+                height: height
+              },
+              touchedViewTag: nativeViewTag
+            })
+          );
+        }
+      );
+    } else {
+      error(
+        "getInspectorDataForViewAtPoint expects to receieve a host component"
+      );
+
+      return;
+    }
+  };
 }
 
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
 
 function findHostInstance_DEPRECATED(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24482,20 +20972,20 @@ function findHostInstance_DEPRECATED(componentOrHandle) {
 
 function findNodeHandle(componentOrHandle) {
   {
-    var owner = ReactCurrentOwner.current;
+    var owner = ReactCurrentOwner$3.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;
+      if (!owner.stateNode._warnedAboutRefsInRender) {
+        error(
+          "%s is accessing findNodeHandle inside its render(). " +
+            "render() should be a pure function of props and state. It should " +
+            "never access something that requires stale data from the previous " +
+            "render, such as refs. Move this logic to componentDidMount and " +
+            "componentDidUpdate instead.",
+          getComponentName(owner.type) || "A component"
+        );
+      }
+
       owner.stateNode._warnedAboutRefsInRender = true;
     }
   }
@@ -24538,110 +21028,109 @@ function findNodeHandle(componentOrHandle) {
   return hostInstance._nativeTag;
 }
 
-setBatchingImplementation(
-  batchedUpdates$1,
-  discreteUpdates$1,
-  flushDiscreteUpdates,
-  batchedEventUpdates$1
-);
-
-function computeComponentStackForErrorReporting(reactTag) {
-  var fiber = getInstanceFromTag(reactTag);
+function dispatchCommand(handle, command, args) {
+  if (handle._nativeTag == null) {
+    {
+      error(
+        "dispatchCommand was called with a ref that isn't a " +
+          "native component. Use React.forwardRef to get access to the underlying native component"
+      );
+    }
 
-  if (!fiber) {
-    return "";
+    return;
   }
 
-  return getStackByFiberInDevAndProd(fiber);
-}
-
-var roots = new Map();
-var ReactNativeRenderer = {
-  NativeComponent: ReactNativeComponent(findNodeHandle, findHostInstance),
-  // This is needed for implementation details of TouchableNativeFeedback
-  // Remove this once TouchableNativeFeedback doesn't use cloneElement
-  findHostInstance_DEPRECATED: findHostInstance_DEPRECATED,
-  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;
-    }
-
+  if (handle._internalInstanceHandle) {
+    nativeFabricUIManager.dispatchCommand(
+      handle._internalInstanceHandle.stateNode.node,
+      command,
+      args
+    );
+  } else {
     ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
       handle._nativeTag,
       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, null);
-      roots.set(containerTag, root);
-    }
+function render(element, containerTag, callback) {
+  var root = roots.get(containerTag);
 
-    updateContainer(element, root, null, callback);
-    return getPublicRootInstance(root);
-  },
-  unmountComponentAtNode: function(containerTag) {
-    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);
+  }
 
-    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
+  updateContainer(element, root, null, callback);
+  return getPublicRootInstance(root);
+}
 
-    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
+function unmountComponentAtNode(containerTag) {
+  var root = roots.get(containerTag);
+
+  if (root) {
+    // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
+  }
+}
+
+function unmountComponentAtNodeAndRemoveContainer(containerTag) {
+  unmountComponentAtNode(containerTag); // Call back into native to remove all of the subviews from this container
+
+  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+}
+
+function createPortal$1(children, containerTag) {
+  var key =
+    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  return createPortal(children, containerTag, null, key);
+}
+
+setBatchingImplementation(batchedUpdates$1);
+
+function computeComponentStackForErrorReporting(reactTag) {
+  var fiber = getInstanceFromTag(reactTag);
+
+  if (!fiber) {
+    return "";
   }
+
+  return getStackByFiberInDevAndProd(fiber);
+}
+
+var roots = new Map();
+var Internals = {
+  computeComponentStackForErrorReporting: computeComponentStackForErrorReporting
 };
 injectIntoDevTools({
   findFiberByHostInstance: getInstanceFromTag,
-  getInspectorDataForViewTag: getInspectorDataForViewTag,
   bundleType: 1,
   version: ReactVersion,
-  rendererPackageName: "react-native-renderer"
-});
-
-var ReactNativeRenderer$2 = Object.freeze({
-  default: ReactNativeRenderer
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: getInspectorDataForViewTag,
+    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
+      null,
+      findNodeHandle
+    )
+  }
 });
 
-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;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+exports.createPortal = createPortal$1;
+exports.dispatchCommand = dispatchCommand;
+exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
+exports.findNodeHandle = findNodeHandle;
+exports.render = render;
+exports.unmountComponentAtNode = unmountComponentAtNode;
+exports.unmountComponentAtNodeAndRemoveContainer = unmountComponentAtNodeAndRemoveContainer;
+exports.unstable_batchedUpdates = batchedUpdates;
 
   })();
 }
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
index c8107e4934204a..f32dc562752364 100644
--- a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.fb.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @preventMunge
  * @generated
  */
@@ -14,85 +15,16 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-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 Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -163,74 +95,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -248,6 +112,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -272,15 +137,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -348,8 +219,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -502,53 +373,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -588,10 +433,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -681,13 +526,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -699,10 +538,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -856,10 +695,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -922,8 +761,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -947,67 +786,168 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_94 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_95 = !1,
+  pluginName$jscomp$inline_96;
+for (pluginName$jscomp$inline_96 in injectedNamesToPlugins$jscomp$inline_94)
+  if (
+    injectedNamesToPlugins$jscomp$inline_94.hasOwnProperty(
+      pluginName$jscomp$inline_96
+    )
+  ) {
+    var pluginModule$jscomp$inline_97 =
+      injectedNamesToPlugins$jscomp$inline_94[pluginName$jscomp$inline_96];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_96) ||
+      namesToPlugins[pluginName$jscomp$inline_96] !==
+        pluginModule$jscomp$inline_97
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_96])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_96 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_96
+      ] = pluginModule$jscomp$inline_97;
+      isOrderingDirty$jscomp$inline_95 = !0;
     }
   }
-});
-var enableNativeTargetAsInstance = require("../shims/ReactFeatureFlags")
-    .enableNativeTargetAsInstance,
-  instanceCache = new Map(),
+isOrderingDirty$jscomp$inline_95 && recomputePluginOrdering();
+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 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);
@@ -1015,21 +955,27 @@ function batchedUpdates(fn, bookkeeping) {
   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))
+    isInsideEventHandler = !1;
+  }
+}
+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++
       )
-        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
-          restoreStateOfTarget(fn[bookkeeping]);
+        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 EMPTY_NATIVE_EVENT = {};
@@ -1037,9 +983,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
     inst = getInstanceFromTag(rootNodeID),
     target = null;
-  enableNativeTargetAsInstance
-    ? null != inst && (target = inst.stateNode)
-    : (target = nativeEvent.target);
+  null != inst && (target = inst.stateNode);
   batchedUpdates(function() {
     var events = target;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1114,17 +1058,11 @@ getFiberCurrentPropsFromNode = function(stateNode) {
 };
 getInstanceFromNode = getInstanceFromTag;
 getNodeFromInstance = function(inst) {
-  if (enableNativeTargetAsInstance) {
-    inst = inst.stateNode;
-    var tag = inst._nativeTag;
-    void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
-    if (!tag) throw Error("All native instances should have a tag.");
-    return inst;
-  }
-  tag = inst.stateNode._nativeTag;
-  void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
+  inst = inst.stateNode;
+  var tag = inst._nativeTag;
+  void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
   if (!tag) throw Error("All native instances should have a tag.");
-  return tag;
+  return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
@@ -1159,11 +1097,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1173,9 +1109,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1212,9 +1149,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1224,6 +1161,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1404,8 +1343,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1583,10 +1522,10 @@ var ReactNativeFiberHostComponent = (function() {
   }
   var _proto = ReactNativeFiberHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     ReactNativePrivateInterface.UIManager.measure(
@@ -1630,7 +1569,7 @@ var ReactNativeFiberHostComponent = (function() {
   };
   return ReactNativeFiberHostComponent;
 })();
-function shim$1() {
+function shim() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
   );
@@ -1668,45 +1607,7 @@ function finalizeInitialChildren(parentInstance) {
 }
 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 = [],
+  valueStack = [],
   index = -1;
 function pop(cursor) {
   0 > index ||
@@ -1743,21 +1644,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1775,17 +1672,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1795,18 +1688,21 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 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 =
@@ -1817,6 +1713,7 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_LowPriority = Scheduler.unstable_LowPriority,
   Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
   fakeCallbackNode = {},
+  shouldYield = Scheduler.unstable_shouldYield,
   requestPaint =
     void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
   syncQueue = null,
@@ -1916,10 +1813,10 @@ function flushSyncCallbackQueueImpl() {
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1933,11 +1830,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1955,14 +1889,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2017,237 +1946,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2264,10 +2151,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2286,7 +2171,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2300,7 +2185,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2313,7 +2198,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2329,8 +2214,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2382,6 +2267,7 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
@@ -2389,16 +2275,8 @@ function mountClassInstance(
         ? previousContext
         : contextStackCursor.current),
       (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2414,21 +2292,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2440,7 +2315,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2452,19 +2327,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2516,8 +2391,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2542,31 +2417,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2578,51 +2448,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2985,39 +2849,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3067,8 +2940,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3095,11 +2967,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3154,16 +3022,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3180,23 +3048,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim() || shim()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3215,24 +3079,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3241,7 +3097,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3249,92 +3105,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3349,74 +3198,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3428,28 +3303,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3463,18 +3340,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3494,6 +3374,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3515,72 +3404,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3595,7 +3491,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3606,13 +3503,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3626,7 +3523,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3645,23 +3542,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3669,177 +3564,124 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
   },
-  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
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
       );
-    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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
+  },
+  ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3848,13 +3690,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3864,43 +3706,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3913,7 +3750,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3921,7 +3758,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3929,65 +3766,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3999,36 +3837,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4040,16 +3873,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4057,7 +3885,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4085,17 +3913,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4141,6 +3966,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4169,17 +3995,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4223,12 +4046,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4237,16 +4060,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4255,35 +4078,35 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
       : shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4294,7 +4117,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4317,7 +4140,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4329,32 +4152,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4376,15 +4197,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4393,7 +4213,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4402,7 +4222,7 @@ function updateSuspenseComponent(
         )
           (nextDidTimeout.return = renderExpirationTime),
             (nextDidTimeout = nextDidTimeout.sibling);
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4412,31 +4232,31 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
       mode,
@@ -4454,7 +4274,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4481,6 +4301,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4489,6 +4310,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4496,7 +4318,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4504,7 +4326,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4513,42 +4335,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
         }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4570,15 +4389,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4605,35 +4424,29 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4695,62 +4508,367 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function unwindWork(workInProgress) {
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
+    case 2:
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 4096
-        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-          workInProgress)
-        : null;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw Error(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -4097) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
-        (effectTag = workInProgress.effectTag),
-        effectTag & 4096
-          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-            workInProgress)
-          : null
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
       );
-    case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    default:
+    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) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
+        requiredContext(contextStackCursor$1.current);
+        current = allocateTag();
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
+        var updatePayload = diffProperties(
+          null,
+          emptyObject,
+          newProps,
+          renderExpirationTime.validAttributes
+        );
+        ReactNativePrivateInterface.UIManager.createView(
+          current,
+          renderExpirationTime.uiViewClassName,
+          rootContainerInstance,
+          updatePayload
+        );
+        rootContainerInstance = new ReactNativeFiberHostComponent(
+          current,
+          renderExpirationTime,
+          workInProgress
+        );
+        instanceCache.set(current, workInProgress);
+        instanceProps.set(current, newProps);
+        appendAllChildren(rootContainerInstance, workInProgress, !1, !1);
+        workInProgress.stateNode = rootContainerInstance;
+        finalizeInitialChildren(rootContainerInstance) &&
+          (workInProgress.effectTag |= 4);
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
       return null;
-  }
-}
-function createCapturedValue(value, source) {
-  return {
-    value: value,
-    source: source,
-    stack: getStackByFiberInDevAndProd(source)
-  };
-}
-if (
-  "function" !==
-  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
-)
-  throw Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-function logCapturedError(capturedError) {
-  !1 !==
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          );
+        current = requiredContext(rootInstanceStackCursor.current);
+        if (!requiredContext(contextStackCursor$1.current).isInAParentText)
+          throw 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;
+      }
+      return null;
+    case 13:
+      pop(suspenseStackCursor);
+      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 & 1)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else {
+          if (
+            workInProgressRootExitStatus === RootIncomplete ||
+            workInProgressRootExitStatus === RootSuspended
+          )
+            workInProgressRootExitStatus = RootSuspendedWithDelay;
+          0 !== workInProgressRootNextUnprocessedUpdateTime &&
+            null !== workInProgressRoot &&
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
+            markRootUpdatedAtTime(
+              workInProgressRoot,
+              workInProgressRootNextUnprocessedUpdateTime
+            ));
+        }
+      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
+      return null;
+    case 4:
+      return popHostContainer(), updateHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    case 17:
+      return isContextProvider(workInProgress.type) && popContext(), null;
+    case 19:
+      pop(suspenseStackCursor);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) return null;
+      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));
+                null === newProps.lastEffect &&
+                  (workInProgress.firstEffect = null);
+                workInProgress.lastEffect = newProps.lastEffect;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (renderExpirationTime = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (updatePayload = rootContainerInstance.alternate),
+                    null === updatePayload
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = renderExpirationTime),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null))
+                      : ((rootContainerInstance.childExpirationTime =
+                          updatePayload.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          updatePayload.expirationTime),
+                        (rootContainerInstance.child = updatePayload.child),
+                        (rootContainerInstance.memoizedProps =
+                          updatePayload.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          updatePayload.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          updatePayload.updateQueue),
+                        (renderExpirationTime = updatePayload.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === renderExpirationTime
+                            ? null
+                            : {
+                                expirationTime:
+                                  renderExpirationTime.expirationTime,
+                                firstContext: renderExpirationTime.firstContext,
+                                responders: renderExpirationTime.responders
+                              })),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              (current = current.updateQueue),
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4)),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail &&
+                "hidden" === newProps.tailMode &&
+                !updatePayload.alternate)
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
+          } else
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime =
+                renderExpirationTime - 1));
+        newProps.isBackwards
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
+      }
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
+          (current.sibling = null),
+          (workInProgress = suspenseStackCursor.current),
+          push(
+            suspenseStackCursor,
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
+          ),
+          current)
+        : null;
+  }
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext();
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 4096
+        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw Error(
+          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+        );
+      workInProgress.effectTag = (effectTag & -4097) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 4096
+          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+            workInProgress)
+          : null
+      );
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), 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 Error(
+    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+  );
+function logCapturedError(capturedError) {
+  !1 !==
     ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
       capturedError
     ) && console.error(capturedError.error);
@@ -4785,85 +4903,159 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
@@ -4874,13 +5066,13 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
           function() {
             var effect = firstEffect;
             do {
-              var destroy = effect.destroy;
-              if (void 0 !== destroy) {
-                var current$$1 = current$$1$jscomp$0;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -4890,37 +5082,35 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
       unmountHostComponents(
         finishedRoot,
-        current$$1$jscomp$0,
+        current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
 function isHostParent(fiber) {
@@ -4983,97 +5173,103 @@ function commitPlacement(finishedWork) {
       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 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),
+  isContainer
+    ? insertOrAppendPlacementNodeIntoContainer(
+        finishedWork,
+        parentFiber,
+        parent
+      )
+    : insertOrAppendPlacementNode(finishedWork, parentFiber, parent);
+}
+function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    if (((node = isHost ? node.stateNode : node.stateNode.instance), before)) {
+      if ("number" === typeof parent)
+        throw Error("Container does not support insertBefore operation");
+    } else
+      ReactNativePrivateInterface.UIManager.setChildren(parent, [
+        "number" === typeof node ? node : node._nativeTag
+      ]);
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        (node = node.sibling);
+}
+function insertOrAppendPlacementNode(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    (node = isHost ? node.stateNode : node.stateNode.instance),
+      before
+        ? ((tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              (before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
-                [index],
-                [beforeChild],
+                parent._nativeTag,
+                [isHost],
+                [before],
                 [],
                 [],
                 []
               ))
-            : ((index = children.indexOf(beforeChild)),
-              children.splice(index, 0, stateNode),
+            : ((before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
+                parent._nativeTag,
                 [],
                 [],
-                [
-                  "number" === typeof stateNode
-                    ? stateNode
-                    : stateNode._nativeTag
-                ],
-                [index],
+                ["number" === typeof node ? node : node._nativeTag],
+                [before],
                 []
-              ));
-        }
-      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;
-  }
+              )))
+        : ((before = "number" === typeof node ? node : node._nativeTag),
+          (tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [isHost],
+                [tag.length - 1],
+                [],
+                [],
+                []
+              ))
+            : (tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [],
+                [],
+                [before],
+                [tag.length - 1],
+                []
+              )));
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNode(node, before, parent), node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNode(node, before, parent), (node = node.sibling);
 }
 function unmountHostComponents(
   finishedRoot$jscomp$0,
-  current$$1,
+  current,
   renderPriorityLevel$jscomp$0
 ) {
   for (
-    var node = current$$1,
+    var node = current,
       currentParentIsValid = !1,
       currentParent,
       currentParentIsContainer;
@@ -5121,7 +5317,7 @@ function unmountHostComponents(
           (node$jscomp$0.child.return = node$jscomp$0),
             (node$jscomp$0 = node$jscomp$0.child);
         else {
-          if (node$jscomp$0 === root) break;
+          if (node$jscomp$0 === root) break a;
           for (; null === node$jscomp$0.sibling; ) {
             if (null === node$jscomp$0.return || node$jscomp$0.return === root)
               break a;
@@ -5171,9 +5367,9 @@ function unmountHostComponents(
       node = node.child;
       continue;
     }
-    if (node === current$$1) break;
+    if (node === current) break;
     for (; null === node.sibling; ) {
-      if (null === node.return || node.return === current$$1) return;
+      if (null === node.return || node.return === current) return;
       node = node.return;
       4 === node.tag && (currentParentIsValid = !1);
     }
@@ -5181,21 +5377,22 @@ function unmountHostComponents(
     node = node.sibling;
   }
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
-      break;
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
+      return;
     case 1:
-      break;
+      return;
     case 5:
       var instance = finishedWork.stateNode;
       if (null != instance) {
         var newProps = finishedWork.memoizedProps;
-        current$$1 = null !== current$$1 ? current$$1.memoizedProps : newProps;
+        current = null !== current ? current.memoizedProps : newProps;
         var updatePayload = finishedWork.updateQueue;
         finishedWork.updateQueue = null;
         null !== updatePayload &&
@@ -5203,7 +5400,7 @@ function commitWork(current$$1, finishedWork) {
           instanceProps.set(instance._nativeTag, newProps),
           (newProps = diffProperties(
             null,
-            current$$1,
+            current,
             newProps,
             finishedWork.validAttributes
           )),
@@ -5214,7 +5411,7 @@ function commitWork(current$$1, finishedWork) {
               newProps
             ));
       }
-      break;
+      return;
     case 6:
       if (null === finishedWork.stateNode)
         throw Error(
@@ -5225,11 +5422,11 @@ function commitWork(current$$1, finishedWork) {
         "RCTRawText",
         { text: finishedWork.memoizedProps }
       );
-      break;
+      return;
     case 3:
-      break;
+      return;
     case 12:
-      break;
+      return;
     case 13:
       instance = finishedWork;
       null === finishedWork.memoizedState
@@ -5238,9 +5435,9 @@ function commitWork(current$$1, finishedWork) {
           (instance = finishedWork.child),
           (globalMostRecentFallbackTime = now()));
       if (null !== instance)
-        a: for (current$$1 = instance; ; ) {
-          if (5 === current$$1.tag)
-            if (((updatePayload = current$$1.stateNode), newProps)) {
+        a: for (current = instance; ; ) {
+          if (5 === current.tag)
+            if (((updatePayload = current.stateNode), newProps)) {
               var viewConfig = updatePayload.viewConfig;
               var updatePayload$jscomp$0 = diffProperties(
                 null,
@@ -5254,8 +5451,8 @@ function commitWork(current$$1, finishedWork) {
                 updatePayload$jscomp$0
               );
             } else {
-              updatePayload = current$$1.stateNode;
-              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              updatePayload = current.stateNode;
+              updatePayload$jscomp$0 = current.memoizedProps;
               viewConfig = updatePayload.viewConfig;
               var prevProps = Object.assign({}, updatePayload$jscomp$0, {
                 style: [updatePayload$jscomp$0.style, { display: "none" }]
@@ -5273,47 +5470,41 @@ function commitWork(current$$1, finishedWork) {
               );
             }
           else {
-            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (6 === current.tag) throw Error("Not yet implemented.");
             if (
-              13 === current$$1.tag &&
-              null !== current$$1.memoizedState &&
-              null === current$$1.memoizedState.dehydrated
+              13 === current.tag &&
+              null !== current.memoizedState &&
+              null === current.memoizedState.dehydrated
             ) {
-              updatePayload = current$$1.child.sibling;
-              updatePayload.return = current$$1;
-              current$$1 = updatePayload;
+              updatePayload = current.child.sibling;
+              updatePayload.return = current;
+              current = updatePayload;
               continue;
-            } else if (null !== current$$1.child) {
-              current$$1.child.return = current$$1;
-              current$$1 = current$$1.child;
+            } else if (null !== current.child) {
+              current.child.return = current;
+              current = current.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;
+          if (current === instance) break;
+          for (; null === current.sibling; ) {
+            if (null === current.return || current.return === instance) break a;
+            current = current.return;
           }
-          current$$1.sibling.return = current$$1.return;
-          current$$1 = current$$1.sibling;
+          current.sibling.return = current.return;
+          current = current.sibling;
         }
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 19:
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 17:
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function attachSuspenseRetryListeners(finishedWork) {
   var thenables = finishedWork.updateQueue;
@@ -5369,7 +5560,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5384,7 +5575,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5409,8 +5600,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5418,7 +5609,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5450,11 +5641,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5508,7 +5699,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5517,9 +5708,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5541,18 +5733,18 @@ function ensureRootIsScheduled(root) {
       1073741823 === expirationTime
         ? (priorityLevel = 99)
         : 1 === expirationTime || 2 === expirationTime
-          ? (priorityLevel = 95)
-          : ((priorityLevel =
-              10 * (1073741821 - expirationTime) -
-              10 * (1073741821 - priorityLevel)),
-            (priorityLevel =
-              0 >= priorityLevel
-                ? 99
-                : 250 >= priorityLevel
-                  ? 98
-                  : 5250 >= priorityLevel
-                    ? 97
-                    : 95));
+        ? (priorityLevel = 95)
+        : ((priorityLevel =
+            10 * (1073741821 - expirationTime) -
+            10 * (1073741821 - priorityLevel)),
+          (priorityLevel =
+            0 >= priorityLevel
+              ? 99
+              : 250 >= priorityLevel
+              ? 98
+              : 5250 >= priorityLevel
+              ? 97
+              : 95));
       if (null !== existingCallbackNode) {
         var existingCallbackPriority = root.callbackPriority;
         if (
@@ -5579,264 +5771,225 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime;
+  var exitStatus = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  executionContext = exitStatus;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && expirationTime === renderExpirationTime) ||
-      prepareFreshStack(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopConcurrent();
+      didTimeout);
+    expirationTime = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((expirationTime =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < expirationTime)
+        ) {
+          if (
+            workInProgressRootHasPendingPing &&
+            ((prevDispatcher = root.lastPingedTime),
+            0 === prevDispatcher || prevDispatcher >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
+            break;
+          }
+          prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== prevDispatcher && prevDispatcher !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
+            break;
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((expirationTime = root.lastPingedTime),
+          0 === expirationTime || expirationTime >= lastExpiredTime)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
+          break;
+        }
+        expirationTime = getNextRootExpirationTimeToWorkOn(root);
+        if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (expirationTime =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (expirationTime = 0)
+          : ((expirationTime =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (expirationTime = exitStatus - expirationTime),
+            0 > expirationTime && (expirationTime = 0),
+            (expirationTime =
+              (120 > expirationTime
+                ? 120
+                : 480 > expirationTime
+                ? 480
+                : 1080 > expirationTime
+                ? 1080
+                : 1920 > expirationTime
+                ? 1920
+                : 3e3 > expirationTime
+                ? 3e3
+                : 4320 > expirationTime
+                ? 4320
+                : 1960 * ceil(expirationTime / 1960)) - expirationTime),
+            lastExpiredTime < expirationTime &&
+              (expirationTime = lastExpiredTime));
+        if (10 < expirationTime) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          prevDispatcher = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          expirationTime = suspenseConfig.busyMinDurationMs | 0;
+          0 >= expirationTime
+            ? (expirationTime = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (prevDispatcher =
+                now() -
+                (10 * (1073741821 - prevDispatcher) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (expirationTime =
+                prevDispatcher <= exitStatus
+                  ? 0
+                  : exitStatus + expirationTime - prevDispatcher));
+          if (10 < expirationTime) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              expirationTime
             );
             break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (workInProgressRootHasPendingPing) {
-                var lastPingedTime = root.lastPingedTime;
-                if (0 === lastPingedTime || lastPingedTime >= expirationTime) {
-                  root.lastPingedTime = expirationTime;
-                  prepareFreshStack(root, expirationTime);
-                  break;
-                }
-              }
-              lastPingedTime = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== lastPingedTime && lastPingedTime !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              lastPingedTime = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (lastPingedTime =
-                    now() -
-                    (10 * (1073741821 - lastPingedTime) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    lastPingedTime <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        lastPingedTime));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
-            break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
     }
   }
-  return null;
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
 }
 function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
   var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && lastExpiredTime === renderExpirationTime) ||
-      prepareFreshStack(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
-    }
-  }
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
   return null;
 }
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
-  }
-}
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
   root.finishedExpirationTime = 0;
@@ -5848,26 +6001,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -5875,8 +6029,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -5888,19 +6042,32 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       a: {
         var root = root$jscomp$0,
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -5908,8 +6075,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -5924,10 +6100,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -6034,406 +6210,94 @@ function handleError(root$jscomp$0, thrownValue) {
   } while (1);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
-  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
-    2 < expirationTime &&
-    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
-  null !== suspenseConfig &&
-    expirationTime < workInProgressRootLatestSuspenseTimeout &&
-    2 < expirationTime &&
-    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
-    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
-}
-function markUnprocessedUpdateTime(expirationTime) {
-  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
-    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
-}
-function workLoopSync() {
-  for (; null !== workInProgress; )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !Scheduler_shouldYield(); )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-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 & 2048)) {
-      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);
-            current = current$$1.stateNode;
-            current.pendingContext &&
-              ((current.context = current.pendingContext),
-              (current.pendingContext = null));
-            updateHostContainer(current$$1);
-            break;
-          case 5:
-            popHostContext(current$$1);
-            var rootContainerInstance = requiredContext(
-              rootInstanceStackCursor.current
-            );
-            renderExpirationTime$jscomp$0 = current$$1.type;
-            if (null !== current && null != current$$1.stateNode)
-              updateHostComponent$1(
-                current,
-                current$$1,
-                renderExpirationTime$jscomp$0,
-                newProps,
-                rootContainerInstance
-              ),
-                current.ref !== current$$1.ref && (current$$1.effectTag |= 128);
-            else if (newProps) {
-              current = requiredContext(contextStackCursor$1.current);
-              var internalInstanceHandle = current$$1,
-                tag = allocateTag(),
-                viewConfig = getViewConfigForType(
-                  renderExpirationTime$jscomp$0
-                ),
-                updatePayload = diffProperties(
-                  null,
-                  emptyObject,
-                  newProps,
-                  viewConfig.validAttributes
-                );
-              ReactNativePrivateInterface.UIManager.createView(
-                tag,
-                viewConfig.uiViewClassName,
-                rootContainerInstance,
-                updatePayload
-              );
-              viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
-              instanceCache.set(tag, internalInstanceHandle);
-              instanceProps.set(tag, newProps);
-              appendAllChildren(viewConfig, current$$1, !1, !1);
-              current$$1.stateNode = viewConfig;
-              finalizeInitialChildren(
-                viewConfig,
-                renderExpirationTime$jscomp$0,
-                newProps,
-                rootContainerInstance,
-                current
-              ) && (current$$1.effectTag |= 4);
-              null !== current$$1.ref && (current$$1.effectTag |= 128);
-            } else if (null === current$$1.stateNode)
-              throw Error(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-              );
-            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 Error(
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                );
-              renderExpirationTime$jscomp$0 = requiredContext(
-                rootInstanceStackCursor.current
-              );
-              rootContainerInstance = requiredContext(
-                contextStackCursor$1.current
-              );
-              current = current$$1;
-              if (!rootContainerInstance.isInAParentText)
-                throw Error(
-                  "Text strings must be rendered within a <Text> component."
-                );
-              rootContainerInstance = allocateTag();
-              ReactNativePrivateInterface.UIManager.createView(
-                rootContainerInstance,
-                "RCTRawText",
-                renderExpirationTime$jscomp$0,
-                { text: newProps }
-              );
-              instanceCache.set(rootContainerInstance, current$$1);
-              current.stateNode = rootContainerInstance;
-            }
-            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;
-            rootContainerInstance = !1;
-            null !== current &&
-              ((renderExpirationTime$jscomp$0 = current.memoizedState),
-              (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
-              newProps ||
-                null === renderExpirationTime$jscomp$0 ||
-                ((renderExpirationTime$jscomp$0 = current.child.sibling),
-                null !== renderExpirationTime$jscomp$0 &&
-                  ((internalInstanceHandle = current$$1.firstEffect),
-                  null !== internalInstanceHandle
-                    ? ((current$$1.firstEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = internalInstanceHandle))
-                    : ((current$$1.firstEffect = current$$1.lastEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = null)),
-                  (renderExpirationTime$jscomp$0.effectTag = 8))));
-            if (
-              newProps &&
-              !rootContainerInstance &&
-              0 !== (current$$1.mode & 2)
-            )
-              if (
-                (null === current &&
-                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
-                0 !== (suspenseStackCursor.current & 1)
-              )
-                workInProgressRootExitStatus === RootIncomplete &&
-                  (workInProgressRootExitStatus = RootSuspended);
-              else {
-                if (
-                  workInProgressRootExitStatus === RootIncomplete ||
-                  workInProgressRootExitStatus === RootSuspended
-                )
-                  workInProgressRootExitStatus = RootSuspendedWithDelay;
-                0 !== workInProgressRootNextUnprocessedUpdateTime &&
-                  null !== workInProgressRoot &&
-                  (markRootSuspendedAtTime(
-                    workInProgressRoot,
-                    renderExpirationTime
-                  ),
-                  markRootUpdatedAtTime(
-                    workInProgressRoot,
-                    workInProgressRootNextUnprocessedUpdateTime
-                  ));
-              }
-            if (newProps || rootContainerInstance) 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 19:
-            pop(suspenseStackCursor, current$$1);
-            newProps = current$$1.memoizedState;
-            if (null === newProps) break;
-            rootContainerInstance = 0 !== (current$$1.effectTag & 64);
-            internalInstanceHandle = newProps.rendering;
-            if (null === internalInstanceHandle)
-              if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
-              else {
-                if (
-                  workInProgressRootExitStatus !== RootIncomplete ||
-                  (null !== current && 0 !== (current.effectTag & 64))
-                )
-                  for (current = current$$1.child; null !== current; ) {
-                    internalInstanceHandle = findFirstSuspended(current);
-                    if (null !== internalInstanceHandle) {
-                      current$$1.effectTag |= 64;
-                      cutOffTailIfNeeded(newProps, !1);
-                      current = internalInstanceHandle.updateQueue;
-                      null !== current &&
-                        ((current$$1.updateQueue = current),
-                        (current$$1.effectTag |= 4));
-                      null === newProps.lastEffect &&
-                        (current$$1.firstEffect = null);
-                      current$$1.lastEffect = newProps.lastEffect;
-                      current = renderExpirationTime$jscomp$0;
-                      for (newProps = current$$1.child; null !== newProps; )
-                        (rootContainerInstance = newProps),
-                          (renderExpirationTime$jscomp$0 = current),
-                          (rootContainerInstance.effectTag &= 2),
-                          (rootContainerInstance.nextEffect = null),
-                          (rootContainerInstance.firstEffect = null),
-                          (rootContainerInstance.lastEffect = null),
-                          (internalInstanceHandle =
-                            rootContainerInstance.alternate),
-                          null === internalInstanceHandle
-                            ? ((rootContainerInstance.childExpirationTime = 0),
-                              (rootContainerInstance.expirationTime = renderExpirationTime$jscomp$0),
-                              (rootContainerInstance.child = null),
-                              (rootContainerInstance.memoizedProps = null),
-                              (rootContainerInstance.memoizedState = null),
-                              (rootContainerInstance.updateQueue = null),
-                              (rootContainerInstance.dependencies = null))
-                            : ((rootContainerInstance.childExpirationTime =
-                                internalInstanceHandle.childExpirationTime),
-                              (rootContainerInstance.expirationTime =
-                                internalInstanceHandle.expirationTime),
-                              (rootContainerInstance.child =
-                                internalInstanceHandle.child),
-                              (rootContainerInstance.memoizedProps =
-                                internalInstanceHandle.memoizedProps),
-                              (rootContainerInstance.memoizedState =
-                                internalInstanceHandle.memoizedState),
-                              (rootContainerInstance.updateQueue =
-                                internalInstanceHandle.updateQueue),
-                              (renderExpirationTime$jscomp$0 =
-                                internalInstanceHandle.dependencies),
-                              (rootContainerInstance.dependencies =
-                                null === renderExpirationTime$jscomp$0
-                                  ? null
-                                  : {
-                                      expirationTime:
-                                        renderExpirationTime$jscomp$0.expirationTime,
-                                      firstContext:
-                                        renderExpirationTime$jscomp$0.firstContext,
-                                      responders:
-                                        renderExpirationTime$jscomp$0.responders
-                                    })),
-                          (newProps = newProps.sibling);
-                      push(
-                        suspenseStackCursor,
-                        (suspenseStackCursor.current & 1) | 2,
-                        current$$1
-                      );
-                      current$$1 = current$$1.child;
-                      break a;
-                    }
-                    current = current.sibling;
-                  }
-              }
-            else {
-              if (!rootContainerInstance)
-                if (
-                  ((current = findFirstSuspended(internalInstanceHandle)),
-                  null !== current)
-                ) {
-                  if (
-                    ((current$$1.effectTag |= 64),
-                    (rootContainerInstance = !0),
-                    (current = current.updateQueue),
-                    null !== current &&
-                      ((current$$1.updateQueue = current),
-                      (current$$1.effectTag |= 4)),
-                    cutOffTailIfNeeded(newProps, !0),
-                    null === newProps.tail &&
-                      "hidden" === newProps.tailMode &&
-                      !internalInstanceHandle.alternate)
-                  ) {
-                    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),
-                    (rootContainerInstance = !0),
-                    cutOffTailIfNeeded(newProps, !1),
-                    (current$$1.expirationTime = current$$1.childExpirationTime =
-                      renderExpirationTime$jscomp$0 - 1));
-              newProps.isBackwards
-                ? ((internalInstanceHandle.sibling = current$$1.child),
-                  (current$$1.child = internalInstanceHandle))
-                : ((current = newProps.last),
-                  null !== current
-                    ? (current.sibling = internalInstanceHandle)
-                    : (current$$1.child = internalInstanceHandle),
-                  (newProps.last = internalInstanceHandle));
-            }
-            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 = rootContainerInstance
-                ? (newProps & 1) | 2
-                : newProps & 1;
-              push(suspenseStackCursor, newProps, current$$1);
-              current$$1 = current;
-              break a;
-            }
-            break;
-          case 20:
-            break;
-          case 21:
-            break;
-          default:
-            throw Error(
-              "Unknown unit of work tag (" +
-                current$$1.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;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    2 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    2 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function markUnprocessedUpdateTime(expirationTime) {
+  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
+    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
+}
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork$1(
+    unitOfWork.alternate,
+    unitOfWork,
+    renderExpirationTime$1
+  );
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next && (next = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 2048)) {
+      current = completeWork(current, workInProgress, renderExpirationTime$1);
+      if (
+        1 === renderExpirationTime$1 ||
+        1 !== workInProgress.childExpirationTime
+      ) {
         for (
-          rootContainerInstance = current.child;
-          null !== rootContainerInstance;
+          var newChildExpirationTime = 0, _child = workInProgress.child;
+          null !== _child;
 
-        )
-          (renderExpirationTime$jscomp$0 =
-            rootContainerInstance.expirationTime),
-            (internalInstanceHandle =
-              rootContainerInstance.childExpirationTime),
-            renderExpirationTime$jscomp$0 > newProps &&
-              (newProps = renderExpirationTime$jscomp$0),
-            internalInstanceHandle > newProps &&
-              (newProps = internalInstanceHandle),
-            (rootContainerInstance = rootContainerInstance.sibling);
-        current.childExpirationTime = newProps;
+        ) {
+          var _childUpdateExpirationTime = _child.expirationTime,
+            _childChildExpirationTime = _child.childExpirationTime;
+          _childUpdateExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childUpdateExpirationTime);
+          _childChildExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childChildExpirationTime);
+          _child = _child.sibling;
+        }
+        workInProgress.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6448,15 +6312,14 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      current = unwindWork(workInProgress);
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6474,7 +6337,8 @@ function commitRoot(root) {
   return null;
 }
 function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$0.finishedWork,
@@ -6503,7 +6367,8 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
   expirationTime <= root$jscomp$0.lastExpiredTime &&
     (root$jscomp$0.lastExpiredTime = 0);
   root$jscomp$0 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6535,9 +6400,9 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6565,13 +6430,13 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               unmountHostComponents(
                 root,
-                current$$1$jscomp$0,
+                current$jscomp$0,
                 renderPriorityLevel
               );
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6585,97 +6450,25 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (effectTag = expirationTime; null !== nextEffect; ) {
+        for (effectTag = root$jscomp$0; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            current$$1 = nextEffect;
-            currentRef = effectTag;
-            switch (current$$1.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, current$$1);
-                break;
-              case 1:
-                var instance = current$$1.stateNode;
-                if (current$$1.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      current$$1.elementType === current$$1.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            current$$1.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = current$$1.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(
-                    current$$1,
-                    updateQueue,
-                    instance,
-                    currentRef
-                  );
-                break;
-              case 3:
-                var _updateQueue = current$$1.updateQueue;
-                if (null !== _updateQueue) {
-                  root = null;
-                  if (null !== current$$1.child)
-                    switch (current$$1.child.tag) {
-                      case 5:
-                        root = current$$1.child.stateNode;
-                        break;
-                      case 1:
-                        root = current$$1.child.stateNode;
-                    }
-                  commitUpdateQueue(current$$1, _updateQueue, root, currentRef);
-                }
-                break;
-              case 5:
-                break;
-              case 6:
-                break;
-              case 4:
-                break;
-              case 12:
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            current$$1 = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  current$$1 = instance$jscomp$0;
+                  current = instance;
                   break;
                 default:
-                  current$$1 = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(current$$1)
-                : (ref.current = current$$1);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6764,8 +6557,9 @@ function flushPassiveEffectsImpl() {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
       if (null === root) throw Error("Should be working on an effect.");
@@ -6816,20 +6610,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
-        ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
-        ensureRootIsScheduled(root)));
+        ((root.lastPingedTime = suspendedTime), ensureRootIsScheduled(root)));
 }
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
@@ -6841,12 +6632,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber && ensureRootIsScheduled(boundaryFiber);
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -6871,7 +6662,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue);
+            context._currentValue = updateExpirationTime;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -6881,52 +6675,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -6938,41 +6720,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -6980,15 +6761,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -7004,127 +6785,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -7134,11 +6917,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7147,13 +6929,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7164,7 +6943,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -7172,7 +6951,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -7182,23 +6961,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -7208,7 +6987,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7218,7 +6997,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7228,27 +7007,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue);
+        context$jscomp$0._currentValue = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7256,14 +7040,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7273,18 +7058,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7295,16 +7080,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7312,21 +7097,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7334,18 +7118,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7354,16 +7135,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7371,7 +7152,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7381,30 +7162,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7412,13 +7188,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7469,9 +7245,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7489,7 +7262,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7505,6 +7278,10 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.nextEffect = null),
       (workInProgress.firstEffect = null),
       (workInProgress.lastEffect = null));
+  if (null == current)
+    throw Error("current is " + current + " but it can't be");
+  if (null == workInProgress)
+    throw Error("workInProgress is " + workInProgress + " but it can't be");
   workInProgress.childExpirationTime = current.childExpirationTime;
   workInProgress.expirationTime = current.expirationTime;
   workInProgress.child = current.child;
@@ -7556,7 +7333,7 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
@@ -7564,7 +7341,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7572,7 +7349,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7596,6 +7373,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7603,24 +7383,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7679,11 +7459,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7698,14 +7473,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7756,8 +7527,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -7771,11 +7542,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -7786,8 +7552,15 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
+}
+function unmountComponentAtNode(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -7799,299 +7572,117 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    dispatchCommand: function(handle, command, args) {
-      null != handle._nativeTag &&
-        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
-          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;
-            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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-          : "";
-      }
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
-  ReactNativeRenderer$3 =
-    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
-module.exports = ReactNativeRenderer$3.default || ReactNativeRenderer$3;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
+  computeComponentStackForErrorReporting: function(reactTag) {
+    return (reactTag = getInstanceFromTag(reactTag))
+      ? getStackByFiberInDevAndProd(reactTag)
+      : "";
+  }
+};
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.render = function(element, containerTag, callback) {
+  var root = roots.get(containerTag);
+  if (!root) {
+    root = new FiberRootNode(containerTag, 0, !1);
+    var uninitializedFiber = new FiberNode(3, null, null, 0);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.unmountComponentAtNode = unmountComponentAtNode;
+exports.unmountComponentAtNodeAndRemoveContainer = function(containerTag) {
+  unmountComponentAtNode(containerTag);
+  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+};
+exports.unstable_batchedUpdates = batchedUpdates;
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
index 4cc776abd951fd..31b089c41bfee8 100644
--- a/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @providesModule ReactNativeRenderer-prod
  * @preventMunge
  * @generated
@@ -15,85 +16,16 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-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 Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -164,74 +96,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -249,6 +113,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -273,15 +138,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -349,8 +220,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -503,53 +374,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -589,10 +434,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -682,13 +527,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -700,10 +539,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -857,10 +696,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -923,8 +762,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -948,65 +787,168 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_94 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_95 = !1,
+  pluginName$jscomp$inline_96;
+for (pluginName$jscomp$inline_96 in injectedNamesToPlugins$jscomp$inline_94)
+  if (
+    injectedNamesToPlugins$jscomp$inline_94.hasOwnProperty(
+      pluginName$jscomp$inline_96
+    )
+  ) {
+    var pluginModule$jscomp$inline_97 =
+      injectedNamesToPlugins$jscomp$inline_94[pluginName$jscomp$inline_96];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_96) ||
+      namesToPlugins[pluginName$jscomp$inline_96] !==
+        pluginModule$jscomp$inline_97
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_96])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_96 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_96
+      ] = pluginModule$jscomp$inline_97;
+      isOrderingDirty$jscomp$inline_95 = !0;
     }
   }
-});
+isOrderingDirty$jscomp$inline_95 && recomputePluginOrdering();
 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 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);
@@ -1014,21 +956,27 @@ function batchedUpdates(fn, bookkeeping) {
   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))
+    isInsideEventHandler = !1;
+  }
+}
+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++
       )
-        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
-          restoreStateOfTarget(fn[bookkeeping]);
+        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 EMPTY_NATIVE_EVENT = {};
@@ -1036,7 +984,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
     inst = getInstanceFromTag(rootNodeID),
     target = null;
-  target = nativeEvent.target;
+  null != inst && (target = inst.stateNode);
   batchedUpdates(function() {
     var events = target;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1111,10 +1059,11 @@ getFiberCurrentPropsFromNode = function(stateNode) {
 };
 getInstanceFromNode = getInstanceFromTag;
 getNodeFromInstance = function(inst) {
-  var _tag = inst.stateNode._nativeTag;
-  void 0 === _tag && (_tag = inst.stateNode.canonical._nativeTag);
-  if (!_tag) throw Error("All native instances should have a tag.");
-  return _tag;
+  inst = inst.stateNode;
+  var tag = inst._nativeTag;
+  void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
+  if (!tag) throw Error("All native instances should have a tag.");
+  return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
@@ -1149,11 +1098,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1163,9 +1110,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1202,9 +1150,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1214,6 +1162,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1394,8 +1344,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1573,10 +1523,10 @@ var ReactNativeFiberHostComponent = (function() {
   }
   var _proto = ReactNativeFiberHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     ReactNativePrivateInterface.UIManager.measure(
@@ -1620,7 +1570,7 @@ var ReactNativeFiberHostComponent = (function() {
   };
   return ReactNativeFiberHostComponent;
 })();
-function shim$1() {
+function shim() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
   );
@@ -1658,45 +1608,7 @@ function finalizeInitialChildren(parentInstance) {
 }
 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 = [],
+  valueStack = [],
   index = -1;
 function pop(cursor) {
   0 > index ||
@@ -1733,21 +1645,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1765,17 +1673,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1785,18 +1689,21 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 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 =
@@ -1807,6 +1714,7 @@ var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_LowPriority = Scheduler.unstable_LowPriority,
   Scheduler_IdlePriority = Scheduler.unstable_IdlePriority,
   fakeCallbackNode = {},
+  shouldYield = Scheduler.unstable_shouldYield,
   requestPaint =
     void 0 !== Scheduler_requestPaint ? Scheduler_requestPaint : function() {},
   syncQueue = null,
@@ -1906,10 +1814,10 @@ function flushSyncCallbackQueueImpl() {
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1923,11 +1831,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1945,14 +1890,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2007,237 +1947,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2254,10 +2152,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2276,7 +2172,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2290,7 +2186,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2303,7 +2199,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2319,8 +2215,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2372,6 +2268,7 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
@@ -2379,16 +2276,8 @@ function mountClassInstance(
         ? previousContext
         : contextStackCursor.current),
       (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2404,21 +2293,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2430,7 +2316,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2442,19 +2328,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2506,8 +2392,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2532,31 +2418,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2568,51 +2449,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2975,39 +2850,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3057,8 +2941,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3085,11 +2968,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3144,16 +3023,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3170,23 +3049,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim() || shim()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3205,24 +3080,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3231,7 +3098,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3239,92 +3106,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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 Error(
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
+    throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3339,74 +3199,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3418,28 +3304,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3453,18 +3341,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3484,6 +3375,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3505,72 +3405,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3585,7 +3492,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3596,13 +3504,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3616,7 +3524,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3635,23 +3543,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3659,177 +3565,124 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
   },
-  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
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
       );
-    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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
+  },
+  ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3838,13 +3691,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3854,43 +3707,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3903,7 +3751,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3911,7 +3759,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3919,65 +3767,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3989,36 +3838,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4030,16 +3874,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4047,7 +3886,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4075,17 +3914,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4131,6 +3967,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4159,17 +3996,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4213,12 +4047,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4227,16 +4061,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4245,35 +4079,35 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   var nextChildren =
     didCaptureError && "function" !== typeof Component.getDerivedStateFromError
       ? null
       : shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4284,7 +4118,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4307,7 +4141,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4319,32 +4153,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4366,15 +4198,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4383,7 +4214,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4392,7 +4223,7 @@ function updateSuspenseComponent(
         )
           (nextDidTimeout.return = renderExpirationTime),
             (nextDidTimeout = nextDidTimeout.sibling);
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4402,31 +4233,31 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
       mode,
@@ -4444,7 +4275,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4471,6 +4302,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4479,6 +4311,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4486,7 +4319,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4494,7 +4327,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4503,42 +4336,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
         }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4560,15 +4390,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4595,35 +4425,29 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4685,62 +4509,367 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function unwindWork(workInProgress) {
+function completeWork(current, workInProgress, renderExpirationTime) {
+  var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
+    case 2:
+    case 16:
+    case 15:
+    case 0:
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      var effectTag = workInProgress.effectTag;
-      return effectTag & 4096
-        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-          workInProgress)
-        : null;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      effectTag = workInProgress.effectTag;
-      if (0 !== (effectTag & 64))
-        throw Error(
-          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
-        );
-      workInProgress.effectTag = (effectTag & -4097) | 64;
-      return workInProgress;
-    case 5:
-      return popHostContext(workInProgress), null;
-    case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
-        (effectTag = workInProgress.effectTag),
-        effectTag & 4096
-          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
-            workInProgress)
-          : null
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
       );
-    case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
-    case 4:
-      return popHostContainer(workInProgress), null;
-    case 10:
-      return popProvider(workInProgress), null;
-    default:
+    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) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
+        requiredContext(contextStackCursor$1.current);
+        current = allocateTag();
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
+        var updatePayload = diffProperties(
+          null,
+          emptyObject,
+          newProps,
+          renderExpirationTime.validAttributes
+        );
+        ReactNativePrivateInterface.UIManager.createView(
+          current,
+          renderExpirationTime.uiViewClassName,
+          rootContainerInstance,
+          updatePayload
+        );
+        rootContainerInstance = new ReactNativeFiberHostComponent(
+          current,
+          renderExpirationTime,
+          workInProgress
+        );
+        instanceCache.set(current, workInProgress);
+        instanceProps.set(current, newProps);
+        appendAllChildren(rootContainerInstance, workInProgress, !1, !1);
+        workInProgress.stateNode = rootContainerInstance;
+        finalizeInitialChildren(rootContainerInstance) &&
+          (workInProgress.effectTag |= 4);
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
       return null;
-  }
-}
-function createCapturedValue(value, source) {
-  return {
-    value: value,
-    source: source,
-    stack: getStackByFiberInDevAndProd(source)
-  };
-}
-if (
-  "function" !==
-  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
-)
-  throw Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-function logCapturedError(capturedError) {
-  !1 !==
+    case 6:
+      if (current && null != workInProgress.stateNode)
+        updateHostText$1(
+          current,
+          workInProgress,
+          current.memoizedProps,
+          newProps
+        );
+      else {
+        if ("string" !== typeof newProps && null === workInProgress.stateNode)
+          throw Error(
+            "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+          );
+        current = requiredContext(rootInstanceStackCursor.current);
+        if (!requiredContext(contextStackCursor$1.current).isInAParentText)
+          throw 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;
+      }
+      return null;
+    case 13:
+      pop(suspenseStackCursor);
+      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 & 1)
+        )
+          workInProgressRootExitStatus === RootIncomplete &&
+            (workInProgressRootExitStatus = RootSuspended);
+        else {
+          if (
+            workInProgressRootExitStatus === RootIncomplete ||
+            workInProgressRootExitStatus === RootSuspended
+          )
+            workInProgressRootExitStatus = RootSuspendedWithDelay;
+          0 !== workInProgressRootNextUnprocessedUpdateTime &&
+            null !== workInProgressRoot &&
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
+            markRootUpdatedAtTime(
+              workInProgressRoot,
+              workInProgressRootNextUnprocessedUpdateTime
+            ));
+        }
+      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
+      return null;
+    case 4:
+      return popHostContainer(), updateHostContainer(workInProgress), null;
+    case 10:
+      return popProvider(workInProgress), null;
+    case 17:
+      return isContextProvider(workInProgress.type) && popContext(), null;
+    case 19:
+      pop(suspenseStackCursor);
+      newProps = workInProgress.memoizedState;
+      if (null === newProps) return null;
+      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));
+                null === newProps.lastEffect &&
+                  (workInProgress.firstEffect = null);
+                workInProgress.lastEffect = newProps.lastEffect;
+                current = renderExpirationTime;
+                for (newProps = workInProgress.child; null !== newProps; )
+                  (rootContainerInstance = newProps),
+                    (renderExpirationTime = current),
+                    (rootContainerInstance.effectTag &= 2),
+                    (rootContainerInstance.nextEffect = null),
+                    (rootContainerInstance.firstEffect = null),
+                    (rootContainerInstance.lastEffect = null),
+                    (updatePayload = rootContainerInstance.alternate),
+                    null === updatePayload
+                      ? ((rootContainerInstance.childExpirationTime = 0),
+                        (rootContainerInstance.expirationTime = renderExpirationTime),
+                        (rootContainerInstance.child = null),
+                        (rootContainerInstance.memoizedProps = null),
+                        (rootContainerInstance.memoizedState = null),
+                        (rootContainerInstance.updateQueue = null),
+                        (rootContainerInstance.dependencies = null))
+                      : ((rootContainerInstance.childExpirationTime =
+                          updatePayload.childExpirationTime),
+                        (rootContainerInstance.expirationTime =
+                          updatePayload.expirationTime),
+                        (rootContainerInstance.child = updatePayload.child),
+                        (rootContainerInstance.memoizedProps =
+                          updatePayload.memoizedProps),
+                        (rootContainerInstance.memoizedState =
+                          updatePayload.memoizedState),
+                        (rootContainerInstance.updateQueue =
+                          updatePayload.updateQueue),
+                        (renderExpirationTime = updatePayload.dependencies),
+                        (rootContainerInstance.dependencies =
+                          null === renderExpirationTime
+                            ? null
+                            : {
+                                expirationTime:
+                                  renderExpirationTime.expirationTime,
+                                firstContext: renderExpirationTime.firstContext,
+                                responders: renderExpirationTime.responders
+                              })),
+                    (newProps = newProps.sibling);
+                push(
+                  suspenseStackCursor,
+                  (suspenseStackCursor.current & 1) | 2
+                );
+                return workInProgress.child;
+              }
+              current = current.sibling;
+            }
+        }
+      else {
+        if (!rootContainerInstance)
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
+            if (
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              (current = current.updateQueue),
+              null !== current &&
+                ((workInProgress.updateQueue = current),
+                (workInProgress.effectTag |= 4)),
+              cutOffTailIfNeeded(newProps, !0),
+              null === newProps.tail &&
+                "hidden" === newProps.tailMode &&
+                !updatePayload.alternate)
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
+          } else
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
+              ((workInProgress.effectTag |= 64),
+              (rootContainerInstance = !0),
+              cutOffTailIfNeeded(newProps, !1),
+              (workInProgress.expirationTime = workInProgress.childExpirationTime =
+                renderExpirationTime - 1));
+        newProps.isBackwards
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
+          : ((current = newProps.last),
+            null !== current
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
+      }
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
+            (newProps.tailExpiration = now() + 500),
+          (current = newProps.tail),
+          (newProps.rendering = current),
+          (newProps.tail = current.sibling),
+          (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
+          (current.sibling = null),
+          (workInProgress = suspenseStackCursor.current),
+          push(
+            suspenseStackCursor,
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
+          ),
+          current)
+        : null;
+  }
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function unwindWork(workInProgress) {
+  switch (workInProgress.tag) {
+    case 1:
+      isContextProvider(workInProgress.type) && popContext();
+      var effectTag = workInProgress.effectTag;
+      return effectTag & 4096
+        ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+          workInProgress)
+        : null;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
+      effectTag = workInProgress.effectTag;
+      if (0 !== (effectTag & 64))
+        throw Error(
+          "The root failed to unmount after an error. This is likely a bug in React. Please file an issue."
+        );
+      workInProgress.effectTag = (effectTag & -4097) | 64;
+      return workInProgress;
+    case 5:
+      return popHostContext(workInProgress), null;
+    case 13:
+      return (
+        pop(suspenseStackCursor),
+        (effectTag = workInProgress.effectTag),
+        effectTag & 4096
+          ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
+            workInProgress)
+          : null
+      );
+    case 19:
+      return pop(suspenseStackCursor), null;
+    case 4:
+      return popHostContainer(), 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 Error(
+    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+  );
+function logCapturedError(capturedError) {
+  !1 !==
     ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
       capturedError
     ) && console.error(capturedError.error);
@@ -4775,85 +4904,159 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
@@ -4864,13 +5067,13 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
           function() {
             var effect = firstEffect;
             do {
-              var destroy = effect.destroy;
-              if (void 0 !== destroy) {
-                var current$$1 = current$$1$jscomp$0;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -4880,37 +5083,35 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
       unmountHostComponents(
         finishedRoot,
-        current$$1$jscomp$0,
+        current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
 function isHostParent(fiber) {
@@ -4973,97 +5174,103 @@ function commitPlacement(finishedWork) {
       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 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),
+  isContainer
+    ? insertOrAppendPlacementNodeIntoContainer(
+        finishedWork,
+        parentFiber,
+        parent
+      )
+    : insertOrAppendPlacementNode(finishedWork, parentFiber, parent);
+}
+function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    if (((node = isHost ? node.stateNode : node.stateNode.instance), before)) {
+      if ("number" === typeof parent)
+        throw Error("Container does not support insertBefore operation");
+    } else
+      ReactNativePrivateInterface.UIManager.setChildren(parent, [
+        "number" === typeof node ? node : node._nativeTag
+      ]);
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        (node = node.sibling);
+}
+function insertOrAppendPlacementNode(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    (node = isHost ? node.stateNode : node.stateNode.instance),
+      before
+        ? ((tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              (before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
-                [index],
-                [beforeChild],
+                parent._nativeTag,
+                [isHost],
+                [before],
                 [],
                 [],
                 []
               ))
-            : ((index = children.indexOf(beforeChild)),
-              children.splice(index, 0, stateNode),
+            : ((before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
+                parent._nativeTag,
                 [],
                 [],
-                [
-                  "number" === typeof stateNode
-                    ? stateNode
-                    : stateNode._nativeTag
-                ],
-                [index],
+                ["number" === typeof node ? node : node._nativeTag],
+                [before],
                 []
-              ));
-        }
-      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;
-  }
+              )))
+        : ((before = "number" === typeof node ? node : node._nativeTag),
+          (tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [isHost],
+                [tag.length - 1],
+                [],
+                [],
+                []
+              ))
+            : (tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [],
+                [],
+                [before],
+                [tag.length - 1],
+                []
+              )));
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNode(node, before, parent), node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNode(node, before, parent), (node = node.sibling);
 }
 function unmountHostComponents(
   finishedRoot$jscomp$0,
-  current$$1,
+  current,
   renderPriorityLevel$jscomp$0
 ) {
   for (
-    var node = current$$1,
+    var node = current,
       currentParentIsValid = !1,
       currentParent,
       currentParentIsContainer;
@@ -5111,7 +5318,7 @@ function unmountHostComponents(
           (node$jscomp$0.child.return = node$jscomp$0),
             (node$jscomp$0 = node$jscomp$0.child);
         else {
-          if (node$jscomp$0 === root) break;
+          if (node$jscomp$0 === root) break a;
           for (; null === node$jscomp$0.sibling; ) {
             if (null === node$jscomp$0.return || node$jscomp$0.return === root)
               break a;
@@ -5161,9 +5368,9 @@ function unmountHostComponents(
       node = node.child;
       continue;
     }
-    if (node === current$$1) break;
+    if (node === current) break;
     for (; null === node.sibling; ) {
-      if (null === node.return || node.return === current$$1) return;
+      if (null === node.return || node.return === current) return;
       node = node.return;
       4 === node.tag && (currentParentIsValid = !1);
     }
@@ -5171,21 +5378,22 @@ function unmountHostComponents(
     node = node.sibling;
   }
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
-      break;
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
+      return;
     case 1:
-      break;
+      return;
     case 5:
       var instance = finishedWork.stateNode;
       if (null != instance) {
         var newProps = finishedWork.memoizedProps;
-        current$$1 = null !== current$$1 ? current$$1.memoizedProps : newProps;
+        current = null !== current ? current.memoizedProps : newProps;
         var updatePayload = finishedWork.updateQueue;
         finishedWork.updateQueue = null;
         null !== updatePayload &&
@@ -5193,7 +5401,7 @@ function commitWork(current$$1, finishedWork) {
           instanceProps.set(instance._nativeTag, newProps),
           (newProps = diffProperties(
             null,
-            current$$1,
+            current,
             newProps,
             finishedWork.validAttributes
           )),
@@ -5204,7 +5412,7 @@ function commitWork(current$$1, finishedWork) {
               newProps
             ));
       }
-      break;
+      return;
     case 6:
       if (null === finishedWork.stateNode)
         throw Error(
@@ -5215,11 +5423,11 @@ function commitWork(current$$1, finishedWork) {
         "RCTRawText",
         { text: finishedWork.memoizedProps }
       );
-      break;
+      return;
     case 3:
-      break;
+      return;
     case 12:
-      break;
+      return;
     case 13:
       instance = finishedWork;
       null === finishedWork.memoizedState
@@ -5228,9 +5436,9 @@ function commitWork(current$$1, finishedWork) {
           (instance = finishedWork.child),
           (globalMostRecentFallbackTime = now()));
       if (null !== instance)
-        a: for (current$$1 = instance; ; ) {
-          if (5 === current$$1.tag)
-            if (((updatePayload = current$$1.stateNode), newProps)) {
+        a: for (current = instance; ; ) {
+          if (5 === current.tag)
+            if (((updatePayload = current.stateNode), newProps)) {
               var viewConfig = updatePayload.viewConfig;
               var updatePayload$jscomp$0 = diffProperties(
                 null,
@@ -5244,8 +5452,8 @@ function commitWork(current$$1, finishedWork) {
                 updatePayload$jscomp$0
               );
             } else {
-              updatePayload = current$$1.stateNode;
-              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              updatePayload = current.stateNode;
+              updatePayload$jscomp$0 = current.memoizedProps;
               viewConfig = updatePayload.viewConfig;
               var prevProps = Object.assign({}, updatePayload$jscomp$0, {
                 style: [updatePayload$jscomp$0.style, { display: "none" }]
@@ -5263,47 +5471,41 @@ function commitWork(current$$1, finishedWork) {
               );
             }
           else {
-            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (6 === current.tag) throw Error("Not yet implemented.");
             if (
-              13 === current$$1.tag &&
-              null !== current$$1.memoizedState &&
-              null === current$$1.memoizedState.dehydrated
+              13 === current.tag &&
+              null !== current.memoizedState &&
+              null === current.memoizedState.dehydrated
             ) {
-              updatePayload = current$$1.child.sibling;
-              updatePayload.return = current$$1;
-              current$$1 = updatePayload;
+              updatePayload = current.child.sibling;
+              updatePayload.return = current;
+              current = updatePayload;
               continue;
-            } else if (null !== current$$1.child) {
-              current$$1.child.return = current$$1;
-              current$$1 = current$$1.child;
+            } else if (null !== current.child) {
+              current.child.return = current;
+              current = current.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;
+          if (current === instance) break;
+          for (; null === current.sibling; ) {
+            if (null === current.return || current.return === instance) break a;
+            current = current.return;
           }
-          current$$1.sibling.return = current$$1.return;
-          current$$1 = current$$1.sibling;
+          current.sibling.return = current.return;
+          current = current.sibling;
         }
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 19:
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 17:
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function attachSuspenseRetryListeners(finishedWork) {
   var thenables = finishedWork.updateQueue;
@@ -5359,7 +5561,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5374,7 +5576,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5399,8 +5601,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5408,7 +5610,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5440,11 +5642,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5498,7 +5700,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5507,9 +5709,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5531,18 +5734,18 @@ function ensureRootIsScheduled(root) {
       1073741823 === expirationTime
         ? (priorityLevel = 99)
         : 1 === expirationTime || 2 === expirationTime
-          ? (priorityLevel = 95)
-          : ((priorityLevel =
-              10 * (1073741821 - expirationTime) -
-              10 * (1073741821 - priorityLevel)),
-            (priorityLevel =
-              0 >= priorityLevel
-                ? 99
-                : 250 >= priorityLevel
-                  ? 98
-                  : 5250 >= priorityLevel
-                    ? 97
-                    : 95));
+        ? (priorityLevel = 95)
+        : ((priorityLevel =
+            10 * (1073741821 - expirationTime) -
+            10 * (1073741821 - priorityLevel)),
+          (priorityLevel =
+            0 >= priorityLevel
+              ? 99
+              : 250 >= priorityLevel
+              ? 98
+              : 5250 >= priorityLevel
+              ? 97
+              : 95));
       if (null !== existingCallbackNode) {
         var existingCallbackPriority = root.callbackPriority;
         if (
@@ -5569,264 +5772,225 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime;
+  var exitStatus = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  executionContext = exitStatus;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && expirationTime === renderExpirationTime) ||
-      prepareFreshStack(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopConcurrent();
+      didTimeout);
+    expirationTime = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((expirationTime =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < expirationTime)
+        ) {
+          if (
+            workInProgressRootHasPendingPing &&
+            ((prevDispatcher = root.lastPingedTime),
+            0 === prevDispatcher || prevDispatcher >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
+            break;
+          }
+          prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== prevDispatcher && prevDispatcher !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
+            break;
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            expirationTime
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((expirationTime = root.lastPingedTime),
+          0 === expirationTime || expirationTime >= lastExpiredTime)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
+          break;
+        }
+        expirationTime = getNextRootExpirationTimeToWorkOn(root);
+        if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (expirationTime =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (expirationTime = 0)
+          : ((expirationTime =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (expirationTime = exitStatus - expirationTime),
+            0 > expirationTime && (expirationTime = 0),
+            (expirationTime =
+              (120 > expirationTime
+                ? 120
+                : 480 > expirationTime
+                ? 480
+                : 1080 > expirationTime
+                ? 1080
+                : 1920 > expirationTime
+                ? 1920
+                : 3e3 > expirationTime
+                ? 3e3
+                : 4320 > expirationTime
+                ? 4320
+                : 1960 * ceil(expirationTime / 1960)) - expirationTime),
+            lastExpiredTime < expirationTime &&
+              (expirationTime = lastExpiredTime));
+        if (10 < expirationTime) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            expirationTime
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          prevDispatcher = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          expirationTime = suspenseConfig.busyMinDurationMs | 0;
+          0 >= expirationTime
+            ? (expirationTime = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (prevDispatcher =
+                now() -
+                (10 * (1073741821 - prevDispatcher) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (expirationTime =
+                prevDispatcher <= exitStatus
+                  ? 0
+                  : exitStatus + expirationTime - prevDispatcher));
+          if (10 < expirationTime) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              expirationTime
             );
             break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (workInProgressRootHasPendingPing) {
-                var lastPingedTime = root.lastPingedTime;
-                if (0 === lastPingedTime || lastPingedTime >= expirationTime) {
-                  root.lastPingedTime = expirationTime;
-                  prepareFreshStack(root, expirationTime);
-                  break;
-                }
-              }
-              lastPingedTime = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== lastPingedTime && lastPingedTime !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              lastPingedTime = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (lastPingedTime =
-                    now() -
-                    (10 * (1073741821 - lastPingedTime) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    lastPingedTime <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        lastPingedTime));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
-            break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
     }
   }
-  return null;
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
 }
 function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
   var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    (root === workInProgressRoot && lastExpiredTime === renderExpirationTime) ||
-      prepareFreshStack(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root);
-      do
-        try {
-          workLoopSync();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
-    }
-  }
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
   return null;
 }
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
-  }
-}
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
   root.finishedExpirationTime = 0;
@@ -5838,26 +6002,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -5865,8 +6030,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -5878,19 +6043,32 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       a: {
         var root = root$jscomp$0,
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -5898,8 +6076,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -5914,10 +6101,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -6024,406 +6211,94 @@ function handleError(root$jscomp$0, thrownValue) {
   } while (1);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
-  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
-}
-function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
-  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
-    2 < expirationTime &&
-    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
-  null !== suspenseConfig &&
-    expirationTime < workInProgressRootLatestSuspenseTimeout &&
-    2 < expirationTime &&
-    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
-    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
-}
-function markUnprocessedUpdateTime(expirationTime) {
-  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
-    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
-}
-function workLoopSync() {
-  for (; null !== workInProgress; )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-function workLoopConcurrent() {
-  for (; null !== workInProgress && !Scheduler_shouldYield(); )
-    workInProgress = performUnitOfWork(workInProgress);
-}
-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 & 2048)) {
-      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);
-            current = current$$1.stateNode;
-            current.pendingContext &&
-              ((current.context = current.pendingContext),
-              (current.pendingContext = null));
-            updateHostContainer(current$$1);
-            break;
-          case 5:
-            popHostContext(current$$1);
-            var rootContainerInstance = requiredContext(
-              rootInstanceStackCursor.current
-            );
-            renderExpirationTime$jscomp$0 = current$$1.type;
-            if (null !== current && null != current$$1.stateNode)
-              updateHostComponent$1(
-                current,
-                current$$1,
-                renderExpirationTime$jscomp$0,
-                newProps,
-                rootContainerInstance
-              ),
-                current.ref !== current$$1.ref && (current$$1.effectTag |= 128);
-            else if (newProps) {
-              current = requiredContext(contextStackCursor$1.current);
-              var internalInstanceHandle = current$$1,
-                tag = allocateTag(),
-                viewConfig = getViewConfigForType(
-                  renderExpirationTime$jscomp$0
-                ),
-                updatePayload = diffProperties(
-                  null,
-                  emptyObject,
-                  newProps,
-                  viewConfig.validAttributes
-                );
-              ReactNativePrivateInterface.UIManager.createView(
-                tag,
-                viewConfig.uiViewClassName,
-                rootContainerInstance,
-                updatePayload
-              );
-              viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
-              instanceCache.set(tag, internalInstanceHandle);
-              instanceProps.set(tag, newProps);
-              appendAllChildren(viewConfig, current$$1, !1, !1);
-              current$$1.stateNode = viewConfig;
-              finalizeInitialChildren(
-                viewConfig,
-                renderExpirationTime$jscomp$0,
-                newProps,
-                rootContainerInstance,
-                current
-              ) && (current$$1.effectTag |= 4);
-              null !== current$$1.ref && (current$$1.effectTag |= 128);
-            } else if (null === current$$1.stateNode)
-              throw Error(
-                "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-              );
-            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 Error(
-                  "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
-                );
-              renderExpirationTime$jscomp$0 = requiredContext(
-                rootInstanceStackCursor.current
-              );
-              rootContainerInstance = requiredContext(
-                contextStackCursor$1.current
-              );
-              current = current$$1;
-              if (!rootContainerInstance.isInAParentText)
-                throw Error(
-                  "Text strings must be rendered within a <Text> component."
-                );
-              rootContainerInstance = allocateTag();
-              ReactNativePrivateInterface.UIManager.createView(
-                rootContainerInstance,
-                "RCTRawText",
-                renderExpirationTime$jscomp$0,
-                { text: newProps }
-              );
-              instanceCache.set(rootContainerInstance, current$$1);
-              current.stateNode = rootContainerInstance;
-            }
-            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;
-            rootContainerInstance = !1;
-            null !== current &&
-              ((renderExpirationTime$jscomp$0 = current.memoizedState),
-              (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
-              newProps ||
-                null === renderExpirationTime$jscomp$0 ||
-                ((renderExpirationTime$jscomp$0 = current.child.sibling),
-                null !== renderExpirationTime$jscomp$0 &&
-                  ((internalInstanceHandle = current$$1.firstEffect),
-                  null !== internalInstanceHandle
-                    ? ((current$$1.firstEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = internalInstanceHandle))
-                    : ((current$$1.firstEffect = current$$1.lastEffect = renderExpirationTime$jscomp$0),
-                      (renderExpirationTime$jscomp$0.nextEffect = null)),
-                  (renderExpirationTime$jscomp$0.effectTag = 8))));
-            if (
-              newProps &&
-              !rootContainerInstance &&
-              0 !== (current$$1.mode & 2)
-            )
-              if (
-                (null === current &&
-                  !0 !== current$$1.memoizedProps.unstable_avoidThisFallback) ||
-                0 !== (suspenseStackCursor.current & 1)
-              )
-                workInProgressRootExitStatus === RootIncomplete &&
-                  (workInProgressRootExitStatus = RootSuspended);
-              else {
-                if (
-                  workInProgressRootExitStatus === RootIncomplete ||
-                  workInProgressRootExitStatus === RootSuspended
-                )
-                  workInProgressRootExitStatus = RootSuspendedWithDelay;
-                0 !== workInProgressRootNextUnprocessedUpdateTime &&
-                  null !== workInProgressRoot &&
-                  (markRootSuspendedAtTime(
-                    workInProgressRoot,
-                    renderExpirationTime
-                  ),
-                  markRootUpdatedAtTime(
-                    workInProgressRoot,
-                    workInProgressRootNextUnprocessedUpdateTime
-                  ));
-              }
-            if (newProps || rootContainerInstance) 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 19:
-            pop(suspenseStackCursor, current$$1);
-            newProps = current$$1.memoizedState;
-            if (null === newProps) break;
-            rootContainerInstance = 0 !== (current$$1.effectTag & 64);
-            internalInstanceHandle = newProps.rendering;
-            if (null === internalInstanceHandle)
-              if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
-              else {
-                if (
-                  workInProgressRootExitStatus !== RootIncomplete ||
-                  (null !== current && 0 !== (current.effectTag & 64))
-                )
-                  for (current = current$$1.child; null !== current; ) {
-                    internalInstanceHandle = findFirstSuspended(current);
-                    if (null !== internalInstanceHandle) {
-                      current$$1.effectTag |= 64;
-                      cutOffTailIfNeeded(newProps, !1);
-                      current = internalInstanceHandle.updateQueue;
-                      null !== current &&
-                        ((current$$1.updateQueue = current),
-                        (current$$1.effectTag |= 4));
-                      null === newProps.lastEffect &&
-                        (current$$1.firstEffect = null);
-                      current$$1.lastEffect = newProps.lastEffect;
-                      current = renderExpirationTime$jscomp$0;
-                      for (newProps = current$$1.child; null !== newProps; )
-                        (rootContainerInstance = newProps),
-                          (renderExpirationTime$jscomp$0 = current),
-                          (rootContainerInstance.effectTag &= 2),
-                          (rootContainerInstance.nextEffect = null),
-                          (rootContainerInstance.firstEffect = null),
-                          (rootContainerInstance.lastEffect = null),
-                          (internalInstanceHandle =
-                            rootContainerInstance.alternate),
-                          null === internalInstanceHandle
-                            ? ((rootContainerInstance.childExpirationTime = 0),
-                              (rootContainerInstance.expirationTime = renderExpirationTime$jscomp$0),
-                              (rootContainerInstance.child = null),
-                              (rootContainerInstance.memoizedProps = null),
-                              (rootContainerInstance.memoizedState = null),
-                              (rootContainerInstance.updateQueue = null),
-                              (rootContainerInstance.dependencies = null))
-                            : ((rootContainerInstance.childExpirationTime =
-                                internalInstanceHandle.childExpirationTime),
-                              (rootContainerInstance.expirationTime =
-                                internalInstanceHandle.expirationTime),
-                              (rootContainerInstance.child =
-                                internalInstanceHandle.child),
-                              (rootContainerInstance.memoizedProps =
-                                internalInstanceHandle.memoizedProps),
-                              (rootContainerInstance.memoizedState =
-                                internalInstanceHandle.memoizedState),
-                              (rootContainerInstance.updateQueue =
-                                internalInstanceHandle.updateQueue),
-                              (renderExpirationTime$jscomp$0 =
-                                internalInstanceHandle.dependencies),
-                              (rootContainerInstance.dependencies =
-                                null === renderExpirationTime$jscomp$0
-                                  ? null
-                                  : {
-                                      expirationTime:
-                                        renderExpirationTime$jscomp$0.expirationTime,
-                                      firstContext:
-                                        renderExpirationTime$jscomp$0.firstContext,
-                                      responders:
-                                        renderExpirationTime$jscomp$0.responders
-                                    })),
-                          (newProps = newProps.sibling);
-                      push(
-                        suspenseStackCursor,
-                        (suspenseStackCursor.current & 1) | 2,
-                        current$$1
-                      );
-                      current$$1 = current$$1.child;
-                      break a;
-                    }
-                    current = current.sibling;
-                  }
-              }
-            else {
-              if (!rootContainerInstance)
-                if (
-                  ((current = findFirstSuspended(internalInstanceHandle)),
-                  null !== current)
-                ) {
-                  if (
-                    ((current$$1.effectTag |= 64),
-                    (rootContainerInstance = !0),
-                    (current = current.updateQueue),
-                    null !== current &&
-                      ((current$$1.updateQueue = current),
-                      (current$$1.effectTag |= 4)),
-                    cutOffTailIfNeeded(newProps, !0),
-                    null === newProps.tail &&
-                      "hidden" === newProps.tailMode &&
-                      !internalInstanceHandle.alternate)
-                  ) {
-                    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),
-                    (rootContainerInstance = !0),
-                    cutOffTailIfNeeded(newProps, !1),
-                    (current$$1.expirationTime = current$$1.childExpirationTime =
-                      renderExpirationTime$jscomp$0 - 1));
-              newProps.isBackwards
-                ? ((internalInstanceHandle.sibling = current$$1.child),
-                  (current$$1.child = internalInstanceHandle))
-                : ((current = newProps.last),
-                  null !== current
-                    ? (current.sibling = internalInstanceHandle)
-                    : (current$$1.child = internalInstanceHandle),
-                  (newProps.last = internalInstanceHandle));
-            }
-            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 = rootContainerInstance
-                ? (newProps & 1) | 2
-                : newProps & 1;
-              push(suspenseStackCursor, newProps, current$$1);
-              current$$1 = current;
-              break a;
-            }
-            break;
-          case 20:
-            break;
-          case 21:
-            break;
-          default:
-            throw Error(
-              "Unknown unit of work tag (" +
-                current$$1.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;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
+}
+function markRenderEventTimeAndConfig(expirationTime, suspenseConfig) {
+  expirationTime < workInProgressRootLatestProcessedExpirationTime &&
+    2 < expirationTime &&
+    (workInProgressRootLatestProcessedExpirationTime = expirationTime);
+  null !== suspenseConfig &&
+    expirationTime < workInProgressRootLatestSuspenseTimeout &&
+    2 < expirationTime &&
+    ((workInProgressRootLatestSuspenseTimeout = expirationTime),
+    (workInProgressRootCanSuspendUsingConfig = suspenseConfig));
+}
+function markUnprocessedUpdateTime(expirationTime) {
+  expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
+    (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
+}
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  (root === workInProgressRoot && expirationTime === renderExpirationTime$1) ||
+    prepareFreshStack(root, expirationTime);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
+function workLoopSync() {
+  for (; null !== workInProgress; )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function workLoopConcurrent() {
+  for (; null !== workInProgress && !shouldYield(); )
+    workInProgress = performUnitOfWork(workInProgress);
+}
+function performUnitOfWork(unitOfWork) {
+  var next = beginWork$1(
+    unitOfWork.alternate,
+    unitOfWork,
+    renderExpirationTime$1
+  );
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === next && (next = completeUnitOfWork(unitOfWork));
+  ReactCurrentOwner$2.current = null;
+  return next;
+}
+function completeUnitOfWork(unitOfWork) {
+  workInProgress = unitOfWork;
+  do {
+    var current = workInProgress.alternate;
+    unitOfWork = workInProgress.return;
+    if (0 === (workInProgress.effectTag & 2048)) {
+      current = completeWork(current, workInProgress, renderExpirationTime$1);
+      if (
+        1 === renderExpirationTime$1 ||
+        1 !== workInProgress.childExpirationTime
+      ) {
         for (
-          rootContainerInstance = current.child;
-          null !== rootContainerInstance;
+          var newChildExpirationTime = 0, _child = workInProgress.child;
+          null !== _child;
 
-        )
-          (renderExpirationTime$jscomp$0 =
-            rootContainerInstance.expirationTime),
-            (internalInstanceHandle =
-              rootContainerInstance.childExpirationTime),
-            renderExpirationTime$jscomp$0 > newProps &&
-              (newProps = renderExpirationTime$jscomp$0),
-            internalInstanceHandle > newProps &&
-              (newProps = internalInstanceHandle),
-            (rootContainerInstance = rootContainerInstance.sibling);
-        current.childExpirationTime = newProps;
+        ) {
+          var _childUpdateExpirationTime = _child.expirationTime,
+            _childChildExpirationTime = _child.childExpirationTime;
+          _childUpdateExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childUpdateExpirationTime);
+          _childChildExpirationTime > newChildExpirationTime &&
+            (newChildExpirationTime = _childChildExpirationTime);
+          _child = _child.sibling;
+        }
+        workInProgress.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6438,15 +6313,14 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      current = unwindWork(workInProgress);
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6464,7 +6338,8 @@ function commitRoot(root) {
   return null;
 }
 function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$0.finishedWork,
@@ -6493,7 +6368,8 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
   expirationTime <= root$jscomp$0.lastExpiredTime &&
     (root$jscomp$0.lastExpiredTime = 0);
   root$jscomp$0 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6525,9 +6401,9 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6555,13 +6431,13 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               unmountHostComponents(
                 root,
-                current$$1$jscomp$0,
+                current$jscomp$0,
                 renderPriorityLevel
               );
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6575,97 +6451,25 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (effectTag = expirationTime; null !== nextEffect; ) {
+        for (effectTag = root$jscomp$0; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            current$$1 = nextEffect;
-            currentRef = effectTag;
-            switch (current$$1.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, current$$1);
-                break;
-              case 1:
-                var instance = current$$1.stateNode;
-                if (current$$1.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      current$$1.elementType === current$$1.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            current$$1.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = current$$1.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(
-                    current$$1,
-                    updateQueue,
-                    instance,
-                    currentRef
-                  );
-                break;
-              case 3:
-                var _updateQueue = current$$1.updateQueue;
-                if (null !== _updateQueue) {
-                  root = null;
-                  if (null !== current$$1.child)
-                    switch (current$$1.child.tag) {
-                      case 5:
-                        root = current$$1.child.stateNode;
-                        break;
-                      case 1:
-                        root = current$$1.child.stateNode;
-                    }
-                  commitUpdateQueue(current$$1, _updateQueue, root, currentRef);
-                }
-                break;
-              case 5:
-                break;
-              case 6:
-                break;
-              case 4:
-                break;
-              case 12:
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            current$$1 = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  current$$1 = instance$jscomp$0;
+                  current = instance;
                   break;
                 default:
-                  current$$1 = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(current$$1)
-                : (ref.current = current$$1);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6754,8 +6558,9 @@ function flushPassiveEffectsImpl() {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
       if (null === root) throw Error("Should be working on an effect.");
@@ -6806,20 +6611,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
-        ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
-        ensureRootIsScheduled(root)));
+        ((root.lastPingedTime = suspendedTime), ensureRootIsScheduled(root)));
 }
 function resolveRetryThenable(boundaryFiber, thenable) {
   var retryCache = boundaryFiber.stateNode;
@@ -6831,12 +6633,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
   boundaryFiber = markUpdateTimeFromFiberToRoot(boundaryFiber, thenable);
   null !== boundaryFiber && ensureRootIsScheduled(boundaryFiber);
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -6861,7 +6663,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue);
+            context._currentValue = updateExpirationTime;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -6871,52 +6676,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -6928,41 +6721,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -6970,15 +6762,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -6994,127 +6786,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -7124,11 +6918,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7137,13 +6930,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7154,7 +6944,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -7162,7 +6952,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -7172,23 +6962,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -7198,7 +6988,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7208,7 +6998,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7218,27 +7008,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue);
+        context$jscomp$0._currentValue = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7246,14 +7041,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7263,18 +7059,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7285,16 +7081,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7302,21 +7098,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7324,18 +7119,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7344,16 +7136,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7361,7 +7153,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7371,30 +7163,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7402,13 +7189,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7459,9 +7246,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7479,7 +7263,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7546,7 +7330,7 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
@@ -7554,7 +7338,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7562,7 +7346,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7586,6 +7370,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7593,24 +7380,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7669,11 +7456,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7688,14 +7470,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7746,8 +7524,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -7761,11 +7539,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -7776,8 +7549,15 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
+}
+function unmountComponentAtNode(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -7789,299 +7569,117 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    dispatchCommand: function(handle, command, args) {
-      null != handle._nativeTag &&
-        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
-          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;
-            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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-          : "";
-      }
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
-  ReactNativeRenderer$3 =
-    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
-module.exports = ReactNativeRenderer$3.default || ReactNativeRenderer$3;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
+  computeComponentStackForErrorReporting: function(reactTag) {
+    return (reactTag = getInstanceFromTag(reactTag))
+      ? getStackByFiberInDevAndProd(reactTag)
+      : "";
+  }
+};
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.render = function(element, containerTag, callback) {
+  var root = roots.get(containerTag);
+  if (!root) {
+    root = new FiberRootNode(containerTag, 0, !1);
+    var uninitializedFiber = new FiberNode(3, null, null, 0);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.unmountComponentAtNode = unmountComponentAtNode;
+exports.unmountComponentAtNodeAndRemoveContainer = function(containerTag) {
+  unmountComponentAtNode(containerTag);
+  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+};
+exports.unstable_batchedUpdates = batchedUpdates;
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
index b6719c3c3ecd50..2bac9e25f6cf5d 100644
--- a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.fb.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @preventMunge
  * @generated
  */
@@ -14,86 +15,17 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler"),
-  tracing = require("scheduler/tracing"),
-  eventPluginOrder = null,
-  namesToPlugins = {};
-function recomputePluginOrdering() {
-  if (eventPluginOrder)
-    for (var pluginName in namesToPlugins) {
-      var pluginModule = namesToPlugins[pluginName],
-        pluginIndex = eventPluginOrder.indexOf(pluginName);
-      if (!(-1 < pluginIndex))
-        throw Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+  tracing = require("scheduler/tracing");
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -164,74 +96,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -249,6 +113,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -273,15 +138,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -349,8 +220,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -503,53 +374,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -589,10 +434,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -682,13 +527,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -700,10 +539,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -857,10 +696,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -923,8 +762,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -948,67 +787,168 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_94 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_95 = !1,
+  pluginName$jscomp$inline_96;
+for (pluginName$jscomp$inline_96 in injectedNamesToPlugins$jscomp$inline_94)
+  if (
+    injectedNamesToPlugins$jscomp$inline_94.hasOwnProperty(
+      pluginName$jscomp$inline_96
+    )
+  ) {
+    var pluginModule$jscomp$inline_97 =
+      injectedNamesToPlugins$jscomp$inline_94[pluginName$jscomp$inline_96];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_96) ||
+      namesToPlugins[pluginName$jscomp$inline_96] !==
+        pluginModule$jscomp$inline_97
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_96])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_96 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_96
+      ] = pluginModule$jscomp$inline_97;
+      isOrderingDirty$jscomp$inline_95 = !0;
     }
   }
-});
-var enableNativeTargetAsInstance = require("../shims/ReactFeatureFlags")
-    .enableNativeTargetAsInstance,
-  instanceCache = new Map(),
+isOrderingDirty$jscomp$inline_95 && recomputePluginOrdering();
+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 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);
@@ -1016,21 +956,27 @@ function batchedUpdates(fn, bookkeeping) {
   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))
+    isInsideEventHandler = !1;
+  }
+}
+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++
       )
-        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
-          restoreStateOfTarget(fn[bookkeeping]);
+        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 EMPTY_NATIVE_EVENT = {};
@@ -1038,9 +984,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
     inst = getInstanceFromTag(rootNodeID),
     target = null;
-  enableNativeTargetAsInstance
-    ? null != inst && (target = inst.stateNode)
-    : (target = nativeEvent.target);
+  null != inst && (target = inst.stateNode);
   batchedUpdates(function() {
     var events = target;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1115,17 +1059,11 @@ getFiberCurrentPropsFromNode = function(stateNode) {
 };
 getInstanceFromNode = getInstanceFromTag;
 getNodeFromInstance = function(inst) {
-  if (enableNativeTargetAsInstance) {
-    inst = inst.stateNode;
-    var tag = inst._nativeTag;
-    void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
-    if (!tag) throw Error("All native instances should have a tag.");
-    return inst;
-  }
-  tag = inst.stateNode._nativeTag;
-  void 0 === tag && (tag = inst.stateNode.canonical._nativeTag);
+  inst = inst.stateNode;
+  var tag = inst._nativeTag;
+  void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
   if (!tag) throw Error("All native instances should have a tag.");
-  return tag;
+  return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
@@ -1160,11 +1098,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1174,9 +1110,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1213,9 +1150,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1225,6 +1162,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1405,8 +1344,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1584,10 +1523,10 @@ var ReactNativeFiberHostComponent = (function() {
   }
   var _proto = ReactNativeFiberHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     ReactNativePrivateInterface.UIManager.measure(
@@ -1631,7 +1570,7 @@ var ReactNativeFiberHostComponent = (function() {
   };
   return ReactNativeFiberHostComponent;
 })();
-function shim$1() {
+function shim() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
   );
@@ -1669,45 +1608,7 @@ function finalizeInitialChildren(parentInstance) {
 }
 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 = [],
+  valueStack = [],
   index = -1;
 function pop(cursor) {
   0 > index ||
@@ -1744,21 +1645,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1776,17 +1673,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1796,13 +1689,17 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
@@ -1929,18 +1826,18 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
-      ? 98
-      : 5250 >= currentTime
-        ? 97
-        : 95;
+    ? 98
+    : 5250 >= currentTime
+    ? 97
+    : 95;
 }
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1954,11 +1851,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1976,14 +1910,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2038,237 +1967,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2285,10 +2172,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2307,7 +2192,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2321,7 +2206,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2334,7 +2219,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2350,8 +2235,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2403,6 +2288,7 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
@@ -2410,16 +2296,8 @@ function mountClassInstance(
         ? previousContext
         : contextStackCursor.current),
       (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2435,21 +2313,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2461,7 +2336,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2473,19 +2348,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2537,8 +2412,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2563,31 +2438,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2599,51 +2469,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -3006,39 +2870,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3088,8 +2961,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3116,11 +2988,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3175,16 +3043,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3201,23 +3069,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim() || shim()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3236,24 +3100,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3262,7 +3118,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3270,92 +3126,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3370,74 +3219,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3449,28 +3324,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3484,18 +3361,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3515,6 +3395,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3536,72 +3425,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3616,7 +3512,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3627,13 +3524,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3647,7 +3544,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3666,23 +3563,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3690,112 +3585,113 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
+  },
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
+      );
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
   },
   now$1 = Scheduler.unstable_now,
   commitTime = 0,
@@ -3808,70 +3704,16 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
     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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3880,13 +3722,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3896,43 +3738,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3945,7 +3782,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3953,7 +3790,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3961,65 +3798,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4031,36 +3869,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4072,16 +3905,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4089,7 +3917,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4117,17 +3945,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4173,6 +3998,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4201,17 +4027,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4255,12 +4078,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4269,16 +4092,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4287,26 +4110,26 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   if (
     didCaptureError &&
     "function" !== typeof Component.getDerivedStateFromError
@@ -4315,11 +4138,11 @@ function finishClassComponent(
     profilerStartTime = -1;
   } else nextChildren = shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((didCaptureError = nextChildren),
       (workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4330,7 +4153,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4353,7 +4176,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4365,32 +4188,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4412,15 +4233,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4429,7 +4249,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4440,12 +4260,12 @@ function updateSuspenseComponent(
             (nextDidTimeout = nextDidTimeout.sibling);
       if (workInProgress.mode & 8) {
         nextDidTimeout = 0;
-        for (current$$1 = renderExpirationTime.child; null !== current$$1; )
-          (nextDidTimeout += current$$1.treeBaseDuration),
-            (current$$1 = current$$1.sibling);
+        for (current = renderExpirationTime.child; null !== current; )
+          (nextDidTimeout += current.treeBaseDuration),
+            (current = current.sibling);
         renderExpirationTime.treeBaseDuration = nextDidTimeout;
       }
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4455,37 +4275,37 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     if (workInProgress.mode & 8) {
-      current$$1 = 0;
+      current = 0;
       for (suspenseContext = nextProps.child; null !== suspenseContext; )
-        (current$$1 += suspenseContext.treeBaseDuration),
+        (current += suspenseContext.treeBaseDuration),
           (suspenseContext = suspenseContext.sibling);
-      nextProps.treeBaseDuration = current$$1;
+      nextProps.treeBaseDuration = current;
     }
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
@@ -4504,7 +4324,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4531,6 +4351,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4539,6 +4360,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4546,7 +4368,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4554,7 +4376,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4563,42 +4385,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
         }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4620,15 +4439,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4655,36 +4474,30 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   profilerStartTime = -1;
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4746,78 +4559,87 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
+function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
     case 2:
-      break;
     case 16:
-      break;
     case 15:
     case 0:
-      break;
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      current = workInProgress.stateNode;
-      current.pendingContext &&
-        ((current.context = current.pendingContext),
-        (current.pendingContext = null));
-      updateHostContainer(workInProgress);
-      break;
+      return (
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
+      );
     case 5:
       popHostContext(workInProgress);
       var rootContainerInstance = requiredContext(
         rootInstanceStackCursor.current
       );
-      renderExpirationTime$jscomp$0 = workInProgress.type;
+      renderExpirationTime = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
         updateHostComponent$1(
           current,
           workInProgress,
-          renderExpirationTime$jscomp$0,
+          renderExpirationTime,
           newProps,
           rootContainerInstance
         ),
           current.ref !== workInProgress.ref &&
             (workInProgress.effectTag |= 128);
-      else if (newProps) {
-        current = requiredContext(contextStackCursor$1.current);
-        var tag = allocateTag(),
-          viewConfig = getViewConfigForType(renderExpirationTime$jscomp$0),
-          updatePayload = diffProperties(
-            null,
-            emptyObject,
-            newProps,
-            viewConfig.validAttributes
-          );
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
+        requiredContext(contextStackCursor$1.current);
+        current = allocateTag();
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
+        var updatePayload = diffProperties(
+          null,
+          emptyObject,
+          newProps,
+          renderExpirationTime.validAttributes
+        );
         ReactNativePrivateInterface.UIManager.createView(
-          tag,
-          viewConfig.uiViewClassName,
+          current,
+          renderExpirationTime.uiViewClassName,
           rootContainerInstance,
           updatePayload
         );
-        viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
-        instanceCache.set(tag, workInProgress);
-        instanceProps.set(tag, newProps);
-        appendAllChildren(viewConfig, workInProgress, !1, !1);
-        workInProgress.stateNode = viewConfig;
-        finalizeInitialChildren(
-          viewConfig,
-          renderExpirationTime$jscomp$0,
-          newProps,
-          rootContainerInstance,
-          current
-        ) && (workInProgress.effectTag |= 4);
-        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
-      } else if (null === workInProgress.stateNode)
-        throw Error(
-          "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+        rootContainerInstance = new ReactNativeFiberHostComponent(
+          current,
+          renderExpirationTime,
+          workInProgress
         );
-      break;
+        instanceCache.set(current, workInProgress);
+        instanceProps.set(current, newProps);
+        appendAllChildren(rootContainerInstance, workInProgress, !1, !1);
+        workInProgress.stateNode = rootContainerInstance;
+        finalizeInitialChildren(rootContainerInstance) &&
+          (workInProgress.effectTag |= 4);
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
+      return null;
     case 6:
       if (current && null != workInProgress.stateNode)
         updateHostText$1(
@@ -4846,33 +4668,30 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
         instanceCache.set(rootContainerInstance, workInProgress);
         workInProgress.stateNode = rootContainerInstance;
       }
-      break;
-    case 11:
-      break;
+      return null;
     case 13:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
       if (0 !== (workInProgress.effectTag & 64))
         return (
-          (workInProgress.expirationTime = renderExpirationTime$jscomp$0),
-          workInProgress
+          (workInProgress.expirationTime = renderExpirationTime), workInProgress
         );
       newProps = null !== newProps;
       rootContainerInstance = !1;
       null !== current &&
-        ((renderExpirationTime$jscomp$0 = current.memoizedState),
-        (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
         newProps ||
-          null === renderExpirationTime$jscomp$0 ||
-          ((renderExpirationTime$jscomp$0 = current.child.sibling),
-          null !== renderExpirationTime$jscomp$0 &&
-            ((tag = workInProgress.firstEffect),
-            null !== tag
-              ? ((workInProgress.firstEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = tag))
-              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = null)),
-            (renderExpirationTime$jscomp$0.effectTag = 8))));
+          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 &&
@@ -4889,41 +4708,30 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
             workInProgressRootExitStatus = RootSuspendedWithDelay;
           0 !== workInProgressRootNextUnprocessedUpdateTime &&
             null !== workInProgressRoot &&
-            (markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime),
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
             markRootUpdatedAtTime(
               workInProgressRoot,
               workInProgressRootNextUnprocessedUpdateTime
-            ));
-        }
-      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
-      break;
-    case 7:
-      break;
-    case 8:
-      break;
-    case 12:
-      break;
+            ));
+        }
+      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
+      return null;
     case 4:
-      popHostContainer(workInProgress);
-      updateHostContainer(workInProgress);
-      break;
+      return popHostContainer(), updateHostContainer(workInProgress), null;
     case 10:
-      popProvider(workInProgress);
-      break;
-    case 9:
-      break;
-    case 14:
-      break;
+      return popProvider(workInProgress), null;
     case 17:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 19:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
-      if (null === newProps) break;
+      if (null === newProps) return null;
       rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
-      tag = newProps.rendering;
-      if (null === tag)
+      updatePayload = newProps.rendering;
+      if (null === updatePayload)
         if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
         else {
           if (
@@ -4931,30 +4739,29 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
             (null !== current && 0 !== (current.effectTag & 64))
           )
             for (current = workInProgress.child; null !== current; ) {
-              tag = findFirstSuspended(current);
-              if (null !== tag) {
+              updatePayload = findFirstSuspended(current);
+              if (null !== updatePayload) {
                 workInProgress.effectTag |= 64;
                 cutOffTailIfNeeded(newProps, !1);
-                current = tag.updateQueue;
+                current = updatePayload.updateQueue;
                 null !== current &&
                   ((workInProgress.updateQueue = current),
                   (workInProgress.effectTag |= 4));
                 null === newProps.lastEffect &&
                   (workInProgress.firstEffect = null);
                 workInProgress.lastEffect = newProps.lastEffect;
-                current = renderExpirationTime$jscomp$0;
+                current = renderExpirationTime;
                 for (newProps = workInProgress.child; null !== newProps; )
                   (rootContainerInstance = newProps),
-                    (tag = current),
+                    (updatePayload = current),
                     (rootContainerInstance.effectTag &= 2),
                     (rootContainerInstance.nextEffect = null),
                     (rootContainerInstance.firstEffect = null),
                     (rootContainerInstance.lastEffect = null),
-                    (renderExpirationTime$jscomp$0 =
-                      rootContainerInstance.alternate),
-                    null === renderExpirationTime$jscomp$0
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
                       ? ((rootContainerInstance.childExpirationTime = 0),
-                        (rootContainerInstance.expirationTime = tag),
+                        (rootContainerInstance.expirationTime = updatePayload),
                         (rootContainerInstance.child = null),
                         (rootContainerInstance.memoizedProps = null),
                         (rootContainerInstance.memoizedState = null),
@@ -4963,35 +4770,34 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                         (rootContainerInstance.selfBaseDuration = 0),
                         (rootContainerInstance.treeBaseDuration = 0))
                       : ((rootContainerInstance.childExpirationTime =
-                          renderExpirationTime$jscomp$0.childExpirationTime),
+                          renderExpirationTime.childExpirationTime),
                         (rootContainerInstance.expirationTime =
-                          renderExpirationTime$jscomp$0.expirationTime),
+                          renderExpirationTime.expirationTime),
                         (rootContainerInstance.child =
-                          renderExpirationTime$jscomp$0.child),
+                          renderExpirationTime.child),
                         (rootContainerInstance.memoizedProps =
-                          renderExpirationTime$jscomp$0.memoizedProps),
+                          renderExpirationTime.memoizedProps),
                         (rootContainerInstance.memoizedState =
-                          renderExpirationTime$jscomp$0.memoizedState),
+                          renderExpirationTime.memoizedState),
                         (rootContainerInstance.updateQueue =
-                          renderExpirationTime$jscomp$0.updateQueue),
-                        (tag = renderExpirationTime$jscomp$0.dependencies),
+                          renderExpirationTime.updateQueue),
+                        (updatePayload = renderExpirationTime.dependencies),
                         (rootContainerInstance.dependencies =
-                          null === tag
+                          null === updatePayload
                             ? null
                             : {
-                                expirationTime: tag.expirationTime,
-                                firstContext: tag.firstContext,
-                                responders: tag.responders
+                                expirationTime: updatePayload.expirationTime,
+                                firstContext: updatePayload.firstContext,
+                                responders: updatePayload.responders
                               }),
                         (rootContainerInstance.selfBaseDuration =
-                          renderExpirationTime$jscomp$0.selfBaseDuration),
+                          renderExpirationTime.selfBaseDuration),
                         (rootContainerInstance.treeBaseDuration =
-                          renderExpirationTime$jscomp$0.treeBaseDuration)),
+                          renderExpirationTime.treeBaseDuration)),
                     (newProps = newProps.sibling);
                 push(
                   suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2,
-                  workInProgress
+                  (suspenseStackCursor.current & 1) | 2
                 );
                 return workInProgress.child;
               }
@@ -5000,7 +4806,9 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
         }
       else {
         if (!rootContainerInstance)
-          if (((current = findFirstSuspended(tag)), null !== current)) {
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
             if (
               ((workInProgress.effectTag |= 64),
               (rootContainerInstance = !0),
@@ -5011,74 +4819,72 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
               cutOffTailIfNeeded(newProps, !0),
               null === newProps.tail &&
                 "hidden" === newProps.tailMode &&
-                !tag.alternate)
-            ) {
-              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
-              null !== workInProgress && (workInProgress.nextEffect = null);
-              break;
-            }
+                !updatePayload.alternate)
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
           } else
-            now() > newProps.tailExpiration &&
-              1 < renderExpirationTime$jscomp$0 &&
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
               ((workInProgress.effectTag |= 64),
               (rootContainerInstance = !0),
               cutOffTailIfNeeded(newProps, !1),
-              (current = renderExpirationTime$jscomp$0 - 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))
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
           : ((current = newProps.last),
             null !== current
-              ? (current.sibling = tag)
-              : (workInProgress.child = tag),
-            (newProps.last = tag));
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
       }
-      if (null !== newProps.tail)
-        return (
-          0 === newProps.tailExpiration &&
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
             (newProps.tailExpiration = now() + 500),
           (current = newProps.tail),
           (newProps.rendering = current),
           (newProps.tail = current.sibling),
           (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
           (current.sibling = null),
-          (newProps = suspenseStackCursor.current),
+          (workInProgress = suspenseStackCursor.current),
           push(
             suspenseStackCursor,
-            rootContainerInstance ? (newProps & 1) | 2 : newProps & 1,
-            workInProgress
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
           ),
-          current
-        );
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
+          current)
+        : null;
   }
-  return null;
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      isContextProvider(workInProgress.type) && popContext();
       var effectTag = workInProgress.effectTag;
       return effectTag & 4096
         ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
           workInProgress)
         : null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
       effectTag = workInProgress.effectTag;
       if (0 !== (effectTag & 64))
         throw Error(
@@ -5090,7 +4896,7 @@ function unwindWork(workInProgress) {
       return popHostContext(workInProgress), null;
     case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
+        pop(suspenseStackCursor),
         (effectTag = workInProgress.effectTag),
         effectTag & 4096
           ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
@@ -5098,9 +4904,9 @@ function unwindWork(workInProgress) {
           : null
       );
     case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
+      return pop(suspenseStackCursor), null;
     case 4:
-      return popHostContainer(workInProgress), null;
+      return popHostContainer(), null;
     case 10:
       return popProvider(workInProgress), null;
     default:
@@ -5157,85 +4963,171 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      prevProps = finishedWork.memoizedProps.onRender;
+      var commitTime$jscomp$0 = commitTime;
+      "function" === typeof prevProps &&
+        prevProps(
+          finishedWork.memoizedProps.id,
+          null === current ? "mount" : "update",
+          finishedWork.actualDuration,
+          finishedWork.treeBaseDuration,
+          finishedWork.actualStartTime,
+          commitTime$jscomp$0,
+          finishedRoot.memoizedInteractions
+        );
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
@@ -5246,13 +5138,13 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
           function() {
             var effect = firstEffect;
             do {
-              var destroy = effect.destroy;
-              if (void 0 !== destroy) {
-                var current$$1 = current$$1$jscomp$0;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -5262,37 +5154,35 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
       unmountHostComponents(
         finishedRoot,
-        current$$1$jscomp$0,
+        current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
 function isHostParent(fiber) {
@@ -5355,97 +5245,103 @@ function commitPlacement(finishedWork) {
       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 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),
+  isContainer
+    ? insertOrAppendPlacementNodeIntoContainer(
+        finishedWork,
+        parentFiber,
+        parent
+      )
+    : insertOrAppendPlacementNode(finishedWork, parentFiber, parent);
+}
+function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    if (((node = isHost ? node.stateNode : node.stateNode.instance), before)) {
+      if ("number" === typeof parent)
+        throw Error("Container does not support insertBefore operation");
+    } else
+      ReactNativePrivateInterface.UIManager.setChildren(parent, [
+        "number" === typeof node ? node : node._nativeTag
+      ]);
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        (node = node.sibling);
+}
+function insertOrAppendPlacementNode(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    (node = isHost ? node.stateNode : node.stateNode.instance),
+      before
+        ? ((tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              (before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
-                [index],
-                [beforeChild],
+                parent._nativeTag,
+                [isHost],
+                [before],
                 [],
                 [],
                 []
               ))
-            : ((index = children.indexOf(beforeChild)),
-              children.splice(index, 0, stateNode),
+            : ((before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
+                parent._nativeTag,
                 [],
                 [],
-                [
-                  "number" === typeof stateNode
-                    ? stateNode
-                    : stateNode._nativeTag
-                ],
-                [index],
+                ["number" === typeof node ? node : node._nativeTag],
+                [before],
                 []
-              ));
-        }
-      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;
-  }
+              )))
+        : ((before = "number" === typeof node ? node : node._nativeTag),
+          (tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [isHost],
+                [tag.length - 1],
+                [],
+                [],
+                []
+              ))
+            : (tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [],
+                [],
+                [before],
+                [tag.length - 1],
+                []
+              )));
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNode(node, before, parent), node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNode(node, before, parent), (node = node.sibling);
 }
 function unmountHostComponents(
   finishedRoot$jscomp$0,
-  current$$1,
+  current,
   renderPriorityLevel$jscomp$0
 ) {
   for (
-    var node = current$$1,
+    var node = current,
       currentParentIsValid = !1,
       currentParent,
       currentParentIsContainer;
@@ -5493,7 +5389,7 @@ function unmountHostComponents(
           (node$jscomp$0.child.return = node$jscomp$0),
             (node$jscomp$0 = node$jscomp$0.child);
         else {
-          if (node$jscomp$0 === root) break;
+          if (node$jscomp$0 === root) break a;
           for (; null === node$jscomp$0.sibling; ) {
             if (null === node$jscomp$0.return || node$jscomp$0.return === root)
               break a;
@@ -5543,9 +5439,9 @@ function unmountHostComponents(
       node = node.child;
       continue;
     }
-    if (node === current$$1) break;
+    if (node === current) break;
     for (; null === node.sibling; ) {
-      if (null === node.return || node.return === current$$1) return;
+      if (null === node.return || node.return === current) return;
       node = node.return;
       4 === node.tag && (currentParentIsValid = !1);
     }
@@ -5553,21 +5449,22 @@ function unmountHostComponents(
     node = node.sibling;
   }
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
-      break;
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
+      return;
     case 1:
-      break;
+      return;
     case 5:
       var instance = finishedWork.stateNode;
       if (null != instance) {
         var newProps = finishedWork.memoizedProps;
-        current$$1 = null !== current$$1 ? current$$1.memoizedProps : newProps;
+        current = null !== current ? current.memoizedProps : newProps;
         var updatePayload = finishedWork.updateQueue;
         finishedWork.updateQueue = null;
         null !== updatePayload &&
@@ -5575,7 +5472,7 @@ function commitWork(current$$1, finishedWork) {
           instanceProps.set(instance._nativeTag, newProps),
           (newProps = diffProperties(
             null,
-            current$$1,
+            current,
             newProps,
             finishedWork.validAttributes
           )),
@@ -5586,7 +5483,7 @@ function commitWork(current$$1, finishedWork) {
               newProps
             ));
       }
-      break;
+      return;
     case 6:
       if (null === finishedWork.stateNode)
         throw Error(
@@ -5597,11 +5494,11 @@ function commitWork(current$$1, finishedWork) {
         "RCTRawText",
         { text: finishedWork.memoizedProps }
       );
-      break;
+      return;
     case 3:
-      break;
+      return;
     case 12:
-      break;
+      return;
     case 13:
       instance = finishedWork;
       null === finishedWork.memoizedState
@@ -5610,9 +5507,9 @@ function commitWork(current$$1, finishedWork) {
           (instance = finishedWork.child),
           (globalMostRecentFallbackTime = now()));
       if (null !== instance)
-        a: for (current$$1 = instance; ; ) {
-          if (5 === current$$1.tag)
-            if (((updatePayload = current$$1.stateNode), newProps)) {
+        a: for (current = instance; ; ) {
+          if (5 === current.tag)
+            if (((updatePayload = current.stateNode), newProps)) {
               var viewConfig = updatePayload.viewConfig;
               var updatePayload$jscomp$0 = diffProperties(
                 null,
@@ -5626,8 +5523,8 @@ function commitWork(current$$1, finishedWork) {
                 updatePayload$jscomp$0
               );
             } else {
-              updatePayload = current$$1.stateNode;
-              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              updatePayload = current.stateNode;
+              updatePayload$jscomp$0 = current.memoizedProps;
               viewConfig = updatePayload.viewConfig;
               var prevProps = Object.assign({}, updatePayload$jscomp$0, {
                 style: [updatePayload$jscomp$0.style, { display: "none" }]
@@ -5645,47 +5542,41 @@ function commitWork(current$$1, finishedWork) {
               );
             }
           else {
-            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (6 === current.tag) throw Error("Not yet implemented.");
             if (
-              13 === current$$1.tag &&
-              null !== current$$1.memoizedState &&
-              null === current$$1.memoizedState.dehydrated
+              13 === current.tag &&
+              null !== current.memoizedState &&
+              null === current.memoizedState.dehydrated
             ) {
-              updatePayload = current$$1.child.sibling;
-              updatePayload.return = current$$1;
-              current$$1 = updatePayload;
+              updatePayload = current.child.sibling;
+              updatePayload.return = current;
+              current = updatePayload;
               continue;
-            } else if (null !== current$$1.child) {
-              current$$1.child.return = current$$1;
-              current$$1 = current$$1.child;
+            } else if (null !== current.child) {
+              current.child.return = current;
+              current = current.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;
+          if (current === instance) break;
+          for (; null === current.sibling; ) {
+            if (null === current.return || current.return === instance) break a;
+            current = current.return;
           }
-          current$$1.sibling.return = current$$1.return;
-          current$$1 = current$$1.sibling;
+          current.sibling.return = current.return;
+          current = current.sibling;
         }
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 19:
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 17:
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function attachSuspenseRetryListeners(finishedWork) {
   var thenables = finishedWork.updateQueue;
@@ -5744,7 +5635,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5759,7 +5650,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5786,8 +5677,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5795,7 +5686,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5827,11 +5718,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5888,7 +5779,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5897,9 +5788,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5948,270 +5840,232 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime,
+    prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var exitStatus = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  ReactCurrentDispatcher$1.current = exitStatus;
+  executionContext = prevExecutionContext;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || expirationTime !== renderExpirationTime)
-      prepareFreshStack(root, expirationTime),
-        startWorkOnPendingInteractions(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+      didTimeout);
+    prevExecutionContext = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((prevExecutionContext =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < prevExecutionContext)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
-            );
-            break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (
-                workInProgressRootHasPendingPing &&
-                ((prevInteractions = root.lastPingedTime),
-                0 === prevInteractions || prevInteractions >= expirationTime)
-              ) {
-                root.lastPingedTime = expirationTime;
-                prepareFreshStack(root, expirationTime);
-                break;
-              }
-              prevInteractions = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== prevInteractions && prevInteractions !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
+          if (
+            workInProgressRootHasPendingPing &&
+            ((expirationTime = root.lastPingedTime),
+            0 === expirationTime || expirationTime >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
             break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              prevInteractions = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (prevInteractions =
-                    now() -
-                    (10 * (1073741821 - prevInteractions) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    prevInteractions <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        prevInteractions));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
+          }
+          expirationTime = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
             break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
-    }
-  }
-  return null;
-}
-function performSyncWorkOnRoot(root) {
-  var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || lastExpiredTime !== renderExpirationTime)
-      prepareFreshStack(root, lastExpiredTime),
-        startWorkOnPendingInteractions(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopSync();
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((prevExecutionContext = root.lastPingedTime),
+          0 === prevExecutionContext || prevExecutionContext >= lastExpiredTime)
+        ) {
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
-    }
-  }
-  return null;
-}
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
+        prevExecutionContext = getNextRootExpirationTimeToWorkOn(root);
+        if (
+          0 !== prevExecutionContext &&
+          prevExecutionContext !== lastExpiredTime
+        )
+          break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (prevExecutionContext =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (prevExecutionContext = 0)
+          : ((prevExecutionContext =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (prevExecutionContext = exitStatus - prevExecutionContext),
+            0 > prevExecutionContext && (prevExecutionContext = 0),
+            (prevExecutionContext =
+              (120 > prevExecutionContext
+                ? 120
+                : 480 > prevExecutionContext
+                ? 480
+                : 1080 > prevExecutionContext
+                ? 1080
+                : 1920 > prevExecutionContext
+                ? 1920
+                : 3e3 > prevExecutionContext
+                ? 3e3
+                : 4320 > prevExecutionContext
+                ? 4320
+                : 1960 * ceil(prevExecutionContext / 1960)) -
+              prevExecutionContext),
+            lastExpiredTime < prevExecutionContext &&
+              (prevExecutionContext = lastExpiredTime));
+        if (10 < prevExecutionContext) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          expirationTime = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
+          0 >= prevExecutionContext
+            ? (prevExecutionContext = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (expirationTime =
+                now() -
+                (10 * (1073741821 - expirationTime) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (prevExecutionContext =
+                expirationTime <= exitStatus
+                  ? 0
+                  : exitStatus + prevExecutionContext - expirationTime));
+          if (10 < prevExecutionContext) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              prevExecutionContext
+            );
+            break;
+          }
+        }
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
+    }
   }
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
+}
+function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
+  return null;
 }
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
@@ -6224,26 +6078,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -6251,8 +6106,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -6265,12 +6120,25 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       workInProgress.mode & 8 &&
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !0);
@@ -6279,7 +6147,7 @@ function handleError(root$jscomp$0, thrownValue) {
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -6287,8 +6155,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -6303,10 +6180,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -6413,8 +6290,8 @@ function handleError(root$jscomp$0, thrownValue) {
   } while (1);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushInteractions(root) {
@@ -6436,6 +6313,33 @@ function markUnprocessedUpdateTime(expirationTime) {
   expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
     (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
 }
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
 function workLoopSync() {
   for (; null !== workInProgress; )
     workInProgress = performUnitOfWork(workInProgress);
@@ -6445,43 +6349,35 @@ function workLoopConcurrent() {
     workInProgress = performUnitOfWork(workInProgress);
 }
 function performUnitOfWork(unitOfWork) {
-  var current$$1 = unitOfWork.alternate;
+  var current = unitOfWork.alternate;
   0 !== (unitOfWork.mode & 8)
     ? ((profilerStartTime = now$1()),
       0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
-      (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
+      (current = beginWork$1(current, unitOfWork, renderExpirationTime$1)),
       stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime));
+    : (current = beginWork$1(current, unitOfWork, renderExpirationTime$1));
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current$$1 && (current$$1 = completeUnitOfWork(unitOfWork));
+  null === current && (current = completeUnitOfWork(unitOfWork));
   ReactCurrentOwner$2.current = null;
-  return current$$1;
+  return current;
 }
 function completeUnitOfWork(unitOfWork) {
   workInProgress = unitOfWork;
   do {
-    var current$$1 = workInProgress.alternate;
+    var current = workInProgress.alternate;
     unitOfWork = workInProgress.return;
     if (0 === (workInProgress.effectTag & 2048)) {
       if (0 === (workInProgress.mode & 8))
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
       else {
         var fiber = workInProgress;
         profilerStartTime = now$1();
         0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
       }
       fiber = workInProgress;
-      if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
+      if (1 === renderExpirationTime$1 || 1 !== fiber.childExpirationTime) {
         var newChildExpirationTime = 0;
         if (0 !== (fiber.mode & 8)) {
           for (
@@ -6519,7 +6415,7 @@ function completeUnitOfWork(unitOfWork) {
               (actualDuration = actualDuration.sibling);
         fiber.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6534,7 +6430,7 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      current = unwindWork(workInProgress);
       if (0 !== (workInProgress.mode & 8)) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
         fiber = workInProgress.actualDuration;
@@ -6547,14 +6443,13 @@ function completeUnitOfWork(unitOfWork) {
             (newChildExpirationTime = newChildExpirationTime.sibling);
         workInProgress.actualDuration = fiber;
       }
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6572,7 +6467,8 @@ function commitRoot(root) {
   return null;
 }
 function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$0.finishedWork,
@@ -6601,7 +6497,8 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
   expirationTime <= root$jscomp$0.lastExpiredTime &&
     (root$jscomp$0.lastExpiredTime = 0);
   root$jscomp$0 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6635,9 +6532,9 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6665,13 +6562,13 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               unmountHostComponents(
                 root,
-                current$$1$jscomp$0,
+                current$jscomp$0,
                 renderPriorityLevel
               );
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6685,113 +6582,25 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (
-          effectTag = root$jscomp$0, current$$1 = expirationTime;
-          null !== nextEffect;
-
-        ) {
+        for (effectTag = root$jscomp$0; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            renderPriorityLevel = effectTag;
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            currentRef = nextEffect;
-            root = current$$1;
-            switch (currentRef.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, currentRef);
-                break;
-              case 1:
-                var instance = currentRef.stateNode;
-                if (currentRef.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      currentRef.elementType === currentRef.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            currentRef.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = currentRef.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(currentRef, updateQueue, instance, root);
-                break;
-              case 3:
-                var _updateQueue = currentRef.updateQueue;
-                if (null !== _updateQueue) {
-                  renderPriorityLevel = null;
-                  if (null !== currentRef.child)
-                    switch (currentRef.child.tag) {
-                      case 5:
-                        renderPriorityLevel = currentRef.child.stateNode;
-                        break;
-                      case 1:
-                        renderPriorityLevel = currentRef.child.stateNode;
-                    }
-                  commitUpdateQueue(
-                    currentRef,
-                    _updateQueue,
-                    renderPriorityLevel,
-                    root
-                  );
-                }
-                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,
-                    renderPriorityLevel.memoizedInteractions
-                  );
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            currentRef = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  currentRef = instance$jscomp$0;
+                  current = instance;
                   break;
                 default:
-                  currentRef = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(currentRef)
-                : (ref.current = currentRef);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6827,13 +6636,13 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
       for (
         remainingExpirationTimeBeforeCommit = spawnedWorkDuringRender,
           spawnedWorkDuringRender = null,
-          current$$1$jscomp$1 = 0;
-        current$$1$jscomp$1 < remainingExpirationTimeBeforeCommit.length;
-        current$$1$jscomp$1++
+          ref = 0;
+        ref < remainingExpirationTimeBeforeCommit.length;
+        ref++
       )
         scheduleInteractions(
           root$jscomp$0,
-          remainingExpirationTimeBeforeCommit[current$$1$jscomp$1],
+          remainingExpirationTimeBeforeCommit[ref],
           root$jscomp$0.memoizedInteractions
         );
     schedulePendingInteractions(root$jscomp$0, renderPriorityLevel$jscomp$0);
@@ -6894,27 +6703,28 @@ function flushPassiveEffectsImpl() {
   executionContext |= CommitContext;
   for (
     var prevInteractions = pushInteractions(root),
-      effect = root.current.firstEffect;
-    null !== effect;
+      _effect2 = root.current.firstEffect;
+    null !== _effect2;
 
   ) {
     try {
-      var finishedWork = effect;
+      var finishedWork = _effect2;
       if (0 !== (finishedWork.effectTag & 512))
         switch (finishedWork.tag) {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
-      if (null === effect) throw Error("Should be working on an effect.");
-      captureCommitPhaseError(effect, error);
+      if (null === _effect2) throw Error("Should be working on an effect.");
+      captureCommitPhaseError(_effect2, error);
     }
-    finishedWork = effect.nextEffect;
-    effect.nextEffect = null;
-    effect = finishedWork;
+    finishedWork = _effect2.nextEffect;
+    _effect2.nextEffect = null;
+    _effect2 = finishedWork;
   }
   tracing.__interactionsRef.current = prevInteractions;
   finishPendingInteractions(root, expirationTime);
@@ -6963,19 +6773,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         ensureRootIsScheduled(root),
         schedulePendingInteractions(root, suspendedTime)));
 }
@@ -6991,12 +6799,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
     (ensureRootIsScheduled(boundaryFiber),
     schedulePendingInteractions(boundaryFiber, thenable));
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -7021,11 +6829,17 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue);
+            context._currentValue = updateExpirationTime;
             break;
           case 12:
             workInProgress.childExpirationTime >= renderExpirationTime &&
               (workInProgress.effectTag |= 4);
+            updateExpirationTime = workInProgress.stateNode;
+            updateExpirationTime.effectDuration = 0;
+            updateExpirationTime.passiveEffectDuration = 0;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -7035,52 +6849,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -7092,41 +6894,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -7134,15 +6935,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -7158,127 +6959,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -7288,11 +7091,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7301,13 +7103,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7318,7 +7117,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -7326,7 +7125,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -7336,23 +7135,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -7362,7 +7161,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7372,8 +7171,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         (workInProgress.effectTag |= 4),
+        (updateExpirationTime = workInProgress.stateNode),
+        (updateExpirationTime.effectDuration = 0),
+        (updateExpirationTime.passiveEffectDuration = 0),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7383,27 +7185,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue);
+        context$jscomp$0._currentValue = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7411,14 +7218,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7428,18 +7236,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7450,16 +7258,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7467,21 +7275,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7489,18 +7296,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7509,16 +7313,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7526,7 +7330,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7536,30 +7340,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7567,13 +7366,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7714,9 +7513,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7734,7 +7530,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7752,6 +7548,10 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.lastEffect = null),
       (workInProgress.actualDuration = 0),
       (workInProgress.actualStartTime = -1));
+  if (null == current)
+    throw Error("current is " + current + " but it can't be");
+  if (null == workInProgress)
+    throw Error("workInProgress is " + workInProgress + " but it can't be");
   workInProgress.childExpirationTime = current.childExpirationTime;
   workInProgress.expirationTime = current.expirationTime;
   workInProgress.child = current.child;
@@ -7805,15 +7605,16 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
+          (type.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7821,7 +7622,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7845,6 +7646,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7852,24 +7656,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7931,11 +7735,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7950,14 +7749,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -8008,8 +7803,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -8023,11 +7818,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -8038,8 +7828,15 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
+}
+function unmountComponentAtNode(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -8051,301 +7848,119 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    dispatchCommand: function(handle, command, args) {
-      null != handle._nativeTag &&
-        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
-          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;
-            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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-          : "";
-      }
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
-  ReactNativeRenderer$3 =
-    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
-module.exports = ReactNativeRenderer$3.default || ReactNativeRenderer$3;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
+  computeComponentStackForErrorReporting: function(reactTag) {
+    return (reactTag = getInstanceFromTag(reactTag))
+      ? getStackByFiberInDevAndProd(reactTag)
+      : "";
+  }
+};
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.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 = new FiberNode(3, null, null, uninitializedFiber);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.unmountComponentAtNode = unmountComponentAtNode;
+exports.unmountComponentAtNodeAndRemoveContainer = function(containerTag) {
+  unmountComponentAtNode(containerTag);
+  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+};
+exports.unstable_batchedUpdates = batchedUpdates;
diff --git a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
index f6ef2ae04e6e38..c81740113065d3 100644
--- a/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
+++ b/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @noflow
+ * @nolint
  * @providesModule ReactNativeRenderer-profiling
  * @preventMunge
  * @generated
@@ -15,86 +16,17 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler"),
-  tracing = require("scheduler/tracing"),
-  eventPluginOrder = null,
-  namesToPlugins = {};
-function recomputePluginOrdering() {
-  if (eventPluginOrder)
-    for (var pluginName in namesToPlugins) {
-      var pluginModule = namesToPlugins[pluginName],
-        pluginIndex = eventPluginOrder.indexOf(pluginName);
-      if (!(-1 < pluginIndex))
-        throw Error(
-          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
-            pluginName +
-            "`."
-        );
-      if (!plugins[pluginIndex]) {
-        if (!pluginModule.extractEvents)
-          throw 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 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 Error(
-              "EventPluginRegistry: Failed to publish event `" +
-                eventName +
-                "` for plugin `" +
-                pluginName +
-                "`."
-            );
-        }
-      }
-    }
+  tracing = require("scheduler/tracing");
+function getParent(inst) {
+  do inst = inst.return;
+  while (inst && 5 !== inst.tag);
+  return inst ? inst : null;
 }
-function publishRegistrationName(registrationName, pluginModule) {
-  if (registrationNameModules[registrationName])
-    throw Error(
-      "EventPluginHub: More than one plugin attempted to publish the same registration name, `" +
-        registrationName +
-        "`."
-    );
-  registrationNameModules[registrationName] = pluginModule;
+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);
 }
-var plugins = [],
-  eventNameDispatchConfigs = {},
-  registrationNameModules = {};
 function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
@@ -165,74 +97,6 @@ function executeDirectDispatch(event) {
   event._dispatchInstances = null;
   return dispatchListener;
 }
-function accumulateInto(current, next) {
-  if (null == next)
-    throw 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 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 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;
@@ -250,6 +114,7 @@ function getListener(inst, registrationName) {
     case "onMouseMoveCapture":
     case "onMouseUp":
     case "onMouseUpCapture":
+    case "onMouseEnter":
       (props = !props.disabled) ||
         ((inst = inst.type),
         (props = !(
@@ -274,15 +139,21 @@ function getListener(inst, registrationName) {
     );
   return listener;
 }
-function getParent(inst) {
-  do inst = inst.return;
-  while (inst && 5 !== inst.tag);
-  return inst ? inst : null;
+function accumulateInto(current, next) {
+  if (null == next)
+    throw 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 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 forEachAccumulated(arr, cb, scope) {
+  Array.isArray(arr) ? arr.forEach(cb, scope) : arr && cb.call(scope, arr);
 }
 function accumulateDirectionalDispatches(inst, phase, event) {
   if (
@@ -350,8 +221,8 @@ function SyntheticEvent(
       ((targetInst = dispatchConfig[propName])
         ? (this[propName] = targetInst(nativeEvent))
         : "target" === propName
-          ? (this.target = nativeEventTarget)
-          : (this[propName] = nativeEvent[propName]));
+        ? (this.target = nativeEventTarget)
+        : (this[propName] = nativeEvent[propName]));
   this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
   ? nativeEvent.defaultPrevented
   : !1 === nativeEvent.returnValue)
@@ -504,53 +375,27 @@ function recordTouchStart(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()
-      );
+  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)));
 }
 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;
+  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)));
 }
 var ResponderTouchHistoryStore = {
   recordTouchTrack: function(topLevelType, nativeEvent) {
@@ -590,10 +435,10 @@ function accumulate(current, next) {
   return null == current
     ? next
     : Array.isArray(current)
-      ? current.concat(next)
-      : Array.isArray(next)
-        ? [current].concat(next)
-        : [current, next];
+    ? current.concat(next)
+    : Array.isArray(next)
+    ? [current].concat(next)
+    : [current, next];
 }
 var responderInst = null,
   trackedTouchCount = 0;
@@ -683,13 +528,7 @@ var eventTypes = {
         "topTouchCancel" === topLevelType
       )
         if (0 <= trackedTouchCount) --trackedTouchCount;
-        else
-          return (
-            console.warn(
-              "Ended a touch event which was not counted in `trackedTouchCount`."
-            ),
-            null
-          );
+        else return null;
       ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
       if (
         targetInst &&
@@ -701,10 +540,10 @@ var eventTypes = {
         var shouldSetEventType = isStartish(topLevelType)
           ? eventTypes.startShouldSetResponder
           : isMoveish(topLevelType)
-            ? eventTypes.moveShouldSetResponder
-            : "topSelectionChange" === topLevelType
-              ? eventTypes.selectionChangeShouldSetResponder
-              : eventTypes.scrollShouldSetResponder;
+          ? eventTypes.moveShouldSetResponder
+          : "topSelectionChange" === topLevelType
+          ? eventTypes.selectionChangeShouldSetResponder
+          : eventTypes.scrollShouldSetResponder;
         if (responderInst)
           b: {
             var JSCompiler_temp = responderInst;
@@ -858,10 +697,10 @@ var eventTypes = {
         (shouldSetEventType = shouldSetEventType
           ? eventTypes.responderStart
           : JSCompiler_temp
-            ? eventTypes.responderMove
-            : targetInst
-              ? eventTypes.responderEnd
-              : null)
+          ? eventTypes.responderMove
+          : targetInst
+          ? eventTypes.responderEnd
+          : null)
       )
         (shouldSetEventType = ResponderSyntheticEvent.getPooled(
           shouldSetEventType,
@@ -924,8 +763,8 @@ var eventTypes = {
         (topLevelType = shouldSetEventType
           ? eventTypes.responderTerminate
           : topLevelType
-            ? eventTypes.responderRelease
-            : null)
+          ? eventTypes.responderRelease
+          : null)
       )
         (nativeEvent = ResponderSyntheticEvent.getPooled(
           topLevelType,
@@ -949,65 +788,168 @@ var eventTypes = {
       }
     }
   },
+  eventPluginOrder = null,
+  namesToPlugins = {};
+function recomputePluginOrdering() {
+  if (eventPluginOrder)
+    for (var pluginName in namesToPlugins) {
+      var pluginModule = namesToPlugins[pluginName],
+        pluginIndex = eventPluginOrder.indexOf(pluginName);
+      if (!(-1 < pluginIndex))
+        throw Error(
+          "EventPluginRegistry: Cannot inject event plugins that do not exist in the plugin ordering, `" +
+            pluginName +
+            "`."
+        );
+      if (!plugins[pluginIndex]) {
+        if (!pluginModule.extractEvents)
+          throw 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 Error(
+              "EventPluginRegistry: 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 Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+        }
+      }
+    }
+}
+function publishRegistrationName(registrationName, pluginModule) {
+  if (registrationNameModules[registrationName])
+    throw Error(
+      "EventPluginRegistry: More than one plugin attempted to publish the same registration name, `" +
+        registrationName +
+        "`."
+    );
+  registrationNameModules[registrationName] = pluginModule;
+}
+var plugins = [],
+  eventNameDispatchConfigs = {},
+  registrationNameModules = {},
   customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customBubblingEventTypes,
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-injection.injectEventPluginOrder([
+if (eventPluginOrder)
+  throw 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([
   "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 Error(
-          'Unsupported top level event type "' + topLevelType + '" dispatched'
-        );
-      topLevelType = SyntheticEvent.getPooled(
-        bubbleDispatchConfig || directDispatchConfig,
+recomputePluginOrdering();
+var injectedNamesToPlugins$jscomp$inline_94 = {
+    ResponderEventPlugin: ResponderEventPlugin,
+    ReactNativeBridgeEventPlugin: {
+      eventTypes: {},
+      extractEvents: function(
+        topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
-      );
-      if (bubbleDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateTwoPhaseDispatchesSingle);
-      else if (directDispatchConfig)
-        forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
-      else return null;
-      return topLevelType;
+      ) {
+        if (null == targetInst) return null;
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType],
+          directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (!bubbleDispatchConfig && !directDispatchConfig)
+          throw 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;
+      }
+    }
+  },
+  isOrderingDirty$jscomp$inline_95 = !1,
+  pluginName$jscomp$inline_96;
+for (pluginName$jscomp$inline_96 in injectedNamesToPlugins$jscomp$inline_94)
+  if (
+    injectedNamesToPlugins$jscomp$inline_94.hasOwnProperty(
+      pluginName$jscomp$inline_96
+    )
+  ) {
+    var pluginModule$jscomp$inline_97 =
+      injectedNamesToPlugins$jscomp$inline_94[pluginName$jscomp$inline_96];
+    if (
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_96) ||
+      namesToPlugins[pluginName$jscomp$inline_96] !==
+        pluginModule$jscomp$inline_97
+    ) {
+      if (namesToPlugins[pluginName$jscomp$inline_96])
+        throw Error(
+          "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
+            pluginName$jscomp$inline_96 +
+            "`."
+        );
+      namesToPlugins[
+        pluginName$jscomp$inline_96
+      ] = pluginModule$jscomp$inline_97;
+      isOrderingDirty$jscomp$inline_95 = !0;
     }
   }
-});
+isOrderingDirty$jscomp$inline_95 && recomputePluginOrdering();
 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 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);
@@ -1015,21 +957,27 @@ function batchedUpdates(fn, bookkeeping) {
   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))
+    isInsideEventHandler = !1;
+  }
+}
+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++
       )
-        for (bookkeeping = 0; bookkeeping < fn.length; bookkeeping++)
-          restoreStateOfTarget(fn[bookkeeping]);
+        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 EMPTY_NATIVE_EVENT = {};
@@ -1037,7 +985,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
   var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT,
     inst = getInstanceFromTag(rootNodeID),
     target = null;
-  target = nativeEvent.target;
+  null != inst && (target = inst.stateNode);
   batchedUpdates(function() {
     var events = target;
     for (var events$jscomp$0 = null, i = 0; i < plugins.length; i++) {
@@ -1112,10 +1060,11 @@ getFiberCurrentPropsFromNode = function(stateNode) {
 };
 getInstanceFromNode = getInstanceFromTag;
 getNodeFromInstance = function(inst) {
-  var _tag = inst.stateNode._nativeTag;
-  void 0 === _tag && (_tag = inst.stateNode.canonical._nativeTag);
-  if (!_tag) throw Error("All native instances should have a tag.");
-  return _tag;
+  inst = inst.stateNode;
+  var tag = inst._nativeTag;
+  void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
+  if (!tag) throw Error("All native instances should have a tag.");
+  return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
   onChange: function(from, to, blockNativeResponder) {
@@ -1150,11 +1099,9 @@ var hasSymbol = "function" === typeof Symbol && Symbol.for,
     ? 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");
-hasSymbol && Symbol.for("react.scope");
-var MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
+  REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116,
+  REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121,
+  MAYBE_ITERATOR_SYMBOL = "function" === typeof Symbol && Symbol.iterator;
 function getIteratorFn(maybeIterable) {
   if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
   maybeIterable =
@@ -1164,9 +1111,10 @@ function getIteratorFn(maybeIterable) {
 }
 function initializeLazyComponentType(lazyComponent) {
   if (-1 === lazyComponent._status) {
-    lazyComponent._status = 0;
-    var ctor = lazyComponent._ctor;
+    var ctor = lazyComponent._result;
+    ctor || (ctor = lazyComponent._ctor);
     ctor = ctor();
+    lazyComponent._status = 0;
     lazyComponent._result = ctor;
     ctor.then(
       function(moduleObject) {
@@ -1203,9 +1151,9 @@ function getComponentName(type) {
   if ("object" === typeof type)
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return "Context.Consumer";
+        return (type.displayName || "Context") + ".Consumer";
       case REACT_PROVIDER_TYPE:
-        return "Context.Provider";
+        return (type._context.displayName || "Context") + ".Provider";
       case REACT_FORWARD_REF_TYPE:
         var innerType = type.render;
         innerType = innerType.displayName || innerType.name || "";
@@ -1215,6 +1163,8 @@ function getComponentName(type) {
         );
       case REACT_MEMO_TYPE:
         return getComponentName(type.type);
+      case REACT_BLOCK_TYPE:
+        return getComponentName(type.render);
       case REACT_LAZY_TYPE:
         if ((type = 1 === type._status ? type._result : null))
           return getComponentName(type);
@@ -1395,8 +1345,8 @@ function diffNestedProperty(
     return nextProp
       ? addNestedProperty(updatePayload, nextProp, validAttributes)
       : prevProp
-        ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-        : updatePayload;
+      ? 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)) {
@@ -1574,10 +1524,10 @@ var ReactNativeFiberHostComponent = (function() {
   }
   var _proto = ReactNativeFiberHostComponent.prototype;
   _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
   };
   _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this._nativeTag);
+    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
   };
   _proto.measure = function(callback) {
     ReactNativePrivateInterface.UIManager.measure(
@@ -1621,7 +1571,7 @@ var ReactNativeFiberHostComponent = (function() {
   };
   return ReactNativeFiberHostComponent;
 })();
-function shim$1() {
+function shim() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
   );
@@ -1659,45 +1609,7 @@ function finalizeInitialChildren(parentInstance) {
 }
 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 = [],
+  valueStack = [],
   index = -1;
 function pop(cursor) {
   0 > index ||
@@ -1734,21 +1646,17 @@ 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 popContext() {
+  pop(didPerformWorkStackCursor);
+  pop(contextStackCursor);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
   if (contextStackCursor.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context, fiber);
-  push(didPerformWorkStackCursor, didChange, fiber);
+  push(contextStackCursor, context);
+  push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
   var instance = fiber.stateNode;
@@ -1766,17 +1674,13 @@ function processChildContext(fiber, type, parentContext) {
   return Object.assign({}, parentContext, {}, instance);
 }
 function pushContextProvider(workInProgress) {
-  var instance = workInProgress.stateNode;
-  instance =
-    (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+  workInProgress =
+    ((workInProgress = workInProgress.stateNode) &&
+      workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
   previousContext = contextStackCursor.current;
-  push(contextStackCursor, instance, workInProgress);
-  push(
-    didPerformWorkStackCursor,
-    didPerformWorkStackCursor.current,
-    workInProgress
-  );
+  push(contextStackCursor, workInProgress);
+  push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
 function invalidateContextProvider(workInProgress, type, didChange) {
@@ -1786,13 +1690,17 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       "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);
+    ? ((workInProgress = processChildContext(
+        workInProgress,
+        type,
+        previousContext
+      )),
+      (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
+      pop(didPerformWorkStackCursor),
+      pop(contextStackCursor),
+      push(contextStackCursor, workInProgress))
+    : pop(didPerformWorkStackCursor);
+  push(didPerformWorkStackCursor, didChange);
 }
 var Scheduler_runWithPriority = Scheduler.unstable_runWithPriority,
   Scheduler_scheduleCallback = Scheduler.unstable_scheduleCallback,
@@ -1919,18 +1827,18 @@ function inferPriorityFromExpirationTime(currentTime, expirationTime) {
   return 0 >= currentTime
     ? 99
     : 250 >= currentTime
-      ? 98
-      : 5250 >= currentTime
-        ? 97
-        : 95;
+    ? 98
+    : 5250 >= currentTime
+    ? 97
+    : 95;
 }
 function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
-var is$1 = "function" === typeof Object.is ? Object.is : is,
+var objectIs = "function" === typeof Object.is ? Object.is : is,
   hasOwnProperty = Object.prototype.hasOwnProperty;
 function shallowEqual(objA, objB) {
-  if (is$1(objA, objB)) return !0;
+  if (objectIs(objA, objB)) return !0;
   if (
     "object" !== typeof objA ||
     null === objA ||
@@ -1944,11 +1852,48 @@ function shallowEqual(objA, objB) {
   for (keysB = 0; keysB < keysA.length; keysB++)
     if (
       !hasOwnProperty.call(objB, keysA[keysB]) ||
-      !is$1(objA[keysA[keysB]], objB[keysA[keysB]])
+      !objectIs(objA[keysA[keysB]], objB[keysA[keysB]])
     )
       return !1;
   return !0;
 }
+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;
+}
 function resolveDefaultProps(Component, baseProps) {
   if (Component && Component.defaultProps) {
     baseProps = Object.assign({}, baseProps);
@@ -1966,14 +1911,9 @@ var valueCursor = { current: 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);
+  pop(valueCursor);
   providerFiber.type._context._currentValue = currentValue;
 }
 function scheduleWorkOnParentPath(parent, renderExpirationTime) {
@@ -2028,237 +1968,195 @@ function readContext(context, 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 initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    baseQueue: null,
+    shared: { pending: null },
+    effects: 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 cloneUpdateQueue(current, workInProgress) {
+  current = current.updateQueue;
+  workInProgress.updateQueue === current &&
+    (workInProgress.updateQueue = {
+      baseState: current.baseState,
+      baseQueue: current.baseQueue,
+      shared: current.shared,
+      effects: current.effects
+    });
 }
 function createUpdate(expirationTime, suspenseConfig) {
-  return {
+  expirationTime = {
     expirationTime: expirationTime,
     suspenseConfig: suspenseConfig,
     tag: 0,
     payload: null,
     callback: null,
-    next: null,
-    nextEffect: null
+    next: null
   };
-}
-function appendUpdateToQueue(queue, update) {
-  null === queue.lastUpdate
-    ? (queue.firstUpdate = queue.lastUpdate = update)
-    : ((queue.lastUpdate.next = update), (queue.lastUpdate = update));
+  return (expirationTime.next = expirationTime);
 }
 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));
+  fiber = fiber.updateQueue;
+  if (null !== fiber) {
+    fiber = fiber.shared;
+    var pending = fiber.pending;
+    null === pending
+      ? (update.next = update)
+      : ((update.next = pending.next), (pending.next = update));
+    fiber.pending = 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 & -4097) | 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;
+  null !== current && cloneUpdateQueue(current, workInProgress);
+  workInProgress = workInProgress.updateQueue;
+  current = workInProgress.baseQueue;
+  null === current
+    ? ((workInProgress.baseQueue = update.next = update),
+      (update.next = update))
+    : ((update.next = current.next), (current.next = update));
 }
 function processUpdateQueue(
-  workInProgress,
-  queue,
+  workInProgress$jscomp$0,
   props,
   instance,
   renderExpirationTime
 ) {
+  var queue = workInProgress$jscomp$0.updateQueue;
   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;
+  var baseQueue = queue.baseQueue,
+    pendingQueue = queue.shared.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
+    }
+    baseQueue = pendingQueue;
+    queue.shared.pending = null;
+    baseFirst = workInProgress$jscomp$0.alternate;
+    null !== baseFirst &&
+      ((baseFirst = baseFirst.updateQueue),
+      null !== baseFirst && (baseFirst.baseQueue = pendingQueue));
   }
-  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;
+  if (null !== baseQueue) {
+    baseFirst = baseQueue.next;
+    var newState = queue.baseState,
+      newExpirationTime = 0,
+      newBaseState = null,
+      newBaseQueueFirst = null,
+      newBaseQueueLast = null;
+    if (null !== baseFirst) {
+      var update = baseFirst;
+      do {
+        pendingQueue = update.expirationTime;
+        if (pendingQueue < renderExpirationTime) {
+          var clone = {
+            expirationTime: update.expirationTime,
+            suspenseConfig: update.suspenseConfig,
+            tag: update.tag,
+            payload: update.payload,
+            callback: update.callback,
+            next: null
+          };
+          null === newBaseQueueLast
+            ? ((newBaseQueueFirst = newBaseQueueLast = clone),
+              (newBaseState = newState))
+            : (newBaseQueueLast = newBaseQueueLast.next = clone);
+          pendingQueue > newExpirationTime &&
+            (newExpirationTime = pendingQueue);
+        } else {
+          null !== newBaseQueueLast &&
+            (newBaseQueueLast = newBaseQueueLast.next = {
+              expirationTime: 1073741823,
+              suspenseConfig: update.suspenseConfig,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            });
+          markRenderEventTimeAndConfig(pendingQueue, update.suspenseConfig);
+          a: {
+            var workInProgress = workInProgress$jscomp$0,
+              update$jscomp$0 = update;
+            pendingQueue = props;
+            clone = instance;
+            switch (update$jscomp$0.tag) {
+              case 1:
+                workInProgress = update$jscomp$0.payload;
+                if ("function" === typeof workInProgress) {
+                  newState = workInProgress.call(clone, newState, pendingQueue);
+                  break a;
+                }
+                newState = workInProgress;
+                break a;
+              case 3:
+                workInProgress.effectTag =
+                  (workInProgress.effectTag & -4097) | 64;
+              case 0:
+                workInProgress = update$jscomp$0.payload;
+                pendingQueue =
+                  "function" === typeof workInProgress
+                    ? workInProgress.call(clone, newState, pendingQueue)
+                    : workInProgress;
+                if (null === pendingQueue || void 0 === pendingQueue) break a;
+                newState = Object.assign({}, newState, pendingQueue);
+                break a;
+              case 2:
+                hasForceUpdate = !0;
+            }
+          }
+          null !== update.callback &&
+            ((workInProgress$jscomp$0.effectTag |= 32),
+            (pendingQueue = queue.effects),
+            null === pendingQueue
+              ? (queue.effects = [update])
+              : pendingQueue.push(update));
+        }
+        update = update.next;
+        if (null === update || update === baseFirst)
+          if (((pendingQueue = queue.shared.pending), null === pendingQueue))
+            break;
+          else
+            (update = baseQueue.next = pendingQueue.next),
+              (pendingQueue.next = baseFirst),
+              (queue.baseQueue = baseQueue = pendingQueue),
+              (queue.shared.pending = null);
+      } while (1);
+    }
+    null === newBaseQueueLast
+      ? (newBaseState = newState)
+      : (newBaseQueueLast.next = newBaseQueueFirst);
+    queue.baseState = newBaseState;
+    queue.baseQueue = newBaseQueueLast;
+    markUnprocessedUpdateTime(newExpirationTime);
+    workInProgress$jscomp$0.expirationTime = newExpirationTime;
+    workInProgress$jscomp$0.memoizedState = newState;
   }
-  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;
-  markUnprocessedUpdateTime(newExpirationTime);
-  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 callback = effect.callback;
-    if (null !== callback) {
-      effect.callback = null;
-      if ("function" !== typeof callback)
-        throw Error(
-          "Invalid argument passed as callback. Expected a function. Instead received: " +
-            callback
-        );
-      callback.call(instance);
+  finishedWork = finishedQueue.effects;
+  finishedQueue.effects = null;
+  if (null !== finishedWork)
+    for (
+      finishedQueue = 0;
+      finishedQueue < finishedWork.length;
+      finishedQueue++
+    ) {
+      var effect = finishedWork[finishedQueue],
+        callback = effect.callback;
+      if (null !== callback) {
+        effect.callback = null;
+        if ("function" !== typeof callback)
+          throw Error(
+            "Invalid argument passed as callback. Expected a function. Instead received: " +
+              callback
+          );
+        callback.call(instance);
+      }
     }
-    effect = effect.nextEffect;
-  }
 }
 var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   emptyRefsObject = new React.Component().refs;
@@ -2275,10 +2173,8 @@ function applyDerivedStateFromProps(
       ? ctor
       : Object.assign({}, ctor, getDerivedStateFromProps);
   workInProgress.memoizedState = getDerivedStateFromProps;
-  nextProps = workInProgress.updateQueue;
-  null !== nextProps &&
-    0 === workInProgress.expirationTime &&
-    (nextProps.baseState = getDerivedStateFromProps);
+  0 === workInProgress.expirationTime &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
 var classComponentUpdater = {
   isMounted: function(component) {
@@ -2297,7 +2193,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueReplaceState: function(inst, payload, callback) {
     inst = inst._reactInternalFiber;
@@ -2311,7 +2207,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   },
   enqueueForceUpdate: function(inst, callback) {
     inst = inst._reactInternalFiber;
@@ -2324,7 +2220,7 @@ var classComponentUpdater = {
       null !== callback &&
       (suspenseConfig.callback = callback);
     enqueueUpdate(inst, suspenseConfig);
-    scheduleUpdateOnFiber(inst, currentTime);
+    scheduleWork(inst, currentTime);
   }
 };
 function checkShouldComponentUpdate(
@@ -2340,8 +2236,8 @@ function checkShouldComponentUpdate(
   return "function" === typeof workInProgress.shouldComponentUpdate
     ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
     : ctor.prototype && ctor.prototype.isPureReactComponent
-      ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-      : !0;
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
 }
 function constructClassInstance(workInProgress, ctor, props) {
   var isLegacyContextConsumer = !1,
@@ -2393,6 +2289,7 @@ function mountClassInstance(
   instance.props = newProps;
   instance.state = workInProgress.memoizedState;
   instance.refs = emptyRefsObject;
+  initializeUpdateQueue(workInProgress);
   var contextType = ctor.contextType;
   "object" === typeof contextType && null !== contextType
     ? (instance.context = readContext(contextType))
@@ -2400,16 +2297,8 @@ function mountClassInstance(
         ? previousContext
         : contextStackCursor.current),
       (instance.context = getMaskedContext(workInProgress, contextType)));
-  contextType = workInProgress.updateQueue;
-  null !== contextType &&
-    (processUpdateQueue(
-      workInProgress,
-      contextType,
-      newProps,
-      instance,
-      renderExpirationTime
-    ),
-    (instance.state = workInProgress.memoizedState));
+  processUpdateQueue(workInProgress, newProps, instance, renderExpirationTime);
+  instance.state = workInProgress.memoizedState;
   contextType = ctor.getDerivedStateFromProps;
   "function" === typeof contextType &&
     (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
@@ -2425,21 +2314,18 @@ function mountClassInstance(
       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)));
+    processUpdateQueue(
+      workInProgress,
+      newProps,
+      instance,
+      renderExpirationTime
+    ),
+    (instance.state = workInProgress.memoizedState));
   "function" === typeof instance.componentDidMount &&
     (workInProgress.effectTag |= 4);
 }
 var isArray = Array.isArray;
-function coerceRef(returnFiber, current$$1, element) {
+function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
   if (
     null !== returnFiber &&
@@ -2451,7 +2337,7 @@ function coerceRef(returnFiber, current$$1, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have refs. Did you mean to use React.forwardRef()?"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://fb.me/react-strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2463,19 +2349,19 @@ function coerceRef(returnFiber, current$$1, element) {
         );
       var stringRef = "" + returnFiber;
       if (
-        null !== current$$1 &&
-        null !== current$$1.ref &&
-        "function" === typeof current$$1.ref &&
-        current$$1.ref._stringRef === stringRef
+        null !== current &&
+        null !== current.ref &&
+        "function" === typeof current.ref &&
+        current.ref._stringRef === stringRef
       )
-        return current$$1.ref;
-      current$$1 = function(value) {
+        return current.ref;
+      current = 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;
+      current._stringRef = stringRef;
+      return current;
     }
     if ("string" !== typeof returnFiber)
       throw Error(
@@ -2527,8 +2413,8 @@ function ChildReconciler(shouldTrackSideEffects) {
         (currentFirstChild = currentFirstChild.sibling);
     return returnFiber;
   }
-  function useFiber(fiber, pendingProps, expirationTime) {
-    fiber = createWorkInProgress(fiber, pendingProps, expirationTime);
+  function useFiber(fiber, pendingProps) {
+    fiber = createWorkInProgress(fiber, pendingProps);
     fiber.index = 0;
     fiber.sibling = null;
     return fiber;
@@ -2553,31 +2439,26 @@ function ChildReconciler(shouldTrackSideEffects) {
       (newFiber.effectTag = 2);
     return newFiber;
   }
-  function updateTextNode(
-    returnFiber,
-    current$$1,
-    textContent,
-    expirationTime
-  ) {
-    if (null === current$$1 || 6 !== current$$1.tag)
+  function updateTextNode(returnFiber, current, textContent, expirationTime) {
+    if (null === current || 6 !== current.tag)
       return (
-        (current$$1 = createFiberFromText(
+        (current = createFiberFromText(
           textContent,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, textContent, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, textContent);
+    current.return = returnFiber;
+    return current;
   }
-  function updateElement(returnFiber, current$$1, element, expirationTime) {
-    if (null !== current$$1 && current$$1.elementType === element.type)
+  function updateElement(returnFiber, current, element, expirationTime) {
+    if (null !== current && current.elementType === element.type)
       return (
-        (expirationTime = useFiber(current$$1, element.props, expirationTime)),
-        (expirationTime.ref = coerceRef(returnFiber, current$$1, element)),
+        (expirationTime = useFiber(current, element.props)),
+        (expirationTime.ref = coerceRef(returnFiber, current, element)),
         (expirationTime.return = returnFiber),
         expirationTime
       );
@@ -2589,51 +2470,45 @@ function ChildReconciler(shouldTrackSideEffects) {
       returnFiber.mode,
       expirationTime
     );
-    expirationTime.ref = coerceRef(returnFiber, current$$1, element);
+    expirationTime.ref = coerceRef(returnFiber, current, element);
     expirationTime.return = returnFiber;
     return expirationTime;
   }
-  function updatePortal(returnFiber, current$$1, portal, expirationTime) {
+  function updatePortal(returnFiber, current, portal, expirationTime) {
     if (
-      null === current$$1 ||
-      4 !== current$$1.tag ||
-      current$$1.stateNode.containerInfo !== portal.containerInfo ||
-      current$$1.stateNode.implementation !== portal.implementation
+      null === current ||
+      4 !== current.tag ||
+      current.stateNode.containerInfo !== portal.containerInfo ||
+      current.stateNode.implementation !== portal.implementation
     )
       return (
-        (current$$1 = createFiberFromPortal(
+        (current = createFiberFromPortal(
           portal,
           returnFiber.mode,
           expirationTime
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, portal.children || [], expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, portal.children || []);
+    current.return = returnFiber;
+    return current;
   }
-  function updateFragment(
-    returnFiber,
-    current$$1,
-    fragment,
-    expirationTime,
-    key
-  ) {
-    if (null === current$$1 || 7 !== current$$1.tag)
+  function updateFragment(returnFiber, current, fragment, expirationTime, key) {
+    if (null === current || 7 !== current.tag)
       return (
-        (current$$1 = createFiberFromFragment(
+        (current = createFiberFromFragment(
           fragment,
           returnFiber.mode,
           expirationTime,
           key
         )),
-        (current$$1.return = returnFiber),
-        current$$1
+        (current.return = returnFiber),
+        current
       );
-    current$$1 = useFiber(current$$1, fragment, expirationTime);
-    current$$1.return = returnFiber;
-    return current$$1;
+    current = useFiber(current, fragment);
+    current.return = returnFiber;
+    return current;
   }
   function createChild(returnFiber, newChild, expirationTime) {
     if ("string" === typeof newChild || "number" === typeof newChild)
@@ -2996,39 +2871,48 @@ function ChildReconciler(shouldTrackSideEffects) {
               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;
-                } else {
-                  deleteRemainingChildren(
-                    returnFiber,
-                    isUnkeyedTopLevelFragment
-                  );
-                  break;
+              if (isUnkeyedTopLevelFragment.key === isObject) {
+                switch (isUnkeyedTopLevelFragment.tag) {
+                  case 7:
+                    if (newChild.type === REACT_FRAGMENT_TYPE) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props.children
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
+                    break;
+                  default:
+                    if (
+                      isUnkeyedTopLevelFragment.elementType === newChild.type
+                    ) {
+                      deleteRemainingChildren(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment.sibling
+                      );
+                      currentFirstChild = useFiber(
+                        isUnkeyedTopLevelFragment,
+                        newChild.props
+                      );
+                      currentFirstChild.ref = coerceRef(
+                        returnFiber,
+                        isUnkeyedTopLevelFragment,
+                        newChild
+                      );
+                      currentFirstChild.return = returnFiber;
+                      returnFiber = currentFirstChild;
+                      break a;
+                    }
                 }
-              else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
+                deleteRemainingChildren(returnFiber, isUnkeyedTopLevelFragment);
+                break;
+              } else deleteChild(returnFiber, isUnkeyedTopLevelFragment);
               isUnkeyedTopLevelFragment = isUnkeyedTopLevelFragment.sibling;
             }
             newChild.type === REACT_FRAGMENT_TYPE
@@ -3078,8 +2962,7 @@ function ChildReconciler(shouldTrackSideEffects) {
                   );
                   currentFirstChild = useFiber(
                     currentFirstChild,
-                    newChild.children || [],
-                    expirationTime
+                    newChild.children || []
                   );
                   currentFirstChild.return = returnFiber;
                   returnFiber = currentFirstChild;
@@ -3106,11 +2989,7 @@ function ChildReconciler(shouldTrackSideEffects) {
         (newChild = "" + newChild),
         null !== currentFirstChild && 6 === currentFirstChild.tag
           ? (deleteRemainingChildren(returnFiber, currentFirstChild.sibling),
-            (currentFirstChild = useFiber(
-              currentFirstChild,
-              newChild,
-              expirationTime
-            )),
+            (currentFirstChild = useFiber(currentFirstChild, newChild)),
             (currentFirstChild.return = returnFiber),
             (returnFiber = currentFirstChild))
           : (deleteRemainingChildren(returnFiber, currentFirstChild),
@@ -3165,16 +3044,16 @@ function requiredContext(c) {
   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);
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor$1, NO_CONTEXT);
+  pop(contextStackCursor$1);
+  push(contextStackCursor$1, { isInAParentText: !1 });
 }
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
+function popHostContainer() {
+  pop(contextStackCursor$1);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
 function pushHostContext(fiber) {
   requiredContext(rootInstanceStackCursor.current);
@@ -3191,23 +3070,19 @@ function pushHostContext(fiber) {
       ? { isInAParentText: nextContext }
       : context;
   context !== nextContext &&
-    (push(contextFiberStackCursor, fiber, fiber),
-    push(contextStackCursor$1, nextContext, fiber));
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor$1, nextContext));
 }
 function popHostContext(fiber) {
   contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1, fiber), pop(contextFiberStackCursor, fiber));
+    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
 }
 var suspenseStackCursor = { current: 0 };
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (
-        null !== state &&
-        ((state = state.dehydrated),
-        null === state || shim$1(state) || shim$1(state))
-      )
+      if (null !== state && (null === state.dehydrated || shim() || shim()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.effectTag & 64)) return node;
@@ -3226,24 +3101,16 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-function createResponderListener(responder, props) {
+function createDeprecatedResponderListener(responder, props) {
   return { responder: responder, props: props };
 }
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
-  renderExpirationTime$1 = 0,
+  renderExpirationTime = 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;
+  didScheduleRenderPhaseUpdate = !1;
 function throwInvalidHookError() {
   throw Error(
     "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem."
@@ -3252,7 +3119,7 @@ function throwInvalidHookError() {
 function areHookInputsEqual(nextDeps, prevDeps) {
   if (null === prevDeps) return !1;
   for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++)
-    if (!is$1(nextDeps[i], prevDeps[i])) return !1;
+    if (!objectIs(nextDeps[i], prevDeps[i])) return !1;
   return !0;
 }
 function renderWithHooks(
@@ -3260,92 +3127,85 @@ function renderWithHooks(
   workInProgress,
   Component,
   props,
-  refOrContext,
+  secondArg,
   nextRenderExpirationTime
 ) {
-  renderExpirationTime$1 = nextRenderExpirationTime;
+  renderExpirationTime = 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;
+  workInProgress.memoizedState = null;
+  workInProgress.updateQueue = null;
+  workInProgress.expirationTime = 0;
+  ReactCurrentDispatcher.current =
+    null === current || null === current.memoizedState
+      ? HooksDispatcherOnMount
+      : HooksDispatcherOnUpdate;
+  current = Component(props, secondArg);
+  if (workInProgress.expirationTime === renderExpirationTime) {
+    nextRenderExpirationTime = 0;
+    do {
+      workInProgress.expirationTime = 0;
+      if (!(25 > nextRenderExpirationTime))
+        throw Error(
+          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+        );
+      nextRenderExpirationTime += 1;
+      workInProgressHook = currentHook = null;
+      workInProgress.updateQueue = null;
+      ReactCurrentDispatcher.current = HooksDispatcherOnRerender;
+      current = Component(props, secondArg);
+    } while (workInProgress.expirationTime === renderExpirationTime);
   }
-  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)
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  workInProgress = null !== currentHook && null !== currentHook.next;
+  renderExpirationTime = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdate = !1;
+  if (workInProgress)
     throw 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;
+  return current;
 }
 function mountWorkInProgressHook() {
   var hook = {
     memoizedState: null,
     baseState: null,
+    baseQueue: null,
     queue: null,
-    baseUpdate: null,
     next: null
   };
   null === workInProgressHook
-    ? (firstWorkInProgressHook = workInProgressHook = hook)
+    ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook)
     : (workInProgressHook = workInProgressHook.next = hook);
   return workInProgressHook;
 }
 function updateWorkInProgressHook() {
+  if (null === currentHook) {
+    var nextCurrentHook = currentlyRenderingFiber$1.alternate;
+    nextCurrentHook =
+      null !== nextCurrentHook ? nextCurrentHook.memoizedState : null;
+  } else nextCurrentHook = currentHook.next;
+  var nextWorkInProgressHook =
+    null === workInProgressHook
+      ? currentlyRenderingFiber$1.memoizedState
+      : workInProgressHook.next;
   if (null !== nextWorkInProgressHook)
     (workInProgressHook = nextWorkInProgressHook),
-      (nextWorkInProgressHook = workInProgressHook.next),
-      (currentHook = nextCurrentHook),
-      (nextCurrentHook = null !== currentHook ? currentHook.next : null);
+      (currentHook = nextCurrentHook);
   else {
     if (null === nextCurrentHook)
       throw Error("Rendered more hooks than during the previous render.");
     currentHook = nextCurrentHook;
-    var newHook = {
+    nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
       baseState: currentHook.baseState,
+      baseQueue: currentHook.baseQueue,
       queue: currentHook.queue,
-      baseUpdate: currentHook.baseUpdate,
       next: null
     };
-    workInProgressHook =
-      null === workInProgressHook
-        ? (firstWorkInProgressHook = newHook)
-        : (workInProgressHook.next = newHook);
-    nextCurrentHook = currentHook.next;
+    null === workInProgressHook
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
@@ -3360,74 +3220,100 @@ function updateReducer(reducer) {
       "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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
-        hook.memoizedState = newState;
-        hook.baseUpdate === queue.last && (hook.baseState = newState);
-        queue.lastRenderedState = newState;
-        return [newState, _dispatch];
-      }
+  var current = currentHook,
+    baseQueue = current.baseQueue,
+    pendingQueue = queue.pending;
+  if (null !== pendingQueue) {
+    if (null !== baseQueue) {
+      var baseFirst = baseQueue.next;
+      baseQueue.next = pendingQueue.next;
+      pendingQueue.next = baseFirst;
     }
-    return [hook.memoizedState, _dispatch];
+    current.baseQueue = baseQueue = pendingQueue;
+    queue.pending = null;
   }
-  _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;
+  if (null !== baseQueue) {
+    baseQueue = baseQueue.next;
+    current = current.baseState;
+    var newBaseQueueLast = (baseFirst = pendingQueue = null),
+      update = baseQueue;
     do {
-      var updateExpirationTime = _update.expirationTime;
-      updateExpirationTime < renderExpirationTime$1
-        ? (didSkip ||
-            ((didSkip = !0),
-            (newBaseUpdate = baseUpdate),
-            (firstRenderPhaseUpdate = newState)),
-          updateExpirationTime > remainingExpirationTime &&
-            ((remainingExpirationTime = updateExpirationTime),
-            markUnprocessedUpdateTime(remainingExpirationTime)))
-        : (markRenderEventTimeAndConfig(
+      var updateExpirationTime = update.expirationTime;
+      if (updateExpirationTime < renderExpirationTime) {
+        var clone = {
+          expirationTime: update.expirationTime,
+          suspenseConfig: update.suspenseConfig,
+          action: update.action,
+          eagerReducer: update.eagerReducer,
+          eagerState: update.eagerState,
+          next: null
+        };
+        null === newBaseQueueLast
+          ? ((baseFirst = newBaseQueueLast = clone), (pendingQueue = current))
+          : (newBaseQueueLast = newBaseQueueLast.next = clone);
+        updateExpirationTime > currentlyRenderingFiber$1.expirationTime &&
+          ((currentlyRenderingFiber$1.expirationTime = updateExpirationTime),
+          markUnprocessedUpdateTime(updateExpirationTime));
+      } else
+        null !== newBaseQueueLast &&
+          (newBaseQueueLast = newBaseQueueLast.next = {
+            expirationTime: 1073741823,
+            suspenseConfig: update.suspenseConfig,
+            action: update.action,
+            eagerReducer: update.eagerReducer,
+            eagerState: update.eagerState,
+            next: null
+          }),
+          markRenderEventTimeAndConfig(
             updateExpirationTime,
-            _update.suspenseConfig
+            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$1(newState, hook.memoizedState) || (didReceiveUpdate = !0);
+          (current =
+            update.eagerReducer === reducer
+              ? update.eagerState
+              : reducer(current, update.action));
+      update = update.next;
+    } while (null !== update && update !== baseQueue);
+    null === newBaseQueueLast
+      ? (pendingQueue = current)
+      : (newBaseQueueLast.next = baseFirst);
+    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = current;
+    hook.baseState = pendingQueue;
+    hook.baseQueue = newBaseQueueLast;
+    queue.lastRenderedState = current;
+  }
+  return [hook.memoizedState, queue.dispatch];
+}
+function rerenderReducer(reducer) {
+  var hook = updateWorkInProgressHook(),
+    queue = hook.queue;
+  if (null === queue)
+    throw Error(
+      "Should have a queue. This is likely a bug in React. Please file an issue."
+    );
+  queue.lastRenderedReducer = reducer;
+  var dispatch = queue.dispatch,
+    lastRenderPhaseUpdate = queue.pending,
+    newState = hook.memoizedState;
+  if (null !== lastRenderPhaseUpdate) {
+    queue.pending = null;
+    var update = (lastRenderPhaseUpdate = lastRenderPhaseUpdate.next);
+    do (newState = reducer(newState, update.action)), (update = update.next);
+    while (update !== lastRenderPhaseUpdate);
+    objectIs(newState, hook.memoizedState) || (didReceiveUpdate = !0);
     hook.memoizedState = newState;
-    hook.baseUpdate = newBaseUpdate;
-    hook.baseState = firstRenderPhaseUpdate;
+    null === hook.baseQueue && (hook.baseState = newState);
     queue.lastRenderedState = newState;
   }
-  return [hook.memoizedState, queue.dispatch];
+  return [newState, dispatch];
 }
 function mountState(initialState) {
   var hook = mountWorkInProgressHook();
   "function" === typeof initialState && (initialState = initialState());
   hook.memoizedState = hook.baseState = initialState;
   initialState = hook.queue = {
-    last: null,
+    pending: null,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
@@ -3439,28 +3325,30 @@ function mountState(initialState) {
   );
   return [hook.memoizedState, initialState];
 }
-function updateState(initialState) {
-  return updateReducer(basicStateReducer, initialState);
-}
 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)));
+  create = currentlyRenderingFiber$1.updateQueue;
+  null === create
+    ? ((create = { lastEffect: null }),
+      (currentlyRenderingFiber$1.updateQueue = create),
+      (create.lastEffect = tag.next = tag))
+    : ((destroy = create.lastEffect),
+      null === destroy
+        ? (create.lastEffect = tag.next = tag)
+        : ((deps = destroy.next),
+          (destroy.next = tag),
+          (tag.next = deps),
+          (create.lastEffect = tag)));
   return tag;
 }
+function updateRef() {
+  return updateWorkInProgressHook().memoizedState;
+}
 function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
   var hook = mountWorkInProgressHook();
-  sideEffectTag |= fiberEffectTag;
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
   hook.memoizedState = pushEffect(
-    hookEffectTag,
+    1 | hookEffectTag,
     create,
     void 0,
     void 0 === deps ? null : deps
@@ -3474,18 +3362,21 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps) {
     var prevEffect = currentHook.memoizedState;
     destroy = prevEffect.destroy;
     if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      pushEffect(0, create, destroy, deps);
+      pushEffect(hookEffectTag, create, destroy, deps);
       return;
     }
   }
-  sideEffectTag |= fiberEffectTag;
-  hook.memoizedState = pushEffect(hookEffectTag, create, destroy, deps);
+  currentlyRenderingFiber$1.effectTag |= fiberEffectTag;
+  hook.memoizedState = pushEffect(1 | hookEffectTag, create, destroy, deps);
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(516, 192, create, deps);
+  return mountEffectImpl(516, 4, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(516, 192, create, deps);
+  return updateEffectImpl(516, 4, create, deps);
+}
+function updateLayoutEffect(create, deps) {
+  return updateEffectImpl(4, 2, create, deps);
 }
 function imperativeHandleEffect(create, ref) {
   if ("function" === typeof ref)
@@ -3505,6 +3396,15 @@ function imperativeHandleEffect(create, ref) {
       }
     );
 }
+function updateImperativeHandle(ref, create, deps) {
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  return updateEffectImpl(
+    4,
+    2,
+    imperativeHandleEffect.bind(null, create, ref),
+    deps
+  );
+}
 function mountDebugValue() {}
 function mountCallback(callback, deps) {
   mountWorkInProgressHook().memoizedState = [
@@ -3526,72 +3426,79 @@ function updateCallback(callback, deps) {
   hook.memoizedState = [callback, deps];
   return callback;
 }
+function updateMemo(nextCreate, deps) {
+  var hook = updateWorkInProgressHook();
+  deps = void 0 === deps ? null : deps;
+  var prevState = hook.memoizedState;
+  if (
+    null !== prevState &&
+    null !== deps &&
+    areHookInputsEqual(deps, prevState[1])
+  )
+    return prevState[0];
+  nextCreate = nextCreate();
+  hook.memoizedState = [nextCreate, deps];
+  return nextCreate;
+}
+function startTransition(setPending, config, callback) {
+  var priorityLevel = getCurrentPriorityLevel();
+  runWithPriority(98 > priorityLevel ? 98 : priorityLevel, function() {
+    setPending(!0);
+  });
+  runWithPriority(97 < priorityLevel ? 97 : priorityLevel, function() {
+    var previousConfig = ReactCurrentBatchConfig$1.suspense;
+    ReactCurrentBatchConfig$1.suspense = void 0 === config ? null : config;
+    try {
+      setPending(!1), callback();
+    } finally {
+      ReactCurrentBatchConfig$1.suspense = previousConfig;
+    }
+  });
+}
 function dispatchAction(fiber, queue, action) {
-  if (!(25 > numberOfReRenders))
-    throw Error(
-      "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-    );
-  var alternate = fiber.alternate;
+  var currentTime = requestCurrentTimeForUpdate(),
+    suspenseConfig = ReactCurrentBatchConfig.suspense;
+  currentTime = computeExpirationForFiber(currentTime, fiber, suspenseConfig);
+  suspenseConfig = {
+    expirationTime: currentTime,
+    suspenseConfig: suspenseConfig,
+    action: action,
+    eagerReducer: null,
+    eagerState: null,
+    next: null
+  };
+  var pending = queue.pending;
+  null === pending
+    ? (suspenseConfig.next = suspenseConfig)
+    : ((suspenseConfig.next = pending.next), (pending.next = suspenseConfig));
+  queue.pending = suspenseConfig;
+  pending = fiber.alternate;
   if (
     fiber === currentlyRenderingFiber$1 ||
-    (null !== alternate && alternate === currentlyRenderingFiber$1)
+    (null !== pending && pending === 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;
-    }
+    (didScheduleRenderPhaseUpdate = !0),
+      (suspenseConfig.expirationTime = renderExpirationTime),
+      (currentlyRenderingFiber$1.expirationTime = renderExpirationTime);
   else {
-    var currentTime = requestCurrentTimeForUpdate(),
-      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)
+      (null === pending || 0 === pending.expirationTime) &&
+      ((pending = queue.lastRenderedReducer), null !== pending)
     )
       try {
         var currentState = queue.lastRenderedState,
-          eagerState = alternate(currentState, action);
-        suspenseConfig.eagerReducer = alternate;
+          eagerState = pending(currentState, action);
+        suspenseConfig.eagerReducer = pending;
         suspenseConfig.eagerState = eagerState;
-        if (is$1(eagerState, currentState)) return;
+        if (objectIs(eagerState, currentState)) return;
       } catch (error) {
       } finally {
       }
-    scheduleUpdateOnFiber(fiber, currentTime);
+    scheduleWork(fiber, currentTime);
   }
 }
+function updateEventListener() {}
 var ContextOnlyDispatcher = {
     readContext: readContext,
     useCallback: throwInvalidHookError,
@@ -3606,7 +3513,8 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useResponder: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
-    useTransition: throwInvalidHookError
+    useTransition: throwInvalidHookError,
+    useEvent: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
@@ -3617,13 +3525,13 @@ var ContextOnlyDispatcher = {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
       return mountEffectImpl(
         4,
-        36,
+        2,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
     useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 36, create, deps);
+      return mountEffectImpl(4, 2, create, deps);
     },
     useMemo: function(nextCreate, deps) {
       var hook = mountWorkInProgressHook();
@@ -3637,7 +3545,7 @@ var ContextOnlyDispatcher = {
       initialArg = void 0 !== init ? init(initialArg) : initialArg;
       hook.memoizedState = hook.baseState = initialArg;
       reducer = hook.queue = {
-        last: null,
+        pending: null,
         dispatch: null,
         lastRenderedReducer: reducer,
         lastRenderedState: initialArg
@@ -3656,23 +3564,21 @@ var ContextOnlyDispatcher = {
     },
     useState: mountState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
       var _mountState = mountState(value),
         prevValue = _mountState[0],
         setValue = _mountState[1];
       mountEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
@@ -3680,112 +3586,113 @@ var ContextOnlyDispatcher = {
     },
     useTransition: function(config) {
       var _mountState2 = mountState(!1),
-        isPending = _mountState2[0],
-        setPending = _mountState2[1];
+        isPending = _mountState2[0];
+      _mountState2 = _mountState2[1];
       return [
-        mountCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        mountCallback(startTransition.bind(null, _mountState2, config), [
+          _mountState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: function() {}
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
-    useImperativeHandle: function(ref, create, deps) {
-      deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return updateEffectImpl(
-        4,
-        36,
-        imperativeHandleEffect.bind(null, create, ref),
-        deps
-      );
-    },
-    useLayoutEffect: function(create, deps) {
-      return updateEffectImpl(4, 36, 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;
-    },
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
     useReducer: updateReducer,
-    useRef: function() {
-      return updateWorkInProgressHook().memoizedState;
+    useRef: updateRef,
+    useState: function() {
+      return updateReducer(basicStateReducer);
     },
-    useState: updateState,
     useDebugValue: mountDebugValue,
-    useResponder: createResponderListener,
+    useResponder: createDeprecatedResponderListener,
     useDeferredValue: function(value, config) {
-      var _updateState = updateState(value),
+      var _updateState = updateReducer(basicStateReducer),
         prevValue = _updateState[0],
         setValue = _updateState[1];
       updateEffect(
         function() {
-          Scheduler.unstable_next(function() {
-            var previousConfig = ReactCurrentBatchConfig$1.suspense;
-            ReactCurrentBatchConfig$1.suspense =
-              void 0 === config ? null : config;
-            try {
-              setValue(value);
-            } finally {
-              ReactCurrentBatchConfig$1.suspense = previousConfig;
-            }
-          });
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
         },
         [value, config]
       );
       return prevValue;
     },
     useTransition: function(config) {
-      var _updateState2 = updateState(!1),
-        isPending = _updateState2[0],
-        setPending = _updateState2[1];
+      var _updateState2 = updateReducer(basicStateReducer),
+        isPending = _updateState2[0];
+      _updateState2 = _updateState2[1];
       return [
-        updateCallback(
-          function(callback) {
-            setPending(!0);
-            Scheduler.unstable_next(function() {
-              var previousConfig = ReactCurrentBatchConfig$1.suspense;
-              ReactCurrentBatchConfig$1.suspense =
-                void 0 === config ? null : config;
-              try {
-                setPending(!1), callback();
-              } finally {
-                ReactCurrentBatchConfig$1.suspense = previousConfig;
-              }
-            });
-          },
-          [config, isPending]
-        ),
+        updateCallback(startTransition.bind(null, _updateState2, config), [
+          _updateState2,
+          config
+        ]),
         isPending
       ];
-    }
+    },
+    useEvent: updateEventListener
+  },
+  HooksDispatcherOnRerender = {
+    readContext: readContext,
+    useCallback: updateCallback,
+    useContext: readContext,
+    useEffect: updateEffect,
+    useImperativeHandle: updateImperativeHandle,
+    useLayoutEffect: updateLayoutEffect,
+    useMemo: updateMemo,
+    useReducer: rerenderReducer,
+    useRef: updateRef,
+    useState: function() {
+      return rerenderReducer(basicStateReducer);
+    },
+    useDebugValue: mountDebugValue,
+    useResponder: createDeprecatedResponderListener,
+    useDeferredValue: function(value, config) {
+      var _rerenderState = rerenderReducer(basicStateReducer),
+        prevValue = _rerenderState[0],
+        setValue = _rerenderState[1];
+      updateEffect(
+        function() {
+          var previousConfig = ReactCurrentBatchConfig$1.suspense;
+          ReactCurrentBatchConfig$1.suspense =
+            void 0 === config ? null : config;
+          try {
+            setValue(value);
+          } finally {
+            ReactCurrentBatchConfig$1.suspense = previousConfig;
+          }
+        },
+        [value, config]
+      );
+      return prevValue;
+    },
+    useTransition: function(config) {
+      var _rerenderState2 = rerenderReducer(basicStateReducer),
+        isPending = _rerenderState2[0];
+      _rerenderState2 = _rerenderState2[1];
+      return [
+        updateCallback(startTransition.bind(null, _rerenderState2, config), [
+          _rerenderState2,
+          config
+        ]),
+        isPending
+      ];
+    },
+    useEvent: updateEventListener
   },
   now$1 = Scheduler.unstable_now,
   commitTime = 0,
@@ -3798,70 +3705,16 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
     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 = (fiber$jscomp$0.effectTag & -1025) | 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 = (fiber$jscomp$0.effectTag & -1025) | 2),
-        (isHydrating = !1),
-        (hydrationParentFiber = fiber$jscomp$0);
-  }
-}
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner,
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
   didReceiveUpdate = !1;
 function reconcileChildren(
-  current$$1,
+  current,
   workInProgress,
   nextChildren,
   renderExpirationTime
 ) {
   workInProgress.child =
-    null === current$$1
+    null === current
       ? mountChildFibers(
           workInProgress,
           null,
@@ -3870,13 +3723,13 @@ function reconcileChildren(
         )
       : reconcileChildFibers(
           workInProgress,
-          current$$1.child,
+          current.child,
           nextChildren,
           renderExpirationTime
         );
 }
 function updateForwardRef(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -3886,43 +3739,38 @@ function updateForwardRef(
   var ref = workInProgress.ref;
   prepareToReadContext(workInProgress, renderExpirationTime);
   nextProps = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     ref,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    nextProps,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, nextProps, renderExpirationTime);
   return workInProgress.child;
 }
 function updateMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  if (null === current$$1) {
+  if (null === current) {
     var type = Component.type;
     if (
       "function" === typeof type &&
@@ -3935,7 +3783,7 @@ function updateMemoComponent(
         (workInProgress.tag = 15),
         (workInProgress.type = type),
         updateSimpleMemoComponent(
-          current$$1,
+          current,
           workInProgress,
           type,
           nextProps,
@@ -3943,7 +3791,7 @@ function updateMemoComponent(
           renderExpirationTime
         )
       );
-    current$$1 = createFiberFromTypeAndProps(
+    current = createFiberFromTypeAndProps(
       Component.type,
       null,
       nextProps,
@@ -3951,65 +3799,66 @@ function updateMemoComponent(
       workInProgress.mode,
       renderExpirationTime
     );
-    current$$1.ref = workInProgress.ref;
-    current$$1.return = workInProgress;
-    return (workInProgress.child = current$$1);
+    current.ref = workInProgress.ref;
+    current.return = workInProgress;
+    return (workInProgress.child = current);
   }
-  type = current$$1.child;
+  type = current.child;
   if (
     updateExpirationTime < renderExpirationTime &&
     ((updateExpirationTime = type.memoizedProps),
     (Component = Component.compare),
     (Component = null !== Component ? Component : shallowEqual),
     Component(updateExpirationTime, nextProps) &&
-      current$$1.ref === workInProgress.ref)
+      current.ref === workInProgress.ref)
   )
     return bailoutOnAlreadyFinishedWork(
-      current$$1,
+      current,
       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);
+  current = createWorkInProgress(type, nextProps);
+  current.ref = workInProgress.ref;
+  current.return = workInProgress;
+  return (workInProgress.child = current);
 }
 function updateSimpleMemoComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
   updateExpirationTime,
   renderExpirationTime
 ) {
-  return null !== current$$1 &&
-    shallowEqual(current$$1.memoizedProps, nextProps) &&
-    current$$1.ref === workInProgress.ref &&
+  return null !== current &&
+    shallowEqual(current.memoizedProps, nextProps) &&
+    current.ref === workInProgress.ref &&
     ((didReceiveUpdate = !1), updateExpirationTime < renderExpirationTime)
-    ? bailoutOnAlreadyFinishedWork(
-        current$$1,
+    ? ((workInProgress.expirationTime = current.expirationTime),
+      bailoutOnAlreadyFinishedWork(
+        current,
         workInProgress,
         renderExpirationTime
-      )
+      ))
     : updateFunctionComponent(
-        current$$1,
+        current,
         workInProgress,
         Component,
         nextProps,
         renderExpirationTime
       );
 }
-function markRef(current$$1, workInProgress) {
+function markRef(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
-    (null === current$$1 && null !== ref) ||
-    (null !== current$$1 && current$$1.ref !== ref)
+    (null === current && null !== ref) ||
+    (null !== current && current.ref !== ref)
   )
     workInProgress.effectTag |= 128;
 }
 function updateFunctionComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4021,36 +3870,31 @@ function updateFunctionComponent(
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderExpirationTime);
   Component = renderWithHooks(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
     context,
     renderExpirationTime
   );
-  if (null !== current$$1 && !didReceiveUpdate)
+  if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current$$1.updateQueue),
+      (workInProgress.updateQueue = current.updateQueue),
       (workInProgress.effectTag &= -517),
-      current$$1.expirationTime <= renderExpirationTime &&
-        (current$$1.expirationTime = 0),
+      current.expirationTime <= renderExpirationTime &&
+        (current.expirationTime = 0),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   workInProgress.effectTag |= 1;
-  reconcileChildren(
-    current$$1,
-    workInProgress,
-    Component,
-    renderExpirationTime
-  );
+  reconcileChildren(current, workInProgress, Component, renderExpirationTime);
   return workInProgress.child;
 }
 function updateClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   nextProps,
@@ -4062,16 +3906,11 @@ function updateClassComponent(
   } else hasContext = !1;
   prepareToReadContext(workInProgress, renderExpirationTime);
   if (null === workInProgress.stateNode)
-    null !== current$$1 &&
-      ((current$$1.alternate = null),
+    null !== current &&
+      ((current.alternate = null),
       (workInProgress.alternate = null),
       (workInProgress.effectTag |= 2)),
-      constructClassInstance(
-        workInProgress,
-        Component,
-        nextProps,
-        renderExpirationTime
-      ),
+      constructClassInstance(workInProgress, Component, nextProps),
       mountClassInstance(
         workInProgress,
         Component,
@@ -4079,7 +3918,7 @@ function updateClassComponent(
         renderExpirationTime
       ),
       (nextProps = !0);
-  else if (null === current$$1) {
+  else if (null === current) {
     var instance = workInProgress.stateNode,
       oldProps = workInProgress.memoizedProps;
     instance.props = oldProps;
@@ -4107,17 +3946,14 @@ function updateClassComponent(
         ));
     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));
+    instance.state = oldState;
+    processUpdateQueue(
+      workInProgress,
+      nextProps,
+      instance,
+      renderExpirationTime
+    );
+    oldContext = workInProgress.memoizedState;
     oldProps !== nextProps ||
     oldState !== oldContext ||
     didPerformWorkStackCursor.current ||
@@ -4163,6 +3999,7 @@ function updateClassComponent(
         (nextProps = !1));
   } else
     (instance = workInProgress.stateNode),
+      cloneUpdateQueue(current, workInProgress),
       (oldProps = workInProgress.memoizedProps),
       (instance.props =
         workInProgress.type === workInProgress.elementType
@@ -4191,17 +4028,14 @@ function updateClassComponent(
           )),
       (hasForceUpdate = !1),
       (oldContext = workInProgress.memoizedState),
-      (oldState = instance.state = oldContext),
-      (updateQueue = workInProgress.updateQueue),
-      null !== updateQueue &&
-        (processUpdateQueue(
-          workInProgress,
-          updateQueue,
-          nextProps,
-          instance,
-          renderExpirationTime
-        ),
-        (oldState = workInProgress.memoizedState)),
+      (instance.state = oldContext),
+      processUpdateQueue(
+        workInProgress,
+        nextProps,
+        instance,
+        renderExpirationTime
+      ),
+      (oldState = workInProgress.memoizedState),
       oldProps !== nextProps ||
       oldContext !== oldState ||
       didPerformWorkStackCursor.current ||
@@ -4245,12 +4079,12 @@ function updateClassComponent(
               "function" === typeof instance.getSnapshotBeforeUpdate &&
                 (workInProgress.effectTag |= 256))
             : ("function" !== typeof instance.componentDidUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 4),
               "function" !== typeof instance.getSnapshotBeforeUpdate ||
-                (oldProps === current$$1.memoizedProps &&
-                  oldContext === current$$1.memoizedState) ||
+                (oldProps === current.memoizedProps &&
+                  oldContext === current.memoizedState) ||
                 (workInProgress.effectTag |= 256),
               (workInProgress.memoizedProps = nextProps),
               (workInProgress.memoizedState = oldState)),
@@ -4259,16 +4093,16 @@ function updateClassComponent(
           (instance.context = contextType),
           (nextProps = getDerivedStateFromProps))
         : ("function" !== typeof instance.componentDidUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 4),
           "function" !== typeof instance.getSnapshotBeforeUpdate ||
-            (oldProps === current$$1.memoizedProps &&
-              oldContext === current$$1.memoizedState) ||
+            (oldProps === current.memoizedProps &&
+              oldContext === current.memoizedState) ||
             (workInProgress.effectTag |= 256),
           (nextProps = !1));
   return finishClassComponent(
-    current$$1,
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4277,26 +4111,26 @@ function updateClassComponent(
   );
 }
 function finishClassComponent(
-  current$$1,
+  current,
   workInProgress,
   Component,
   shouldUpdate,
   hasContext,
   renderExpirationTime
 ) {
-  markRef(current$$1, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.effectTag & 64);
   if (!shouldUpdate && !didCaptureError)
     return (
       hasContext && invalidateContextProvider(workInProgress, Component, !1),
       bailoutOnAlreadyFinishedWork(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       )
     );
   shouldUpdate = workInProgress.stateNode;
-  ReactCurrentOwner$3.current = workInProgress;
+  ReactCurrentOwner$1.current = workInProgress;
   if (
     didCaptureError &&
     "function" !== typeof Component.getDerivedStateFromError
@@ -4305,11 +4139,11 @@ function finishClassComponent(
     profilerStartTime = -1;
   } else nextChildren = shouldUpdate.render();
   workInProgress.effectTag |= 1;
-  null !== current$$1 && didCaptureError
+  null !== current && didCaptureError
     ? ((didCaptureError = nextChildren),
       (workInProgress.child = reconcileChildFibers(
         workInProgress,
-        current$$1.child,
+        current.child,
         null,
         renderExpirationTime
       )),
@@ -4320,7 +4154,7 @@ function finishClassComponent(
         renderExpirationTime
       )))
     : reconcileChildren(
-        current$$1,
+        current,
         workInProgress,
         nextChildren,
         renderExpirationTime
@@ -4343,7 +4177,7 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, retryTime: 0 };
 function updateSuspenseComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4355,32 +4189,30 @@ function updateSuspenseComponent(
   (JSCompiler_temp = 0 !== (workInProgress.effectTag & 64)) ||
     (JSCompiler_temp =
       0 !== (suspenseContext & 2) &&
-      (null === current$$1 || null !== current$$1.memoizedState));
+      (null === current || null !== current.memoizedState));
   JSCompiler_temp
     ? ((nextDidTimeout = !0), (workInProgress.effectTag &= -65))
-    : (null !== current$$1 && null === current$$1.memoizedState) ||
+    : (null !== current && null === current.memoizedState) ||
       void 0 === nextProps.fallback ||
       !0 === nextProps.unstable_avoidThisFallback ||
       (suspenseContext |= 1);
-  push(suspenseStackCursor, suspenseContext & 1, workInProgress);
-  if (null === current$$1) {
-    void 0 !== nextProps.fallback &&
-      tryToClaimNextHydratableInstance(workInProgress);
+  push(suspenseStackCursor, suspenseContext & 1);
+  if (null === current) {
     if (nextDidTimeout) {
       nextDidTimeout = nextProps.fallback;
       nextProps = createFiberFromFragment(null, mode, 0, null);
       nextProps.return = workInProgress;
       if (0 === (workInProgress.mode & 2))
         for (
-          current$$1 =
+          current =
             null !== workInProgress.memoizedState
               ? workInProgress.child.child
               : workInProgress.child,
-            nextProps.child = current$$1;
-          null !== current$$1;
+            nextProps.child = current;
+          null !== current;
 
         )
-          (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+          (current.return = nextProps), (current = current.sibling);
       renderExpirationTime = createFiberFromFragment(
         nextDidTimeout,
         mode,
@@ -4402,15 +4234,14 @@ function updateSuspenseComponent(
       renderExpirationTime
     ));
   }
-  if (null !== current$$1.memoizedState) {
-    current$$1 = current$$1.child;
-    mode = current$$1.sibling;
+  if (null !== current.memoizedState) {
+    current = current.child;
+    mode = current.sibling;
     if (nextDidTimeout) {
       nextProps = nextProps.fallback;
       renderExpirationTime = createWorkInProgress(
-        current$$1,
-        current$$1.pendingProps,
-        0
+        current,
+        current.pendingProps
       );
       renderExpirationTime.return = workInProgress;
       if (
@@ -4419,7 +4250,7 @@ function updateSuspenseComponent(
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child),
-        nextDidTimeout !== current$$1.child)
+        nextDidTimeout !== current.child)
       )
         for (
           renderExpirationTime.child = nextDidTimeout;
@@ -4430,12 +4261,12 @@ function updateSuspenseComponent(
             (nextDidTimeout = nextDidTimeout.sibling);
       if (workInProgress.mode & 8) {
         nextDidTimeout = 0;
-        for (current$$1 = renderExpirationTime.child; null !== current$$1; )
-          (nextDidTimeout += current$$1.treeBaseDuration),
-            (current$$1 = current$$1.sibling);
+        for (current = renderExpirationTime.child; null !== current; )
+          (nextDidTimeout += current.treeBaseDuration),
+            (current = current.sibling);
         renderExpirationTime.treeBaseDuration = nextDidTimeout;
       }
-      mode = createWorkInProgress(mode, nextProps, mode.expirationTime);
+      mode = createWorkInProgress(mode, nextProps);
       mode.return = workInProgress;
       renderExpirationTime.sibling = mode;
       renderExpirationTime.childExpirationTime = 0;
@@ -4445,37 +4276,37 @@ function updateSuspenseComponent(
     }
     renderExpirationTime = reconcileChildFibers(
       workInProgress,
-      current$$1.child,
+      current.child,
       nextProps.children,
       renderExpirationTime
     );
     workInProgress.memoizedState = null;
     return (workInProgress.child = renderExpirationTime);
   }
-  current$$1 = current$$1.child;
+  current = current.child;
   if (nextDidTimeout) {
     nextDidTimeout = nextProps.fallback;
     nextProps = createFiberFromFragment(null, mode, 0, null);
     nextProps.return = workInProgress;
-    nextProps.child = current$$1;
-    null !== current$$1 && (current$$1.return = nextProps);
+    nextProps.child = current;
+    null !== current && (current.return = nextProps);
     if (0 === (workInProgress.mode & 2))
       for (
-        current$$1 =
+        current =
           null !== workInProgress.memoizedState
             ? workInProgress.child.child
             : workInProgress.child,
-          nextProps.child = current$$1;
-        null !== current$$1;
+          nextProps.child = current;
+        null !== current;
 
       )
-        (current$$1.return = nextProps), (current$$1 = current$$1.sibling);
+        (current.return = nextProps), (current = current.sibling);
     if (workInProgress.mode & 8) {
-      current$$1 = 0;
+      current = 0;
       for (suspenseContext = nextProps.child; null !== suspenseContext; )
-        (current$$1 += suspenseContext.treeBaseDuration),
+        (current += suspenseContext.treeBaseDuration),
           (suspenseContext = suspenseContext.sibling);
-      nextProps.treeBaseDuration = current$$1;
+      nextProps.treeBaseDuration = current;
     }
     renderExpirationTime = createFiberFromFragment(
       nextDidTimeout,
@@ -4494,7 +4325,7 @@ function updateSuspenseComponent(
   workInProgress.memoizedState = null;
   return (workInProgress.child = reconcileChildFibers(
     workInProgress,
-    current$$1,
+    current,
     nextProps.children,
     renderExpirationTime
   ));
@@ -4521,6 +4352,7 @@ function initSuspenseListRenderState(
     ? (workInProgress.memoizedState = {
         isBackwards: isBackwards,
         rendering: null,
+        renderingStartTime: 0,
         last: lastContentRow,
         tail: tail,
         tailExpiration: 0,
@@ -4529,6 +4361,7 @@ function initSuspenseListRenderState(
       })
     : ((renderState.isBackwards = isBackwards),
       (renderState.rendering = null),
+      (renderState.renderingStartTime = 0),
       (renderState.last = lastContentRow),
       (renderState.tail = tail),
       (renderState.tailExpiration = 0),
@@ -4536,7 +4369,7 @@ function initSuspenseListRenderState(
       (renderState.lastEffect = lastEffectBeforeRendering));
 }
 function updateSuspenseListComponent(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
@@ -4544,7 +4377,7 @@ function updateSuspenseListComponent(
     revealOrder = nextProps.revealOrder,
     tailMode = nextProps.tail;
   reconcileChildren(
-    current$$1,
+    current,
     workInProgress,
     nextProps.children,
     renderExpirationTime
@@ -4553,42 +4386,39 @@ function updateSuspenseListComponent(
   if (0 !== (nextProps & 2))
     (nextProps = (nextProps & 1) | 2), (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)
-          null !== current$$1.memoizedState &&
-            scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (19 === current$$1.tag)
-          scheduleWorkOnFiber(current$$1, renderExpirationTime);
-        else if (null !== current$$1.child) {
-          current$$1.child.return = current$$1;
-          current$$1 = current$$1.child;
+    if (null !== current && 0 !== (current.effectTag & 64))
+      a: for (current = workInProgress.child; null !== current; ) {
+        if (13 === current.tag)
+          null !== current.memoizedState &&
+            scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (19 === current.tag)
+          scheduleWorkOnFiber(current, renderExpirationTime);
+        else if (null !== current.child) {
+          current.child.return = current;
+          current = current.child;
           continue;
         }
-        if (current$$1 === workInProgress) break a;
-        for (; null === current$$1.sibling; ) {
-          if (
-            null === current$$1.return ||
-            current$$1.return === workInProgress
-          )
+        if (current === workInProgress) break a;
+        for (; null === current.sibling; ) {
+          if (null === current.return || current.return === workInProgress)
             break a;
-          current$$1 = current$$1.return;
+          current = current.return;
         }
-        current$$1.sibling.return = current$$1.return;
-        current$$1 = current$$1.sibling;
+        current.sibling.return = current.return;
+        current = current.sibling;
       }
     nextProps &= 1;
   }
-  push(suspenseStackCursor, nextProps, workInProgress);
+  push(suspenseStackCursor, nextProps);
   if (0 === (workInProgress.mode & 2)) workInProgress.memoizedState = null;
   else
     switch (revealOrder) {
       case "forwards":
         renderExpirationTime = workInProgress.child;
         for (revealOrder = null; null !== renderExpirationTime; )
-          (current$$1 = renderExpirationTime.alternate),
-            null !== current$$1 &&
-              null === findFirstSuspended(current$$1) &&
+          (current = renderExpirationTime.alternate),
+            null !== current &&
+              null === findFirstSuspended(current) &&
               (revealOrder = renderExpirationTime),
             (renderExpirationTime = renderExpirationTime.sibling);
         renderExpirationTime = revealOrder;
@@ -4610,15 +4440,15 @@ function updateSuspenseListComponent(
         renderExpirationTime = null;
         revealOrder = workInProgress.child;
         for (workInProgress.child = null; null !== revealOrder; ) {
-          current$$1 = revealOrder.alternate;
-          if (null !== current$$1 && null === findFirstSuspended(current$$1)) {
+          current = revealOrder.alternate;
+          if (null !== current && null === findFirstSuspended(current)) {
             workInProgress.child = revealOrder;
             break;
           }
-          current$$1 = revealOrder.sibling;
+          current = revealOrder.sibling;
           revealOrder.sibling = renderExpirationTime;
           renderExpirationTime = revealOrder;
-          revealOrder = current$$1;
+          revealOrder = current;
         }
         initSuspenseListRenderState(
           workInProgress,
@@ -4645,36 +4475,30 @@ function updateSuspenseListComponent(
   return workInProgress.child;
 }
 function bailoutOnAlreadyFinishedWork(
-  current$$1,
+  current,
   workInProgress,
   renderExpirationTime
 ) {
-  null !== current$$1 &&
-    (workInProgress.dependencies = current$$1.dependencies);
+  null !== current && (workInProgress.dependencies = current.dependencies);
   profilerStartTime = -1;
   var updateExpirationTime = workInProgress.expirationTime;
   0 !== updateExpirationTime && markUnprocessedUpdateTime(updateExpirationTime);
   if (workInProgress.childExpirationTime < renderExpirationTime) return null;
-  if (null !== current$$1 && workInProgress.child !== current$$1.child)
+  if (null !== current && workInProgress.child !== current.child)
     throw Error("Resuming work not yet implemented.");
   if (null !== workInProgress.child) {
-    current$$1 = workInProgress.child;
-    renderExpirationTime = createWorkInProgress(
-      current$$1,
-      current$$1.pendingProps,
-      current$$1.expirationTime
-    );
+    current = workInProgress.child;
+    renderExpirationTime = createWorkInProgress(current, current.pendingProps);
     workInProgress.child = renderExpirationTime;
     for (
       renderExpirationTime.return = workInProgress;
-      null !== current$$1.sibling;
+      null !== current.sibling;
 
     )
-      (current$$1 = current$$1.sibling),
+      (current = current.sibling),
         (renderExpirationTime = renderExpirationTime.sibling = createWorkInProgress(
-          current$$1,
-          current$$1.pendingProps,
-          current$$1.expirationTime
+          current,
+          current.pendingProps
         )),
         (renderExpirationTime.return = workInProgress);
     renderExpirationTime.sibling = null;
@@ -4736,78 +4560,87 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         : (_lastTailNode.sibling = null);
   }
 }
-function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
+function completeWork(current, workInProgress, renderExpirationTime) {
   var newProps = workInProgress.pendingProps;
   switch (workInProgress.tag) {
     case 2:
-      break;
     case 16:
-      break;
     case 15:
     case 0:
-      break;
+    case 11:
+    case 7:
+    case 8:
+    case 12:
+    case 9:
+    case 14:
+      return null;
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      current = workInProgress.stateNode;
-      current.pendingContext &&
-        ((current.context = current.pendingContext),
-        (current.pendingContext = null));
-      updateHostContainer(workInProgress);
-      break;
+      return (
+        popHostContainer(),
+        pop(didPerformWorkStackCursor),
+        pop(contextStackCursor),
+        (current = workInProgress.stateNode),
+        current.pendingContext &&
+          ((current.context = current.pendingContext),
+          (current.pendingContext = null)),
+        updateHostContainer(workInProgress),
+        null
+      );
     case 5:
       popHostContext(workInProgress);
       var rootContainerInstance = requiredContext(
         rootInstanceStackCursor.current
       );
-      renderExpirationTime$jscomp$0 = workInProgress.type;
+      renderExpirationTime = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
         updateHostComponent$1(
           current,
           workInProgress,
-          renderExpirationTime$jscomp$0,
+          renderExpirationTime,
           newProps,
           rootContainerInstance
         ),
           current.ref !== workInProgress.ref &&
             (workInProgress.effectTag |= 128);
-      else if (newProps) {
-        current = requiredContext(contextStackCursor$1.current);
-        var tag = allocateTag(),
-          viewConfig = getViewConfigForType(renderExpirationTime$jscomp$0),
-          updatePayload = diffProperties(
-            null,
-            emptyObject,
-            newProps,
-            viewConfig.validAttributes
-          );
+      else {
+        if (!newProps) {
+          if (null === workInProgress.stateNode)
+            throw Error(
+              "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+            );
+          return null;
+        }
+        requiredContext(contextStackCursor$1.current);
+        current = allocateTag();
+        renderExpirationTime = getViewConfigForType(renderExpirationTime);
+        var updatePayload = diffProperties(
+          null,
+          emptyObject,
+          newProps,
+          renderExpirationTime.validAttributes
+        );
         ReactNativePrivateInterface.UIManager.createView(
-          tag,
-          viewConfig.uiViewClassName,
+          current,
+          renderExpirationTime.uiViewClassName,
           rootContainerInstance,
           updatePayload
         );
-        viewConfig = new ReactNativeFiberHostComponent(tag, viewConfig);
-        instanceCache.set(tag, workInProgress);
-        instanceProps.set(tag, newProps);
-        appendAllChildren(viewConfig, workInProgress, !1, !1);
-        workInProgress.stateNode = viewConfig;
-        finalizeInitialChildren(
-          viewConfig,
-          renderExpirationTime$jscomp$0,
-          newProps,
-          rootContainerInstance,
-          current
-        ) && (workInProgress.effectTag |= 4);
-        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
-      } else if (null === workInProgress.stateNode)
-        throw Error(
-          "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
+        rootContainerInstance = new ReactNativeFiberHostComponent(
+          current,
+          renderExpirationTime,
+          workInProgress
         );
-      break;
+        instanceCache.set(current, workInProgress);
+        instanceProps.set(current, newProps);
+        appendAllChildren(rootContainerInstance, workInProgress, !1, !1);
+        workInProgress.stateNode = rootContainerInstance;
+        finalizeInitialChildren(rootContainerInstance) &&
+          (workInProgress.effectTag |= 4);
+        null !== workInProgress.ref && (workInProgress.effectTag |= 128);
+      }
+      return null;
     case 6:
       if (current && null != workInProgress.stateNode)
         updateHostText$1(
@@ -4836,33 +4669,30 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
         instanceCache.set(rootContainerInstance, workInProgress);
         workInProgress.stateNode = rootContainerInstance;
       }
-      break;
-    case 11:
-      break;
+      return null;
     case 13:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
       if (0 !== (workInProgress.effectTag & 64))
         return (
-          (workInProgress.expirationTime = renderExpirationTime$jscomp$0),
-          workInProgress
+          (workInProgress.expirationTime = renderExpirationTime), workInProgress
         );
       newProps = null !== newProps;
       rootContainerInstance = !1;
       null !== current &&
-        ((renderExpirationTime$jscomp$0 = current.memoizedState),
-        (rootContainerInstance = null !== renderExpirationTime$jscomp$0),
+        ((renderExpirationTime = current.memoizedState),
+        (rootContainerInstance = null !== renderExpirationTime),
         newProps ||
-          null === renderExpirationTime$jscomp$0 ||
-          ((renderExpirationTime$jscomp$0 = current.child.sibling),
-          null !== renderExpirationTime$jscomp$0 &&
-            ((tag = workInProgress.firstEffect),
-            null !== tag
-              ? ((workInProgress.firstEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = tag))
-              : ((workInProgress.firstEffect = workInProgress.lastEffect = renderExpirationTime$jscomp$0),
-                (renderExpirationTime$jscomp$0.nextEffect = null)),
-            (renderExpirationTime$jscomp$0.effectTag = 8))));
+          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 &&
@@ -4879,41 +4709,30 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
             workInProgressRootExitStatus = RootSuspendedWithDelay;
           0 !== workInProgressRootNextUnprocessedUpdateTime &&
             null !== workInProgressRoot &&
-            (markRootSuspendedAtTime(workInProgressRoot, renderExpirationTime),
+            (markRootSuspendedAtTime(
+              workInProgressRoot,
+              renderExpirationTime$1
+            ),
             markRootUpdatedAtTime(
               workInProgressRoot,
               workInProgressRootNextUnprocessedUpdateTime
-            ));
-        }
-      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
-      break;
-    case 7:
-      break;
-    case 8:
-      break;
-    case 12:
-      break;
+            ));
+        }
+      if (newProps || rootContainerInstance) workInProgress.effectTag |= 4;
+      return null;
     case 4:
-      popHostContainer(workInProgress);
-      updateHostContainer(workInProgress);
-      break;
+      return popHostContainer(), updateHostContainer(workInProgress), null;
     case 10:
-      popProvider(workInProgress);
-      break;
-    case 9:
-      break;
-    case 14:
-      break;
+      return popProvider(workInProgress), null;
     case 17:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
-      break;
+      return isContextProvider(workInProgress.type) && popContext(), null;
     case 19:
-      pop(suspenseStackCursor, workInProgress);
+      pop(suspenseStackCursor);
       newProps = workInProgress.memoizedState;
-      if (null === newProps) break;
+      if (null === newProps) return null;
       rootContainerInstance = 0 !== (workInProgress.effectTag & 64);
-      tag = newProps.rendering;
-      if (null === tag)
+      updatePayload = newProps.rendering;
+      if (null === updatePayload)
         if (rootContainerInstance) cutOffTailIfNeeded(newProps, !1);
         else {
           if (
@@ -4921,30 +4740,29 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
             (null !== current && 0 !== (current.effectTag & 64))
           )
             for (current = workInProgress.child; null !== current; ) {
-              tag = findFirstSuspended(current);
-              if (null !== tag) {
+              updatePayload = findFirstSuspended(current);
+              if (null !== updatePayload) {
                 workInProgress.effectTag |= 64;
                 cutOffTailIfNeeded(newProps, !1);
-                current = tag.updateQueue;
+                current = updatePayload.updateQueue;
                 null !== current &&
                   ((workInProgress.updateQueue = current),
                   (workInProgress.effectTag |= 4));
                 null === newProps.lastEffect &&
                   (workInProgress.firstEffect = null);
                 workInProgress.lastEffect = newProps.lastEffect;
-                current = renderExpirationTime$jscomp$0;
+                current = renderExpirationTime;
                 for (newProps = workInProgress.child; null !== newProps; )
                   (rootContainerInstance = newProps),
-                    (tag = current),
+                    (updatePayload = current),
                     (rootContainerInstance.effectTag &= 2),
                     (rootContainerInstance.nextEffect = null),
                     (rootContainerInstance.firstEffect = null),
                     (rootContainerInstance.lastEffect = null),
-                    (renderExpirationTime$jscomp$0 =
-                      rootContainerInstance.alternate),
-                    null === renderExpirationTime$jscomp$0
+                    (renderExpirationTime = rootContainerInstance.alternate),
+                    null === renderExpirationTime
                       ? ((rootContainerInstance.childExpirationTime = 0),
-                        (rootContainerInstance.expirationTime = tag),
+                        (rootContainerInstance.expirationTime = updatePayload),
                         (rootContainerInstance.child = null),
                         (rootContainerInstance.memoizedProps = null),
                         (rootContainerInstance.memoizedState = null),
@@ -4953,35 +4771,34 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
                         (rootContainerInstance.selfBaseDuration = 0),
                         (rootContainerInstance.treeBaseDuration = 0))
                       : ((rootContainerInstance.childExpirationTime =
-                          renderExpirationTime$jscomp$0.childExpirationTime),
+                          renderExpirationTime.childExpirationTime),
                         (rootContainerInstance.expirationTime =
-                          renderExpirationTime$jscomp$0.expirationTime),
+                          renderExpirationTime.expirationTime),
                         (rootContainerInstance.child =
-                          renderExpirationTime$jscomp$0.child),
+                          renderExpirationTime.child),
                         (rootContainerInstance.memoizedProps =
-                          renderExpirationTime$jscomp$0.memoizedProps),
+                          renderExpirationTime.memoizedProps),
                         (rootContainerInstance.memoizedState =
-                          renderExpirationTime$jscomp$0.memoizedState),
+                          renderExpirationTime.memoizedState),
                         (rootContainerInstance.updateQueue =
-                          renderExpirationTime$jscomp$0.updateQueue),
-                        (tag = renderExpirationTime$jscomp$0.dependencies),
+                          renderExpirationTime.updateQueue),
+                        (updatePayload = renderExpirationTime.dependencies),
                         (rootContainerInstance.dependencies =
-                          null === tag
+                          null === updatePayload
                             ? null
                             : {
-                                expirationTime: tag.expirationTime,
-                                firstContext: tag.firstContext,
-                                responders: tag.responders
+                                expirationTime: updatePayload.expirationTime,
+                                firstContext: updatePayload.firstContext,
+                                responders: updatePayload.responders
                               }),
                         (rootContainerInstance.selfBaseDuration =
-                          renderExpirationTime$jscomp$0.selfBaseDuration),
+                          renderExpirationTime.selfBaseDuration),
                         (rootContainerInstance.treeBaseDuration =
-                          renderExpirationTime$jscomp$0.treeBaseDuration)),
+                          renderExpirationTime.treeBaseDuration)),
                     (newProps = newProps.sibling);
                 push(
                   suspenseStackCursor,
-                  (suspenseStackCursor.current & 1) | 2,
-                  workInProgress
+                  (suspenseStackCursor.current & 1) | 2
                 );
                 return workInProgress.child;
               }
@@ -4990,7 +4807,9 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
         }
       else {
         if (!rootContainerInstance)
-          if (((current = findFirstSuspended(tag)), null !== current)) {
+          if (
+            ((current = findFirstSuspended(updatePayload)), null !== current)
+          ) {
             if (
               ((workInProgress.effectTag |= 64),
               (rootContainerInstance = !0),
@@ -5001,74 +4820,72 @@ function completeWork(current, workInProgress, renderExpirationTime$jscomp$0) {
               cutOffTailIfNeeded(newProps, !0),
               null === newProps.tail &&
                 "hidden" === newProps.tailMode &&
-                !tag.alternate)
-            ) {
-              workInProgress = workInProgress.lastEffect = newProps.lastEffect;
-              null !== workInProgress && (workInProgress.nextEffect = null);
-              break;
-            }
+                !updatePayload.alternate)
+            )
+              return (
+                (workInProgress = workInProgress.lastEffect =
+                  newProps.lastEffect),
+                null !== workInProgress && (workInProgress.nextEffect = null),
+                null
+              );
           } else
-            now() > newProps.tailExpiration &&
-              1 < renderExpirationTime$jscomp$0 &&
+            2 * now() - newProps.renderingStartTime > newProps.tailExpiration &&
+              1 < renderExpirationTime &&
               ((workInProgress.effectTag |= 64),
               (rootContainerInstance = !0),
               cutOffTailIfNeeded(newProps, !1),
-              (current = renderExpirationTime$jscomp$0 - 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))
+          ? ((updatePayload.sibling = workInProgress.child),
+            (workInProgress.child = updatePayload))
           : ((current = newProps.last),
             null !== current
-              ? (current.sibling = tag)
-              : (workInProgress.child = tag),
-            (newProps.last = tag));
+              ? (current.sibling = updatePayload)
+              : (workInProgress.child = updatePayload),
+            (newProps.last = updatePayload));
       }
-      if (null !== newProps.tail)
-        return (
-          0 === newProps.tailExpiration &&
+      return null !== newProps.tail
+        ? (0 === newProps.tailExpiration &&
             (newProps.tailExpiration = now() + 500),
           (current = newProps.tail),
           (newProps.rendering = current),
           (newProps.tail = current.sibling),
           (newProps.lastEffect = workInProgress.lastEffect),
+          (newProps.renderingStartTime = now()),
           (current.sibling = null),
-          (newProps = suspenseStackCursor.current),
+          (workInProgress = suspenseStackCursor.current),
           push(
             suspenseStackCursor,
-            rootContainerInstance ? (newProps & 1) | 2 : newProps & 1,
-            workInProgress
+            rootContainerInstance
+              ? (workInProgress & 1) | 2
+              : workInProgress & 1
           ),
-          current
-        );
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "Unknown unit of work tag (" +
-          workInProgress.tag +
-          "). This error is likely caused by a bug in React. Please file an issue."
-      );
+          current)
+        : null;
   }
-  return null;
+  throw Error(
+    "Unknown unit of work tag (" +
+      workInProgress.tag +
+      "). This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function unwindWork(workInProgress) {
   switch (workInProgress.tag) {
     case 1:
-      isContextProvider(workInProgress.type) && popContext(workInProgress);
+      isContextProvider(workInProgress.type) && popContext();
       var effectTag = workInProgress.effectTag;
       return effectTag & 4096
         ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
           workInProgress)
         : null;
     case 3:
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor);
       effectTag = workInProgress.effectTag;
       if (0 !== (effectTag & 64))
         throw Error(
@@ -5080,7 +4897,7 @@ function unwindWork(workInProgress) {
       return popHostContext(workInProgress), null;
     case 13:
       return (
-        pop(suspenseStackCursor, workInProgress),
+        pop(suspenseStackCursor),
         (effectTag = workInProgress.effectTag),
         effectTag & 4096
           ? ((workInProgress.effectTag = (effectTag & -4097) | 64),
@@ -5088,9 +4905,9 @@ function unwindWork(workInProgress) {
           : null
       );
     case 19:
-      return pop(suspenseStackCursor, workInProgress), null;
+      return pop(suspenseStackCursor), null;
     case 4:
-      return popHostContainer(workInProgress), null;
+      return popHostContainer(), null;
     case 10:
       return popProvider(workInProgress), null;
     default:
@@ -5147,85 +4964,171 @@ function logError(boundary, errorInfo) {
     });
   }
 }
-function safelyCallComponentWillUnmount(current$$1, instance) {
+function safelyCallComponentWillUnmount(current, instance) {
   try {
-    (instance.props = current$$1.memoizedProps),
-      (instance.state = current$$1.memoizedState),
+    (instance.props = current.memoizedProps),
+      (instance.state = current.memoizedState),
       instance.componentWillUnmount();
   } catch (unmountError) {
-    captureCommitPhaseError(current$$1, unmountError);
+    captureCommitPhaseError(current, unmountError);
   }
 }
-function safelyDetachRef(current$$1) {
-  var ref = current$$1.ref;
+function safelyDetachRef(current) {
+  var ref = current.ref;
   if (null !== ref)
     if ("function" === typeof ref)
       try {
         ref(null);
       } catch (refError) {
-        captureCommitPhaseError(current$$1, refError);
+        captureCommitPhaseError(current, refError);
       }
     else ref.current = null;
 }
-function commitBeforeMutationLifeCycles(current$$1, finishedWork) {
+function commitBeforeMutationLifeCycles(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 15:
-      commitHookEffectList(2, 0, finishedWork);
-      break;
+    case 22:
+      return;
     case 1:
-      if (finishedWork.effectTag & 256 && null !== current$$1) {
-        var prevProps = current$$1.memoizedProps,
-          prevState = current$$1.memoizedState;
-        current$$1 = finishedWork.stateNode;
-        finishedWork = current$$1.getSnapshotBeforeUpdate(
+      if (finishedWork.effectTag & 256 && null !== current) {
+        var prevProps = current.memoizedProps,
+          prevState = current.memoizedState;
+        current = finishedWork.stateNode;
+        finishedWork = current.getSnapshotBeforeUpdate(
           finishedWork.elementType === finishedWork.type
             ? prevProps
             : resolveDefaultProps(finishedWork.type, prevProps),
           prevState
         );
-        current$$1.__reactInternalSnapshotBeforeUpdate = finishedWork;
+        current.__reactInternalSnapshotBeforeUpdate = finishedWork;
       }
-      break;
+      return;
     case 3:
     case 5:
     case 6:
     case 4:
     case 17:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
-function commitHookEffectList(unmountTag, mountTag, finishedWork) {
+function commitHookEffectListUnmount(tag, finishedWork) {
   finishedWork = finishedWork.updateQueue;
   finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
   if (null !== finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
-      if (0 !== (effect.tag & unmountTag)) {
+      if ((effect.tag & tag) === tag) {
         var destroy = effect.destroy;
         effect.destroy = void 0;
         void 0 !== destroy && destroy();
       }
-      0 !== (effect.tag & mountTag) &&
-        ((destroy = effect.create), (effect.destroy = destroy()));
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
+function commitHookEffectListMount(tag, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & tag) === tag) {
+        var create = effect.create;
+        effect.destroy = create();
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitLifeCycles(finishedRoot, current, finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+    case 22:
+      commitHookEffectListMount(3, finishedWork);
+      return;
+    case 1:
+      finishedRoot = finishedWork.stateNode;
+      if (finishedWork.effectTag & 4)
+        if (null === current) finishedRoot.componentDidMount();
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          finishedRoot.componentDidUpdate(
+            prevProps,
+            current.memoizedState,
+            finishedRoot.__reactInternalSnapshotBeforeUpdate
+          );
+        }
+      current = finishedWork.updateQueue;
+      null !== current &&
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      return;
+    case 3:
+      current = finishedWork.updateQueue;
+      if (null !== current) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 5:
+              finishedRoot = finishedWork.child.stateNode;
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        commitUpdateQueue(finishedWork, current, finishedRoot);
+      }
+      return;
+    case 5:
+      return;
+    case 6:
+      return;
+    case 4:
+      return;
+    case 12:
+      prevProps = finishedWork.memoizedProps.onRender;
+      var commitTime$jscomp$0 = commitTime;
+      "function" === typeof prevProps &&
+        prevProps(
+          finishedWork.memoizedProps.id,
+          null === current ? "mount" : "update",
+          finishedWork.actualDuration,
+          finishedWork.treeBaseDuration,
+          finishedWork.actualStartTime,
+          commitTime$jscomp$0,
+          finishedRoot.memoizedInteractions
+        );
+      return;
+    case 13:
+      return;
+    case 19:
+    case 17:
+    case 20:
+    case 21:
+      return;
+  }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
+}
+function commitUnmount(finishedRoot, current$jscomp$0, renderPriorityLevel) {
   "function" === typeof onCommitFiberUnmount &&
-    onCommitFiberUnmount(current$$1$jscomp$0);
-  switch (current$$1$jscomp$0.tag) {
+    onCommitFiberUnmount(current$jscomp$0);
+  switch (current$jscomp$0.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      finishedRoot = current$$1$jscomp$0.updateQueue;
+    case 22:
+      finishedRoot = current$jscomp$0.updateQueue;
       if (
         null !== finishedRoot &&
         ((finishedRoot = finishedRoot.lastEffect), null !== finishedRoot)
@@ -5236,13 +5139,13 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
           function() {
             var effect = firstEffect;
             do {
-              var destroy = effect.destroy;
-              if (void 0 !== destroy) {
-                var current$$1 = current$$1$jscomp$0;
+              var _destroy = effect.destroy;
+              if (void 0 !== _destroy) {
+                var current = current$jscomp$0;
                 try {
-                  destroy();
+                  _destroy();
                 } catch (error) {
-                  captureCommitPhaseError(current$$1, error);
+                  captureCommitPhaseError(current, error);
                 }
               }
               effect = effect.next;
@@ -5252,37 +5155,35 @@ function commitUnmount(finishedRoot, current$$1$jscomp$0, renderPriorityLevel) {
       }
       break;
     case 1:
-      safelyDetachRef(current$$1$jscomp$0);
-      renderPriorityLevel = current$$1$jscomp$0.stateNode;
+      safelyDetachRef(current$jscomp$0);
+      renderPriorityLevel = current$jscomp$0.stateNode;
       "function" === typeof renderPriorityLevel.componentWillUnmount &&
-        safelyCallComponentWillUnmount(
-          current$$1$jscomp$0,
-          renderPriorityLevel
-        );
+        safelyCallComponentWillUnmount(current$jscomp$0, renderPriorityLevel);
       break;
     case 5:
-      safelyDetachRef(current$$1$jscomp$0);
+      safelyDetachRef(current$jscomp$0);
       break;
     case 4:
       unmountHostComponents(
         finishedRoot,
-        current$$1$jscomp$0,
+        current$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;
+function detachFiber(current) {
+  var alternate = current.alternate;
+  current.return = null;
+  current.child = null;
+  current.memoizedState = null;
+  current.updateQueue = null;
+  current.dependencies = null;
+  current.alternate = null;
+  current.firstEffect = null;
+  current.lastEffect = null;
+  current.pendingProps = null;
+  current.memoizedProps = null;
+  current.stateNode = null;
   null !== alternate && detachFiber(alternate);
 }
 function isHostParent(fiber) {
@@ -5345,97 +5246,103 @@ function commitPlacement(finishedWork) {
       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 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),
+  isContainer
+    ? insertOrAppendPlacementNodeIntoContainer(
+        finishedWork,
+        parentFiber,
+        parent
+      )
+    : insertOrAppendPlacementNode(finishedWork, parentFiber, parent);
+}
+function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    if (((node = isHost ? node.stateNode : node.stateNode.instance), before)) {
+      if ("number" === typeof parent)
+        throw Error("Container does not support insertBefore operation");
+    } else
+      ReactNativePrivateInterface.UIManager.setChildren(parent, [
+        "number" === typeof node ? node : node._nativeTag
+      ]);
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNodeIntoContainer(node, before, parent),
+        (node = node.sibling);
+}
+function insertOrAppendPlacementNode(node, before, parent) {
+  var tag = node.tag,
+    isHost = 5 === tag || 6 === tag;
+  if (isHost)
+    (node = isHost ? node.stateNode : node.stateNode.instance),
+      before
+        ? ((tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              (before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
-                [index],
-                [beforeChild],
+                parent._nativeTag,
+                [isHost],
+                [before],
                 [],
                 [],
                 []
               ))
-            : ((index = children.indexOf(beforeChild)),
-              children.splice(index, 0, stateNode),
+            : ((before = tag.indexOf(before)),
+              tag.splice(before, 0, node),
               ReactNativePrivateInterface.UIManager.manageChildren(
-                isHost._nativeTag,
+                parent._nativeTag,
                 [],
                 [],
-                [
-                  "number" === typeof stateNode
-                    ? stateNode
-                    : stateNode._nativeTag
-                ],
-                [index],
+                ["number" === typeof node ? node : node._nativeTag],
+                [before],
                 []
-              ));
-        }
-      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;
-  }
+              )))
+        : ((before = "number" === typeof node ? node : node._nativeTag),
+          (tag = parent._children),
+          (isHost = tag.indexOf(node)),
+          0 <= isHost
+            ? (tag.splice(isHost, 1),
+              tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [isHost],
+                [tag.length - 1],
+                [],
+                [],
+                []
+              ))
+            : (tag.push(node),
+              ReactNativePrivateInterface.UIManager.manageChildren(
+                parent._nativeTag,
+                [],
+                [],
+                [before],
+                [tag.length - 1],
+                []
+              )));
+  else if (4 !== tag && ((node = node.child), null !== node))
+    for (
+      insertOrAppendPlacementNode(node, before, parent), node = node.sibling;
+      null !== node;
+
+    )
+      insertOrAppendPlacementNode(node, before, parent), (node = node.sibling);
 }
 function unmountHostComponents(
   finishedRoot$jscomp$0,
-  current$$1,
+  current,
   renderPriorityLevel$jscomp$0
 ) {
   for (
-    var node = current$$1,
+    var node = current,
       currentParentIsValid = !1,
       currentParent,
       currentParentIsContainer;
@@ -5483,7 +5390,7 @@ function unmountHostComponents(
           (node$jscomp$0.child.return = node$jscomp$0),
             (node$jscomp$0 = node$jscomp$0.child);
         else {
-          if (node$jscomp$0 === root) break;
+          if (node$jscomp$0 === root) break a;
           for (; null === node$jscomp$0.sibling; ) {
             if (null === node$jscomp$0.return || node$jscomp$0.return === root)
               break a;
@@ -5533,9 +5440,9 @@ function unmountHostComponents(
       node = node.child;
       continue;
     }
-    if (node === current$$1) break;
+    if (node === current) break;
     for (; null === node.sibling; ) {
-      if (null === node.return || node.return === current$$1) return;
+      if (null === node.return || node.return === current) return;
       node = node.return;
       4 === node.tag && (currentParentIsValid = !1);
     }
@@ -5543,21 +5450,22 @@ function unmountHostComponents(
     node = node.sibling;
   }
 }
-function commitWork(current$$1, finishedWork) {
+function commitWork(current, finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
     case 14:
     case 15:
-      commitHookEffectList(4, 8, finishedWork);
-      break;
+    case 22:
+      commitHookEffectListUnmount(3, finishedWork);
+      return;
     case 1:
-      break;
+      return;
     case 5:
       var instance = finishedWork.stateNode;
       if (null != instance) {
         var newProps = finishedWork.memoizedProps;
-        current$$1 = null !== current$$1 ? current$$1.memoizedProps : newProps;
+        current = null !== current ? current.memoizedProps : newProps;
         var updatePayload = finishedWork.updateQueue;
         finishedWork.updateQueue = null;
         null !== updatePayload &&
@@ -5565,7 +5473,7 @@ function commitWork(current$$1, finishedWork) {
           instanceProps.set(instance._nativeTag, newProps),
           (newProps = diffProperties(
             null,
-            current$$1,
+            current,
             newProps,
             finishedWork.validAttributes
           )),
@@ -5576,7 +5484,7 @@ function commitWork(current$$1, finishedWork) {
               newProps
             ));
       }
-      break;
+      return;
     case 6:
       if (null === finishedWork.stateNode)
         throw Error(
@@ -5587,11 +5495,11 @@ function commitWork(current$$1, finishedWork) {
         "RCTRawText",
         { text: finishedWork.memoizedProps }
       );
-      break;
+      return;
     case 3:
-      break;
+      return;
     case 12:
-      break;
+      return;
     case 13:
       instance = finishedWork;
       null === finishedWork.memoizedState
@@ -5600,9 +5508,9 @@ function commitWork(current$$1, finishedWork) {
           (instance = finishedWork.child),
           (globalMostRecentFallbackTime = now()));
       if (null !== instance)
-        a: for (current$$1 = instance; ; ) {
-          if (5 === current$$1.tag)
-            if (((updatePayload = current$$1.stateNode), newProps)) {
+        a: for (current = instance; ; ) {
+          if (5 === current.tag)
+            if (((updatePayload = current.stateNode), newProps)) {
               var viewConfig = updatePayload.viewConfig;
               var updatePayload$jscomp$0 = diffProperties(
                 null,
@@ -5616,8 +5524,8 @@ function commitWork(current$$1, finishedWork) {
                 updatePayload$jscomp$0
               );
             } else {
-              updatePayload = current$$1.stateNode;
-              updatePayload$jscomp$0 = current$$1.memoizedProps;
+              updatePayload = current.stateNode;
+              updatePayload$jscomp$0 = current.memoizedProps;
               viewConfig = updatePayload.viewConfig;
               var prevProps = Object.assign({}, updatePayload$jscomp$0, {
                 style: [updatePayload$jscomp$0.style, { display: "none" }]
@@ -5635,47 +5543,41 @@ function commitWork(current$$1, finishedWork) {
               );
             }
           else {
-            if (6 === current$$1.tag) throw Error("Not yet implemented.");
+            if (6 === current.tag) throw Error("Not yet implemented.");
             if (
-              13 === current$$1.tag &&
-              null !== current$$1.memoizedState &&
-              null === current$$1.memoizedState.dehydrated
+              13 === current.tag &&
+              null !== current.memoizedState &&
+              null === current.memoizedState.dehydrated
             ) {
-              updatePayload = current$$1.child.sibling;
-              updatePayload.return = current$$1;
-              current$$1 = updatePayload;
+              updatePayload = current.child.sibling;
+              updatePayload.return = current;
+              current = updatePayload;
               continue;
-            } else if (null !== current$$1.child) {
-              current$$1.child.return = current$$1;
-              current$$1 = current$$1.child;
+            } else if (null !== current.child) {
+              current.child.return = current;
+              current = current.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;
+          if (current === instance) break;
+          for (; null === current.sibling; ) {
+            if (null === current.return || current.return === instance) break a;
+            current = current.return;
           }
-          current$$1.sibling.return = current$$1.return;
-          current$$1 = current$$1.sibling;
+          current.sibling.return = current.return;
+          current = current.sibling;
         }
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 19:
       attachSuspenseRetryListeners(finishedWork);
-      break;
+      return;
     case 17:
-      break;
-    case 20:
-      break;
-    case 21:
-      break;
-    default:
-      throw Error(
-        "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-      );
+      return;
   }
+  throw Error(
+    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+  );
 }
 function attachSuspenseRetryListeners(finishedWork) {
   var thenables = finishedWork.updateQueue;
@@ -5734,7 +5636,7 @@ function createClassErrorUpdate(fiber, errorInfo, expirationTime) {
   return expirationTime;
 }
 var ceil = Math.ceil,
-  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
   ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
   NoContext = 0,
   LegacyUnbatchedContext = 8,
@@ -5749,7 +5651,7 @@ var ceil = Math.ceil,
   executionContext = NoContext,
   workInProgressRoot = null,
   workInProgress = null,
-  renderExpirationTime = 0,
+  renderExpirationTime$1 = 0,
   workInProgressRootExitStatus = RootIncomplete,
   workInProgressRootFatalError = null,
   workInProgressRootLatestProcessedExpirationTime = 1073741823,
@@ -5776,8 +5678,8 @@ function requestCurrentTimeForUpdate() {
   return (executionContext & (RenderContext | CommitContext)) !== NoContext
     ? 1073741821 - ((now() / 10) | 0)
     : 0 !== currentEventTime
-      ? currentEventTime
-      : (currentEventTime = 1073741821 - ((now() / 10) | 0));
+    ? currentEventTime
+    : (currentEventTime = 1073741821 - ((now() / 10) | 0));
 }
 function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   fiber = fiber.mode;
@@ -5785,7 +5687,7 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
   var priorityLevel = getCurrentPriorityLevel();
   if (0 === (fiber & 4)) return 99 === priorityLevel ? 1073741823 : 1073741822;
   if ((executionContext & RenderContext) !== NoContext)
-    return renderExpirationTime;
+    return renderExpirationTime$1;
   if (null !== suspenseConfig)
     currentTime =
       1073741821 -
@@ -5817,11 +5719,11 @@ function computeExpirationForFiber(currentTime, fiber, suspenseConfig) {
         throw Error("Expected a valid priority level");
     }
   null !== workInProgressRoot &&
-    currentTime === renderExpirationTime &&
+    currentTime === renderExpirationTime$1 &&
     --currentTime;
   return currentTime;
 }
-function scheduleUpdateOnFiber(fiber, expirationTime) {
+function scheduleWork(fiber, expirationTime) {
   if (50 < nestedUpdateCount)
     throw ((nestedUpdateCount = 0),
     (rootWithNestedUpdates = null),
@@ -5878,7 +5780,7 @@ function markUpdateTimeFromFiberToRoot(fiber, expirationTime) {
     (workInProgressRoot === root &&
       (markUnprocessedUpdateTime(expirationTime),
       workInProgressRootExitStatus === RootSuspendedWithDelay &&
-        markRootSuspendedAtTime(root, renderExpirationTime)),
+        markRootSuspendedAtTime(root, renderExpirationTime$1)),
     markRootUpdatedAtTime(root, expirationTime));
   return root;
 }
@@ -5887,9 +5789,10 @@ function getNextRootExpirationTimeToWorkOn(root) {
   if (0 !== lastExpiredTime) return lastExpiredTime;
   lastExpiredTime = root.firstPendingTime;
   if (!isRootSuspendedAtTime(root, lastExpiredTime)) return lastExpiredTime;
-  lastExpiredTime = root.lastPingedTime;
+  var lastPingedTime = root.lastPingedTime;
   root = root.nextKnownPendingLevel;
-  return lastExpiredTime > root ? lastExpiredTime : root;
+  root = lastPingedTime > root ? lastPingedTime : root;
+  return 2 >= root && lastExpiredTime !== root ? 0 : root;
 }
 function ensureRootIsScheduled(root) {
   if (0 !== root.lastExpiredTime)
@@ -5938,270 +5841,232 @@ function ensureRootIsScheduled(root) {
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   currentEventTime = 0;
-  if (didTimeout)
-    return (
-      (didTimeout = requestCurrentTimeForUpdate()),
-      markRootExpiredAtTime(root, didTimeout),
+  if (didTimeout) {
+    didTimeout = requestCurrentTimeForUpdate();
+    var lastExpiredTime = root.lastExpiredTime;
+    if (0 === lastExpiredTime || lastExpiredTime > didTimeout)
+      root.lastExpiredTime = didTimeout;
+    ensureRootIsScheduled(root);
+    return null;
+  }
+  lastExpiredTime = getNextRootExpirationTimeToWorkOn(root);
+  if (0 === lastExpiredTime) return null;
+  didTimeout = root.callbackNode;
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var expirationTime = lastExpiredTime,
+    prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var exitStatus = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  ReactCurrentDispatcher$1.current = exitStatus;
+  executionContext = prevExecutionContext;
+  null !== workInProgress
+    ? (exitStatus = RootIncomplete)
+    : ((workInProgressRoot = null),
+      (exitStatus = workInProgressRootExitStatus));
+  if (exitStatus !== RootIncomplete) {
+    exitStatus === RootErrored &&
+      ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+      (exitStatus = renderRootSync(root, lastExpiredTime)));
+    if (exitStatus === RootFatalErrored)
+      throw ((didTimeout = workInProgressRootFatalError),
+      prepareFreshStack(root, lastExpiredTime),
+      markRootSuspendedAtTime(root, lastExpiredTime),
       ensureRootIsScheduled(root),
-      null
-    );
-  var expirationTime = getNextRootExpirationTimeToWorkOn(root);
-  if (0 !== expirationTime) {
-    didTimeout = root.callbackNode;
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || expirationTime !== renderExpirationTime)
-      prepareFreshStack(root, expirationTime),
-        startWorkOnPendingInteractions(root, expirationTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopConcurrent();
-          break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
-        }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((didTimeout = workInProgressRootFatalError),
-        prepareFreshStack(root, expirationTime),
-        markRootSuspendedAtTime(root, expirationTime),
-        ensureRootIsScheduled(root),
-        didTimeout);
-      if (null === workInProgress)
-        switch (
-          ((prevDispatcher = root.finishedWork = root.current.alternate),
-          (root.finishedExpirationTime = expirationTime),
-          (prevExecutionContext = workInProgressRootExitStatus),
-          (workInProgressRoot = null),
-          prevExecutionContext)
+      didTimeout);
+    prevExecutionContext = root.finishedWork = root.current.alternate;
+    root.finishedExpirationTime = lastExpiredTime;
+    switch (exitStatus) {
+      case RootIncomplete:
+      case RootFatalErrored:
+        throw Error("Root did not complete. This is a bug in React.");
+      case RootErrored:
+        commitRoot(root);
+        break;
+      case RootSuspended:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          1073741823 === workInProgressRootLatestProcessedExpirationTime &&
+          ((prevExecutionContext =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
+          10 < prevExecutionContext)
         ) {
-          case RootIncomplete:
-          case RootFatalErrored:
-            throw Error("Root did not complete. This is a bug in React.");
-          case RootErrored:
-            markRootExpiredAtTime(
-              root,
-              2 < expirationTime ? 2 : expirationTime
-            );
-            break;
-          case RootSuspended:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              1073741823 === workInProgressRootLatestProcessedExpirationTime &&
-              ((prevDispatcher =
-                globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now()),
-              10 < prevDispatcher)
-            ) {
-              if (
-                workInProgressRootHasPendingPing &&
-                ((prevInteractions = root.lastPingedTime),
-                0 === prevInteractions || prevInteractions >= expirationTime)
-              ) {
-                root.lastPingedTime = expirationTime;
-                prepareFreshStack(root, expirationTime);
-                break;
-              }
-              prevInteractions = getNextRootExpirationTimeToWorkOn(root);
-              if (0 !== prevInteractions && prevInteractions !== expirationTime)
-                break;
-              if (
-                0 !== prevExecutionContext &&
-                prevExecutionContext !== expirationTime
-              ) {
-                root.lastPingedTime = prevExecutionContext;
-                break;
-              }
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevDispatcher
-              );
-              break;
-            }
-            commitRoot(root);
-            break;
-          case RootSuspendedWithDelay:
-            markRootSuspendedAtTime(root, expirationTime);
-            prevExecutionContext = root.lastSuspendedTime;
-            expirationTime === prevExecutionContext &&
-              (root.nextKnownPendingLevel = getRemainingExpirationTime(
-                prevDispatcher
-              ));
-            if (
-              workInProgressRootHasPendingPing &&
-              ((prevDispatcher = root.lastPingedTime),
-              0 === prevDispatcher || prevDispatcher >= expirationTime)
-            ) {
-              root.lastPingedTime = expirationTime;
-              prepareFreshStack(root, expirationTime);
-              break;
-            }
-            prevDispatcher = getNextRootExpirationTimeToWorkOn(root);
-            if (0 !== prevDispatcher && prevDispatcher !== expirationTime)
-              break;
-            if (
-              0 !== prevExecutionContext &&
-              prevExecutionContext !== expirationTime
-            ) {
-              root.lastPingedTime = prevExecutionContext;
-              break;
-            }
-            1073741823 !== workInProgressRootLatestSuspenseTimeout
-              ? (prevExecutionContext =
-                  10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
-                  now())
-              : 1073741823 === workInProgressRootLatestProcessedExpirationTime
-                ? (prevExecutionContext = 0)
-                : ((prevExecutionContext =
-                    10 *
-                      (1073741821 -
-                        workInProgressRootLatestProcessedExpirationTime) -
-                    5e3),
-                  (prevDispatcher = now()),
-                  (expirationTime =
-                    10 * (1073741821 - expirationTime) - prevDispatcher),
-                  (prevExecutionContext =
-                    prevDispatcher - prevExecutionContext),
-                  0 > prevExecutionContext && (prevExecutionContext = 0),
-                  (prevExecutionContext =
-                    (120 > prevExecutionContext
-                      ? 120
-                      : 480 > prevExecutionContext
-                        ? 480
-                        : 1080 > prevExecutionContext
-                          ? 1080
-                          : 1920 > prevExecutionContext
-                            ? 1920
-                            : 3e3 > prevExecutionContext
-                              ? 3e3
-                              : 4320 > prevExecutionContext
-                                ? 4320
-                                : 1960 * ceil(prevExecutionContext / 1960)) -
-                    prevExecutionContext),
-                  expirationTime < prevExecutionContext &&
-                    (prevExecutionContext = expirationTime));
-            if (10 < prevExecutionContext) {
-              root.timeoutHandle = scheduleTimeout(
-                commitRoot.bind(null, root),
-                prevExecutionContext
-              );
-              break;
-            }
-            commitRoot(root);
+          if (
+            workInProgressRootHasPendingPing &&
+            ((expirationTime = root.lastPingedTime),
+            0 === expirationTime || expirationTime >= lastExpiredTime)
+          ) {
+            root.lastPingedTime = lastExpiredTime;
+            prepareFreshStack(root, lastExpiredTime);
             break;
-          case RootCompleted:
-            if (
-              1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
-              null !== workInProgressRootCanSuspendUsingConfig
-            ) {
-              prevInteractions = workInProgressRootLatestProcessedExpirationTime;
-              var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
-              prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
-              0 >= prevExecutionContext
-                ? (prevExecutionContext = 0)
-                : ((prevDispatcher = suspenseConfig.busyDelayMs | 0),
-                  (prevInteractions =
-                    now() -
-                    (10 * (1073741821 - prevInteractions) -
-                      (suspenseConfig.timeoutMs | 0 || 5e3))),
-                  (prevExecutionContext =
-                    prevInteractions <= prevDispatcher
-                      ? 0
-                      : prevDispatcher +
-                        prevExecutionContext -
-                        prevInteractions));
-              if (10 < prevExecutionContext) {
-                markRootSuspendedAtTime(root, expirationTime);
-                root.timeoutHandle = scheduleTimeout(
-                  commitRoot.bind(null, root),
-                  prevExecutionContext
-                );
-                break;
-              }
-            }
-            commitRoot(root);
+          }
+          expirationTime = getNextRootExpirationTimeToWorkOn(root);
+          if (0 !== expirationTime && expirationTime !== lastExpiredTime) break;
+          if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+            root.lastPingedTime = exitStatus;
             break;
-          default:
-            throw Error("Unknown root exit status.");
+          }
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
         }
-      ensureRootIsScheduled(root);
-      if (root.callbackNode === didTimeout)
-        return performConcurrentWorkOnRoot.bind(null, root);
-    }
-  }
-  return null;
-}
-function performSyncWorkOnRoot(root) {
-  var lastExpiredTime = root.lastExpiredTime;
-  lastExpiredTime = 0 !== lastExpiredTime ? lastExpiredTime : 1073741823;
-  if (root.finishedExpirationTime === lastExpiredTime) commitRoot(root);
-  else {
-    if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
-      throw Error("Should not already be working.");
-    flushPassiveEffects();
-    if (root !== workInProgressRoot || lastExpiredTime !== renderExpirationTime)
-      prepareFreshStack(root, lastExpiredTime),
-        startWorkOnPendingInteractions(root, lastExpiredTime);
-    if (null !== workInProgress) {
-      var prevExecutionContext = executionContext;
-      executionContext |= RenderContext;
-      var prevDispatcher = pushDispatcher(root),
-        prevInteractions = pushInteractions(root);
-      do
-        try {
-          workLoopSync();
+        commitRoot(root);
+        break;
+      case RootSuspendedWithDelay:
+        markRootSuspendedAtTime(root, lastExpiredTime);
+        exitStatus = root.lastSuspendedTime;
+        lastExpiredTime === exitStatus &&
+          (root.nextKnownPendingLevel = getRemainingExpirationTime(
+            prevExecutionContext
+          ));
+        if (
+          workInProgressRootHasPendingPing &&
+          ((prevExecutionContext = root.lastPingedTime),
+          0 === prevExecutionContext || prevExecutionContext >= lastExpiredTime)
+        ) {
+          root.lastPingedTime = lastExpiredTime;
+          prepareFreshStack(root, lastExpiredTime);
           break;
-        } catch (thrownValue) {
-          handleError(root, thrownValue);
         }
-      while (1);
-      resetContextDependencies();
-      executionContext = prevExecutionContext;
-      ReactCurrentDispatcher.current = prevDispatcher;
-      tracing.__interactionsRef.current = prevInteractions;
-      if (workInProgressRootExitStatus === RootFatalErrored)
-        throw ((prevExecutionContext = workInProgressRootFatalError),
-        prepareFreshStack(root, lastExpiredTime),
-        markRootSuspendedAtTime(root, lastExpiredTime),
-        ensureRootIsScheduled(root),
-        prevExecutionContext);
-      if (null !== workInProgress)
-        throw Error(
-          "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
-        );
-      root.finishedWork = root.current.alternate;
-      root.finishedExpirationTime = lastExpiredTime;
-      workInProgressRoot = null;
-      commitRoot(root);
-      ensureRootIsScheduled(root);
-    }
-  }
-  return null;
-}
-function flushPendingDiscreteUpdates() {
-  if (null !== rootsWithPendingDiscreteUpdates) {
-    var roots = rootsWithPendingDiscreteUpdates;
-    rootsWithPendingDiscreteUpdates = null;
-    roots.forEach(function(expirationTime, root) {
-      markRootExpiredAtTime(root, expirationTime);
-      ensureRootIsScheduled(root);
-    });
-    flushSyncCallbackQueue();
+        prevExecutionContext = getNextRootExpirationTimeToWorkOn(root);
+        if (
+          0 !== prevExecutionContext &&
+          prevExecutionContext !== lastExpiredTime
+        )
+          break;
+        if (0 !== exitStatus && exitStatus !== lastExpiredTime) {
+          root.lastPingedTime = exitStatus;
+          break;
+        }
+        1073741823 !== workInProgressRootLatestSuspenseTimeout
+          ? (prevExecutionContext =
+              10 * (1073741821 - workInProgressRootLatestSuspenseTimeout) -
+              now())
+          : 1073741823 === workInProgressRootLatestProcessedExpirationTime
+          ? (prevExecutionContext = 0)
+          : ((prevExecutionContext =
+              10 *
+                (1073741821 - workInProgressRootLatestProcessedExpirationTime) -
+              5e3),
+            (exitStatus = now()),
+            (lastExpiredTime =
+              10 * (1073741821 - lastExpiredTime) - exitStatus),
+            (prevExecutionContext = exitStatus - prevExecutionContext),
+            0 > prevExecutionContext && (prevExecutionContext = 0),
+            (prevExecutionContext =
+              (120 > prevExecutionContext
+                ? 120
+                : 480 > prevExecutionContext
+                ? 480
+                : 1080 > prevExecutionContext
+                ? 1080
+                : 1920 > prevExecutionContext
+                ? 1920
+                : 3e3 > prevExecutionContext
+                ? 3e3
+                : 4320 > prevExecutionContext
+                ? 4320
+                : 1960 * ceil(prevExecutionContext / 1960)) -
+              prevExecutionContext),
+            lastExpiredTime < prevExecutionContext &&
+              (prevExecutionContext = lastExpiredTime));
+        if (10 < prevExecutionContext) {
+          root.timeoutHandle = scheduleTimeout(
+            commitRoot.bind(null, root),
+            prevExecutionContext
+          );
+          break;
+        }
+        commitRoot(root);
+        break;
+      case RootCompleted:
+        if (
+          1073741823 !== workInProgressRootLatestProcessedExpirationTime &&
+          null !== workInProgressRootCanSuspendUsingConfig
+        ) {
+          expirationTime = workInProgressRootLatestProcessedExpirationTime;
+          var suspenseConfig = workInProgressRootCanSuspendUsingConfig;
+          prevExecutionContext = suspenseConfig.busyMinDurationMs | 0;
+          0 >= prevExecutionContext
+            ? (prevExecutionContext = 0)
+            : ((exitStatus = suspenseConfig.busyDelayMs | 0),
+              (expirationTime =
+                now() -
+                (10 * (1073741821 - expirationTime) -
+                  (suspenseConfig.timeoutMs | 0 || 5e3))),
+              (prevExecutionContext =
+                expirationTime <= exitStatus
+                  ? 0
+                  : exitStatus + prevExecutionContext - expirationTime));
+          if (10 < prevExecutionContext) {
+            markRootSuspendedAtTime(root, lastExpiredTime);
+            root.timeoutHandle = scheduleTimeout(
+              commitRoot.bind(null, root),
+              prevExecutionContext
+            );
+            break;
+          }
+        }
+        commitRoot(root);
+        break;
+      default:
+        throw Error("Unknown root exit status.");
+    }
   }
+  ensureRootIsScheduled(root);
+  return root.callbackNode === didTimeout
+    ? performConcurrentWorkOnRoot.bind(null, root)
+    : null;
+}
+function performSyncWorkOnRoot(root) {
+  if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
+    throw Error("Should not already be working.");
+  flushPassiveEffects();
+  var lastExpiredTime = root.lastExpiredTime;
+  lastExpiredTime =
+    0 !== lastExpiredTime
+      ? root === workInProgressRoot && renderExpirationTime$1 >= lastExpiredTime
+        ? renderExpirationTime$1
+        : lastExpiredTime
+      : 1073741823;
+  var exitStatus = renderRootSync(root, lastExpiredTime);
+  0 !== root.tag &&
+    exitStatus === RootErrored &&
+    ((lastExpiredTime = 2 < lastExpiredTime ? 2 : lastExpiredTime),
+    (exitStatus = renderRootSync(root, lastExpiredTime)));
+  if (exitStatus === RootFatalErrored)
+    throw ((exitStatus = workInProgressRootFatalError),
+    prepareFreshStack(root, lastExpiredTime),
+    markRootSuspendedAtTime(root, lastExpiredTime),
+    ensureRootIsScheduled(root),
+    exitStatus);
+  root.finishedWork = root.current.alternate;
+  root.finishedExpirationTime = lastExpiredTime;
+  commitRoot(root);
+  ensureRootIsScheduled(root);
+  return null;
 }
 function prepareFreshStack(root, expirationTime) {
   root.finishedWork = null;
@@ -6214,26 +6079,27 @@ function prepareFreshStack(root, expirationTime) {
       var interruptedWork = timeoutHandle;
       switch (interruptedWork.tag) {
         case 1:
-          var childContextTypes = interruptedWork.type.childContextTypes;
-          null !== childContextTypes &&
-            void 0 !== childContextTypes &&
-            popContext(interruptedWork);
+          interruptedWork = interruptedWork.type.childContextTypes;
+          null !== interruptedWork &&
+            void 0 !== interruptedWork &&
+            popContext();
           break;
         case 3:
-          popHostContainer(interruptedWork);
-          popTopLevelContextObject(interruptedWork);
+          popHostContainer();
+          pop(didPerformWorkStackCursor);
+          pop(contextStackCursor);
           break;
         case 5:
           popHostContext(interruptedWork);
           break;
         case 4:
-          popHostContainer(interruptedWork);
+          popHostContainer();
           break;
         case 13:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 19:
-          pop(suspenseStackCursor, interruptedWork);
+          pop(suspenseStackCursor);
           break;
         case 10:
           popProvider(interruptedWork);
@@ -6241,8 +6107,8 @@ function prepareFreshStack(root, expirationTime) {
       timeoutHandle = timeoutHandle.return;
     }
   workInProgressRoot = root;
-  workInProgress = createWorkInProgress(root.current, null, expirationTime);
-  renderExpirationTime = expirationTime;
+  workInProgress = createWorkInProgress(root.current, null);
+  renderExpirationTime$1 = expirationTime;
   workInProgressRootExitStatus = RootIncomplete;
   workInProgressRootFatalError = null;
   workInProgressRootLatestSuspenseTimeout = workInProgressRootLatestProcessedExpirationTime = 1073741823;
@@ -6255,12 +6121,25 @@ function handleError(root$jscomp$0, thrownValue) {
   do {
     try {
       resetContextDependencies();
-      resetHooks();
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+      if (didScheduleRenderPhaseUpdate)
+        for (
+          var hook = currentlyRenderingFiber$1.memoizedState;
+          null !== hook;
+
+        ) {
+          var queue = hook.queue;
+          null !== queue && (queue.pending = null);
+          hook = hook.next;
+        }
+      renderExpirationTime = 0;
+      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+      didScheduleRenderPhaseUpdate = !1;
       if (null === workInProgress || null === workInProgress.return)
         return (
           (workInProgressRootExitStatus = RootFatalErrored),
           (workInProgressRootFatalError = thrownValue),
-          null
+          (workInProgress = null)
         );
       workInProgress.mode & 8 &&
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !0);
@@ -6269,7 +6148,7 @@ function handleError(root$jscomp$0, thrownValue) {
           returnFiber = workInProgress.return,
           sourceFiber = workInProgress,
           value = thrownValue;
-        thrownValue = renderExpirationTime;
+        thrownValue = renderExpirationTime$1;
         sourceFiber.effectTag |= 2048;
         sourceFiber.firstEffect = sourceFiber.lastEffect = null;
         if (
@@ -6277,8 +6156,17 @@ function handleError(root$jscomp$0, thrownValue) {
           "object" === typeof value &&
           "function" === typeof value.then
         ) {
-          var thenable = value,
-            hasInvisibleParentBoundary =
+          var thenable = value;
+          if (0 === (sourceFiber.mode & 2)) {
+            var currentSource = sourceFiber.alternate;
+            currentSource
+              ? ((sourceFiber.updateQueue = currentSource.updateQueue),
+                (sourceFiber.memoizedState = currentSource.memoizedState),
+                (sourceFiber.expirationTime = currentSource.expirationTime))
+              : ((sourceFiber.updateQueue = null),
+                (sourceFiber.memoizedState = null));
+          }
+          var hasInvisibleParentBoundary =
               0 !== (suspenseStackCursor.current & 1),
             _workInProgress = returnFiber;
           do {
@@ -6293,10 +6181,10 @@ function handleError(root$jscomp$0, thrownValue) {
                   void 0 === props.fallback
                     ? !1
                     : !0 !== props.unstable_avoidThisFallback
-                      ? !0
-                      : hasInvisibleParentBoundary
-                        ? !1
-                        : !0;
+                    ? !0
+                    : hasInvisibleParentBoundary
+                    ? !1
+                    : !0;
               }
             }
             if (JSCompiler_temp) {
@@ -6403,8 +6291,8 @@ function handleError(root$jscomp$0, thrownValue) {
   } while (1);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher.current;
-  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher$1.current;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function pushInteractions(root) {
@@ -6426,6 +6314,33 @@ function markUnprocessedUpdateTime(expirationTime) {
   expirationTime > workInProgressRootNextUnprocessedUpdateTime &&
     (workInProgressRootNextUnprocessedUpdateTime = expirationTime);
 }
+function renderRootSync(root, expirationTime) {
+  var prevExecutionContext = executionContext;
+  executionContext |= RenderContext;
+  var prevDispatcher = pushDispatcher();
+  if (root !== workInProgressRoot || expirationTime !== renderExpirationTime$1)
+    prepareFreshStack(root, expirationTime),
+      startWorkOnPendingInteractions(root, expirationTime);
+  expirationTime = pushInteractions(root);
+  do
+    try {
+      workLoopSync();
+      break;
+    } catch (thrownValue) {
+      handleError(root, thrownValue);
+    }
+  while (1);
+  resetContextDependencies();
+  tracing.__interactionsRef.current = expirationTime;
+  executionContext = prevExecutionContext;
+  ReactCurrentDispatcher$1.current = prevDispatcher;
+  if (null !== workInProgress)
+    throw Error(
+      "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
+    );
+  workInProgressRoot = null;
+  return workInProgressRootExitStatus;
+}
 function workLoopSync() {
   for (; null !== workInProgress; )
     workInProgress = performUnitOfWork(workInProgress);
@@ -6435,43 +6350,35 @@ function workLoopConcurrent() {
     workInProgress = performUnitOfWork(workInProgress);
 }
 function performUnitOfWork(unitOfWork) {
-  var current$$1 = unitOfWork.alternate;
+  var current = unitOfWork.alternate;
   0 !== (unitOfWork.mode & 8)
     ? ((profilerStartTime = now$1()),
       0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
-      (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime)),
+      (current = beginWork$1(current, unitOfWork, renderExpirationTime$1)),
       stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current$$1 = beginWork$$1(current$$1, unitOfWork, renderExpirationTime));
+    : (current = beginWork$1(current, unitOfWork, renderExpirationTime$1));
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
-  null === current$$1 && (current$$1 = completeUnitOfWork(unitOfWork));
+  null === current && (current = completeUnitOfWork(unitOfWork));
   ReactCurrentOwner$2.current = null;
-  return current$$1;
+  return current;
 }
 function completeUnitOfWork(unitOfWork) {
   workInProgress = unitOfWork;
   do {
-    var current$$1 = workInProgress.alternate;
+    var current = workInProgress.alternate;
     unitOfWork = workInProgress.return;
     if (0 === (workInProgress.effectTag & 2048)) {
       if (0 === (workInProgress.mode & 8))
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
       else {
         var fiber = workInProgress;
         profilerStartTime = now$1();
         0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
-        current$$1 = completeWork(
-          current$$1,
-          workInProgress,
-          renderExpirationTime
-        );
+        current = completeWork(current, workInProgress, renderExpirationTime$1);
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
       }
       fiber = workInProgress;
-      if (1 === renderExpirationTime || 1 !== fiber.childExpirationTime) {
+      if (1 === renderExpirationTime$1 || 1 !== fiber.childExpirationTime) {
         var newChildExpirationTime = 0;
         if (0 !== (fiber.mode & 8)) {
           for (
@@ -6509,7 +6416,7 @@ function completeUnitOfWork(unitOfWork) {
               (actualDuration = actualDuration.sibling);
         fiber.childExpirationTime = newChildExpirationTime;
       }
-      if (null !== current$$1) return current$$1;
+      if (null !== current) return current;
       null !== unitOfWork &&
         0 === (unitOfWork.effectTag & 2048) &&
         (null === unitOfWork.firstEffect &&
@@ -6524,7 +6431,7 @@ function completeUnitOfWork(unitOfWork) {
             : (unitOfWork.firstEffect = workInProgress),
           (unitOfWork.lastEffect = workInProgress)));
     } else {
-      current$$1 = unwindWork(workInProgress, renderExpirationTime);
+      current = unwindWork(workInProgress);
       if (0 !== (workInProgress.mode & 8)) {
         stopProfilerTimerIfRunningAndRecordDelta(workInProgress, !1);
         fiber = workInProgress.actualDuration;
@@ -6537,14 +6444,13 @@ function completeUnitOfWork(unitOfWork) {
             (newChildExpirationTime = newChildExpirationTime.sibling);
         workInProgress.actualDuration = fiber;
       }
-      if (null !== current$$1)
-        return (current$$1.effectTag &= 2047), current$$1;
+      if (null !== current) return (current.effectTag &= 2047), current;
       null !== unitOfWork &&
         ((unitOfWork.firstEffect = unitOfWork.lastEffect = null),
         (unitOfWork.effectTag |= 2048));
     }
-    current$$1 = workInProgress.sibling;
-    if (null !== current$$1) return current$$1;
+    current = workInProgress.sibling;
+    if (null !== current) return current;
     workInProgress = unitOfWork;
   } while (null !== workInProgress);
   workInProgressRootExitStatus === RootIncomplete &&
@@ -6562,7 +6468,8 @@ function commitRoot(root) {
   return null;
 }
 function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
-  flushPassiveEffects();
+  do flushPassiveEffects();
+  while (null !== rootWithPendingPassiveEffects);
   if ((executionContext & (RenderContext | CommitContext)) !== NoContext)
     throw Error("Should not already be working.");
   var finishedWork = root$jscomp$0.finishedWork,
@@ -6591,7 +6498,8 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
   expirationTime <= root$jscomp$0.lastExpiredTime &&
     (root$jscomp$0.lastExpiredTime = 0);
   root$jscomp$0 === workInProgressRoot &&
-    ((workInProgress = workInProgressRoot = null), (renderExpirationTime = 0));
+    ((workInProgress = workInProgressRoot = null),
+    (renderExpirationTime$1 = 0));
   1 < finishedWork.effectTag
     ? null !== finishedWork.lastEffect
       ? ((finishedWork.lastEffect.nextEffect = finishedWork),
@@ -6625,9 +6533,9 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
         ) {
           var effectTag = nextEffect.effectTag;
           if (effectTag & 128) {
-            var current$$1 = nextEffect.alternate;
-            if (null !== current$$1) {
-              var currentRef = current$$1.ref;
+            var current = nextEffect.alternate;
+            if (null !== current) {
+              var currentRef = current.ref;
               null !== currentRef &&
                 ("function" === typeof currentRef
                   ? currentRef(null)
@@ -6655,13 +6563,13 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
               commitWork(nextEffect.alternate, nextEffect);
               break;
             case 8:
-              var current$$1$jscomp$0 = nextEffect;
+              var current$jscomp$0 = nextEffect;
               unmountHostComponents(
                 root,
-                current$$1$jscomp$0,
+                current$jscomp$0,
                 renderPriorityLevel
               );
-              detachFiber(current$$1$jscomp$0);
+              detachFiber(current$jscomp$0);
           }
           nextEffect = nextEffect.nextEffect;
         }
@@ -6675,113 +6583,25 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
     nextEffect = remainingExpirationTimeBeforeCommit;
     do
       try {
-        for (
-          effectTag = root$jscomp$0, current$$1 = expirationTime;
-          null !== nextEffect;
-
-        ) {
+        for (effectTag = root$jscomp$0; null !== nextEffect; ) {
           var effectTag$jscomp$0 = nextEffect.effectTag;
-          if (effectTag$jscomp$0 & 36) {
-            renderPriorityLevel = effectTag;
-            var current$$1$jscomp$1 = nextEffect.alternate;
-            currentRef = nextEffect;
-            root = current$$1;
-            switch (currentRef.tag) {
-              case 0:
-              case 11:
-              case 15:
-                commitHookEffectList(16, 32, currentRef);
-                break;
-              case 1:
-                var instance = currentRef.stateNode;
-                if (currentRef.effectTag & 4)
-                  if (null === current$$1$jscomp$1)
-                    instance.componentDidMount();
-                  else {
-                    var prevProps =
-                      currentRef.elementType === currentRef.type
-                        ? current$$1$jscomp$1.memoizedProps
-                        : resolveDefaultProps(
-                            currentRef.type,
-                            current$$1$jscomp$1.memoizedProps
-                          );
-                    instance.componentDidUpdate(
-                      prevProps,
-                      current$$1$jscomp$1.memoizedState,
-                      instance.__reactInternalSnapshotBeforeUpdate
-                    );
-                  }
-                var updateQueue = currentRef.updateQueue;
-                null !== updateQueue &&
-                  commitUpdateQueue(currentRef, updateQueue, instance, root);
-                break;
-              case 3:
-                var _updateQueue = currentRef.updateQueue;
-                if (null !== _updateQueue) {
-                  renderPriorityLevel = null;
-                  if (null !== currentRef.child)
-                    switch (currentRef.child.tag) {
-                      case 5:
-                        renderPriorityLevel = currentRef.child.stateNode;
-                        break;
-                      case 1:
-                        renderPriorityLevel = currentRef.child.stateNode;
-                    }
-                  commitUpdateQueue(
-                    currentRef,
-                    _updateQueue,
-                    renderPriorityLevel,
-                    root
-                  );
-                }
-                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,
-                    renderPriorityLevel.memoizedInteractions
-                  );
-                break;
-              case 13:
-                break;
-              case 19:
-              case 17:
-              case 20:
-              case 21:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-          }
+          effectTag$jscomp$0 & 36 &&
+            commitLifeCycles(effectTag, nextEffect.alternate, nextEffect);
           if (effectTag$jscomp$0 & 128) {
-            currentRef = void 0;
+            current = void 0;
             var ref = nextEffect.ref;
             if (null !== ref) {
-              var instance$jscomp$0 = nextEffect.stateNode;
+              var instance = nextEffect.stateNode;
               switch (nextEffect.tag) {
                 case 5:
-                  currentRef = instance$jscomp$0;
+                  current = instance;
                   break;
                 default:
-                  currentRef = instance$jscomp$0;
+                  current = instance;
               }
               "function" === typeof ref
-                ? ref(currentRef)
-                : (ref.current = currentRef);
+                ? ref(current)
+                : (ref.current = current);
             }
           }
           nextEffect = nextEffect.nextEffect;
@@ -6817,13 +6637,13 @@ function commitRootImpl(root$jscomp$0, renderPriorityLevel$jscomp$0) {
       for (
         remainingExpirationTimeBeforeCommit = spawnedWorkDuringRender,
           spawnedWorkDuringRender = null,
-          current$$1$jscomp$1 = 0;
-        current$$1$jscomp$1 < remainingExpirationTimeBeforeCommit.length;
-        current$$1$jscomp$1++
+          ref = 0;
+        ref < remainingExpirationTimeBeforeCommit.length;
+        ref++
       )
         scheduleInteractions(
           root$jscomp$0,
-          remainingExpirationTimeBeforeCommit[current$$1$jscomp$1],
+          remainingExpirationTimeBeforeCommit[ref],
           root$jscomp$0.memoizedInteractions
         );
     schedulePendingInteractions(root$jscomp$0, renderPriorityLevel$jscomp$0);
@@ -6884,27 +6704,28 @@ function flushPassiveEffectsImpl() {
   executionContext |= CommitContext;
   for (
     var prevInteractions = pushInteractions(root),
-      effect = root.current.firstEffect;
-    null !== effect;
+      _effect2 = root.current.firstEffect;
+    null !== _effect2;
 
   ) {
     try {
-      var finishedWork = effect;
+      var finishedWork = _effect2;
       if (0 !== (finishedWork.effectTag & 512))
         switch (finishedWork.tag) {
           case 0:
           case 11:
           case 15:
-            commitHookEffectList(128, 0, finishedWork),
-              commitHookEffectList(0, 64, finishedWork);
+          case 22:
+            commitHookEffectListUnmount(5, finishedWork),
+              commitHookEffectListMount(5, finishedWork);
         }
     } catch (error) {
-      if (null === effect) throw Error("Should be working on an effect.");
-      captureCommitPhaseError(effect, error);
+      if (null === _effect2) throw Error("Should be working on an effect.");
+      captureCommitPhaseError(_effect2, error);
     }
-    finishedWork = effect.nextEffect;
-    effect.nextEffect = null;
-    effect = finishedWork;
+    finishedWork = _effect2.nextEffect;
+    _effect2.nextEffect = null;
+    _effect2 = finishedWork;
   }
   tracing.__interactionsRef.current = prevInteractions;
   finishPendingInteractions(root, expirationTime);
@@ -6953,19 +6774,17 @@ function captureCommitPhaseError(sourceFiber, error) {
 function pingSuspendedRoot(root, thenable, suspendedTime) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(thenable);
-  workInProgressRoot === root && renderExpirationTime === suspendedTime
+  workInProgressRoot === root && renderExpirationTime$1 === suspendedTime
     ? workInProgressRootExitStatus === RootSuspendedWithDelay ||
       (workInProgressRootExitStatus === RootSuspended &&
         1073741823 === workInProgressRootLatestProcessedExpirationTime &&
         now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-      ? prepareFreshStack(root, renderExpirationTime)
+      ? prepareFreshStack(root, renderExpirationTime$1)
       : (workInProgressRootHasPendingPing = !0)
     : isRootSuspendedAtTime(root, suspendedTime) &&
       ((thenable = root.lastPingedTime),
       (0 !== thenable && thenable < suspendedTime) ||
         ((root.lastPingedTime = suspendedTime),
-        root.finishedExpirationTime === suspendedTime &&
-          ((root.finishedExpirationTime = 0), (root.finishedWork = null)),
         ensureRootIsScheduled(root),
         schedulePendingInteractions(root, suspendedTime)));
 }
@@ -6981,12 +6800,12 @@ function resolveRetryThenable(boundaryFiber, thenable) {
     (ensureRootIsScheduled(boundaryFiber),
     schedulePendingInteractions(boundaryFiber, thenable));
 }
-var beginWork$$1;
-beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
+var beginWork$1;
+beginWork$1 = function(current, workInProgress, renderExpirationTime) {
   var updateExpirationTime = workInProgress.expirationTime;
-  if (null !== current$$1)
+  if (null !== current)
     if (
-      current$$1.memoizedProps !== workInProgress.pendingProps ||
+      current.memoizedProps !== workInProgress.pendingProps ||
       didPerformWorkStackCursor.current
     )
       didReceiveUpdate = !0;
@@ -7011,11 +6830,17 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             );
             break;
           case 10:
-            pushProvider(workInProgress, workInProgress.memoizedProps.value);
+            updateExpirationTime = workInProgress.memoizedProps.value;
+            var context = workInProgress.type._context;
+            push(valueCursor, context._currentValue);
+            context._currentValue = updateExpirationTime;
             break;
           case 12:
             workInProgress.childExpirationTime >= renderExpirationTime &&
               (workInProgress.effectTag |= 4);
+            updateExpirationTime = workInProgress.stateNode;
+            updateExpirationTime.effectDuration = 0;
+            updateExpirationTime.passiveEffectDuration = 0;
             break;
           case 13:
             if (null !== workInProgress.memoizedState) {
@@ -7025,52 +6850,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 updateExpirationTime >= renderExpirationTime
               )
                 return updateSuspenseComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
-              push(
-                suspenseStackCursor,
-                suspenseStackCursor.current & 1,
-                workInProgress
-              );
+              push(suspenseStackCursor, suspenseStackCursor.current & 1);
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
               return null !== workInProgress ? workInProgress.sibling : null;
             }
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current & 1,
-              workInProgress
-            );
+            push(suspenseStackCursor, suspenseStackCursor.current & 1);
             break;
           case 19:
             updateExpirationTime =
               workInProgress.childExpirationTime >= renderExpirationTime;
-            if (0 !== (current$$1.effectTag & 64)) {
+            if (0 !== (current.effectTag & 64)) {
               if (updateExpirationTime)
                 return updateSuspenseListComponent(
-                  current$$1,
+                  current,
                   workInProgress,
                   renderExpirationTime
                 );
               workInProgress.effectTag |= 64;
             }
-            var renderState = workInProgress.memoizedState;
-            null !== renderState &&
-              ((renderState.rendering = null), (renderState.tail = null));
-            push(
-              suspenseStackCursor,
-              suspenseStackCursor.current,
-              workInProgress
-            );
+            context = workInProgress.memoizedState;
+            null !== context &&
+              ((context.rendering = null), (context.tail = null));
+            push(suspenseStackCursor, suspenseStackCursor.current);
             if (!updateExpirationTime) return null;
         }
         return bailoutOnAlreadyFinishedWork(
-          current$$1,
+          current,
           workInProgress,
           renderExpirationTime
         );
@@ -7082,41 +6895,40 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
   switch (workInProgress.tag) {
     case 2:
       updateExpirationTime = workInProgress.type;
-      null !== current$$1 &&
-        ((current$$1.alternate = null),
+      null !== current &&
+        ((current.alternate = null),
         (workInProgress.alternate = null),
         (workInProgress.effectTag |= 2));
-      current$$1 = workInProgress.pendingProps;
-      renderState = getMaskedContext(
-        workInProgress,
-        contextStackCursor.current
-      );
+      current = workInProgress.pendingProps;
+      context = getMaskedContext(workInProgress, contextStackCursor.current);
       prepareToReadContext(workInProgress, renderExpirationTime);
-      renderState = renderWithHooks(
+      context = renderWithHooks(
         null,
         workInProgress,
         updateExpirationTime,
-        current$$1,
-        renderState,
+        current,
+        context,
         renderExpirationTime
       );
       workInProgress.effectTag |= 1;
       if (
-        "object" === typeof renderState &&
-        null !== renderState &&
-        "function" === typeof renderState.render &&
-        void 0 === renderState.$$typeof
+        "object" === typeof context &&
+        null !== context &&
+        "function" === typeof context.render &&
+        void 0 === context.$$typeof
       ) {
         workInProgress.tag = 1;
-        resetHooks();
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
         if (isContextProvider(updateExpirationTime)) {
           var hasContext = !0;
           pushContextProvider(workInProgress);
         } else hasContext = !1;
         workInProgress.memoizedState =
-          null !== renderState.state && void 0 !== renderState.state
-            ? renderState.state
+          null !== context.state && void 0 !== context.state
+            ? context.state
             : null;
+        initializeUpdateQueue(workInProgress);
         var getDerivedStateFromProps =
           updateExpirationTime.getDerivedStateFromProps;
         "function" === typeof getDerivedStateFromProps &&
@@ -7124,15 +6936,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             workInProgress,
             updateExpirationTime,
             getDerivedStateFromProps,
-            current$$1
+            current
           );
-        renderState.updater = classComponentUpdater;
-        workInProgress.stateNode = renderState;
-        renderState._reactInternalFiber = workInProgress;
+        context.updater = classComponentUpdater;
+        workInProgress.stateNode = context;
+        context._reactInternalFiber = workInProgress;
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          current$$1,
+          current,
           renderExpirationTime
         );
         workInProgress = finishClassComponent(
@@ -7148,127 +6960,129 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           reconcileChildren(
             null,
             workInProgress,
-            renderState,
+            context,
             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;
-      initializeLazyComponentType(renderState);
-      if (1 !== renderState._status) throw renderState._result;
-      renderState = renderState._result;
-      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 Error(
-            "Element type is invalid. Received a promise that resolves to: " +
-              renderState +
-              ". Lazy element type must resolve to a class or function."
-          );
+      a: {
+        context = workInProgress.elementType;
+        null !== current &&
+          ((current.alternate = null),
+          (workInProgress.alternate = null),
+          (workInProgress.effectTag |= 2));
+        current = workInProgress.pendingProps;
+        initializeLazyComponentType(context);
+        if (1 !== context._status) throw context._result;
+        context = context._result;
+        workInProgress.type = context;
+        hasContext = workInProgress.tag = resolveLazyComponentTag(context);
+        current = resolveDefaultProps(context, current);
+        switch (hasContext) {
+          case 0:
+            workInProgress = updateFunctionComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 1:
+            workInProgress = updateClassComponent(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 11:
+            workInProgress = updateForwardRef(
+              null,
+              workInProgress,
+              context,
+              current,
+              renderExpirationTime
+            );
+            break a;
+          case 14:
+            workInProgress = updateMemoComponent(
+              null,
+              workInProgress,
+              context,
+              resolveDefaultProps(context.type, current),
+              updateExpirationTime,
+              renderExpirationTime
+            );
+            break a;
+        }
+        throw Error(
+          "Element type is invalid. Received a promise that resolves to: " +
+            context +
+            ". Lazy element type must resolve to a class or function."
+        );
       }
       return workInProgress;
     case 0:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateFunctionComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 1:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateClassComponent(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 3:
       pushHostRootContext(workInProgress);
       updateExpirationTime = workInProgress.updateQueue;
-      if (null === updateExpirationTime)
+      if (null === current || null === updateExpirationTime)
         throw 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;
+      updateExpirationTime = workInProgress.pendingProps;
+      context = workInProgress.memoizedState;
+      context = null !== context ? context.element : null;
+      cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(
         workInProgress,
         updateExpirationTime,
-        workInProgress.pendingProps,
         null,
         renderExpirationTime
       );
       updateExpirationTime = workInProgress.memoizedState.element;
-      updateExpirationTime === renderState
+      updateExpirationTime === context
         ? (workInProgress = bailoutOnAlreadyFinishedWork(
-            current$$1,
+            current,
             workInProgress,
             renderExpirationTime
           ))
         : (reconcileChildren(
-            current$$1,
+            current,
             workInProgress,
             updateExpirationTime,
             renderExpirationTime
@@ -7278,11 +7092,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 5:
       return (
         pushHostContext(workInProgress),
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
         (updateExpirationTime = workInProgress.pendingProps.children),
-        markRef(current$$1, workInProgress),
+        markRef(current, workInProgress),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7291,13 +7104,10 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
         workInProgress
       );
     case 6:
-      return (
-        null === current$$1 && tryToClaimNextHydratableInstance(workInProgress),
-        null
-      );
+      return null;
     case 13:
       return updateSuspenseComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7308,7 +7118,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress.stateNode.containerInfo
         ),
         (updateExpirationTime = workInProgress.pendingProps),
-        null === current$$1
+        null === current
           ? (workInProgress.child = reconcileChildFibers(
               workInProgress,
               null,
@@ -7316,7 +7126,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
               renderExpirationTime
             ))
           : reconcileChildren(
-              current$$1,
+              current,
               workInProgress,
               updateExpirationTime,
               renderExpirationTime
@@ -7326,23 +7136,23 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 11:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
         updateForwardRef(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         )
       );
     case 7:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps,
           renderExpirationTime
@@ -7352,7 +7162,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 8:
       return (
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7362,8 +7172,11 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 12:
       return (
         (workInProgress.effectTag |= 4),
+        (updateExpirationTime = workInProgress.stateNode),
+        (updateExpirationTime.effectDuration = 0),
+        (updateExpirationTime.passiveEffectDuration = 0),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           workInProgress.pendingProps.children,
           renderExpirationTime
@@ -7373,27 +7186,32 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 10:
       a: {
         updateExpirationTime = workInProgress.type._context;
-        renderState = workInProgress.pendingProps;
+        context = workInProgress.pendingProps;
         getDerivedStateFromProps = workInProgress.memoizedProps;
-        hasContext = renderState.value;
-        pushProvider(workInProgress, hasContext);
-        if (null !== getDerivedStateFromProps) {
-          var oldValue = getDerivedStateFromProps.value;
-          hasContext = is$1(oldValue, hasContext)
-            ? 0
-            : ("function" === typeof updateExpirationTime._calculateChangedBits
-                ? updateExpirationTime._calculateChangedBits(
-                    oldValue,
-                    hasContext
-                  )
-                : 1073741823) | 0;
-          if (0 === hasContext) {
+        hasContext = context.value;
+        var context$jscomp$0 = workInProgress.type._context;
+        push(valueCursor, context$jscomp$0._currentValue);
+        context$jscomp$0._currentValue = hasContext;
+        if (null !== getDerivedStateFromProps)
+          if (
+            ((context$jscomp$0 = getDerivedStateFromProps.value),
+            (hasContext = objectIs(context$jscomp$0, hasContext)
+              ? 0
+              : ("function" ===
+                typeof updateExpirationTime._calculateChangedBits
+                  ? updateExpirationTime._calculateChangedBits(
+                      context$jscomp$0,
+                      hasContext
+                    )
+                  : 1073741823) | 0),
+            0 === hasContext)
+          ) {
             if (
-              getDerivedStateFromProps.children === renderState.children &&
+              getDerivedStateFromProps.children === context.children &&
               !didPerformWorkStackCursor.current
             ) {
               workInProgress = bailoutOnAlreadyFinishedWork(
-                current$$1,
+                current,
                 workInProgress,
                 renderExpirationTime
               );
@@ -7401,14 +7219,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
             }
           } else
             for (
-              oldValue = workInProgress.child,
-                null !== oldValue && (oldValue.return = workInProgress);
-              null !== oldValue;
+              context$jscomp$0 = workInProgress.child,
+                null !== context$jscomp$0 &&
+                  (context$jscomp$0.return = workInProgress);
+              null !== context$jscomp$0;
 
             ) {
-              var list = oldValue.dependencies;
+              var list = context$jscomp$0.dependencies;
               if (null !== list) {
-                getDerivedStateFromProps = oldValue.child;
+                getDerivedStateFromProps = context$jscomp$0.child;
                 for (
                   var dependency = list.firstContext;
                   null !== dependency;
@@ -7418,18 +7237,18 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     dependency.context === updateExpirationTime &&
                     0 !== (dependency.observedBits & hasContext)
                   ) {
-                    1 === oldValue.tag &&
+                    1 === context$jscomp$0.tag &&
                       ((dependency = createUpdate(renderExpirationTime, null)),
                       (dependency.tag = 2),
-                      enqueueUpdate(oldValue, dependency));
-                    oldValue.expirationTime < renderExpirationTime &&
-                      (oldValue.expirationTime = renderExpirationTime);
-                    dependency = oldValue.alternate;
+                      enqueueUpdate(context$jscomp$0, dependency));
+                    context$jscomp$0.expirationTime < renderExpirationTime &&
+                      (context$jscomp$0.expirationTime = renderExpirationTime);
+                    dependency = context$jscomp$0.alternate;
                     null !== dependency &&
                       dependency.expirationTime < renderExpirationTime &&
                       (dependency.expirationTime = renderExpirationTime);
                     scheduleWorkOnParentPath(
-                      oldValue.return,
+                      context$jscomp$0.return,
                       renderExpirationTime
                     );
                     list.expirationTime < renderExpirationTime &&
@@ -7440,16 +7259,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                 }
               } else
                 getDerivedStateFromProps =
-                  10 === oldValue.tag
-                    ? oldValue.type === workInProgress.type
+                  10 === context$jscomp$0.tag
+                    ? context$jscomp$0.type === workInProgress.type
                       ? null
-                      : oldValue.child
-                    : oldValue.child;
+                      : context$jscomp$0.child
+                    : context$jscomp$0.child;
               if (null !== getDerivedStateFromProps)
-                getDerivedStateFromProps.return = oldValue;
+                getDerivedStateFromProps.return = context$jscomp$0;
               else
                 for (
-                  getDerivedStateFromProps = oldValue;
+                  getDerivedStateFromProps = context$jscomp$0;
                   null !== getDerivedStateFromProps;
 
                 ) {
@@ -7457,21 +7276,20 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
                     getDerivedStateFromProps = null;
                     break;
                   }
-                  oldValue = getDerivedStateFromProps.sibling;
-                  if (null !== oldValue) {
-                    oldValue.return = getDerivedStateFromProps.return;
-                    getDerivedStateFromProps = oldValue;
+                  context$jscomp$0 = getDerivedStateFromProps.sibling;
+                  if (null !== context$jscomp$0) {
+                    context$jscomp$0.return = getDerivedStateFromProps.return;
+                    getDerivedStateFromProps = context$jscomp$0;
                     break;
                   }
                   getDerivedStateFromProps = getDerivedStateFromProps.return;
                 }
-              oldValue = getDerivedStateFromProps;
+              context$jscomp$0 = getDerivedStateFromProps;
             }
-        }
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
-          renderState.children,
+          context.children,
           renderExpirationTime
         );
         workInProgress = workInProgress.child;
@@ -7479,18 +7297,15 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       return workInProgress;
     case 9:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = workInProgress.pendingProps),
         (updateExpirationTime = hasContext.children),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        (renderState = readContext(
-          renderState,
-          hasContext.unstable_observedBits
-        )),
-        (updateExpirationTime = updateExpirationTime(renderState)),
+        (context = readContext(context, hasContext.unstable_observedBits)),
+        (updateExpirationTime = updateExpirationTime(context)),
         (workInProgress.effectTag |= 1),
         reconcileChildren(
-          current$$1,
+          current,
           workInProgress,
           updateExpirationTime,
           renderExpirationTime
@@ -7499,16 +7314,16 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 14:
       return (
-        (renderState = workInProgress.type),
+        (context = workInProgress.type),
         (hasContext = resolveDefaultProps(
-          renderState,
+          context,
           workInProgress.pendingProps
         )),
-        (hasContext = resolveDefaultProps(renderState.type, hasContext)),
+        (hasContext = resolveDefaultProps(context.type, hasContext)),
         updateMemoComponent(
-          current$$1,
+          current,
           workInProgress,
-          renderState,
+          context,
           hasContext,
           updateExpirationTime,
           renderExpirationTime
@@ -7516,7 +7331,7 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
       );
     case 15:
       return updateSimpleMemoComponent(
-        current$$1,
+        current,
         workInProgress,
         workInProgress.type,
         workInProgress.pendingProps,
@@ -7526,30 +7341,25 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
     case 17:
       return (
         (updateExpirationTime = workInProgress.type),
-        (renderState = workInProgress.pendingProps),
-        (renderState =
+        (context = workInProgress.pendingProps),
+        (context =
           workInProgress.elementType === updateExpirationTime
-            ? renderState
-            : resolveDefaultProps(updateExpirationTime, renderState)),
-        null !== current$$1 &&
-          ((current$$1.alternate = null),
+            ? context
+            : resolveDefaultProps(updateExpirationTime, context)),
+        null !== current &&
+          ((current.alternate = null),
           (workInProgress.alternate = null),
           (workInProgress.effectTag |= 2)),
         (workInProgress.tag = 1),
         isContextProvider(updateExpirationTime)
-          ? ((current$$1 = !0), pushContextProvider(workInProgress))
-          : (current$$1 = !1),
+          ? ((current = !0), pushContextProvider(workInProgress))
+          : (current = !1),
         prepareToReadContext(workInProgress, renderExpirationTime),
-        constructClassInstance(
-          workInProgress,
-          updateExpirationTime,
-          renderState,
-          renderExpirationTime
-        ),
+        constructClassInstance(workInProgress, updateExpirationTime, context),
         mountClassInstance(
           workInProgress,
           updateExpirationTime,
-          renderState,
+          context,
           renderExpirationTime
         ),
         finishClassComponent(
@@ -7557,13 +7367,13 @@ beginWork$$1 = function(current$$1, workInProgress, renderExpirationTime) {
           workInProgress,
           updateExpirationTime,
           !0,
-          current$$1,
+          current,
           renderExpirationTime
         )
       );
     case 19:
       return updateSuspenseListComponent(
-        current$$1,
+        current,
         workInProgress,
         renderExpirationTime
       );
@@ -7704,9 +7514,6 @@ function FiberNode(tag, pendingProps, key, mode) {
   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);
@@ -7724,7 +7531,7 @@ function resolveLazyComponentTag(Component) {
 function createWorkInProgress(current, pendingProps) {
   var workInProgress = current.alternate;
   null === workInProgress
-    ? ((workInProgress = createFiber(
+    ? ((workInProgress = new FiberNode(
         current.tag,
         pendingProps,
         current.key,
@@ -7795,15 +7602,16 @@ function createFiberFromTypeAndProps(
         break;
       case REACT_PROFILER_TYPE:
         return (
-          (type = createFiber(12, pendingProps, key, mode | 8)),
+          (type = new FiberNode(12, pendingProps, key, mode | 8)),
           (type.elementType = REACT_PROFILER_TYPE),
           (type.type = REACT_PROFILER_TYPE),
           (type.expirationTime = expirationTime),
+          (type.stateNode = { effectDuration: 0, passiveEffectDuration: 0 }),
           type
         );
       case REACT_SUSPENSE_TYPE:
         return (
-          (type = createFiber(13, pendingProps, key, mode)),
+          (type = new FiberNode(13, pendingProps, key, mode)),
           (type.type = REACT_SUSPENSE_TYPE),
           (type.elementType = REACT_SUSPENSE_TYPE),
           (type.expirationTime = expirationTime),
@@ -7811,7 +7619,7 @@ function createFiberFromTypeAndProps(
         );
       case REACT_SUSPENSE_LIST_TYPE:
         return (
-          (type = createFiber(19, pendingProps, key, mode)),
+          (type = new FiberNode(19, pendingProps, key, mode)),
           (type.elementType = REACT_SUSPENSE_LIST_TYPE),
           (type.expirationTime = expirationTime),
           type
@@ -7835,6 +7643,9 @@ function createFiberFromTypeAndProps(
               fiberTag = 16;
               owner = null;
               break a;
+            case REACT_BLOCK_TYPE:
+              fiberTag = 22;
+              break a;
           }
         throw Error(
           "Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: " +
@@ -7842,24 +7653,24 @@ function createFiberFromTypeAndProps(
             "."
         );
     }
-  key = createFiber(fiberTag, pendingProps, key, mode);
+  key = new FiberNode(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 = new FiberNode(7, elements, key, mode);
   elements.expirationTime = expirationTime;
   return elements;
 }
 function createFiberFromText(content, mode, expirationTime) {
-  content = createFiber(6, content, null, mode);
+  content = new FiberNode(6, content, null, mode);
   content.expirationTime = expirationTime;
   return content;
 }
 function createFiberFromPortal(portal, mode, expirationTime) {
-  mode = createFiber(
+  mode = new FiberNode(
     4,
     null !== portal.children ? portal.children : [],
     portal.key,
@@ -7921,11 +7732,6 @@ function markRootUpdatedAtTime(root, expirationTime) {
     expirationTime > root.nextKnownPendingLevel &&
       (root.nextKnownPendingLevel = expirationTime));
 }
-function markRootExpiredAtTime(root, expirationTime) {
-  var lastExpiredTime = root.lastExpiredTime;
-  if (0 === lastExpiredTime || lastExpiredTime > expirationTime)
-    root.lastExpiredTime = expirationTime;
-}
 function findHostInstance(component) {
   var fiber = component._reactInternalFiber;
   if (void 0 === fiber) {
@@ -7940,14 +7746,10 @@ function findHostInstance(component) {
   return null === component ? null : component.stateNode;
 }
 function updateContainer(element, container, parentComponent, callback) {
-  var current$$1 = container.current,
+  var current = container.current,
     currentTime = requestCurrentTimeForUpdate(),
     suspenseConfig = ReactCurrentBatchConfig.suspense;
-  currentTime = computeExpirationForFiber(
-    currentTime,
-    current$$1,
-    suspenseConfig
-  );
+  currentTime = computeExpirationForFiber(currentTime, current, suspenseConfig);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternalFiber;
     b: {
@@ -7998,8 +7800,8 @@ function updateContainer(element, container, parentComponent, callback) {
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
-  enqueueUpdate(current$$1, container);
-  scheduleUpdateOnFiber(current$$1, currentTime);
+  enqueueUpdate(current, container);
+  scheduleWork(current, currentTime);
   return currentTime;
 }
 function createPortal(children, containerInfo, implementation) {
@@ -8013,11 +7815,6 @@ function createPortal(children, containerInfo, implementation) {
     implementation: implementation
   };
 }
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
-}
 function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
@@ -8028,8 +7825,15 @@ function findNodeHandle(componentOrHandle) {
   return null == componentOrHandle
     ? componentOrHandle
     : componentOrHandle.canonical
-      ? componentOrHandle.canonical._nativeTag
-      : componentOrHandle._nativeTag;
+    ? componentOrHandle.canonical._nativeTag
+    : componentOrHandle._nativeTag;
+}
+function unmountComponentAtNode(containerTag) {
+  var root = roots.get(containerTag);
+  root &&
+    updateContainer(null, root, null, function() {
+      roots.delete(containerTag);
+    });
 }
 batchedUpdatesImpl = function(fn, a) {
   var prevExecutionContext = executionContext;
@@ -8041,301 +7845,119 @@ batchedUpdatesImpl = function(fn, a) {
       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() {
-          return _React$Component.apply(this, arguments) || this;
-        }
-        _inheritsLoose(ReactNativeComponent, _React$Component);
-        var _proto = ReactNativeComponent.prototype;
-        _proto.blur = function() {
-          ReactNativePrivateInterface.TextInputState.blurTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.focus = function() {
-          ReactNativePrivateInterface.TextInputState.focusTextInput(
-            findNodeHandle(this)
-          );
-        };
-        _proto.measure = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureInWindow = function(callback) {
-          try {
-            var 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)
-                ));
-        };
-        _proto.measureLayout = function(
-          relativeToNativeNode,
-          onSuccess,
-          onFail
-        ) {
-          try {
-            var maybeInstance = findHostInstance(this);
-          } catch (error) {}
-          if (null != maybeInstance && !maybeInstance.canonical) {
-            if ("number" === typeof relativeToNativeNode)
-              var relativeNode = relativeToNativeNode;
-            else
-              relativeToNativeNode._nativeTag &&
-                (relativeNode = relativeToNativeNode._nativeTag);
-            null != relativeNode &&
-              ReactNativePrivateInterface.UIManager.measureLayout(
-                findNodeHandle(this),
-                relativeNode,
-                mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-              );
-          }
-        };
-        _proto.setNativeProps = function(nativeProps) {
-          try {
-            var 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),
-    findHostInstance_DEPRECATED: function(componentOrHandle) {
-      if (null == componentOrHandle) return null;
-      if (componentOrHandle._nativeTag) return componentOrHandle;
-      if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-        return componentOrHandle.canonical;
-      componentOrHandle = findHostInstance(componentOrHandle);
-      return null == componentOrHandle
-        ? componentOrHandle
-        : componentOrHandle.canonical
-          ? componentOrHandle.canonical
-          : componentOrHandle;
-    },
-    findNodeHandle: findNodeHandle,
-    dispatchCommand: function(handle, command, args) {
-      null != handle._nativeTag &&
-        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
-          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;
-            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) {
-            try {
-              var 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) {
-            try {
-              var 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) {
-            try {
-              var maybeInstance = findHostInstance(this);
-            } catch (error) {}
-            if (null != maybeInstance && !maybeInstance.canonical) {
-              if ("number" === typeof relativeToNativeNode)
-                var relativeNode = relativeToNativeNode;
-              else
-                relativeToNativeNode._nativeTag &&
-                  (relativeNode = relativeToNativeNode._nativeTag);
-              null != relativeNode &&
-                ReactNativePrivateInterface.UIManager.measureLayout(
-                  findNodeHandle(this),
-                  relativeNode,
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-                  mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-                );
-            }
-          },
-          setNativeProps: function(nativeProps) {
-            try {
-              var 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)
-          : "";
-      }
-    }
-  };
+var roots = new Map();
 (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
-    })
-  );
+  return injectInternals({
+    bundleType: devToolsConfig.bundleType,
+    version: devToolsConfig.version,
+    rendererPackageName: devToolsConfig.rendererPackageName,
+    rendererConfig: devToolsConfig.rendererConfig,
+    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: function() {
-    throw Error("getInspectorDataForViewTag() is not available in production");
-  },
   bundleType: 0,
-  version: "16.11.0",
-  rendererPackageName: "react-native-renderer"
+  version: "16.13.0",
+  rendererPackageName: "react-native-renderer",
+  rendererConfig: {
+    getInspectorDataForViewTag: function() {
+      throw Error(
+        "getInspectorDataForViewTag() is not available in production"
+      );
+    },
+    getInspectorDataForViewAtPoint: function() {
+      throw Error(
+        "getInspectorDataForViewAtPoint() is not available in production."
+      );
+    }.bind(null, findNodeHandle)
+  }
 });
-var ReactNativeRenderer$2 = { default: ReactNativeRenderer },
-  ReactNativeRenderer$3 =
-    (ReactNativeRenderer$2 && ReactNativeRenderer) || ReactNativeRenderer$2;
-module.exports = ReactNativeRenderer$3.default || ReactNativeRenderer$3;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
+  computeComponentStackForErrorReporting: function(reactTag) {
+    return (reactTag = getInstanceFromTag(reactTag))
+      ? getStackByFiberInDevAndProd(reactTag)
+      : "";
+  }
+};
+exports.createPortal = function(children, containerTag) {
+  return createPortal(
+    children,
+    containerTag,
+    null,
+    2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
+  );
+};
+exports.dispatchCommand = function(handle, command, args) {
+  null != handle._nativeTag &&
+    (handle._internalInstanceHandle
+      ? nativeFabricUIManager.dispatchCommand(
+          handle._internalInstanceHandle.stateNode.node,
+          command,
+          args
+        )
+      : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          handle._nativeTag,
+          command,
+          args
+        ));
+};
+exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
+  if (null == componentOrHandle) return null;
+  if (componentOrHandle._nativeTag) return componentOrHandle;
+  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
+    return componentOrHandle.canonical;
+  componentOrHandle = findHostInstance(componentOrHandle);
+  return null == componentOrHandle
+    ? componentOrHandle
+    : componentOrHandle.canonical
+    ? componentOrHandle.canonical
+    : componentOrHandle;
+};
+exports.findNodeHandle = findNodeHandle;
+exports.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 = new FiberNode(3, null, null, uninitializedFiber);
+    root.current = uninitializedFiber;
+    uninitializedFiber.stateNode = root;
+    initializeUpdateQueue(uninitializedFiber);
+    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;
+};
+exports.unmountComponentAtNode = unmountComponentAtNode;
+exports.unmountComponentAtNodeAndRemoveContainer = function(containerTag) {
+  unmountComponentAtNode(containerTag);
+  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
+};
+exports.unstable_batchedUpdates = batchedUpdates;
diff --git a/Libraries/Renderer/shims/NativeMethodsMixin.js b/Libraries/Renderer/shims/NativeMethodsMixin.js
deleted file mode 100644
index c50f379fde06cc..00000000000000
--- a/Libraries/Renderer/shims/NativeMethodsMixin.js
+++ /dev/null
@@ -1,21 +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 {
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-} = require('./ReactNative');
-
-import type {NativeMethodsMixinType} from './ReactNativeTypes';
-
-const {NativeMethodsMixin} = __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-module.exports = ((NativeMethodsMixin: any): $Exact<NativeMethodsMixinType>);
diff --git a/Libraries/Renderer/shims/ReactFabric.js b/Libraries/Renderer/shims/ReactFabric.js
index 8f6a708fd20579..536ce9a6f30b65 100644
--- a/Libraries/Renderer/shims/ReactFabric.js
+++ b/Libraries/Renderer/shims/ReactFabric.js
@@ -23,6 +23,10 @@ if (__DEV__) {
   ReactFabric = require('../implementations/ReactFabric-prod');
 }
 
-BatchedBridge.registerCallableModule('ReactFabric', ReactFabric);
+if (global.RN$Bridgeless) {
+  global.RN$stopSurface = ReactFabric.stopSurface;
+} else {
+  BatchedBridge.registerCallableModule('ReactFabric', ReactFabric);
+}
 
 module.exports = (ReactFabric: ReactNativeType);
diff --git a/Libraries/Renderer/shims/ReactFeatureFlags.js b/Libraries/Renderer/shims/ReactFeatureFlags.js
index 9b6ec97a6234c7..13c548b4bb1e82 100644
--- a/Libraries/Renderer/shims/ReactFeatureFlags.js
+++ b/Libraries/Renderer/shims/ReactFeatureFlags.js
@@ -12,7 +12,6 @@
 
 const ReactFeatureFlags = {
   debugRenderPhaseSideEffects: false,
-  enableNativeTargetAsInstance: false,
 };
 
 module.exports = ReactFeatureFlags;
diff --git a/Libraries/Renderer/shims/ReactNativeTypes.js b/Libraries/Renderer/shims/ReactNativeTypes.js
index cf20ce938c2760..10244570b65354 100644
--- a/Libraries/Renderer/shims/ReactNativeTypes.js
+++ b/Libraries/Renderer/shims/ReactNativeTypes.js
@@ -8,7 +8,7 @@
  * @flow
  */
 
-import React, {type ElementRef, type AbstractComponent} from 'react';
+import type {ElementRef, AbstractComponent} from 'react';
 
 export type MeasureOnSuccessCallback = (
   x: number,
@@ -77,31 +77,6 @@ export type ReactNativeBaseComponentViewConfig<
 
 export type ViewConfigGetter = () => ReactNativeBaseComponentViewConfig<>;
 
-/**
- * Class only exists for its Flow type.
- */
-class ReactNativeComponent<Props> extends React.Component<Props> {
-  blur(): void {}
-  focus(): void {}
-  measure(callback: MeasureOnSuccessCallback): void {}
-  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void {}
-  measureLayout(
-    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
-    onSuccess: MeasureLayoutOnSuccessCallback,
-    onFail?: () => void,
-  ): void {}
-  setNativeProps(nativeProps: Object): void {}
-}
-
-// This type is only used for FlowTests. It shouldn't be imported directly
-export type _InternalReactNativeComponentClass<Props> = Class<
-  ReactNativeComponent<Props>,
->;
-
-/**
- * This type keeps ReactNativeFiberHostComponent and NativeMethodsMixin in sync.
- * It can also provide types for ReactNative applications that use NMM or refs.
- */
 export type NativeMethods = {
   blur(): void,
   focus(): void,
@@ -116,28 +91,60 @@ export type NativeMethods = {
   ...
 };
 
-export type NativeMethodsMixinType = NativeMethods;
 export type HostComponent<T> = AbstractComponent<T, $ReadOnly<NativeMethods>>;
 
 type SecretInternalsType = {
-  NativeMethodsMixin: NativeMethodsMixinType,
   computeComponentStackForErrorReporting(tag: number): string,
   // TODO (bvaughn) Decide which additional types to expose here?
   // And how much information to fill in for the above types.
   ...
 };
 
-type SecretInternalsFabricType = {
-  NativeMethodsMixin: NativeMethodsMixinType,
-  ...
-};
+type InspectorDataProps = $ReadOnly<{
+  [propName: string]: string,
+  ...,
+}>;
+
+type InspectorDataSource = $ReadOnly<{|
+  fileName?: string,
+  lineNumber?: number,
+|}>;
+
+type InspectorDataGetter = (
+  (componentOrHandle: any) => ?number,
+) => $ReadOnly<{|
+  measure: Function,
+  props: InspectorDataProps,
+  source: InspectorDataSource,
+|}>;
+
+export type InspectorData = $ReadOnly<{|
+  hierarchy: Array<{|
+    name: ?string,
+    getInspectorData: InspectorDataGetter,
+  |}>,
+  selectedIndex: ?number,
+  props: InspectorDataProps,
+  source: ?InspectorDataSource,
+|}>;
+
+export type TouchedViewDataAtPoint = $ReadOnly<{|
+  pointerY: number,
+  touchedViewTag?: number,
+  frame: $ReadOnly<{|
+    top: number,
+    left: number,
+    width: number,
+    height: number,
+  |}>,
+  ...InspectorData,
+|}>;
 
 /**
  * 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.
  */
 export type ReactNativeType = {
-  NativeComponent: typeof ReactNativeComponent,
   findHostInstance_DEPRECATED(
     componentOrHandle: any,
   ): ?ElementRef<HostComponent<mixed>>,
@@ -157,8 +164,9 @@ export type ReactNativeType = {
 };
 
 export type ReactFabricType = {
-  NativeComponent: typeof ReactNativeComponent,
-  findHostInstance_DEPRECATED(componentOrHandle: any): ?HostComponent<mixed>,
+  findHostInstance_DEPRECATED(
+    componentOrHandle: any,
+  ): ?ElementRef<HostComponent<mixed>>,
   findNodeHandle(componentOrHandle: any): ?number,
   dispatchCommand(handle: any, command: string, args: Array<any>): void,
   render(
@@ -167,7 +175,6 @@ export type ReactFabricType = {
     callback: ?Function,
   ): any,
   unmountComponentAtNode(containerTag: number): any,
-  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: SecretInternalsFabricType,
   ...
 };
 
@@ -204,51 +211,3 @@ export type ReactFaricEvent = {
   target: number,
   ...
 };
-
-export type ReactNativeResponderEvent = {
-  nativeEvent: ReactFaricEvent,
-  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,
-  getTimeStamp: () => number,
-  getResponderNode(): ReactNativeEventTarget | null,
-  ...
-};
-
-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 e6e3b13b8e859c..2c09ddf3caab10 100644
--- a/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
+++ b/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
@@ -8,7 +8,7 @@
  * @flow strict-local
  */
 
-/* eslint-disable react-internal/warning-and-invariant-args */
+/* eslint-disable react-internal/invariant-args */
 
 'use strict';
 
diff --git a/Libraries/Renderer/shims/ReactTypes.js b/Libraries/Renderer/shims/ReactTypes.js
deleted file mode 100644
index e97e5823393490..00000000000000
--- a/Libraries/Renderer/shims/ReactTypes.js
+++ /dev/null
@@ -1,190 +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
- */
-
-export type ReactNode =
-  | React$Element<any>
-  | ReactPortal
-  | ReactText
-  | ReactFragment
-  | ReactProvider<any>
-  | ReactConsumer<any>;
-
-export type ReactEmpty = null | void | boolean;
-
-export type ReactFragment = ReactEmpty | Iterable<React$Node>;
-
-export type ReactNodeList = ReactEmpty | React$Node;
-
-export type ReactText = string | number;
-
-export type ReactProvider<T> = {
-  $$typeof: Symbol | number,
-  type: ReactProviderType<T>,
-  key: null | string,
-  ref: null,
-  props: {
-    value: T,
-    children?: ReactNodeList,
-    ...
-  },
-  ...
-};
-
-export type ReactProviderType<T> = {
-  $$typeof: Symbol | number,
-  _context: ReactContext<T>,
-  ...
-};
-
-export type ReactConsumer<T> = {
-  $$typeof: Symbol | number,
-  type: ReactContext<T>,
-  key: null | string,
-  ref: null,
-  props: {
-    children: (value: T) => ReactNodeList,
-    unstable_observedBits?: number,
-    ...
-  },
-  ...
-};
-
-export type ReactContext<T> = {
-  $$typeof: Symbol | number,
-  Consumer: ReactContext<T>,
-  Provider: ReactProviderType<T>,
-  _calculateChangedBits: ((a: T, b: T) => number) | null,
-  _currentValue: T,
-  _currentValue2: T,
-  _threadCount: number,
-  // DEV only
-  _currentRenderer?: Object | null,
-  _currentRenderer2?: Object | null,
-  ...
-};
-
-export type ReactPortal = {
-  $$typeof: Symbol | number,
-  key: null | string,
-  containerInfo: any,
-  children: ReactNodeList,
-  // TODO: figure out the API for cross-renderer implementation.
-  implementation: any,
-  ...
-};
-
-export type RefObject = {|
-  current: any,
-|};
-
-export type ReactEventResponderInstance<E, C> = {|
-  fiber: Object,
-  props: Object,
-  responder: ReactEventResponder<E, C>,
-  rootEventTypes: null | Set<string>,
-  state: Object,
-|};
-
-export type ReactEventResponderListener<E, C> = {|
-  props: Object,
-  responder: ReactEventResponder<E, C>,
-|};
-
-export type ReactEventResponder<E, C> = {
-  $$typeof: Symbol | number,
-  displayName: string,
-  targetEventTypes: null | Array<string>,
-  targetPortalPropagation: boolean,
-  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),
-  ...
-};
-
-export type EventPriority = 0 | 1 | 2;
-
-export const DiscreteEvent: EventPriority = 0;
-export const UserBlockingEvent: EventPriority = 1;
-export const ContinuousEvent: EventPriority = 2;
-
-export type ReactFundamentalComponentInstance<C, H> = {|
-  currentFiber: mixed,
-  instance: mixed,
-  prevProps: null | Object,
-  props: Object,
-  impl: ReactFundamentalImpl<C, H>,
-  state: Object,
-|};
-
-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,
-  onUpdate?: (
-    context: C,
-    instance: mixed,
-    prevProps: null | Object,
-    nextProps: Object,
-    state: Object,
-  ) => void,
-  onUnmount?: (
-    context: C,
-    instance: mixed,
-    props: Object,
-    state: Object,
-  ) => void,
-  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>,
-|};
-
-export type ReactScope = {|
-  $$typeof: Symbol | number,
-|};
-
-export type ReactScopeMethods = {|
-  getChildren(): null | Array<ReactScopeMethods>,
-  getChildrenFromRoot(): null | Array<ReactScopeMethods>,
-  getParent(): null | ReactScopeMethods,
-  getProps(): Object,
-  queryAllNodes(
-    (type: string | Object, props: Object, instance: Object) => boolean,
-  ): null | Array<Object>,
-  queryFirstNode(
-    (type: string | Object, props: Object, instance: Object) => boolean,
-  ): null | Object,
-  containsNode(Object): boolean,
-|};
-
-export type ReactScopeInstance = {|
-  fiber: Object,
-  methods: null | ReactScopeMethods,
-|};
diff --git a/Libraries/Settings/RCTSettingsManager.mm b/Libraries/Settings/RCTSettingsManager.mm
index 2ac7d0d12f66e4..bc553e46343f24 100644
--- a/Libraries/Settings/RCTSettingsManager.mm
+++ b/Libraries/Settings/RCTSettingsManager.mm
@@ -141,10 +141,13 @@ - (void)userDefaultsDidChange:(NSNotification *)note
   }
 }
 #endif // ]TODO(macOS ISS#2323203)
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-  (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeSettingsManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeSettingsManagerSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/Libraries/Settings/React-RCTSettings.podspec b/Libraries/Settings/React-RCTSettings.podspec
index f9013df94c94ff..dc8d449d345ca0 100644
--- a/Libraries/Settings/React-RCTSettings.podspec
+++ b/Libraries/Settings/React-RCTSettings.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTSettings"
   s.version                = version
   s.summary                = "A wrapper for NSUserDefaults, a persistent key-value store available only on iOS."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/settings"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/settings"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -43,5 +43,6 @@ Pod::Spec.new do |s|
   s.dependency "FBReactNativeSpec", version
   s.dependency "RCTTypeSafety", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
   s.dependency "React-Core/RCTSettingsHeaders", version
 end
diff --git a/Libraries/Share/Share.js b/Libraries/Share/Share.js
index 5b61f2919ddb34..aed341e56d04b5 100644
--- a/Libraries/Share/Share.js
+++ b/Libraries/Share/Share.js
@@ -109,6 +109,11 @@ class Share {
       return new Promise((resolve, reject) => {
         const tintColor = processColor(options.tintColor);
 
+        invariant(
+          tintColor == null || typeof tintColor === 'number',
+          'Unexpected color given for options.tintColor',
+        );
+
         invariant(
           NativeActionSheetManager,
           'NativeActionSheetManager is not registered on iOS, but it should be.',
@@ -120,7 +125,7 @@ class Share {
               typeof content.message === 'string' ? content.message : undefined,
             url: typeof content.url === 'string' ? content.url : undefined,
             subject: options.subject,
-            tintColor: tintColor != null ? tintColor : undefined,
+            tintColor: typeof tintColor === 'number' ? tintColor : undefined,
             excludedActivityTypes: options.excludedActivityTypes,
           },
           error => reject(error),
diff --git a/Libraries/Storage/AsyncStorage.js b/Libraries/Storage/AsyncStorage.js
index 5c749a93805d3d..67f365a0e03896 100644
--- a/Libraries/Storage/AsyncStorage.js
+++ b/Libraries/Storage/AsyncStorage.js
@@ -23,7 +23,7 @@ const RCTAsyncStorage = NativeAsyncStorage;
  * storage system that is global to the app.  It should be used instead of
  * LocalStorage.
  *
- * See http://facebook.github.io/react-native/docs/asyncstorage.html
+ * See https://reactnative.dev/docs/asyncstorage.html
  */
 const AsyncStorage = {
   _getRequests: ([]: Array<any>),
@@ -33,7 +33,7 @@ const AsyncStorage = {
   /**
    * Fetches an item for a `key` and invokes a callback upon completion.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#getitem
+   * See https://reactnative.dev/docs/asyncstorage.html#getitem
    */
   getItem: function(
     key: string,
@@ -58,7 +58,7 @@ const AsyncStorage = {
   /**
    * Sets the value for a `key` and invokes a callback upon completion.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#setitem
+   * See https://reactnative.dev/docs/asyncstorage.html#setitem
    */
   setItem: function(
     key: string,
@@ -82,7 +82,7 @@ const AsyncStorage = {
   /**
    * Removes an item for a `key` and invokes a callback upon completion.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#removeitem
+   * See https://reactnative.dev/docs/asyncstorage.html#removeitem
    */
   removeItem: function(
     key: string,
@@ -108,7 +108,7 @@ const AsyncStorage = {
    *
    * **NOTE:** This is not supported by all native implementations.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#mergeitem
+   * See https://reactnative.dev/docs/asyncstorage.html#mergeitem
    */
   mergeItem: function(
     key: string,
@@ -134,7 +134,7 @@ const AsyncStorage = {
    * don't want to call this; use `removeItem` or `multiRemove` to clear only
    * your app's keys.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#clear
+   * See https://reactnative.dev/docs/asyncstorage.html#clear
    */
   clear: function(callback?: ?(error: ?Error) => void): Promise {
     invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
@@ -153,7 +153,7 @@ const AsyncStorage = {
   /**
    * Gets *all* keys known to your app; for all callers, libraries, etc.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#getallkeys
+   * See https://reactnative.dev/docs/asyncstorage.html#getallkeys
    */
   getAllKeys: function(
     callback?: ?(error: ?Error, keys: ?Array<string>) => void,
@@ -184,7 +184,7 @@ const AsyncStorage = {
   /**
    * Flushes any pending requests using a single batch call to get the data.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#flushgetrequests
+   * See https://reactnative.dev/docs/asyncstorage.html#flushgetrequests
    * */
   flushGetRequests: function(): void {
     const getRequests = this._getRequests;
@@ -223,7 +223,7 @@ const AsyncStorage = {
    * inputs. Your callback will be invoked with an array of corresponding
    * key-value pairs found.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multiget
+   * See https://reactnative.dev/docs/asyncstorage.html#multiget
    */
   multiGet: function(
     keys: Array<string>,
@@ -265,7 +265,7 @@ const AsyncStorage = {
    * Use this as a batch operation for storing multiple key-value pairs. When
    * the operation completes you'll get a single callback with any errors.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multiset
+   * See https://reactnative.dev/docs/asyncstorage.html#multiset
    */
   multiSet: function(
     keyValuePairs: Array<Array<string>>,
@@ -288,7 +288,7 @@ const AsyncStorage = {
   /**
    * Call this to batch the deletion of all keys in the `keys` array.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multiremove
+   * See https://reactnative.dev/docs/asyncstorage.html#multiremove
    */
   multiRemove: function(
     keys: Array<string>,
@@ -314,7 +314,7 @@ const AsyncStorage = {
    *
    * **NOTE**: This is not supported by all native implementations.
    *
-   * See http://facebook.github.io/react-native/docs/asyncstorage.html#multimerge
+   * See https://reactnative.dev/docs/asyncstorage.html#multimerge
    */
   multiMerge: function(
     keyValuePairs: Array<Array<string>>,
diff --git a/Libraries/StyleSheet/EdgeInsetsPropType.js b/Libraries/StyleSheet/EdgeInsetsPropType.js
index 779bca391da9d3..56a51e5481061e 100644
--- a/Libraries/StyleSheet/EdgeInsetsPropType.js
+++ b/Libraries/StyleSheet/EdgeInsetsPropType.js
@@ -10,9 +10,6 @@
 
 'use strict';
 
-export type EdgeInsetsProp = $ReadOnly<{|
-  top?: ?number,
-  left?: ?number,
-  bottom?: ?number,
-  right?: ?number,
-|}>;
+import type {Rect} from './Rect';
+
+export type EdgeInsetsProp = Rect;
diff --git a/Libraries/StyleSheet/PlatformColorValueTypes.android.js b/Libraries/StyleSheet/PlatformColorValueTypes.android.js
new file mode 100644
index 00000000000000..1458a9b4396d54
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypes.android.js
@@ -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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
+
+export opaque type NativeColorValue = {
+  resource_paths?: Array<string>,
+};
+
+export const PlatformColor = (...names: Array<string>): ColorValue => {
+  return {resource_paths: names};
+};
+
+export const ColorAndroidPrivate = (color: string): ColorValue => {
+  return {resource_paths: [color]};
+};
+
+export const normalizeColorObject = (
+  color: NativeColorValue,
+): ?ProcessedColorValue => {
+  if ('resource_paths' in color) {
+    return color;
+  }
+  return null;
+};
+
+export const processColorObject = (
+  color: NativeColorValue,
+): ?NativeColorValue => {
+  return color;
+};
diff --git a/Libraries/StyleSheet/PlatformColorValueTypes.ios.js b/Libraries/StyleSheet/PlatformColorValueTypes.ios.js
new file mode 100644
index 00000000000000..d329db9316f2d1
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypes.ios.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';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
+
+export opaque type NativeColorValue = {
+  semantic?: Array<string>,
+  dynamic?: {
+    light: ?(ColorValue | ProcessedColorValue),
+    dark: ?(ColorValue | ProcessedColorValue),
+  },
+};
+
+export const PlatformColor = (...names: Array<string>): ColorValue => {
+  return {semantic: names};
+};
+
+export type DynamicColorIOSTuplePrivate = {
+  light: ColorValue,
+  dark: ColorValue,
+};
+
+export const DynamicColorIOSPrivate = (
+  tuple: DynamicColorIOSTuplePrivate,
+): ColorValue => {
+  return {dynamic: {light: tuple.light, dark: tuple.dark}};
+};
+
+export const normalizeColorObject = (
+  color: NativeColorValue,
+): ?ProcessedColorValue => {
+  if ('semantic' in color) {
+    // an ios semantic color
+    return color;
+  } else if ('dynamic' in color && color.dynamic !== undefined) {
+    const normalizeColor = require('./normalizeColor');
+
+    // a dynamic, appearance aware color
+    const dynamic = color.dynamic;
+    const dynamicColor: NativeColorValue = {
+      dynamic: {
+        light: normalizeColor(dynamic.light),
+        dark: normalizeColor(dynamic.dark),
+      },
+    };
+    return dynamicColor;
+  }
+
+  return null;
+};
+
+export const processColorObject = (
+  color: NativeColorValue,
+): ?NativeColorValue => {
+  if ('dynamic' in color && color.dynamic != null) {
+    const processColor = require('./processColor');
+    const dynamic = color.dynamic;
+    const dynamicColor: NativeColorValue = {
+      dynamic: {
+        light: processColor(dynamic.light),
+        dark: processColor(dynamic.dark),
+      },
+    };
+    return dynamicColor;
+  }
+  return color;
+};
diff --git a/Libraries/StyleSheet/PlatformColorValueTypes.macos.js b/Libraries/StyleSheet/PlatformColorValueTypes.macos.js
new file mode 100644
index 00000000000000..29c62f7c93c33f
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypes.macos.js
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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)
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
+
+export opaque type NativeColorValue = {
+  semantic?: Array<string>,
+  dynamic?: {
+    light: ?(ColorValue | ProcessedColorValue),
+    dark: ?(ColorValue | ProcessedColorValue),
+  },
+};
+
+export const PlatformColor = (...names: Array<string>): ColorValue => {
+  return {semantic: names};
+};
+
+export type DynamicColorIOSTuplePrivate = {
+  light: ColorValue,
+  dark: ColorValue,
+};
+
+export const DynamicColorIOSPrivate = (
+  tuple: DynamicColorIOSTuplePrivate,
+): ColorValue => {
+  return {dynamic: {light: tuple.light, dark: tuple.dark}};
+};
+
+export const normalizeColorObject = (
+  color: NativeColorValue,
+): ?ProcessedColorValue => {
+  if ('semantic' in color) {
+    // an ios semantic color
+    return color;
+  } else if ('dynamic' in color && color.dynamic !== undefined) {
+    const normalizeColor = require('./normalizeColor');
+
+    // a dynamic, appearance aware color
+    const dynamic = color.dynamic;
+    const dynamicColor: NativeColorValue = {
+      dynamic: {
+        light: normalizeColor(dynamic.light),
+        dark: normalizeColor(dynamic.dark),
+      },
+    };
+    return dynamicColor;
+  }
+
+  return null;
+};
+
+export const processColorObject = (
+  color: NativeColorValue,
+): ?NativeColorValue => {
+  if ('dynamic' in color && color.dynamic != null) {
+    const processColor = require('./processColor');
+    const dynamic = color.dynamic;
+    const dynamicColor: NativeColorValue = {
+      dynamic: {
+        light: processColor(dynamic.light),
+        dark: processColor(dynamic.dark),
+      },
+    };
+    return dynamicColor;
+  }
+  return color;
+};
+// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/PlatformColorValueTypesAndroid.android.js b/Libraries/StyleSheet/PlatformColorValueTypesAndroid.android.js
new file mode 100644
index 00000000000000..58f551098fb5db
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypesAndroid.android.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import {ColorAndroidPrivate} from './PlatformColorValueTypes';
+
+export const ColorAndroid = (color: string): ColorValue => {
+  return ColorAndroidPrivate(color);
+};
diff --git a/Libraries/StyleSheet/PlatformColorValueTypesAndroid.js b/Libraries/StyleSheet/PlatformColorValueTypesAndroid.js
new file mode 100644
index 00000000000000..647000b3b1e9d0
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypesAndroid.js
@@ -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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+
+export const ColorAndroid = (color: string): ColorValue => {
+  throw new Error('ColorAndroid is not available on this platform.');
+};
diff --git a/Libraries/StyleSheet/PlatformColorValueTypesIOS.ios.js b/Libraries/StyleSheet/PlatformColorValueTypesIOS.ios.js
new file mode 100644
index 00000000000000..2b21c61f3df19e
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypesIOS.ios.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.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import {DynamicColorIOSPrivate} from './PlatformColorValueTypes';
+
+export type DynamicColorIOSTuple = {
+  light: ColorValue,
+  dark: ColorValue,
+};
+
+export const DynamicColorIOS = (tuple: DynamicColorIOSTuple): ColorValue => {
+  return DynamicColorIOSPrivate({light: tuple.light, dark: tuple.dark});
+};
diff --git a/Libraries/StyleSheet/PlatformColorValueTypesIOS.js b/Libraries/StyleSheet/PlatformColorValueTypesIOS.js
new file mode 100644
index 00000000000000..cc9aa69e80f96b
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypesIOS.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';
+
+import type {ColorValue} from './StyleSheetTypes';
+
+export type DynamicColorIOSTuple = {
+  light: ColorValue,
+  dark: ColorValue,
+};
+
+export const DynamicColorIOS = (tuple: DynamicColorIOSTuple): ColorValue => {
+  throw new Error('DynamicColorIOS is not available on this platform.');
+};
diff --git a/Libraries/StyleSheet/PlatformColorValueTypesIOS.macos.js b/Libraries/StyleSheet/PlatformColorValueTypesIOS.macos.js
new file mode 100644
index 00000000000000..12fee85a5070d8
--- /dev/null
+++ b/Libraries/StyleSheet/PlatformColorValueTypesIOS.macos.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 strict-local
+ */
+// [TODO(macOS ISS#2323203)
+'use strict';
+
+import type {ColorValue} from './StyleSheetTypes';
+import {DynamicColorIOSPrivate} from './PlatformColorValueTypes';
+
+export type DynamicColorIOSTuple = {
+  light: ColorValue,
+  dark: ColorValue,
+};
+
+export const DynamicColorIOS = (tuple: DynamicColorIOSTuple): ColorValue => {
+  return DynamicColorIOSPrivate({light: tuple.light, dark: tuple.dark});
+};
+// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/Rect.js b/Libraries/StyleSheet/Rect.js
new file mode 100644
index 00000000000000..164909c74d28b2
--- /dev/null
+++ b/Libraries/StyleSheet/Rect.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 strict
+ */
+
+'use strict';
+
+export type Rect = $ReadOnly<{|
+  bottom?: ?number,
+  left?: ?number,
+  right?: ?number,
+  top?: ?number,
+|}>;
+
+export type RectOrSize = Rect | number;
+
+export function createSquare(size: number): Rect {
+  return {bottom: size, left: size, right: size, top: size};
+}
+
+export function normalizeRect(rectOrSize: ?RectOrSize): ?Rect {
+  return typeof rectOrSize === 'number' ? createSquare(rectOrSize) : rectOrSize;
+}
diff --git a/Libraries/StyleSheet/StyleSheet.js b/Libraries/StyleSheet/StyleSheet.js
index 1a1fea49e4fd3e..54094d8bd4929e 100644
--- a/Libraries/StyleSheet/StyleSheet.js
+++ b/Libraries/StyleSheet/StyleSheet.js
@@ -347,7 +347,7 @@ module.exports = {
   /**
    * Creates a StyleSheet style reference from the given object.
    */
-  create<+S: ____Styles_Internal>(obj: S): $ObjMap<S, (Object) => any> {
+  create<+S: ____Styles_Internal>(obj: S): $ReadOnly<S> {
     // TODO: This should return S as the return type. But first,
     // we need to codemod all the callsites that are typing this
     // return value as a number (even though it was opaque).
diff --git a/Libraries/StyleSheet/StyleSheetTypes.js b/Libraries/StyleSheet/StyleSheetTypes.js
index d39b6541587c4f..39ee7da194c656 100644
--- a/Libraries/StyleSheet/StyleSheetTypes.js
+++ b/Libraries/StyleSheet/StyleSheetTypes.js
@@ -11,9 +11,10 @@
 'use strict';
 
 const AnimatedNode = require('../Animated/src/nodes/AnimatedNode');
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
 
-export type ColorValue = null | string | NativeOrDynamicColorType; // TODO(macOS ISS#2323203)
+import type {NativeColorValue} from './PlatformColorValueTypes';
+
+export type ColorValue = null | string | NativeColorValue;
 
 export type ColorArrayValue = null | $ReadOnlyArray<ColorValue>;
 export type PointValue = {|
@@ -466,7 +467,7 @@ type ____LayoutStyle_Internal = $ReadOnly<{|
   /** `direction` specifies the directional flow of the user interface.
    *  The default is `inherit`, except for root node which will have
    *  value based on the current locale.
-   *  See https://facebook.github.io/yoga/docs/rtl/
+   *  See https://yogalayout.com/docs/layout-direction
    *  for more details.
    *  @platform ios
    */
diff --git a/Libraries/StyleSheet/StyleSheetValidation.js b/Libraries/StyleSheet/StyleSheetValidation.js
index 6871751eb0dad0..456953f7a064f8 100644
--- a/Libraries/StyleSheet/StyleSheetValidation.js
+++ b/Libraries/StyleSheet/StyleSheetValidation.js
@@ -51,7 +51,11 @@ class StyleSheetValidation {
     if (!__DEV__ || global.__RCTProfileIsProfiling) {
       return;
     }
-    for (const prop in styles[name]) {
+    if (!styles[name]) {
+      return;
+    }
+    const styleProps = Object.keys(styles[name]);
+    for (const prop of styleProps) {
       StyleSheetValidation.validateStyleProp(
         prop,
         styles[name],
diff --git a/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js b/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js
index 561cb144978b96..c93c8de63cd9d8 100644
--- a/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js
+++ b/Libraries/StyleSheet/__flowtests__/StyleSheet-flowtest.js
@@ -66,6 +66,7 @@ module.exports = {
       textStyle,
     ): ImageStyleProp);
 
+    // $FlowExpectedError - Incompatible type.
     (StyleSheet.compose(
       // $FlowExpectedError - Incompatible type.
       [textStyle],
diff --git a/Libraries/StyleSheet/__tests__/normalizeColor-test.js b/Libraries/StyleSheet/__tests__/normalizeColor-test.js
index 35e8cfd03e8b1c..12eac4cfbf8d6d 100644
--- a/Libraries/StyleSheet/__tests__/normalizeColor-test.js
+++ b/Libraries/StyleSheet/__tests__/normalizeColor-test.js
@@ -10,6 +10,7 @@
 
 'use strict';
 
+const {OS} = require('../../Utilities/Platform');
 const normalizeColor = require('../normalizeColor');
 
 describe('normalizeColor', function() {
@@ -128,4 +129,56 @@ describe('normalizeColor', function() {
     const normalizedColor = normalizeColor('red') || 0;
     expect(normalizeColor(normalizedColor)).toBe(normalizedColor);
   });
+
+  describe('iOS', () => {
+    if (OS === 'ios') {
+      const PlatformColor = require('../PlatformColorValueTypes.ios')
+        .PlatformColor;
+      const DynamicColorIOS = require('../PlatformColorValueTypesIOS.ios')
+        .DynamicColorIOS;
+
+      it('should normalize iOS PlatformColor colors', () => {
+        const color = PlatformColor('systemRedColor');
+        const normalizedColor = normalizeColor(color);
+        const expectedColor = {semantic: ['systemRedColor']};
+        expect(normalizedColor).toEqual(expectedColor);
+      });
+
+      it('should normalize iOS Dynamic colors with named colors', () => {
+        const color = DynamicColorIOS({light: 'black', dark: 'white'});
+        const normalizedColor = normalizeColor(color);
+        const expectedColor = {dynamic: {light: 'black', dark: 'white'}};
+        expect(normalizedColor).toEqual(expectedColor);
+      });
+
+      it('should normalize iOS Dynamic colors with PlatformColor colors', () => {
+        const color = DynamicColorIOS({
+          light: PlatformColor('systemBlackColor'),
+          dark: PlatformColor('systemWhiteColor'),
+        });
+        const normalizedColor = normalizeColor(color);
+        const expectedColor = {
+          dynamic: {
+            light: {semantic: ['systemBlackColor']},
+            dark: {semantic: ['systemWhiteColor']},
+          },
+        };
+        expect(normalizedColor).toEqual(expectedColor);
+      });
+    }
+  });
+
+  describe('Android', () => {
+    if (OS === 'android') {
+      const PlatformColor = require('../PlatformColorValueTypes.android')
+        .PlatformColor;
+
+      it('should normalize Android PlatformColor colors', () => {
+        const color = PlatformColor('?attr/colorPrimary');
+        const normalizedColor = normalizeColor(color);
+        const expectedColor = {resource_paths: ['?attr/colorPrimary']};
+        expect(normalizedColor).toEqual(expectedColor);
+      });
+    }
+  });
 });
diff --git a/Libraries/StyleSheet/__tests__/processColor-test.js b/Libraries/StyleSheet/__tests__/processColor-test.js
index 0b60130e26ebf3..d428b854e8f50e 100644
--- a/Libraries/StyleSheet/__tests__/processColor-test.js
+++ b/Libraries/StyleSheet/__tests__/processColor-test.js
@@ -13,6 +13,13 @@
 const {OS} = require('../../Utilities/Platform');
 const processColor = require('../processColor');
 
+const PlatformColorIOS = require('../PlatformColorValueTypes.ios')
+  .PlatformColor;
+const DynamicColorIOS = require('../PlatformColorValueTypesIOS.ios')
+  .DynamicColorIOS;
+const PlatformColorAndroid = require('../PlatformColorValueTypes.android')
+  .PlatformColor;
+
 const platformSpecific =
   OS === 'android'
     ? unsigned => unsigned | 0 //eslint-disable-line no-bitwise
@@ -84,4 +91,33 @@ describe('processColor', () => {
       expect(colorFromString).toEqual(platformSpecific(expectedInt));
     });
   });
+
+  describe('iOS', () => {
+    if (OS === 'ios') {
+      it('should process iOS PlatformColor colors', () => {
+        const color = PlatformColorIOS('systemRedColor');
+        const processedColor = processColor(color);
+        const expectedColor = {semantic: ['systemRedColor']};
+        expect(processedColor).toEqual(expectedColor);
+      });
+
+      it('should process iOS Dynamic colors', () => {
+        const color = DynamicColorIOS({light: 'black', dark: 'white'});
+        const processedColor = processColor(color);
+        const expectedColor = {dynamic: {light: 0xff000000, dark: 0xffffffff}};
+        expect(processedColor).toEqual(expectedColor);
+      });
+    }
+  });
+
+  describe('Android', () => {
+    if (OS === 'android') {
+      it('should process Android PlatformColor colors', () => {
+        const color = PlatformColorAndroid('?attr/colorPrimary');
+        const processedColor = processColor(color);
+        const expectedColor = {resource_paths: ['?attr/colorPrimary']};
+        expect(processedColor).toEqual(expectedColor);
+      });
+    }
+  });
 });
diff --git a/Libraries/StyleSheet/__tests__/processColorArray-test.js b/Libraries/StyleSheet/__tests__/processColorArray-test.js
index acd45cdd72a761..1be389cdb92421 100644
--- a/Libraries/StyleSheet/__tests__/processColorArray-test.js
+++ b/Libraries/StyleSheet/__tests__/processColorArray-test.js
@@ -13,6 +13,13 @@
 const {OS} = require('../../Utilities/Platform');
 const processColorArray = require('../processColorArray');
 
+const PlatformColorIOS = require('../PlatformColorValueTypes.ios')
+  .PlatformColor;
+const DynamicColorIOS = require('../PlatformColorValueTypesIOS.ios')
+  .DynamicColorIOS;
+const PlatformColorAndroid = require('../PlatformColorValueTypes.android')
+  .PlatformColor;
+
 const platformSpecific =
   OS === 'android'
     ? unsigned => unsigned | 0 //eslint-disable-line no-bitwise
@@ -57,4 +64,48 @@ describe('processColorArray', () => {
       expect(colorFromNoArray).toEqual(null);
     });
   });
+
+  describe('iOS', () => {
+    if (OS === 'ios') {
+      it('should convert array of iOS PlatformColor colors', () => {
+        const colorFromArray = processColorArray([
+          PlatformColorIOS('systemColorWhite'),
+          PlatformColorIOS('systemColorBlack'),
+        ]);
+        const expectedColorValueArray = [
+          {semantic: ['systemColorWhite']},
+          {semantic: ['systemColorBlack']},
+        ];
+        expect(colorFromArray).toEqual(expectedColorValueArray);
+      });
+
+      it('should process iOS Dynamic colors', () => {
+        const colorFromArray = processColorArray([
+          DynamicColorIOS({light: 'black', dark: 'white'}),
+          DynamicColorIOS({light: 'white', dark: 'black'}),
+        ]);
+        const expectedColorValueArray = [
+          {dynamic: {light: 0xff000000, dark: 0xffffffff}},
+          {dynamic: {light: 0xffffffff, dark: 0xff000000}},
+        ];
+        expect(colorFromArray).toEqual(expectedColorValueArray);
+      });
+    }
+  });
+
+  describe('Android', () => {
+    if (OS === 'android') {
+      it('should convert array of Android PlatformColor colors', () => {
+        const colorFromArray = processColorArray([
+          PlatformColorAndroid('?attr/colorPrimary'),
+          PlatformColorAndroid('?colorPrimaryDark'),
+        ]);
+        const expectedColorValueArray = [
+          {resource_paths: ['?attr/colorPrimary']},
+          {resource_paths: ['?colorPrimaryDark']},
+        ];
+        expect(colorFromArray).toEqual(expectedColorValueArray);
+      });
+    }
+  });
 });
diff --git a/Libraries/StyleSheet/normalizeColor.js b/Libraries/StyleSheet/normalizeColor.js
index 667222329d1584..eaee5813b177e1 100755
--- a/Libraries/StyleSheet/normalizeColor.js
+++ b/Libraries/StyleSheet/normalizeColor.js
@@ -12,15 +12,12 @@
 
 'use strict';
 
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
 
 function normalizeColor(
-  color: ?(
-    | string
-    | number
-    | NativeOrDynamicColorType
-  ) /* TODO(macOS ISS#2323203) */,
-): ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */ {
+  color: ?(ColorValue | ProcessedColorValue),
+): ?ProcessedColorValue {
   const matchers = getMatchers();
   let match;
 
@@ -31,20 +28,20 @@ function normalizeColor(
     return null;
   }
 
-  // [TODO(macOS ISS#2323203)
-  if (typeof color === 'object' && color !== null) {
-    const normalizeColorObject = require('./normalizeColorObject'); // TODO(macOS ISS#2323203)
+  if (typeof color === 'object' && color != null) {
+    const normalizeColorObject = require('./PlatformColorValueTypes')
+      .normalizeColorObject;
 
     const normalizedColorObj = normalizeColorObject(color);
 
-    if (normalizedColorObj !== null) {
+    if (normalizedColorObj != null) {
       return color;
     }
   }
 
   if (typeof color !== 'string') {
     return null;
-  } // ]TODO(macOS ISS#2323203)
+  }
 
   // Ordered based on occurrences on Facebook codebase
   if ((match = matchers.hex6.exec(color))) {
diff --git a/Libraries/StyleSheet/normalizeColorObject.android.js b/Libraries/StyleSheet/normalizeColorObject.android.js
deleted file mode 100644
index bbd5acc0384444..00000000000000
--- a/Libraries/StyleSheet/normalizeColorObject.android.js
+++ /dev/null
@@ -1,22 +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
- */
-// [TODO(macOS ISS#2323203)
-'use strict';
-
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
-
-function normalizeColorObject(
-  color: NativeOrDynamicColorType,
-): ?(number | NativeOrDynamicColorType) {
-  return null;
-}
-
-module.exports = normalizeColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/normalizeColorObject.ios.js b/Libraries/StyleSheet/normalizeColorObject.ios.js
deleted file mode 100644
index d3f77888dd4d87..00000000000000
--- a/Libraries/StyleSheet/normalizeColorObject.ios.js
+++ /dev/null
@@ -1,39 +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
- */
-// [TODO(macOS ISS#2323203)
-'use strict';
-
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
-
-function normalizeColorObject(
-  color: NativeOrDynamicColorType,
-): ?(number | NativeOrDynamicColorType) {
-  if ('semantic' in color) {
-    // a macos semantic color
-    return color;
-  } else if ('dynamic' in color && color.dynamic !== undefined) {
-    const normalizeColor = require('./normalizeColor');
-
-    // a dynamic, appearance aware color
-    const dynamic = color.dynamic;
-    const dynamicColor: NativeOrDynamicColorType = {
-      dynamic: {
-        light: normalizeColor(dynamic.light),
-        dark: normalizeColor(dynamic.dark),
-      },
-    };
-    return dynamicColor;
-  }
-
-  return null;
-}
-
-module.exports = normalizeColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/normalizeColorObject.macos.js b/Libraries/StyleSheet/normalizeColorObject.macos.js
deleted file mode 100644
index d3f77888dd4d87..00000000000000
--- a/Libraries/StyleSheet/normalizeColorObject.macos.js
+++ /dev/null
@@ -1,39 +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
- */
-// [TODO(macOS ISS#2323203)
-'use strict';
-
-import type {NativeOrDynamicColorType} from './NativeOrDynamicColorType';
-
-function normalizeColorObject(
-  color: NativeOrDynamicColorType,
-): ?(number | NativeOrDynamicColorType) {
-  if ('semantic' in color) {
-    // a macos semantic color
-    return color;
-  } else if ('dynamic' in color && color.dynamic !== undefined) {
-    const normalizeColor = require('./normalizeColor');
-
-    // a dynamic, appearance aware color
-    const dynamic = color.dynamic;
-    const dynamicColor: NativeOrDynamicColorType = {
-      dynamic: {
-        light: normalizeColor(dynamic.light),
-        dark: normalizeColor(dynamic.dark),
-      },
-    };
-    return dynamicColor;
-  }
-
-  return null;
-}
-
-module.exports = normalizeColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/processColor.js b/Libraries/StyleSheet/processColor.js
index d9df1d427c11ae..3bfa9679e00a79 100644
--- a/Libraries/StyleSheet/processColor.js
+++ b/Libraries/StyleSheet/processColor.js
@@ -13,46 +13,49 @@
 const Platform = require('../Utilities/Platform');
 
 const normalizeColor = require('./normalizeColor');
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {NativeColorValue} from './PlatformColorValueTypes';
+
+export type ProcessedColorValue = number | NativeColorValue;
 
 /* eslint no-bitwise: 0 */
-function processColor(
-  color?: ?(string | number | NativeOrDynamicColorType),
-): ?(number | NativeOrDynamicColorType) /* TODO(macOS ISS#2323203) */ {
+function processColor(color?: ?(number | ColorValue)): ?ProcessedColorValue {
   if (color === undefined || color === null) {
     return color;
   }
 
-  let int32Color = normalizeColor(color);
-  if (int32Color === null || int32Color === undefined) {
+  let normalizedColor = normalizeColor(color);
+  if (normalizedColor === null || normalizedColor === undefined) {
     return undefined;
   }
 
-  if (typeof int32Color === 'object') {
-    const processColorObject = require('../StyleSheet/processColorObject'); // [TODO(macOS ISS#2323203)
+  if (typeof normalizedColor === 'object') {
+    const processColorObject = require('./PlatformColorValueTypes')
+      .processColorObject;
 
-    const processedColorObj = processColorObject(int32Color);
+    const processedColorObj = processColorObject(normalizedColor);
 
-    if (processedColorObj !== null) {
+    if (processedColorObj != null) {
       return processedColorObj;
     }
   }
 
-  if (typeof int32Color !== 'number') {
+  if (typeof normalizedColor !== 'number') {
     return null;
-  } // ]TODO(macOS ISS#2323203)
+  }
 
   // Converts 0xrrggbbaa into 0xaarrggbb
-  int32Color = ((int32Color << 24) | (int32Color >>> 8)) >>> 0;
+  normalizedColor = ((normalizedColor << 24) | (normalizedColor >>> 8)) >>> 0;
 
   if (Platform.OS === 'android') {
     // Android use 32 bit *signed* integer to represent the color
     // We utilize the fact that bitwise operations in JS also operates on
     // signed 32 bit integers, so that we can use those to convert from
     // *unsigned* to *signed* 32bit int that way.
-    int32Color = int32Color | 0x0;
+    normalizedColor = normalizedColor | 0x0;
   }
-  return int32Color;
+  return normalizedColor;
 }
 
 module.exports = processColor;
diff --git a/Libraries/StyleSheet/processColorArray.js b/Libraries/StyleSheet/processColorArray.js
index 4d2490fb0ac9a0..9bdb026b5bc0c3 100644
--- a/Libraries/StyleSheet/processColorArray.js
+++ b/Libraries/StyleSheet/processColorArray.js
@@ -11,11 +11,13 @@
 'use strict';
 
 const processColor = require('./processColor');
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType'; // TODO(macOS ISS#2323203)
+
+import type {ColorValue} from './StyleSheetTypes';
+import type {ProcessedColorValue} from './processColor';
 
 function processColorArray(
-  colors: ?Array<string>,
-): ?Array<?(number | NativeOrDynamicColorType)> /* TODO(macOS ISS#2323203) */ {
+  colors: ?Array<ColorValue>,
+): ?Array<?ProcessedColorValue> {
   return colors == null ? null : colors.map(processColor);
 }
 
diff --git a/Libraries/StyleSheet/processColorObject.android.js b/Libraries/StyleSheet/processColorObject.android.js
deleted file mode 100644
index 21a5ade0df425b..00000000000000
--- a/Libraries/StyleSheet/processColorObject.android.js
+++ /dev/null
@@ -1,22 +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
- */
-// [TODO(macOS ISS#2323203)
-'use strict';
-
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType';
-
-function processColorObject(
-  color: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  return null;
-}
-
-module.exports = processColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/processColorObject.ios.js b/Libraries/StyleSheet/processColorObject.ios.js
deleted file mode 100644
index d6a7f85ff2d068..00000000000000
--- a/Libraries/StyleSheet/processColorObject.ios.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.
- *
- * @format
- * @flow
- */
-// [TODO(macOS ISS#2323203)
-'use strict';
-
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType';
-
-function processColorObject(
-  color: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  if ('dynamic' in color && color.dynamic !== undefined) {
-    const processColor = require('./processColor');
-    const dynamic = color.dynamic;
-    const dynamicColor: NativeOrDynamicColorType = {
-      dynamic: {
-        light: processColor(dynamic.light),
-        dark: processColor(dynamic.dark),
-      },
-    };
-    return dynamicColor;
-  }
-  return color;
-}
-
-module.exports = processColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/processColorObject.macos.js b/Libraries/StyleSheet/processColorObject.macos.js
deleted file mode 100644
index d6a7f85ff2d068..00000000000000
--- a/Libraries/StyleSheet/processColorObject.macos.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.
- *
- * @format
- * @flow
- */
-// [TODO(macOS ISS#2323203)
-'use strict';
-
-import type {NativeOrDynamicColorType} from '../StyleSheet/NativeOrDynamicColorType';
-
-function processColorObject(
-  color: NativeOrDynamicColorType,
-): ?NativeOrDynamicColorType {
-  if ('dynamic' in color && color.dynamic !== undefined) {
-    const processColor = require('./processColor');
-    const dynamic = color.dynamic;
-    const dynamicColor: NativeOrDynamicColorType = {
-      dynamic: {
-        light: processColor(dynamic.light),
-        dark: processColor(dynamic.dark),
-      },
-    };
-    return dynamicColor;
-  }
-  return color;
-}
-
-module.exports = processColorObject;
-// ]TODO(macOS ISS#2323203)
diff --git a/Libraries/StyleSheet/processTransform.js b/Libraries/StyleSheet/processTransform.js
index 1ec96929d667b0..9f7ccefbbda8a9 100644
--- a/Libraries/StyleSheet/processTransform.js
+++ b/Libraries/StyleSheet/processTransform.js
@@ -14,7 +14,7 @@ const MatrixMath = require('../Utilities/MatrixMath');
 const Platform = require('../Utilities/Platform');
 
 const invariant = require('invariant');
-const stringifySafe = require('../Utilities/stringifySafe');
+const stringifySafe = require('../Utilities/stringifySafe').default;
 
 /**
  * Generate a transform matrix based on the provided transforms, and use that
@@ -174,9 +174,6 @@ function _validateTransform(key, value, transformation) {
   switch (key) {
     case 'matrix':
       invariant(
-        /* $FlowFixMe(>=0.88.0 site=react_native_fb) This comment suppresses an
-         * error found when Flow v0.88 was deployed. To see the error, delete
-         * this comment and run Flow. */
         value.length === 9 || value.length === 16,
         'Matrix transform must have a length of 9 (2d) or 16 (3d). ' +
           'Provided matrix has a length of %s: %s',
@@ -189,9 +186,6 @@ function _validateTransform(key, value, transformation) {
       break;
     case 'translate':
       invariant(
-        /* $FlowFixMe(>=0.88.0 site=react_native_fb) This comment suppresses an
-         * error found when Flow v0.88 was deployed. To see the error, delete
-         * this comment and run Flow. */
         value.length === 2 || value.length === 3,
         'Transform with key translate must be an array of length 2 or 3, found %s: %s',
         /* $FlowFixMe(>=0.84.0 site=react_native_fb) This comment suppresses an
diff --git a/Libraries/Text/React-RCTText.podspec b/Libraries/Text/React-RCTText.podspec
index b98edce8607f87..276ee8ba25787c 100644
--- a/Libraries/Text/React-RCTText.podspec
+++ b/Libraries/Text/React-RCTText.podspec
@@ -20,11 +20,11 @@ Pod::Spec.new do |s|
   s.name                   = "React-RCTText"
   s.version                = version
   s.summary                = "A React component for displaying text."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/text"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/text"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "**/*.{h,m}"
   s.ios.exclude_files      = "**/macOS/*" # TODO(macOS ISS#2323203)
diff --git a/Libraries/Text/Text.js b/Libraries/Text/Text.js
index 92da79d44901fc..660dd87976121f 100644
--- a/Libraries/Text/Text.js
+++ b/Libraries/Text/Text.js
@@ -22,7 +22,7 @@ const nullthrows = require('nullthrows');
 const processColor = require('../StyleSheet/processColor');
 
 import type {PressEvent} from '../Types/CoreEventTypes';
-import type {NativeComponent} from '../Renderer/shims/ReactNative';
+import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 import type {PressRetentionOffset, TextProps} from './TextProps';
 
 type ResponseHandlers = $ReadOnly<{|
@@ -83,7 +83,7 @@ const viewConfig = {
 /**
  * A React component for displaying text.
  *
- * See https://facebook.github.io/react-native/docs/text.html
+ * See https://reactnative.dev/docs/text.html
  */
 class TouchableText extends React.Component<Props, State> {
   static defaultProps = {
@@ -291,6 +291,12 @@ TextToExport.displayName = 'Text';
  * and run Flow. */
 TextToExport.propTypes = DeprecatedTextPropTypes;
 
-module.exports = ((TextToExport: $FlowFixMe): Class<
-  NativeComponent<TextProps>,
->);
+type TextStatics = $ReadOnly<{|
+  propTypes: typeof DeprecatedTextPropTypes,
+|}>;
+
+module.exports = ((TextToExport: any): React.AbstractComponent<
+  TextProps,
+  React.ElementRef<HostComponent<TextProps>>,
+> &
+  TextStatics);
diff --git a/Libraries/Text/Text/RCTTextShadowView.m b/Libraries/Text/Text/RCTTextShadowView.m
index b30a9994a7b8de..28bf15b4a13b21 100644
--- a/Libraries/Text/Text/RCTTextShadowView.m
+++ b/Libraries/Text/Text/RCTTextShadowView.m
@@ -230,6 +230,7 @@ - (NSTextStorage *)textStorageAndLayoutManagerThatFitsSize:(CGSize)size
   textContainer.maximumNumberOfLines = _maximumNumberOfLines;
 
   NSLayoutManager *layoutManager = [NSLayoutManager new];
+  layoutManager.usesFontLeading = NO;
   [layoutManager addTextContainer:textContainer];
 
   NSTextStorage *textStorage =
diff --git a/Libraries/Text/Text/RCTTextView.m b/Libraries/Text/Text/RCTTextView.m
index 25b31f4ad29c95..b2b46747821a86 100644
--- a/Libraries/Text/Text/RCTTextView.m
+++ b/Libraries/Text/Text/RCTTextView.m
@@ -173,6 +173,7 @@ - (void)setTextStorage:(NSTextStorage *)textStorage
 
 - (void)drawRect:(CGRect)rect
 {
+  [super drawRect:rect];
   if (!_textStorage) {
     return;
   }
diff --git a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m
index 000b81fd2bbd74..7b5790e5321891 100644
--- a/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m
+++ b/Libraries/Text/TextInput/Multiline/RCTMultilineTextInputViewManager.m
@@ -6,7 +6,6 @@
  */
 
 #import <React/RCTMultilineTextInputViewManager.h>
-
 #import <React/RCTMultilineTextInputView.h>
 
 @implementation RCTMultilineTextInputViewManager
diff --git a/Libraries/Text/TextInput/Multiline/RCTUITextView.h b/Libraries/Text/TextInput/Multiline/RCTUITextView.h
index 6f15f97a1d9ee2..f77d8b5011c988 100644
--- a/Libraries/Text/TextInput/Multiline/RCTUITextView.h
+++ b/Libraries/Text/TextInput/Multiline/RCTUITextView.h
@@ -9,9 +9,8 @@
 
 #import "RCTTextUIKit.h" // TODO(macOS ISS#2323203)
 
-#import "RCTBackedTextInputViewProtocol.h"
-
-#import "RCTBackedTextInputDelegate.h"
+#import <React/RCTBackedTextInputViewProtocol.h>
+#import <React/RCTBackedTextInputDelegate.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
diff --git a/Libraries/Text/TextInput/Multiline/RCTUITextView.m b/Libraries/Text/TextInput/Multiline/RCTUITextView.m
index 188e36c828da07..522fc5c794ba7e 100644
--- a/Libraries/Text/TextInput/Multiline/RCTUITextView.m
+++ b/Libraries/Text/TextInput/Multiline/RCTUITextView.m
@@ -165,6 +165,10 @@ - (BOOL)becomeFirstResponder
 
 - (void)setDefaultTextAttributes:(NSDictionary<NSAttributedStringKey, id> *)defaultTextAttributes
 {
+  if ([_defaultTextAttributes isEqualToDictionary:defaultTextAttributes]) {
+    return;
+  }
+
   _defaultTextAttributes = defaultTextAttributes;
   self.typingAttributes = defaultTextAttributes;
   [self _updatePlaceholder];
@@ -332,6 +336,19 @@ - (void)setTextContainerInsets:(UIEdgeInsets)textContainerInsets
 
 #endif // ]TODO(macOS ISS#2323203)
 
+- (void)selectAll:(id)sender
+{
+  [super selectAll:sender];
+
+#if !TARGET_OS_OSX // [TODO(macOS v0.63)
+  // `selectAll:` does not work for UITextView when it's being called inside UITextView's delegate methods.
+  dispatch_async(dispatch_get_main_queue(), ^{
+    UITextRange *selectionRange = [self textRangeFromPosition:self.beginningOfDocument toPosition:self.endOfDocument];
+    [self setSelectedTextRange:selectionRange notifyDelegate:NO];
+  });
+#endif // ]TODO(macOS v0.63)
+}
+
 #pragma mark - Layout
 
 - (CGFloat)preferredMaxLayoutWidth
diff --git a/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h b/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
index c4c5844c0e6db3..a9388f1c77b6b3 100644
--- a/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
+++ b/Libraries/Text/TextInput/RCTBackedTextInputViewProtocol.h
@@ -31,12 +31,9 @@ NS_ASSUME_NONNULL_BEGIN
 @protocol RCTBackedTextInputViewProtocol
 #endif // ]TODO(macOS ISS#2323203)
 
-@property (nonatomic, strong, nullable) RCTUIColor *textColor; // TODO(OSS Candidate ISS#2710739)
-@property (nonatomic, strong, nullable) UIFont *font;
 @property (nonatomic, copy, nullable) NSAttributedString *attributedText;
 @property (nonatomic, copy, nullable) NSString *placeholder;
 @property (nonatomic, strong, nullable) RCTUIColor *placeholderColor; // TODO(OSS Candidate ISS#2710739)
-@property (nonatomic, assign) NSTextAlignment textAlignment;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 @property (nonatomic, assign, readonly) BOOL textWasPasted;
 #else // [TODO(macOS ISS#2323203)
@@ -49,6 +46,14 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, weak, nullable) id<RCTBackedTextInputDelegate> textInputDelegate;
 @property (nonatomic, readonly) CGSize contentSize;
 @property (nonatomic, strong, nullable) NSDictionary<NSAttributedStringKey,id> *defaultTextAttributes;
+@property (nonatomic, assign) BOOL contextMenuHidden;
+@property (nonatomic, assign, getter=isEditable) BOOL editable;
+@property (nonatomic, assign) BOOL caretHidden;
+@property (nonatomic, assign) BOOL enablesReturnKeyAutomatically;
+#if !TARGET_OS_OSX // [TODO(macOS v0.63)
+@property (nonatomic, assign) UITextFieldViewMode clearButtonMode;
+#endif // ]TODO(macOS v0.63)
+@property (nonatomic, getter=isScrollEnabled) BOOL scrollEnabled;
 
 // This protocol disallows direct access to `selectedTextRange` property because
 // unwise usage of it can break the `delegate` behavior. So, we always have to
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputView.h b/Libraries/Text/TextInput/RCTBaseTextInputView.h
index 98aaff61200c24..7345ff02528a6d 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputView.h
+++ b/Libraries/Text/TextInput/RCTBaseTextInputView.h
@@ -44,6 +44,7 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, copy, nullable) RCTDirectEventBlock onScroll;
 
 @property (nonatomic, assign) NSInteger mostRecentEventCount;
+@property (nonatomic, assign, readonly) NSInteger nativeEventCount;
 @property (nonatomic, assign) BOOL autoFocus;
 @property (nonatomic, assign) BOOL blurOnSubmit;
 @property (nonatomic, assign) BOOL selectTextOnFocus;
@@ -58,6 +59,12 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, assign) UIKeyboardType keyboardType;
 #endif // TODO(macOS ISS#2323203)
 
+/**
+ Sets selection intext input if both start and end are within range of the text input.
+ **/
+- (void)setSelectionStart:(NSInteger)start
+             selectionEnd:(NSInteger)end;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputView.m b/Libraries/Text/TextInput/RCTBaseTextInputView.m
index 6bf2741349bf67..1a63addbdc0a76 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputView.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputView.m
@@ -24,8 +24,7 @@ @implementation RCTBaseTextInputView {
   __weak RCTBridge *_bridge;
   __weak RCTEventDispatcher *_eventDispatcher;
   BOOL _hasInputAccesoryView;
-  // TODO(OSS Candidate ISS#2710739): remove _predictedText ivar
-  NSInteger _nativeEventCount;
+  // TODO(OSS Candidate ISS#2710739): remove explicit _predictedText ivar declaration
   BOOL _didMoveToWindow;
 }
 
@@ -70,7 +69,13 @@ - (void)enforceTextAttributesIfNeeded
 {
   if (![self ignoresTextAttributes]) { // TODO(OSS Candidate ISS#2710739)
     id<RCTBackedTextInputViewProtocol> backedTextInputView = self.backedTextInputView;
-    backedTextInputView.defaultTextAttributes = [_textAttributes effectiveTextAttributes];
+
+    NSDictionary<NSAttributedStringKey,id> *textAttributes = [[_textAttributes effectiveTextAttributes] mutableCopy];
+    if ([textAttributes valueForKey:NSForegroundColorAttributeName] == nil) {
+        [textAttributes setValue:[RCTUIColor blackColor] forKey:NSForegroundColorAttributeName]; // TODO(macOS ISS#2323203)
+    }
+
+    backedTextInputView.defaultTextAttributes = textAttributes;
   } // TODO(OSS Candidate ISS#2710739)
 }
 
@@ -233,70 +238,82 @@ - (void)setSelection:(RCTTextSelection *)selection
   }
 }
 
+- (void)setSelectionStart:(NSInteger)start
+             selectionEnd:(NSInteger)end
+{
+#if !TARGET_OS_OSX // [TODO(macOS v0.63)
+  UITextPosition *startPosition = [self.backedTextInputView positionFromPosition:self.backedTextInputView.beginningOfDocument
+                                                                          offset:start];
+  UITextPosition *endPosition = [self.backedTextInputView positionFromPosition:self.backedTextInputView.beginningOfDocument
+                                                                        offset:end];
+  if (startPosition && endPosition) {
+    UITextRange *range = [self.backedTextInputView textRangeFromPosition:startPosition toPosition:endPosition];
+    [self.backedTextInputView setSelectedTextRange:range notifyDelegate:NO];
+  }
+#endif // ]TODO(macOS v0.63)
+}
+
 - (void)setTextContentType:(NSString *)type
 {
-  #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_10_0
-    if (@available(iOS 10.0, *)) {
-
-        static dispatch_once_t onceToken;
-        static NSDictionary<NSString *, NSString *> *contentTypeMap;
-
-        dispatch_once(&onceToken, ^{
-          contentTypeMap = @{@"none": @"",
-                             @"URL": UITextContentTypeURL,
-                             @"addressCity": UITextContentTypeAddressCity,
-                             @"addressCityAndState":UITextContentTypeAddressCityAndState,
-                             @"addressState": UITextContentTypeAddressState,
-                             @"countryName": UITextContentTypeCountryName,
-                             @"creditCardNumber": UITextContentTypeCreditCardNumber,
-                             @"emailAddress": UITextContentTypeEmailAddress,
-                             @"familyName": UITextContentTypeFamilyName,
-                             @"fullStreetAddress": UITextContentTypeFullStreetAddress,
-                             @"givenName": UITextContentTypeGivenName,
-                             @"jobTitle": UITextContentTypeJobTitle,
-                             @"location": UITextContentTypeLocation,
-                             @"middleName": UITextContentTypeMiddleName,
-                             @"name": UITextContentTypeName,
-                             @"namePrefix": UITextContentTypeNamePrefix,
-                             @"nameSuffix": UITextContentTypeNameSuffix,
-                             @"nickname": UITextContentTypeNickname,
-                             @"organizationName": UITextContentTypeOrganizationName,
-                             @"postalCode": UITextContentTypePostalCode,
-                             @"streetAddressLine1": UITextContentTypeStreetAddressLine1,
-                             @"streetAddressLine2": UITextContentTypeStreetAddressLine2,
-                             @"sublocality": UITextContentTypeSublocality,
-                             @"telephoneNumber": UITextContentTypeTelephoneNumber,
-                             };
-
-          #if __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-            if (@available(iOS 11.0, tvOS 11.0, *)) {
-              NSDictionary<NSString *, NSString *> * iOS11extras = @{@"username": UITextContentTypeUsername,
-                                                                     @"password": UITextContentTypePassword};
-
-              NSMutableDictionary<NSString *, NSString *> * iOS11baseMap = [contentTypeMap mutableCopy];
-              [iOS11baseMap addEntriesFromDictionary:iOS11extras];
-
-              contentTypeMap = [iOS11baseMap copy];
-            }
-          #endif
-
-          #if __IPHONE_OS_VERSION_MAX_ALLOWED >= 120000 /* __IPHONE_12_0 */
-            if (@available(iOS 12.0, tvOS 12.0, *)) {
-              NSDictionary<NSString *, NSString *> * iOS12extras = @{@"newPassword": UITextContentTypeNewPassword,
-                                                                     @"oneTimeCode": UITextContentTypeOneTimeCode};
-
-              NSMutableDictionary<NSString *, NSString *> * iOS12baseMap = [contentTypeMap mutableCopy];
-              [iOS12baseMap addEntriesFromDictionary:iOS12extras];
-
-              contentTypeMap = [iOS12baseMap copy];
-            }
-          #endif
-        });
-
-        // Setting textContentType to an empty string will disable any
-        // default behaviour, like the autofill bar for password inputs
-        self.backedTextInputView.textContentType = contentTypeMap[type] ?: type;
-    }
+  #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED)
+    static dispatch_once_t onceToken;
+    static NSDictionary<NSString *, NSString *> *contentTypeMap;
+
+    dispatch_once(&onceToken, ^{
+      contentTypeMap = @{@"none": @"",
+                          @"URL": UITextContentTypeURL,
+                          @"addressCity": UITextContentTypeAddressCity,
+                          @"addressCityAndState":UITextContentTypeAddressCityAndState,
+                          @"addressState": UITextContentTypeAddressState,
+                          @"countryName": UITextContentTypeCountryName,
+                          @"creditCardNumber": UITextContentTypeCreditCardNumber,
+                          @"emailAddress": UITextContentTypeEmailAddress,
+                          @"familyName": UITextContentTypeFamilyName,
+                          @"fullStreetAddress": UITextContentTypeFullStreetAddress,
+                          @"givenName": UITextContentTypeGivenName,
+                          @"jobTitle": UITextContentTypeJobTitle,
+                          @"location": UITextContentTypeLocation,
+                          @"middleName": UITextContentTypeMiddleName,
+                          @"name": UITextContentTypeName,
+                          @"namePrefix": UITextContentTypeNamePrefix,
+                          @"nameSuffix": UITextContentTypeNameSuffix,
+                          @"nickname": UITextContentTypeNickname,
+                          @"organizationName": UITextContentTypeOrganizationName,
+                          @"postalCode": UITextContentTypePostalCode,
+                          @"streetAddressLine1": UITextContentTypeStreetAddressLine1,
+                          @"streetAddressLine2": UITextContentTypeStreetAddressLine2,
+                          @"sublocality": UITextContentTypeSublocality,
+                          @"telephoneNumber": UITextContentTypeTelephoneNumber,
+                          };
+
+      #if __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
+        if (@available(iOS 11.0, tvOS 11.0, *)) {
+          NSDictionary<NSString *, NSString *> * iOS11extras = @{@"username": UITextContentTypeUsername,
+                                                                  @"password": UITextContentTypePassword};
+
+          NSMutableDictionary<NSString *, NSString *> * iOS11baseMap = [contentTypeMap mutableCopy];
+          [iOS11baseMap addEntriesFromDictionary:iOS11extras];
+
+          contentTypeMap = [iOS11baseMap copy];
+        }
+      #endif
+
+      #if __IPHONE_OS_VERSION_MAX_ALLOWED >= 120000 /* __IPHONE_12_0 */
+        if (@available(iOS 12.0, tvOS 12.0, *)) {
+          NSDictionary<NSString *, NSString *> * iOS12extras = @{@"newPassword": UITextContentTypeNewPassword,
+                                                                  @"oneTimeCode": UITextContentTypeOneTimeCode};
+
+          NSMutableDictionary<NSString *, NSString *> * iOS12baseMap = [contentTypeMap mutableCopy];
+          [iOS12baseMap addEntriesFromDictionary:iOS12extras];
+
+          contentTypeMap = [iOS12baseMap copy];
+        }
+      #endif
+    });
+
+    // Setting textContentType to an empty string will disable any
+    // default behaviour, like the autofill bar for password inputs
+    self.backedTextInputView.textContentType = contentTypeMap[type] ?: type;
   #endif
 }
 
diff --git a/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m b/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
index fa8763678ddfd6..2072f10629cdc2 100644
--- a/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
+++ b/Libraries/Text/TextInput/RCTBaseTextInputViewManager.m
@@ -21,6 +21,7 @@
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 #import <React/RCTConvert+Text.h>
 #endif // TODO(macOS ISS#2323203)
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 @interface RCTBaseTextInputViewManager () <RCTUIManagerObserver>
 
@@ -45,7 +46,6 @@ @implementation RCTBaseTextInputViewManager
 RCT_REMAP_VIEW_PROPERTY(placeholder, backedTextInputView.placeholder, NSString)
 RCT_REMAP_VIEW_PROPERTY(placeholderTextColor, backedTextInputView.placeholderColor, UIColor)
 RCT_REMAP_NOT_OSX_VIEW_PROPERTY(returnKeyType, backedTextInputView.returnKeyType, UIReturnKeyType) // TODO(macOS ISS#2323203)
-RCT_REMAP_NOT_OSX_VIEW_PROPERTY(secureTextEntry, backedTextInputView.secureTextEntry, BOOL) // TODO(macOS ISS#2323203)
 RCT_REMAP_NOT_OSX_VIEW_PROPERTY(selectionColor, backedTextInputView.tintColor, UIColor) // TODO(macOS ISS#2323203)
 RCT_REMAP_OSX_VIEW_PROPERTY(selectionColor, backedTextInputView.selectionColor, UIColor) // TODO(macOS ISS#2323203)
 RCT_REMAP_NOT_OSX_VIEW_PROPERTY(spellCheck, backedTextInputView.spellCheckingType, UITextSpellCheckingType) // TODO(macOS ISS#2323203)
@@ -53,6 +53,7 @@ @implementation RCTBaseTextInputViewManager
 RCT_REMAP_NOT_OSX_VIEW_PROPERTY(caretHidden, backedTextInputView.caretHidden, BOOL) // TODO(macOS ISS#2323203)
 RCT_REMAP_NOT_OSX_VIEW_PROPERTY(clearButtonMode, backedTextInputView.clearButtonMode, UITextFieldViewMode) // TODO(macOS ISS#2323203)
 RCT_REMAP_VIEW_PROPERTY(scrollEnabled, backedTextInputView.scrollEnabled, BOOL)
+RCT_REMAP_NOT_OSX_VIEW_PROPERTY(secureTextEntry, backedTextInputView.secureTextEntry, BOOL) // TODO(macOS ISS#2323203)
 RCT_EXPORT_VIEW_PROPERTY(autoFocus, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(blurOnSubmit, BOOL)
 RCT_EXPORT_NOT_OSX_VIEW_PROPERTY(clearTextOnFocus, BOOL) // TODO(macOS ISS#2323203)
@@ -75,6 +76,11 @@ @implementation RCTBaseTextInputViewManager
 RCT_EXPORT_SHADOW_PROPERTY(placeholder, NSString)
 RCT_EXPORT_SHADOW_PROPERTY(onContentSizeChange, RCTBubblingEventBlock)
 
+RCT_CUSTOM_VIEW_PROPERTY(multiline, BOOL, RCTUIView) // TODO(macOS ISS#2323203)
+{
+  // No op.
+  // This View Manager doesn't use this prop but it must be exposed here via ViewConfig to enable Fabric component use it.
+}
 
 - (RCTShadowView *)shadowView
 {
@@ -105,6 +111,45 @@ - (void)setBridge:(RCTBridge *)bridge
 #endif // TODO(macOS ISS#2323203)
 }
 
+RCT_EXPORT_METHOD(focus : (nonnull NSNumber *)viewTag)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#2323203)
+    RCTUIView *view = viewRegistry[viewTag]; // TODO(macOS ISS#2323203)
+    [view reactFocus];
+  }];
+}
+
+RCT_EXPORT_METHOD(blur : (nonnull NSNumber *)viewTag)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#2323203)
+    RCTUIView *view = viewRegistry[viewTag]; // TODO(macOS ISS#2323203)
+    [view reactBlur];
+  }];
+}
+
+RCT_EXPORT_METHOD(setTextAndSelection : (nonnull NSNumber *)viewTag
+                 mostRecentEventCount : (NSInteger)mostRecentEventCount
+                                value : (NSString *)value
+                                start : (NSInteger)start
+                                  end : (NSInteger)end)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#2323203)
+    RCTBaseTextInputView *view = (RCTBaseTextInputView *)viewRegistry[viewTag];
+    NSInteger eventLag = view.nativeEventCount - mostRecentEventCount;
+    if (eventLag != 0) {
+      return;
+    }
+    RCTExecuteOnUIManagerQueue(^{
+      RCTBaseTextInputShadowView *shadowView = (RCTBaseTextInputShadowView *)[self.bridge.uiManager shadowViewForReactTag:viewTag];
+      [shadowView setText:value];
+      [self.bridge.uiManager setNeedsLayout];
+      RCTExecuteOnMainQueue(^{
+        [view setSelectionStart:start selectionEnd:end];
+      });
+    });
+  }];
+}
+
 #pragma mark - RCTUIManagerObserver
 
 - (void)uiManagerWillPerformMounting:(__unused RCTUIManager *)uiManager
diff --git a/Libraries/Text/TextInput/Singleline/RCTUITextField.h b/Libraries/Text/TextInput/Singleline/RCTUITextField.h
index d48d3b96bf8398..ae767255a9dda1 100644
--- a/Libraries/Text/TextInput/Singleline/RCTUITextField.h
+++ b/Libraries/Text/TextInput/Singleline/RCTUITextField.h
@@ -9,7 +9,8 @@
 
 #import "RCTTextUIKit.h" // TODO(macOS ISS#2323203)
 
-#import "RCTBackedTextInputViewProtocol.h"
+#import <React/RCTBackedTextInputViewProtocol.h>
+#import <React/RCTBackedTextInputDelegate.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -39,8 +40,10 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic, assign, getter=isEditable) BOOL editable;
 #else // [TODO(macOS ISS#2323203)
 @property (assign, getter=isEditable) BOOL editable;
-#endif
-#if TARGET_OS_OSX
+#endif // ]TODO(macOS ISS#2323203)
+@property (nonatomic, getter=isScrollEnabled) BOOL scrollEnabled;
+
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 @property (nonatomic, copy, nullable) NSString *text;
 @property (nonatomic, copy, nullable) NSAttributedString *attributedText;
 @property (nonatomic, copy) NSDictionary<NSAttributedStringKey, id> *defaultTextAttributes;
diff --git a/Libraries/Text/TextInput/Singleline/RCTUITextField.m b/Libraries/Text/TextInput/Singleline/RCTUITextField.m
index b36546f97f4e04..420e7fea252fe4 100644
--- a/Libraries/Text/TextInput/Singleline/RCTUITextField.m
+++ b/Libraries/Text/TextInput/Singleline/RCTUITextField.m
@@ -9,7 +9,6 @@
 
 #import <React/RCTUtils.h>
 #import <React/UIView+React.h>
-
 #import <React/RCTBackedTextInputDelegateAdapter.h>
 #import <React/RCTBackedTextInputDelegate.h> // TODO(OSS Candidate ISS#2710739)
 #import <React/RCTTextAttributes.h>
@@ -117,6 +116,7 @@ - (instancetype)initWithFrame:(CGRect)frame
 #endif // ]TODO(macOS ISS#2323203)
 
     _textInputDelegateAdapter = [[RCTBackedTextFieldDelegateAdapter alloc] initWithTextField:self];
+    _scrollEnabled = YES;
   }
 
   return self;
@@ -248,6 +248,10 @@ - (void)setPlaceholderColor:(RCTUIColor *)placeholderColor // TODO(OSS Candidate
 
 - (void)setDefaultTextAttributes:(NSDictionary<NSAttributedStringKey, id> *)defaultTextAttributes
 {
+  if ([_defaultTextAttributes isEqualToDictionary:defaultTextAttributes]) {
+    return;
+  }
+
   _defaultTextAttributes = defaultTextAttributes;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   [super setDefaultTextAttributes:defaultTextAttributes];
@@ -292,16 +296,6 @@ - (void)setEditable:(BOOL)editable
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 
-- (void)setScrollEnabled:(BOOL)enabled
-{
-  // Do noting, compatible with multiline textinput
-}
-
-- (BOOL)scrollEnabled
-{
-  return NO;
-}
-
 - (void)setSecureTextEntry:(BOOL)secureTextEntry
 {
   if (self.secureTextEntry == secureTextEntry) {
diff --git a/Libraries/Text/TextProps.js b/Libraries/Text/TextProps.js
index b14dfbfa88cdfc..009929e8ff7076 100644
--- a/Libraries/Text/TextProps.js
+++ b/Libraries/Text/TextProps.js
@@ -30,13 +30,13 @@ export type PressRetentionOffset = $ReadOnly<{|
 |}>;
 
 /**
- * @see https://facebook.github.io/react-native/docs/text.html#reference
+ * @see https://reactnative.dev/docs/text.html#reference
  */
 export type TextProps = $ReadOnly<{|
   /**
    * Indicates whether the view is an accessibility element.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#accessible
+   * See https://reactnative.dev/docs/text.html#accessible
    */
   accessible?: ?boolean,
   accessibilityHint?: ?Stringish,
@@ -47,14 +47,14 @@ export type TextProps = $ReadOnly<{|
   /**
    * Whether font should be scaled down automatically.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#adjustsfontsizetofit
+   * See https://reactnative.dev/docs/text.html#adjustsfontsizetofit
    */
   adjustsFontSizeToFit?: ?boolean,
 
   /**
    * Whether fonts should scale to respect Text Size accessibility settings.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#allowfontscaling
+   * See https://reactnative.dev/docs/text.html#allowfontscaling
    */
   allowFontScaling?: ?boolean,
   children?: ?Node,
@@ -63,7 +63,7 @@ export type TextProps = $ReadOnly<{|
    * When `numberOfLines` is set, this prop defines how text will be
    * truncated.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#ellipsizemode
+   * See https://reactnative.dev/docs/text.html#ellipsizemode
    */
   ellipsizeMode?: ?('clip' | 'head' | 'middle' | 'tail'),
 
@@ -79,35 +79,35 @@ export type TextProps = $ReadOnly<{|
   /**
    * Used to locate this view from native code.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#nativeid
+   * See https://reactnative.dev/docs/text.html#nativeid
    */
   nativeID?: ?string,
 
   /**
    * Used to truncate the text with an ellipsis.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#numberoflines
+   * See https://reactnative.dev/docs/text.html#numberoflines
    */
   numberOfLines?: ?number,
 
   /**
    * Invoked on mount and layout changes.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#onlayout
+   * See https://reactnative.dev/docs/text.html#onlayout
    */
   onLayout?: ?(event: LayoutEvent) => mixed,
 
   /**
    * This function is called on long press.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#onlongpress
+   * See https://reactnative.dev/docs/text.html#onlongpress
    */
   onLongPress?: ?(event: PressEvent) => mixed,
 
   /**
    * This function is called on press.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#onpress
+   * See https://reactnative.dev/docs/text.html#onpress
    */
   onPress?: ?(event: PressEvent) => mixed,
   onResponderGrant?: ?(event: PressEvent, dispatchID: string) => void,
@@ -123,14 +123,14 @@ export type TextProps = $ReadOnly<{|
    * 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
+   * See https://reactnative.dev/docs/text.html#pressretentionoffset
    */
   pressRetentionOffset?: ?PressRetentionOffset,
 
   /**
    * Lets the user select text.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#selectable
+   * See https://reactnative.dev/docs/text.html#selectable
    */
   selectable?: ?boolean,
   style?: ?TextStyleProp,
@@ -138,7 +138,7 @@ export type TextProps = $ReadOnly<{|
   /**
    * Used to locate this view in end-to-end tests.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#testid
+   * See https://reactnative.dev/docs/text.html#testid
    */
   testID?: ?string,
 
@@ -149,14 +149,14 @@ export type TextProps = $ReadOnly<{|
   /**
    * Specifies the disabled state of the text view for testing purposes.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#disabled
+   * See https://reactnative.dev/docs/text.html#disabled
    */
   disabled?: ?boolean,
 
   /**
    * The highlight color of the text.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#selectioncolor
+   * See https://reactnative.dev/docs/text.html#selectioncolor
    */
   selectionColor?: ?string,
 
@@ -165,7 +165,7 @@ export type TextProps = $ReadOnly<{|
   /**
    * Set text break strategy on Android.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#textbreakstrategy
+   * See https://reactnative.dev/docs/text.html#textbreakstrategy
    */
   textBreakStrategy?: ?('balanced' | 'highQuality' | 'simple'),
 
@@ -177,14 +177,14 @@ export type TextProps = $ReadOnly<{|
   /**
    * Smallest possible scale a font can reach.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#minimumfontscale
+   * See https://reactnative.dev/docs/text.html#minimumfontscale
    */
   minimumFontScale?: ?number,
 
   /**
    * When `true`, no visual change is made when text is pressed down.
    *
-   * See https://facebook.github.io/react-native/docs/text.html#supperhighlighting
+   * See https://reactnative.dev/docs/text.html#supperhighlighting
    */
   suppressHighlighting?: ?boolean,
 |}>;
diff --git a/Libraries/TurboModule/RCTExport.js b/Libraries/TurboModule/RCTExport.js
index a0fc78fc96c746..f90568d0e5bfc0 100644
--- a/Libraries/TurboModule/RCTExport.js
+++ b/Libraries/TurboModule/RCTExport.js
@@ -25,7 +25,7 @@
  * 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.
+ * NOTE: This export is deprecated. Please use TurboModule.
  */
 
 // eslint-disable-next-line no-unused-vars
@@ -33,5 +33,4 @@ export interface DEPRECATED_RCTExport<T: void = void> {
   +getConstants?: () => {...};
 }
 
-// eslint-disable-next-line lint/react-native-modules
 export interface TurboModule extends DEPRECATED_RCTExport<void> {}
diff --git a/Libraries/TypeSafety/RCTConvertHelpers.mm b/Libraries/TypeSafety/RCTConvertHelpers.mm
index 116cf566e51b1d..69fb3e4a3de4f4 100644
--- a/Libraries/TypeSafety/RCTConvertHelpers.mm
+++ b/Libraries/TypeSafety/RCTConvertHelpers.mm
@@ -24,7 +24,7 @@ bool RCTBridgingToBool(id value)
 
 NSString *RCTBridgingToString(id value)
 {
-  return [RCTConvert NSString:value];
+  return [RCTConvert NSString:RCTNilIfNull(value)];
 }
 
 folly::Optional<double> RCTBridgingToOptionalDouble(id value)
diff --git a/Libraries/TypeSafety/RCTTypeSafety.podspec b/Libraries/TypeSafety/RCTTypeSafety.podspec
index ecd296099fdadc..5cd02a9f8119ca 100644
--- a/Libraries/TypeSafety/RCTTypeSafety.podspec
+++ b/Libraries/TypeSafety/RCTTypeSafety.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "RCTTypeSafety"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS ISS#2323203)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS ISS#2323203)
   s.compiler_flags         = folly_compiler_flags
   s.source                 = source
   s.source_files           = "**/*.{c,h,m,mm,cpp}"
diff --git a/Libraries/Utilities/Dimensions.js b/Libraries/Utilities/Dimensions.js
index 3cc28bc0ff6195..b3e5822c401bb3 100644
--- a/Libraries/Utilities/Dimensions.js
+++ b/Libraries/Utilities/Dimensions.js
@@ -134,8 +134,6 @@ if (!initialDims) {
       Dimensions.set(update);
     },
   );
-  // Can't use NativeDeviceInfo in ComponentScript because it does not support NativeModules,
-  // but has nativeExtensions instead.
   initialDims = NativeDeviceInfo.getConstants().Dimensions;
 }
 
diff --git a/Libraries/Utilities/HMRClient.js b/Libraries/Utilities/HMRClient.js
index a5c3ebfd1fc14d..80e60b0da7c21a 100644
--- a/Libraries/Utilities/HMRClient.js
+++ b/Libraries/Utilities/HMRClient.js
@@ -10,10 +10,11 @@
 
 'use strict';
 
-const Platform = require('./Platform');
+const DevSettings = require('./DevSettings');
 const invariant = require('invariant');
-
 const MetroHMRClient = require('metro/src/lib/bundle-modules/HMRClient');
+const Platform = require('./Platform');
+const prettyFormat = require('pretty-format');
 
 import NativeRedBox from '../NativeModules/specs/NativeRedBox';
 import * as LogBoxData from '../LogBox/Data/LogBoxData';
@@ -30,6 +31,7 @@ type LogLevel =
   | 'trace'
   | 'info'
   | 'warn'
+  | 'error'
   | 'log'
   | 'group'
   | 'groupCollapsed'
@@ -113,36 +115,23 @@ const HMRClient: HMRClientNativeInterface = {
       return;
     }
     try {
-      let message;
-      if (global.Symbol) {
-        message = JSON.stringify({
+      hmrClient.send(
+        JSON.stringify({
           type: 'log',
           level,
           data: data.map(item =>
             typeof item === 'string'
               ? item
-              : require('pretty-format')(item, {
+              : prettyFormat(item, {
                   escapeString: true,
                   highlight: true,
                   maxDepth: 3,
                   min: true,
-                  plugins: [require('pretty-format').plugins.ReactElement],
+                  plugins: [prettyFormat.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.
@@ -159,8 +148,8 @@ const HMRClient: HMRClientNativeInterface = {
     isEnabled: boolean,
   ) {
     invariant(platform, 'Missing required parameter `platform`');
-    invariant(bundleEntry, 'Missing required paramenter `bundleEntry`');
-    invariant(host, 'Missing required paramenter `host`');
+    invariant(bundleEntry, 'Missing required parameter `bundleEntry`');
+    invariant(host, 'Missing required parameter `host`');
     invariant(!hmrClient, 'Cannot initialize hmrClient twice');
 
     // Moving to top gives errors due to NativeModules not being initialized
@@ -277,6 +266,11 @@ function setHMRUnavailableReason(reason) {
 }
 
 function registerBundleEntryPoints(client) {
+  if (hmrUnavailableReason) {
+    DevSettings.reload('Bundle Splitting – Metro disconnected');
+    return;
+  }
+
   if (pendingEntryPoints.length > 0) {
     client.send(
       JSON.stringify({
diff --git a/Libraries/Utilities/LoadingView.ios.js b/Libraries/Utilities/LoadingView.ios.js
index 782bedfbbb69c0..e8f7d133f5caf3 100644
--- a/Libraries/Utilities/LoadingView.ios.js
+++ b/Libraries/Utilities/LoadingView.ios.js
@@ -16,13 +16,21 @@ import NativeDevLoadingView from './NativeDevLoadingView';
 module.exports = {
   showMessage(message: string, type: 'load' | 'refresh') {
     if (NativeDevLoadingView) {
+      const green = processColor('#005a00');
+      const blue = processColor('#2584e8');
+      const white = processColor('#ffffff');
+
       NativeDevLoadingView.showMessage(
         message,
         // Use same colors as iOS "Personal Hotspot" bar.
-        processColor('#ffffff'),
+        typeof white === 'number' ? white : null,
         type && type === 'load'
-          ? processColor('#275714')
-          : processColor('#2584e8'),
+          ? typeof green === 'number'
+            ? green
+            : null
+          : typeof blue === 'number'
+          ? blue
+          : null,
       );
     }
   },
diff --git a/Libraries/Utilities/MatrixMath.js b/Libraries/Utilities/MatrixMath.js
index 85d2bb7c1e5b94..2a943a8961ac03 100755
--- a/Libraries/Utilities/MatrixMath.js
+++ b/Libraries/Utilities/MatrixMath.js
@@ -8,8 +8,6 @@
  * @noflow
  */
 
-/* eslint-disable space-infix-ops */
-
 'use strict';
 
 const invariant = require('invariant');
diff --git a/Libraries/Utilities/NativeDevLoadingView.js b/Libraries/Utilities/NativeDevLoadingView.js
index e672771778b8a1..8938fb6df5ccbf 100644
--- a/Libraries/Utilities/NativeDevLoadingView.js
+++ b/Libraries/Utilities/NativeDevLoadingView.js
@@ -16,8 +16,8 @@ import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
 export interface Spec extends TurboModule {
   +showMessage: (
     message: string,
-    color: Object,
-    backgroundColor: Object,
+    withColor: ?number,
+    withBackgroundColor: ?number,
   ) => void;
   +hide: () => void;
 }
diff --git a/Libraries/Utilities/NativeJSDevSupport.js b/Libraries/Utilities/NativeJSDevSupport.js
index 3128d3d83bd214..0c140f0f9621f3 100644
--- a/Libraries/Utilities/NativeJSDevSupport.js
+++ b/Libraries/Utilities/NativeJSDevSupport.js
@@ -18,7 +18,7 @@ export interface Spec extends TurboModule {
     ERROR_CODE_EXCEPTION: number,
     ERROR_CODE_VIEW_NOT_FOUND: number,
   |};
-  +onSuccess: (data: Object) => void;
+  +onSuccess: (data: string) => void;
   +onFailure: (errorCode: number, error: string) => void;
 }
 
diff --git a/Libraries/Utilities/NativePlatformConstantsAndroid.js b/Libraries/Utilities/NativePlatformConstantsAndroid.js
index dcf276ae2ac3f4..39aa25d8c49055 100644
--- a/Libraries/Utilities/NativePlatformConstantsAndroid.js
+++ b/Libraries/Utilities/NativePlatformConstantsAndroid.js
@@ -27,7 +27,7 @@ export interface Spec extends TurboModule {
     Serial: string,
     Fingerprint: string,
     Model: string,
-    ServerHost: string,
+    ServerHost?: string,
     uiMode: string,
   |};
   +getAndroidID: () => string;
diff --git a/Libraries/Utilities/PixelRatio.js b/Libraries/Utilities/PixelRatio.js
index 99521348a578ab..06813b3a6d4967 100644
--- a/Libraries/Utilities/PixelRatio.js
+++ b/Libraries/Utilities/PixelRatio.js
@@ -92,9 +92,9 @@ class PixelRatio {
    *
    * If a font scale is not set, this returns the device pixel ratio.
    *
-   * Currently this is only implemented on Android and reflects the user preference set in
-   * Settings > Display > Font size, on iOS it will always return the default pixel ratio.
-   * @platform android
+   * This reflects the user preference set in:
+   *  - Settings > Display > Font size on Android,
+   *  - Settings > Display & Brightness > Text Size on iOS.
    */
   static getFontScale(): number {
     return Dimensions.get('window').fontScale || PixelRatio.get();
diff --git a/Libraries/Utilities/Platform.android.js b/Libraries/Utilities/Platform.android.js
index 13b0586701eac5..3785bc8790a5b0 100644
--- a/Libraries/Utilities/Platform.android.js
+++ b/Libraries/Utilities/Platform.android.js
@@ -38,7 +38,7 @@ const Platform = {
     Serial: string,
     Fingerprint: string,
     Model: string,
-    ServerHost: string,
+    ServerHost?: string,
     uiMode: string,
   |} {
     if (this.__constants == null) {
diff --git a/Libraries/Utilities/RCTLog.js b/Libraries/Utilities/RCTLog.js
index b6a368907b0cdf..def04d6c3b2d73 100644
--- a/Libraries/Utilities/RCTLog.js
+++ b/Libraries/Utilities/RCTLog.js
@@ -29,7 +29,7 @@ const RCTLog = {
     if (typeof global.nativeLoggingHook === 'undefined') {
       RCTLog.logToConsole(level, ...args);
     } else {
-      // Report native warnings to YellowBox
+      // Report native warnings to LogBox
       if (warningHandler && level === 'warn') {
         warningHandler(...args);
       }
diff --git a/Libraries/Utilities/ReactNativeTestTools.js b/Libraries/Utilities/ReactNativeTestTools.js
index fbe4e094ca4aa4..cd018a6fc5e3cc 100644
--- a/Libraries/Utilities/ReactNativeTestTools.js
+++ b/Libraries/Utilities/ReactNativeTestTools.js
@@ -16,15 +16,30 @@ const React = require('react');
 
 const ReactTestRenderer = require('react-test-renderer');
 const ShallowRenderer = require('react-test-renderer/shallow');
+/* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an error
+ * found when Flow v0.122.0 was deployed. To see the error, delete this comment
+ * and run Flow. */
 const shallowRenderer = new ShallowRenderer();
 
-const {Switch, Text, TextInput, VirtualizedList} = require('react-native');
+import type {ReactTestRenderer as ReactTestRendererType} from 'react-test-renderer';
 
-import type {
-  ReactTestInstance,
-  ReactTestRendererNode,
-  Predicate,
-} from 'react-test-renderer';
+export type ReactTestInstance = $PropertyType<ReactTestRendererType, 'root'>;
+
+export type Predicate = (node: ReactTestInstance) => boolean;
+
+type $ReturnType<Fn> = $Call<<Ret, A>((...A) => Ret) => Ret, Fn>;
+/* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an error
+ * found when Flow v0.122.0 was deployed. To see the error, delete this comment
+ * and run Flow. */
+export type ReactTestRendererJSON = $ReturnType<ReactTestRenderer.create.toJSON>;
+
+const {
+  Switch,
+  Text,
+  TextInput,
+  View,
+  VirtualizedList,
+} = require('react-native');
 
 function byClickable(): Predicate {
   return withMessage(
@@ -36,10 +51,18 @@ function byClickable(): Predicate {
         typeof node.props.onPress === 'function') ||
       // note: Special casing <Switch /> since it doesn't use touchable
       (node.type === Switch && node.props && node.props.disabled !== true) ||
+      (node.type === View &&
+        node?.props?.onStartShouldSetResponder?.testOnly_pressabilityConfig) ||
       // HACK: Find components that use `Pressability`.
       node.instance?.state?.pressability != null ||
       // TODO: Remove this after deleting `Touchable`.
+      /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.122.0 was deployed. To see the error, delete
+       * this comment and run Flow. */
       (node.instance &&
+        /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses
+         * an error found when Flow v0.122.0 was deployed. To see the error,
+         * delete this comment and run Flow. */
         typeof node.instance.touchableHandlePress === 'function'),
     'is clickable',
   );
@@ -54,6 +77,9 @@ function byTestID(testID: string): Predicate {
 
 function byTextMatching(regex: RegExp): Predicate {
   return withMessage(
+    /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.122.0 was deployed. To see the error, delete
+     * this comment and run Flow. */
     node => node.props && regex.exec(node.props.children),
     `text content matches ${regex.toString()}`,
   );
@@ -67,7 +93,7 @@ function enter(instance: ReactTestInstance, text: string) {
 
 // Returns null if there is no error, otherwise returns an error message string.
 function maximumDepthError(
-  tree: {toJSON: () => ReactTestRendererNode, ...},
+  tree: ReactTestRendererType,
   maxDepthLimit: number,
 ): ?string {
   const maxDepth = maximumDepthOfJSON(tree.toJSON());
@@ -139,7 +165,7 @@ function expectRendersMatchingSnapshot(
 }
 
 // Takes a node from toJSON()
-function maximumDepthOfJSON(node: ReactTestRendererNode): number {
+function maximumDepthOfJSON(node: ?ReactTestRendererJSON): number {
   if (node == null) {
     return 0;
   } else if (typeof node === 'string' || node.children == null) {
@@ -158,7 +184,7 @@ function renderAndEnforceStrictMode(element: React.Node): any {
   return renderWithStrictMode(element);
 }
 
-function renderWithStrictMode(element: React.Node): any {
+function renderWithStrictMode(element: React.Node): ReactTestRendererType {
   const WorkAroundBugWithStrictModeInTestRenderer = prps => prps.children;
   const StrictMode = (React: $FlowFixMe).StrictMode;
   return ReactTestRenderer.create(
@@ -177,6 +203,16 @@ function tap(instance: ReactTestInstance) {
     const {onChange, onValueChange} = touchable.props;
     onChange && onChange({nativeEvent: {value}});
     onValueChange && onValueChange(value);
+  } else if (
+    touchable?.props?.onStartShouldSetResponder?.testOnly_pressabilityConfig
+  ) {
+    const {
+      onPress,
+      disabled,
+    } = touchable.props.onStartShouldSetResponder.testOnly_pressabilityConfig();
+    if (!disabled) {
+      onPress({nativeEvent: {}});
+    }
   } else {
     // Only tap when props.disabled isn't set (or there aren't any props)
     if (!touchable.props || !touchable.props.disabled) {
diff --git a/Libraries/Utilities/SceneTracker.js b/Libraries/Utilities/SceneTracker.js
index ff3bbe07c62f68..23b0c7dcae39ea 100644
--- a/Libraries/Utilities/SceneTracker.js
+++ b/Libraries/Utilities/SceneTracker.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-type Scene = {name: string, ...};
+export type Scene = {name: string, ...};
 
 let _listeners: Array<(scene: Scene) => void> = [];
 
diff --git a/Libraries/Utilities/__tests__/stringifySafe-test.js b/Libraries/Utilities/__tests__/stringifySafe-test.js
index c259caf20a7fd6..9ab85e566cbda3 100644
--- a/Libraries/Utilities/__tests__/stringifySafe-test.js
+++ b/Libraries/Utilities/__tests__/stringifySafe-test.js
@@ -5,14 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
+ * @flow strict-local
  * @emails oncall+react_native
  */
 
 'use strict';
 
-describe('stringifySafe', () => {
-  const stringifySafe = require('../stringifySafe');
+import stringifySafe, {createStringifySafeWithLimits} from '../stringifySafe';
 
+describe('stringifySafe', () => {
   it('stringifySafe stringifies undefined values', () => {
     expect(stringifySafe(undefined)).toEqual('undefined');
   });
@@ -41,9 +42,8 @@ describe('stringifySafe', () => {
   });
 
   it('stringifySafe stringifies circular objects without toString', () => {
-    const arg = {};
-    arg.arg = arg;
-    arg.toString = undefined;
+    const arg = {x: {}, toString: undefined};
+    arg.x = arg;
     const result = stringifySafe(arg);
     expect(result).toEqual('["object" failed to stringify]');
   });
@@ -53,4 +53,38 @@ describe('stringifySafe', () => {
     const result = stringifySafe(error);
     expect(result).toEqual('Error: error');
   });
+
+  it('stringifySafe truncates long strings', () => {
+    const stringify = createStringifySafeWithLimits({maxStringLimit: 3});
+    expect(stringify('abcdefghijklmnopqrstuvwxyz')).toEqual(
+      '"abc...(truncated)..."',
+    );
+    expect(stringify({a: 'abcdefghijklmnopqrstuvwxyz'})).toEqual(
+      '{"a":"abc...(truncated)..."}',
+    );
+  });
+
+  it('stringifySafe truncates large arrays', () => {
+    const stringify = createStringifySafeWithLimits({maxArrayLimit: 3});
+    expect(stringify([1, 2, 3, 4, 5])).toEqual(
+      '[1,2,3,"... extra 2 values truncated ..."]',
+    );
+    expect(stringify({a: [1, 2, 3, 4, 5]})).toEqual(
+      '{"a":[1,2,3,"... extra 2 values truncated ..."]}',
+    );
+  });
+
+  it('stringifySafe truncates large objects', () => {
+    const stringify = createStringifySafeWithLimits({maxObjectKeysLimit: 3});
+    expect(stringify({a: 1, b: 2, c: 3, d: 4, e: 5})).toEqual(
+      '{"a":1,"b":2,"c":3,"...(truncated keys)...":2}',
+    );
+  });
+
+  it('stringifySafe truncates deep objects', () => {
+    const stringify = createStringifySafeWithLimits({maxDepth: 3});
+    expect(stringify({a: {a: {a: {x: 0, y: 1, z: 2}}}})).toEqual(
+      '{"a":{"a":{"a":"{ ... object with 3 keys ... }"}}}',
+    );
+  });
 });
diff --git a/Libraries/Utilities/createPerformanceLogger.js b/Libraries/Utilities/createPerformanceLogger.js
index fdd5ca9e3cfc27..2bfdb34258169e 100644
--- a/Libraries/Utilities/createPerformanceLogger.js
+++ b/Libraries/Utilities/createPerformanceLogger.js
@@ -29,7 +29,7 @@ type Timespan = {
 export type IPerformanceLogger = {
   addTimespan(string, number, string | void): void,
   startTimespan(string, string | void): void,
-  stopTimespan(string): void,
+  stopTimespan(string, options?: {update?: boolean}): void,
   clear(): void,
   clearCompleted(): void,
   clearExceptTimespans(Array<string>): void,
@@ -107,7 +107,7 @@ function createPerformanceLogger(): IPerformanceLogger {
       }
     },
 
-    stopTimespan(key: string) {
+    stopTimespan(key: string, options?: {update?: boolean}) {
       const timespan = this._timespans[key];
       if (!timespan || !timespan.startTime) {
         if (PRINT_TO_CONSOLE && __DEV__) {
@@ -118,7 +118,7 @@ function createPerformanceLogger(): IPerformanceLogger {
         }
         return;
       }
-      if (timespan.endTime) {
+      if (timespan.endTime && !options?.update) {
         if (PRINT_TO_CONSOLE && __DEV__) {
           infoLog(
             'PerformanceLogger: Attempting to end a timespan that has already ended ',
@@ -134,8 +134,10 @@ function createPerformanceLogger(): IPerformanceLogger {
         infoLog('PerformanceLogger.js', 'end: ' + key);
       }
 
-      Systrace.endAsyncEvent(key, _cookies[key]);
-      delete _cookies[key];
+      if (_cookies[key] != null) {
+        Systrace.endAsyncEvent(key, _cookies[key]);
+        delete _cookies[key];
+      }
     },
 
     clear() {
diff --git a/Libraries/Utilities/deprecatedPropType.js b/Libraries/Utilities/deprecatedPropType.js
index a147ec9b9f8fc1..480cf4cbeda6f6 100644
--- a/Libraries/Utilities/deprecatedPropType.js
+++ b/Libraries/Utilities/deprecatedPropType.js
@@ -22,6 +22,7 @@ function deprecatedPropType(
   return function validate(props, propName, componentName, ...rest) {
     // Don't warn for native components.
     if (
+      !global.RN$Bridgeless &&
       !UIManager.getViewManagerConfig(componentName) &&
       props[propName] !== undefined
     ) {
diff --git a/Libraries/Utilities/differ/__tests__/matricesDiffer-test.js b/Libraries/Utilities/differ/__tests__/matricesDiffer-test.js
new file mode 100644
index 00000000000000..26cc35ce3f5b24
--- /dev/null
+++ b/Libraries/Utilities/differ/__tests__/matricesDiffer-test.js
@@ -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.
+ *
+ * @format
+ * @emails oncall+react_native
+ */
+
+'use strict';
+
+const matricesDiffer = require('../matricesDiffer');
+
+describe('matricesDiffer', function() {
+  it('diffs matrices with single element', () => {
+    var x = [1];
+    var y = [2];
+    expect(matricesDiffer(x, y)).toBe(true);
+
+    x = [1];
+    y = [1];
+    expect(matricesDiffer(x, y)).toBe(false);
+  });
+
+  it('diffs matrices with different number of elements', () => {
+    var x = [1, 1, 1, 1];
+    var y = [1, 1, 1, 2];
+    expect(matricesDiffer(x, y)).toBe(true);
+  });
+
+  it('diffs matrices with 16 elements', () => {
+    var x = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+    var y = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+    expect(matricesDiffer(x, y)).toBe(false);
+
+    x = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+    y = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 1];
+    expect(matricesDiffer(x, y)).toBe(true);
+
+    x = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+    y = [2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
+    expect(matricesDiffer(x, y)).toBe(true);
+  });
+});
diff --git a/Libraries/Utilities/differ/matricesDiffer.js b/Libraries/Utilities/differ/matricesDiffer.js
index ade2a5fc3f9246..1726ad361e37d2 100644
--- a/Libraries/Utilities/differ/matricesDiffer.js
+++ b/Libraries/Utilities/differ/matricesDiffer.js
@@ -30,6 +30,7 @@ const matricesDiffer = function(one, two) {
     one[14] !== two[14] ||
     one[5] !== two[5] ||
     one[10] !== two[10] ||
+    one[0] !== two[0] ||
     one[1] !== two[1] ||
     one[2] !== two[2] ||
     one[3] !== two[3] ||
diff --git a/Libraries/Utilities/dismissKeyboard.js b/Libraries/Utilities/dismissKeyboard.js
index 98a5cda003ab63..16625a98894d65 100644
--- a/Libraries/Utilities/dismissKeyboard.js
+++ b/Libraries/Utilities/dismissKeyboard.js
@@ -15,7 +15,7 @@
 const TextInputState = require('../Components/TextInput/TextInputState');
 
 function dismissKeyboard() {
-  TextInputState.blurTextInput(TextInputState.currentlyFocusedField());
+  TextInputState.blurTextInput(TextInputState.currentlyFocusedInput());
 }
 
 module.exports = dismissKeyboard;
diff --git a/Libraries/Utilities/infoLog.js b/Libraries/Utilities/infoLog.js
index fd90c86b97038b..6cac4bd149bc67 100644
--- a/Libraries/Utilities/infoLog.js
+++ b/Libraries/Utilities/infoLog.js
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
+ * @flow strict
  */
 
 'use strict';
@@ -12,7 +13,7 @@
 /**
  * Intentional info-level logging for clear separation from ad-hoc console debug logging.
  */
-function infoLog(...args) {
+function infoLog(...args: Array<mixed>): void {
   return console.log(...args);
 }
 
diff --git a/Libraries/Utilities/registerGeneratedViewConfig.js b/Libraries/Utilities/registerGeneratedViewConfig.js
index 7ce2c2f01f39de..947b3b06642b72 100644
--- a/Libraries/Utilities/registerGeneratedViewConfig.js
+++ b/Libraries/Utilities/registerGeneratedViewConfig.js
@@ -50,25 +50,25 @@ function registerGeneratedViewConfig(
   const mergedViewConfig = {
     uiViewClassName: componentName,
     Commands: {},
+    /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.122.0 was deployed. To see the error, delete
+     * this comment and run Flow. */
     bubblingEventTypes: {
       ...ReactNativeViewViewConfig.bubblingEventTypes,
-      /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.111 was deployed. To see the error, delete
-       * this comment and run Flow. */
       ...(viewConfig.bubblingEventTypes || {}),
     },
+    /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.122.0 was deployed. To see the error, delete
+     * this comment and run Flow. */
     directEventTypes: {
       ...ReactNativeViewViewConfig.directEventTypes,
-      /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.111 was deployed. To see the error, delete
-       * this comment and run Flow. */
       ...(viewConfig.directEventTypes || {}),
     },
+    /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
+     * error found when Flow v0.122.0 was deployed. To see the error, delete
+     * this comment and run Flow. */
     validAttributes: {
       ...ReactNativeViewViewConfig.validAttributes,
-      /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses an
-       * error found when Flow v0.111 was deployed. To see the error, delete
-       * this comment and run Flow. */
       ...(viewConfig.validAttributes || {}),
     },
   };
diff --git a/Libraries/Utilities/stringifySafe.js b/Libraries/Utilities/stringifySafe.js
index d562a911e976ca..effeedcd2994dc 100644
--- a/Libraries/Utilities/stringifySafe.js
+++ b/Libraries/Utilities/stringifySafe.js
@@ -5,46 +5,117 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
+import invariant from 'invariant';
+
 /**
  * Tries to stringify with JSON.stringify and toString, but catches exceptions
  * (e.g. from circular objects) and always returns a string and never throws.
  */
-function stringifySafe(arg: any): string {
-  let ret;
-  const type = typeof arg;
-  if (arg === undefined) {
-    ret = 'undefined';
-  } else if (arg === null) {
-    ret = 'null';
-  } else if (type === 'string') {
-    ret = '"' + arg + '"';
-  } else if (type === 'function') {
-    try {
-      ret = arg.toString();
-    } catch (e) {
-      ret = '[function unknown]';
+export function createStringifySafeWithLimits(limits: {|
+  maxDepth?: number,
+  maxStringLimit?: number,
+  maxArrayLimit?: number,
+  maxObjectKeysLimit?: number,
+|}): mixed => string {
+  const {
+    maxDepth = Number.POSITIVE_INFINITY,
+    maxStringLimit = Number.POSITIVE_INFINITY,
+    maxArrayLimit = Number.POSITIVE_INFINITY,
+    maxObjectKeysLimit = Number.POSITIVE_INFINITY,
+  } = limits;
+  const stack = [];
+  function replacer(key: string, value: mixed): mixed {
+    while (stack.length && this !== stack[0]) {
+      stack.shift();
+    }
+
+    if (typeof value === 'string') {
+      const truncatedString = '...(truncated)...';
+      if (value.length > maxStringLimit + truncatedString.length) {
+        return value.substring(0, maxStringLimit) + truncatedString;
+      }
+      return value;
+    }
+    if (typeof value !== 'object' || value === null) {
+      return value;
     }
-  } 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.
-    try {
-      ret = JSON.stringify(arg);
-    } catch (e) {
-      if (typeof arg.toString === 'function') {
-        try {
-          ret = arg.toString();
-        } catch (E) {}
+
+    let retval = value;
+    if (Array.isArray(value)) {
+      if (stack.length >= maxDepth) {
+        retval = `[ ... array with ${value.length} values ... ]`;
+      } else if (value.length > maxArrayLimit) {
+        retval = value
+          .slice(0, maxArrayLimit)
+          .concat([
+            `... extra ${value.length - maxArrayLimit} values truncated ...`,
+          ]);
+      }
+    } else {
+      // Add refinement after Array.isArray call.
+      invariant(typeof value === 'object', 'This was already found earlier');
+      let keys = Object.keys(value);
+      if (stack.length >= maxDepth) {
+        retval = `{ ... object with ${keys.length} keys ... }`;
+      } else if (keys.length > maxObjectKeysLimit) {
+        // Return a sample of the keys.
+        retval = {};
+        for (let k of keys.slice(0, maxObjectKeysLimit)) {
+          retval[k] = value[k];
+        }
+        const truncatedKey = '...(truncated keys)...';
+        retval[truncatedKey] = keys.length - maxObjectKeysLimit;
       }
     }
+    stack.unshift(retval);
+    return retval;
   }
-  return ret || '["' + type + '" failed to stringify]';
+
+  return function stringifySafe(arg: mixed): string {
+    if (arg === undefined) {
+      return 'undefined';
+    } else if (arg === null) {
+      return 'null';
+    } else if (typeof arg === 'function') {
+      try {
+        return arg.toString();
+      } catch (e) {
+        return '[function unknown]';
+      }
+    } else if (arg instanceof Error) {
+      return 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.
+      try {
+        const ret = JSON.stringify(arg, replacer);
+        if (ret === undefined) {
+          return '["' + typeof arg + '" failed to stringify]';
+        }
+        return ret;
+      } catch (e) {
+        if (typeof arg.toString === 'function') {
+          try {
+            // $FlowFixMe: toString shouldn't take any arguments in general.
+            return arg.toString();
+          } catch (E) {}
+        }
+      }
+    }
+    return '["' + typeof arg + '" failed to stringify]';
+  };
 }
 
-module.exports = stringifySafe;
+const stringifySafe: mixed => string = createStringifySafeWithLimits({
+  maxDepth: 10,
+  maxStringLimit: 100,
+  maxArrayLimit: 50,
+  maxObjectKeysLimit: 50,
+});
+
+export default stringifySafe;
diff --git a/Libraries/Utilities/useWindowDimensions.js b/Libraries/Utilities/useWindowDimensions.js
index 3de619a5eab877..f298649c943ccc 100644
--- a/Libraries/Utilities/useWindowDimensions.js
+++ b/Libraries/Utilities/useWindowDimensions.js
@@ -15,19 +15,26 @@ import {type DisplayMetrics} from './NativeDeviceInfo';
 import {useEffect, useState} from 'react';
 
 export default function useWindowDimensions(): DisplayMetrics {
-  const [dims, setDims] = useState(() => Dimensions.get('window'));
+  const [dimensions, setDimensions] = useState(() => Dimensions.get('window'));
   useEffect(() => {
     function handleChange({window}) {
-      setDims(window);
+      if (
+        dimensions.width !== window.width ||
+        dimensions.height !== window.height ||
+        dimensions.scale !== window.scale ||
+        dimensions.fontScale !== window.fontScale
+      ) {
+        setDimensions(window);
+      }
     }
     Dimensions.addEventListener('change', handleChange);
     // We might have missed an update between calling `get` in render and
     // `addEventListener` in this handler, so we set it here. If there was
     // no change, React will filter out this update as a no-op.
-    setDims(Dimensions.get('window'));
+    handleChange({window: Dimensions.get('window')});
     return () => {
       Dimensions.removeEventListener('change', handleChange);
     };
-  }, []);
-  return dims;
+  }, [dimensions]);
+  return dimensions;
 }
diff --git a/Libraries/Vibration/RCTVibration.mm b/Libraries/Vibration/RCTVibration.mm
index f78599df385774..2bbf168acd0d9e 100644
--- a/Libraries/Vibration/RCTVibration.mm
+++ b/Libraries/Vibration/RCTVibration.mm
@@ -30,10 +30,12 @@ - (void)vibrate
   [self vibrate];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-  (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeVibrationSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeVibrationSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 RCT_EXPORT_METHOD(vibrateByPattern:(NSArray *)pattern
diff --git a/Libraries/Vibration/React-RCTVibration.podspec b/Libraries/Vibration/React-RCTVibration.podspec
index 92cc50e2770445..4b4bb0512eae0e 100644
--- a/Libraries/Vibration/React-RCTVibration.podspec
+++ b/Libraries/Vibration/React-RCTVibration.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTVibration"
   s.version                = version
   s.summary                = "An API for controlling the vibration hardware of the device."
-  s.homepage               = "http://facebook.github.io/react-native/"
-  s.documentation_url      = "https://facebook.github.io/react-native/docs/vibration"
+  s.homepage               = "https://reactnative.dev/"
+  s.documentation_url      = "https://reactnative.dev/docs/vibration"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "*.{m,mm}"
@@ -43,5 +43,6 @@ Pod::Spec.new do |s|
   s.dependency "RCT-Folly", folly_version
   s.dependency "FBReactNativeSpec", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
   s.dependency "React-Core/RCTVibrationHeaders", version
 end
diff --git a/Libraries/Vibration/Vibration.js b/Libraries/Vibration/Vibration.js
index 6165258ddfffa6..4a2d8444ea702b 100644
--- a/Libraries/Vibration/Vibration.js
+++ b/Libraries/Vibration/Vibration.js
@@ -17,7 +17,7 @@ const Platform = require('../Utilities/Platform');
 /**
  * Vibration API
  *
- * See https://facebook.github.io/react-native/docs/vibration.html
+ * See https://reactnative.dev/docs/vibration.html
  */
 
 let _vibrating: boolean = false;
@@ -68,7 +68,7 @@ const Vibration = {
   /**
    * Trigger a vibration with specified `pattern`.
    *
-   * See https://facebook.github.io/react-native/docs/vibration.html#vibrate
+   * See https://reactnative.dev/docs/vibration.html#vibrate
    */
   vibrate: function(
     pattern: number | Array<number> = _default_vibration_length,
@@ -98,7 +98,7 @@ const Vibration = {
   /**
    * Stop vibration
    *
-   * See https://facebook.github.io/react-native/docs/vibration.html#cancel
+   * See https://reactnative.dev/docs/vibration.html#cancel
    */
   cancel: function() {
     if (Platform.OS === 'ios') {
diff --git a/Libraries/WebSocket/RCTReconnectingWebSocket.m b/Libraries/WebSocket/RCTReconnectingWebSocket.m
index 6c6401ee91f6d2..cd85e9b81ea654 100644
--- a/Libraries/WebSocket/RCTReconnectingWebSocket.m
+++ b/Libraries/WebSocket/RCTReconnectingWebSocket.m
@@ -20,6 +20,7 @@ @interface RCTReconnectingWebSocket () <RCTSRWebSocketDelegate>
 @implementation RCTReconnectingWebSocket {
   NSURL *_url;
   RCTSRWebSocket *_socket;
+  BOOL _stopped;
 }
 
 - (instancetype)initWithURL:(NSURL *)url queue:(dispatch_queue_t)queue
@@ -44,6 +45,7 @@ - (void)send:(id)data
 - (void)start
 {
   [self stop];
+  _stopped = NO;
   _socket = [[RCTSRWebSocket alloc] initWithURL:_url];
   _socket.delegate = self;
   [_socket setDelegateDispatchQueue:_delegateDispatchQueue];
@@ -52,6 +54,7 @@ - (void)start
 
 - (void)stop
 {
+  _stopped = YES;
   _socket.delegate = nil;
   [_socket closeWithCode:1000 reason:@"Invalidated"];
   _socket = nil;
@@ -64,11 +67,17 @@ - (void)webSocket:(RCTSRWebSocket *)webSocket didReceiveMessage:(id)message
 
 - (void)reconnect
 {
+  if (_stopped) {
+   return;
+  }
+
   __weak RCTSRWebSocket *socket = _socket;
+  __weak __typeof(self) weakSelf = self;
+
   dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
-    [self start];
+    [weakSelf start];
     if (!socket) {
-      [self reconnect];
+      [weakSelf reconnect];
     }
   });
 }
diff --git a/Libraries/WebSocket/WebSocket.js b/Libraries/WebSocket/WebSocket.js
index a1679bd50accd1..0b051c48e4cd9b 100644
--- a/Libraries/WebSocket/WebSocket.js
+++ b/Libraries/WebSocket/WebSocket.js
@@ -14,7 +14,6 @@ const Blob = require('../Blob/Blob');
 const BlobManager = require('../Blob/BlobManager');
 const EventTarget = require('event-target-shim');
 const NativeEventEmitter = require('../EventEmitter/NativeEventEmitter');
-const Platform = require('../Utilities/Platform');
 const WebSocketEvent = require('./WebSocketEvent');
 
 const base64 = require('base64-js');
diff --git a/Libraries/YellowBox/Data/YellowBoxCategory.js b/Libraries/YellowBox/Data/YellowBoxCategory.js
deleted file mode 100644
index e4ad9234123b41..00000000000000
--- a/Libraries/YellowBox/Data/YellowBoxCategory.js
+++ /dev/null
@@ -1,155 +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 React = require('react');
-const Text = require('../../Text/Text');
-const UTFSequence = require('../../UTFSequence');
-
-const stringifySafe = require('../../Utilities/stringifySafe');
-
-import type {TextStyleProp} from '../../StyleSheet/StyleSheet';
-
-export type Category = string;
-export type Message = $ReadOnly<{|
-  content: string,
-  substitutions: $ReadOnlyArray<
-    $ReadOnly<{|
-      length: number,
-      offset: number,
-    |}>,
-  >,
-|}>;
-
-const SUBSTITUTION = UTFSequence.BOM + '%s';
-
-const YellowBoxCategory = {
-  parse(
-    args: $ReadOnlyArray<mixed>,
-  ): $ReadOnly<{|
-    category: Category,
-    message: Message,
-  |}> {
-    const categoryParts = [];
-    const contentParts = [];
-    const substitutionOffsets = [];
-
-    const remaining = [...args];
-
-    if (typeof remaining[0] === 'string') {
-      const formatString = String(remaining.shift());
-      const formatStringParts = formatString.split('%s');
-      const substitutionCount = formatStringParts.length - 1;
-      const substitutions = remaining.splice(0, substitutionCount);
-
-      let categoryString = '';
-      let contentString = '';
-
-      let substitutionIndex = 0;
-      for (const formatStringPart of formatStringParts) {
-        categoryString += formatStringPart;
-        contentString += formatStringPart;
-
-        if (substitutionIndex < substitutionCount) {
-          if (substitutionIndex < substitutions.length) {
-            // Don't stringify a string type.
-            // It adds quotation mark wrappers around the string,
-            // which causes the yellow box to look odd.
-            const substitution =
-              typeof substitutions[substitutionIndex] === 'string'
-                ? substitutions[substitutionIndex]
-                : stringifySafe(substitutions[substitutionIndex]);
-            substitutionOffsets.push({
-              length: substitution.length,
-              offset: contentString.length,
-            });
-
-            categoryString += SUBSTITUTION;
-            contentString += substitution;
-          } else {
-            substitutionOffsets.push({
-              length: 2,
-              offset: contentString.length,
-            });
-
-            categoryString += '%s';
-            contentString += '%s';
-          }
-
-          substitutionIndex++;
-        }
-      }
-
-      categoryParts.push(categoryString);
-      contentParts.push(contentString);
-    }
-
-    const remainingArgs = remaining.map(arg => {
-      // Don't stringify a string type.
-      // It adds quotation mark wrappers around the string,
-      // which causes the yellow box to look odd.
-      return typeof arg === 'string' ? arg : stringifySafe(arg);
-    });
-    categoryParts.push(...remainingArgs);
-    contentParts.push(...remainingArgs);
-
-    return {
-      category: categoryParts.join(' '),
-      message: {
-        content: contentParts.join(' '),
-        substitutions: substitutionOffsets,
-      },
-    };
-  },
-
-  render(
-    {content, substitutions}: Message,
-    substitutionStyle: TextStyleProp,
-  ): React.Node {
-    const elements = [];
-
-    const lastOffset = substitutions.reduce(
-      (prevOffset, substitution, index) => {
-        const key = String(index);
-
-        if (substitution.offset > prevOffset) {
-          const prevPart = content.substr(
-            prevOffset,
-            substitution.offset - prevOffset,
-          );
-          elements.push(<Text key={key}>{prevPart}</Text>);
-        }
-
-        const substititionPart = content.substr(
-          substitution.offset,
-          substitution.length,
-        );
-        elements.push(
-          <Text key={key + '.5'} style={substitutionStyle}>
-            {substititionPart}
-          </Text>,
-        );
-
-        return substitution.offset + substitution.length;
-      },
-      0,
-    );
-
-    if (lastOffset < content.length) {
-      const lastPart = content.substr(lastOffset);
-      elements.push(<Text key="-1">{lastPart}</Text>);
-    }
-
-    return elements;
-  },
-};
-
-module.exports = YellowBoxCategory;
diff --git a/Libraries/YellowBox/Data/YellowBoxRegistry.js b/Libraries/YellowBox/Data/YellowBoxRegistry.js
deleted file mode 100644
index d430d3fbed792f..00000000000000
--- a/Libraries/YellowBox/Data/YellowBoxRegistry.js
+++ /dev/null
@@ -1,154 +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 YellowBoxWarning = require('./YellowBoxWarning');
-
-import type {Category, Message} from './YellowBoxCategory';
-import type {Stack} from './YellowBoxSymbolication';
-export type Registry = Map<Category, $ReadOnlyArray<YellowBoxWarning>>;
-
-export type Observer = (registry: Registry) => void;
-
-export type IgnorePattern = string | RegExp;
-
-export type Subscription = $ReadOnly<{|
-  unsubscribe: () => void,
-|}>;
-
-const observers: Set<{observer: Observer, ...}> = new Set();
-const ignorePatterns: Set<IgnorePattern> = new Set();
-const registry: Registry = new Map();
-
-let disabled = false;
-let projection = new Map();
-let updateTimeout = null;
-
-function handleUpdate(): void {
-  projection = new Map();
-  if (!disabled) {
-    for (const [category, warnings] of registry) {
-      const filtered = warnings.filter(
-        warning => !YellowBoxRegistry.isWarningIgnored(warning.message),
-      );
-      if (filtered.length > 0) {
-        projection.set(category, filtered);
-      }
-    }
-  }
-  if (updateTimeout == null) {
-    updateTimeout = setImmediate(() => {
-      updateTimeout = null;
-      for (const {observer} of observers) {
-        observer(projection);
-      }
-    });
-  }
-}
-
-const YellowBoxRegistry = {
-  isWarningIgnored(message: Message): boolean {
-    for (const pattern of ignorePatterns) {
-      if (pattern instanceof RegExp && pattern.test(message.content)) {
-        return true;
-      } else if (
-        typeof pattern === 'string' &&
-        message.content.includes(pattern)
-      ) {
-        return true;
-      }
-    }
-    return false;
-  },
-  add({
-    category,
-    message,
-    stack,
-  }: $ReadOnly<{|
-    category: Category,
-    message: Message,
-    stack: Stack,
-  |}>): void {
-    let warnings = registry.get(category);
-    if (warnings == null) {
-      warnings = [];
-    }
-    warnings = [...warnings, new YellowBoxWarning(message, stack)];
-
-    registry.delete(category);
-    registry.set(category, warnings);
-
-    handleUpdate();
-  },
-
-  delete(category: Category): void {
-    if (registry.has(category)) {
-      registry.delete(category);
-      handleUpdate();
-    }
-  },
-
-  clear(): void {
-    if (registry.size > 0) {
-      registry.clear();
-      handleUpdate();
-    }
-  },
-
-  addIgnorePatterns(patterns: $ReadOnlyArray<IgnorePattern>): void {
-    const newPatterns = patterns.filter((pattern: IgnorePattern) => {
-      if (pattern instanceof RegExp) {
-        for (const existingPattern of ignorePatterns.entries()) {
-          if (
-            existingPattern instanceof RegExp &&
-            existingPattern.toString() === pattern.toString()
-          ) {
-            return false;
-          }
-        }
-        return true;
-      }
-      return !ignorePatterns.has(pattern);
-    });
-    if (newPatterns.length === 0) {
-      return;
-    }
-    for (const pattern of newPatterns) {
-      ignorePatterns.add(pattern);
-    }
-    handleUpdate();
-  },
-
-  setDisabled(value: boolean): void {
-    if (value === disabled) {
-      return;
-    }
-    disabled = value;
-    handleUpdate();
-  },
-
-  isDisabled(): boolean {
-    return disabled;
-  },
-
-  observe(observer: Observer): Subscription {
-    const subscription = {observer};
-    observers.add(subscription);
-    observer(projection);
-    return {
-      unsubscribe(): void {
-        observers.delete(subscription);
-      },
-    };
-  },
-};
-
-module.exports = YellowBoxRegistry;
diff --git a/Libraries/YellowBox/Data/YellowBoxSymbolication.js b/Libraries/YellowBox/Data/YellowBoxSymbolication.js
deleted file mode 100644
index a33c3501e9bbb8..00000000000000
--- a/Libraries/YellowBox/Data/YellowBoxSymbolication.js
+++ /dev/null
@@ -1,89 +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 symbolicateStackTrace = require('../../Core/Devtools/symbolicateStackTrace');
-
-import type {StackFrame} from '../../Core/NativeExceptionsManager';
-import type {SymbolicatedStackTrace} from '../../Core/Devtools/symbolicateStackTrace';
-
-type CacheKey = string;
-
-export type Stack = Array<StackFrame>;
-
-const cache: Map<CacheKey, Promise<Stack>> = new Map();
-
-const YellowBoxSymbolication = {
-  delete(stack: Stack): void {
-    cache.delete(getCacheKey(stack));
-  },
-
-  symbolicate(stack: Stack): Promise<Stack> {
-    const key = getCacheKey(stack);
-
-    let promise = cache.get(key);
-    if (promise == null) {
-      promise = symbolicateStackTrace(stack).then(sanitize);
-      cache.set(key, promise);
-    }
-
-    return promise;
-  },
-};
-
-const getCacheKey = (stack: Stack): CacheKey => {
-  return JSON.stringify(stack);
-};
-
-/**
- * Sanitize because sometimes, `symbolicateStackTrace` gives us invalid values.
- */
-const sanitize = (data: SymbolicatedStackTrace): Stack => {
-  const maybeStack = data?.stack;
-  if (!Array.isArray(maybeStack)) {
-    throw new Error('Expected stack to be an array.');
-  }
-  const stack = [];
-  for (const maybeFrame of maybeStack) {
-    if (typeof maybeFrame !== 'object' || maybeFrame == null) {
-      throw new Error('Expected each stack frame to be an object.');
-    }
-    if (typeof maybeFrame.column !== 'number' && maybeFrame.column != null) {
-      throw new Error('Expected stack frame `column` to be a nullable number.');
-    }
-    if (typeof maybeFrame.file !== 'string') {
-      throw new Error('Expected stack frame `file` to be a string.');
-    }
-    if (typeof maybeFrame.lineNumber !== 'number') {
-      throw new Error('Expected stack frame `lineNumber` to be a number.');
-    }
-    if (typeof maybeFrame.methodName !== 'string') {
-      throw new Error('Expected stack frame `methodName` to be a string.');
-    }
-    let collapse = false;
-    if ('collapse' in maybeFrame) {
-      if (typeof maybeFrame.collapse !== 'boolean') {
-        throw new Error('Expected stack frame `collapse` to be a boolean.');
-      }
-      collapse = maybeFrame.collapse;
-    }
-    stack.push({
-      column: maybeFrame.column,
-      file: maybeFrame.file,
-      lineNumber: maybeFrame.lineNumber,
-      methodName: maybeFrame.methodName,
-      collapse,
-    });
-  }
-  return stack;
-};
-
-module.exports = YellowBoxSymbolication;
diff --git a/Libraries/YellowBox/Data/YellowBoxWarning.js b/Libraries/YellowBox/Data/YellowBoxWarning.js
deleted file mode 100644
index 7b86eb4a1e94c4..00000000000000
--- a/Libraries/YellowBox/Data/YellowBoxWarning.js
+++ /dev/null
@@ -1,126 +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 YellowBoxCategory = require('./YellowBoxCategory');
-const YellowBoxSymbolication = require('./YellowBoxSymbolication');
-
-const parseErrorStack = require('../../Core/Devtools/parseErrorStack');
-
-import type {Category, Message} from './YellowBoxCategory';
-import type {Stack} from './YellowBoxSymbolication';
-
-export type SymbolicationRequest = $ReadOnly<{|
-  abort: () => void,
-|}>;
-
-class YellowBoxWarning {
-  static parse({
-    args,
-  }: $ReadOnly<{|
-    args: $ReadOnlyArray<mixed>,
-  |}>): {|
-    category: Category,
-    message: Message,
-    stack: Stack,
-  |} {
-    let mutableArgs: Array<mixed> = [...args];
-
-    // This detects a very narrow case of a simple warning string,
-    // with a component stack appended by React DevTools.
-    // In this case, we convert the component stack to a substituion,
-    // because YellowBox formats those pleasantly.
-    // If there are other subtituations or formatting,
-    // we bail to avoid potentially corrupting the data.
-    if (mutableArgs.length === 2) {
-      const first = mutableArgs[0];
-      const last = mutableArgs[1];
-      if (
-        typeof first === 'string' &&
-        typeof last === 'string' &&
-        /^\n {4}in/.exec(last)
-      ) {
-        mutableArgs[0] = first + '%s';
-      }
-    }
-
-    return {
-      ...YellowBoxCategory.parse(mutableArgs),
-      // TODO: Use Error.captureStackTrace on Hermes
-      stack: parseErrorStack(new Error()),
-    };
-  }
-
-  message: Message;
-  stack: Stack;
-  symbolicated:
-    | $ReadOnly<{|error: null, stack: null, status: 'NONE'|}>
-    | $ReadOnly<{|error: null, stack: null, status: 'PENDING'|}>
-    | $ReadOnly<{|error: null, stack: Stack, status: 'COMPLETE'|}>
-    | $ReadOnly<{|error: Error, stack: null, status: 'FAILED'|}> = {
-    error: null,
-    stack: null,
-    status: 'NONE',
-  };
-
-  constructor(message: Message, stack: Stack) {
-    this.message = message;
-    this.stack = stack;
-  }
-
-  getAvailableStack(): Stack {
-    return this.symbolicated.status === 'COMPLETE'
-      ? this.symbolicated.stack
-      : this.stack;
-  }
-
-  retrySymbolicate(callback: () => void): SymbolicationRequest {
-    YellowBoxSymbolication.delete(this.stack);
-    return this.symbolicate(callback);
-  }
-
-  symbolicate(callback: () => void): SymbolicationRequest {
-    let aborted = false;
-
-    if (this.symbolicated.status !== 'COMPLETE') {
-      const updateStatus = (error: ?Error, stack: ?Stack): void => {
-        if (error != null) {
-          this.symbolicated = {error, stack: null, status: 'FAILED'};
-        } else if (stack != null) {
-          this.symbolicated = {error: null, stack, status: 'COMPLETE'};
-        } else {
-          this.symbolicated = {error: null, stack: null, status: 'PENDING'};
-        }
-        if (!aborted) {
-          callback();
-        }
-      };
-
-      updateStatus(null, null);
-      YellowBoxSymbolication.symbolicate(this.stack).then(
-        stack => {
-          updateStatus(null, stack);
-        },
-        error => {
-          updateStatus(error, null);
-        },
-      );
-    }
-
-    return {
-      abort(): void {
-        aborted = true;
-      },
-    };
-  }
-}
-
-module.exports = YellowBoxWarning;
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxCategory-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxCategory-test.js
deleted file mode 100644
index 5a325dc92e7c79..00000000000000
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxCategory-test.js
+++ /dev/null
@@ -1,185 +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
- * @flow strict-local
- */
-
-'use strict';
-
-const YellowBoxCategory = require('../YellowBoxCategory');
-
-describe('YellowBoxCategory', () => {
-  it('parses strings', () => {
-    expect(YellowBoxCategory.parse(['A'])).toEqual({
-      category: 'A',
-      message: {
-        content: 'A',
-        substitutions: [],
-      },
-    });
-  });
-
-  it('parses strings with arguments', () => {
-    expect(YellowBoxCategory.parse(['A', 'B', 'C'])).toEqual({
-      category: 'A B C',
-      message: {
-        content: 'A B C',
-        substitutions: [],
-      },
-    });
-  });
-
-  it('parses formatted strings', () => {
-    expect(YellowBoxCategory.parse(['%s', 'A'])).toEqual({
-      category: '\ufeff%s',
-      message: {
-        content: 'A',
-        substitutions: [
-          {
-            length: 1,
-            offset: 0,
-          },
-        ],
-      },
-    });
-  });
-
-  it('parses formatted strings with insufficient arguments', () => {
-    expect(YellowBoxCategory.parse(['%s %s', 'A'])).toEqual({
-      category: '\ufeff%s %s',
-      message: {
-        content: 'A %s',
-        substitutions: [
-          {
-            length: 1,
-            offset: 0,
-          },
-          {
-            length: 2,
-            offset: 2,
-          },
-        ],
-      },
-    });
-  });
-
-  it('parses formatted strings with excess arguments', () => {
-    expect(YellowBoxCategory.parse(['%s', 'A', 'B'])).toEqual({
-      category: '\ufeff%s B',
-      message: {
-        content: 'A B',
-        substitutions: [
-          {
-            length: 1,
-            offset: 0,
-          },
-        ],
-      },
-    });
-  });
-
-  it('treats "%s" in arguments as literals', () => {
-    expect(YellowBoxCategory.parse(['%s', '%s', 'A'])).toEqual({
-      category: '\ufeff%s A',
-      message: {
-        content: '%s A',
-        substitutions: [
-          {
-            length: 2,
-            offset: 0,
-          },
-        ],
-      },
-    });
-  });
-
-  it('renders content with no substitutions', () => {
-    expect(
-      YellowBoxCategory.render(
-        {content: 'A', substitutions: []},
-        {fontWeight: 'bold'},
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('renders a single substitution', () => {
-    expect(
-      YellowBoxCategory.render(
-        {
-          content: 'A',
-          substitutions: [
-            {
-              length: 1,
-              offset: 0,
-            },
-          ],
-        },
-        {fontWeight: 'bold'},
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('renders multiple substitutions', () => {
-    expect(
-      YellowBoxCategory.render(
-        {
-          content: 'A B C',
-          substitutions: [
-            {
-              length: 1,
-              offset: 0,
-            },
-            {
-              length: 1,
-              offset: 2,
-            },
-            {
-              length: 1,
-              offset: 4,
-            },
-          ],
-        },
-        {fontWeight: 'bold'},
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('renders substitutions with leading content', () => {
-    expect(
-      YellowBoxCategory.render(
-        {
-          content: '!A',
-          substitutions: [
-            {
-              length: 1,
-              offset: 1,
-            },
-          ],
-        },
-        {fontWeight: 'bold'},
-      ),
-    ).toMatchSnapshot();
-  });
-
-  it('renders substitutions with trailing content', () => {
-    expect(
-      YellowBoxCategory.render(
-        {
-          content: 'A!',
-          substitutions: [
-            {
-              length: 1,
-              offset: 0,
-            },
-          ],
-        },
-        {fontWeight: 'bold'},
-      ),
-    ).toMatchSnapshot();
-  });
-});
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.js
deleted file mode 100644
index a93f96befd90e4..00000000000000
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxRegistry-test.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.
- *
- * @emails oncall+react_native
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const YellowBoxWarning = require('../YellowBoxWarning');
-const YellowBoxCategory = require('../YellowBoxCategory');
-const YellowBoxRegistry = require('../YellowBoxRegistry');
-
-const registry = () => {
-  const observer = jest.fn();
-  YellowBoxRegistry.observe(observer).unsubscribe();
-  return observer.mock.calls[0][0];
-};
-
-const observe = () => {
-  const observer = jest.fn();
-  return {
-    observer,
-    subscription: YellowBoxRegistry.observe(observer),
-  };
-};
-
-describe('YellowBoxRegistry', () => {
-  beforeEach(() => {
-    jest.resetModules();
-  });
-
-  it('adds and deletes warnings', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    const {category: categoryA} = YellowBoxCategory.parse(['A']);
-
-    expect(registry().size).toBe(1);
-    expect(registry().get(categoryA)).not.toBe(undefined);
-
-    YellowBoxRegistry.delete(categoryA);
-    expect(registry().size).toBe(0);
-    expect(registry().get(categoryA)).toBe(undefined);
-  });
-
-  it('clears all warnings', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['C']}));
-
-    expect(registry().size).toBe(3);
-
-    YellowBoxRegistry.clear();
-    expect(registry().size).toBe(0);
-  });
-
-  it('sorts warnings in chronological order', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['C']}));
-
-    const {category: categoryA} = YellowBoxCategory.parse(['A']);
-    const {category: categoryB} = YellowBoxCategory.parse(['B']);
-    const {category: categoryC} = YellowBoxCategory.parse(['C']);
-
-    expect(Array.from(registry().keys())).toEqual([
-      categoryA,
-      categoryB,
-      categoryC,
-    ]);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-
-    // Expect `A` to be hoisted to the end of the registry.
-    expect(Array.from(registry().keys())).toEqual([
-      categoryB,
-      categoryC,
-      categoryA,
-    ]);
-  });
-
-  it('ignores warnings matching patterns', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A!']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B?']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['C!']}));
-    expect(registry().size).toBe(3);
-
-    YellowBoxRegistry.addIgnorePatterns(['!']);
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.addIgnorePatterns(['?']);
-    expect(registry().size).toBe(0);
-  });
-
-  it('ignores warnings matching regexs or pattern', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['There are 4 dogs']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['There are 3 cats']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['There are H cats']}));
-    expect(registry().size).toBe(3);
-
-    YellowBoxRegistry.addIgnorePatterns(['dogs']);
-    expect(registry().size).toBe(2);
-
-    YellowBoxRegistry.addIgnorePatterns([/There are \d+ cats/]);
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.addIgnorePatterns(['cats']);
-    expect(registry().size).toBe(0);
-  });
-
-  it('ignores all warnings when disabled', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A!']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B?']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['C!']}));
-    expect(registry().size).toBe(3);
-
-    YellowBoxRegistry.setDisabled(true);
-    expect(registry().size).toBe(0);
-
-    YellowBoxRegistry.setDisabled(false);
-    expect(registry().size).toBe(3);
-  });
-
-  it('groups warnings by simple categories', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B']}));
-    expect(registry().size).toBe(2);
-  });
-
-  it('groups warnings by format string categories', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['%s', 'A']}));
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['%s', 'B']}));
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    expect(registry().size).toBe(2);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B']}));
-    expect(registry().size).toBe(3);
-  });
-
-  it('groups warnings with consideration for arguments', () => {
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A', 'B']}));
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A', 'B']}));
-    expect(registry().size).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A', 'C']}));
-    expect(registry().size).toBe(2);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['%s', 'A', 'A']}));
-    expect(registry().size).toBe(3);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['%s', 'B', 'A']}));
-    expect(registry().size).toBe(3);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['%s', 'B', 'B']}));
-    expect(registry().size).toBe(4);
-  });
-
-  it('does not ignore warnings formatted to start with "(ADVICE)"', () => {
-    YellowBoxRegistry.add(
-      YellowBoxWarning.parse({args: ['%s ...', '(ADVICE)']}),
-    );
-    expect(registry().size).toBe(1);
-  });
-
-  it('immediately updates new observers', () => {
-    const {observer} = observe();
-
-    expect(observer.mock.calls.length).toBe(1);
-    expect(observer.mock.calls[0][0]).toBe(registry());
-  });
-
-  it('sends batched updates asynchronously', () => {
-    const {observer} = observe();
-    expect(observer.mock.calls.length).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['B']}));
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(2);
-  });
-
-  it('stops sending updates to unsubscribed observers', () => {
-    const {observer, subscription} = observe();
-    subscription.unsubscribe();
-
-    expect(observer.mock.calls.length).toBe(1);
-    expect(observer.mock.calls[0][0]).toBe(registry());
-  });
-
-  it('updates observers when a warning is added or deleted', () => {
-    const {observer} = observe();
-    expect(observer.mock.calls.length).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(2);
-
-    const {category: categoryA} = YellowBoxCategory.parse(['A']);
-    YellowBoxRegistry.delete(categoryA);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-
-    // Does nothing when category does not exist.
-    YellowBoxRegistry.delete(categoryA);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-  });
-
-  it('updates observers when cleared', () => {
-    const {observer} = observe();
-    expect(observer.mock.calls.length).toBe(1);
-
-    YellowBoxRegistry.add(YellowBoxWarning.parse({args: ['A']}));
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(2);
-
-    YellowBoxRegistry.clear();
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-
-    // Does nothing when already empty.
-    YellowBoxRegistry.clear();
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-  });
-
-  it('updates observers when an ignore pattern is added', () => {
-    const {observer} = observe();
-    expect(observer.mock.calls.length).toBe(1);
-
-    YellowBoxRegistry.addIgnorePatterns(['?']);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(2);
-
-    YellowBoxRegistry.addIgnorePatterns(['!']);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-
-    // Does nothing for an existing ignore pattern.
-    YellowBoxRegistry.addIgnorePatterns(['!']);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-  });
-
-  it('updates observers when disabled or enabled', () => {
-    const {observer} = observe();
-    expect(observer.mock.calls.length).toBe(1);
-
-    YellowBoxRegistry.setDisabled(true);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(2);
-
-    // Does nothing when already disabled.
-    YellowBoxRegistry.setDisabled(true);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(2);
-
-    YellowBoxRegistry.setDisabled(false);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-
-    // Does nothing when already enabled.
-    YellowBoxRegistry.setDisabled(false);
-    jest.runAllImmediates();
-    expect(observer.mock.calls.length).toBe(3);
-  });
-});
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-test.js
deleted file mode 100644
index f125ff380f040a..00000000000000
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxSymbolication-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
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {StackFrame} from '../../../Core/NativeExceptionsManager';
-
-jest.mock('../../../Core/Devtools/symbolicateStackTrace');
-
-const YellowBoxSymbolication = require('../YellowBoxSymbolication');
-
-const symbolicateStackTrace: JestMockFn<
-  $ReadOnlyArray<Array<StackFrame>>,
-  Promise<Array<StackFrame>>,
-> = (require('../../../Core/Devtools/symbolicateStackTrace'): any);
-
-const createStack = methodNames =>
-  methodNames.map(methodName => ({
-    column: null,
-    file: 'file://path/to/file.js',
-    lineNumber: 1,
-    methodName,
-  }));
-
-describe('YellowBoxSymbolication', () => {
-  beforeEach(() => {
-    jest.resetModules();
-    symbolicateStackTrace.mockImplementation(async stack => stack);
-  });
-
-  it('symbolicates different stacks', () => {
-    YellowBoxSymbolication.symbolicate(createStack(['A', 'B', 'C']));
-    YellowBoxSymbolication.symbolicate(createStack(['D', 'E', 'F']));
-
-    expect(symbolicateStackTrace.mock.calls.length).toBe(2);
-  });
-
-  it('batch symbolicates equivalent stacks', () => {
-    YellowBoxSymbolication.symbolicate(createStack(['A', 'B', 'C']));
-    YellowBoxSymbolication.symbolicate(createStack(['A', 'B', 'C']));
-
-    expect(symbolicateStackTrace.mock.calls.length).toBe(1);
-  });
-});
diff --git a/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js b/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
deleted file mode 100644
index 3bbca34dd569e7..00000000000000
--- a/Libraries/YellowBox/Data/__tests__/YellowBoxWarning-test.js
+++ /dev/null
@@ -1,126 +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
- * @flow
- */
-
-'use strict';
-
-import type {StackFrame} from '../../../Core/NativeExceptionsManager';
-
-jest.mock('../YellowBoxSymbolication');
-
-const YellowBoxSymbolication: {|
-  symbolicate: JestMockFn<
-    $ReadOnlyArray<Array<StackFrame>>,
-    Promise<Array<StackFrame>>,
-  >,
-|} = (require('../YellowBoxSymbolication'): any);
-const YellowBoxWarning = require('../YellowBoxWarning');
-
-const createStack = methodNames =>
-  methodNames.map(methodName => ({
-    column: null,
-    file: 'file://path/to/file.js',
-    lineNumber: 1,
-    methodName,
-  }));
-
-describe('YellowBoxWarning', () => {
-  beforeEach(() => {
-    jest.resetModules();
-
-    YellowBoxSymbolication.symbolicate.mockImplementation(async stack =>
-      createStack(stack.map(frame => `S(${frame.methodName})`)),
-    );
-  });
-
-  it('starts without a symbolicated stack', () => {
-    const warning = new YellowBoxWarning(
-      {content: '...', substitutions: []},
-      createStack(['A', 'B', 'C']),
-    );
-
-    expect(warning.symbolicated).toEqual({
-      error: null,
-      stack: null,
-      status: 'NONE',
-    });
-  });
-
-  it('updates when symbolication is in progress', () => {
-    const warning = new YellowBoxWarning(
-      {content: '...', substitutions: []},
-      createStack(['A', 'B', 'C']),
-    );
-    const callback = jest.fn();
-    warning.symbolicate(callback);
-
-    expect(callback.mock.calls.length).toBe(1);
-    expect(warning.symbolicated).toEqual({
-      error: null,
-      stack: null,
-      status: 'PENDING',
-    });
-  });
-
-  it('updates when symbolication finishes', () => {
-    const warning = new YellowBoxWarning(
-      {content: '...', substitutions: []},
-      createStack(['A', 'B', 'C']),
-    );
-    const callback = jest.fn();
-    warning.symbolicate(callback);
-
-    jest.runAllTicks();
-
-    expect(callback.mock.calls.length).toBe(2);
-    expect(warning.symbolicated).toEqual({
-      error: null,
-      stack: createStack(['S(A)', 'S(B)', 'S(C)']),
-      status: 'COMPLETE',
-    });
-  });
-
-  it('updates when symbolication fails', () => {
-    const error = new Error('...');
-    YellowBoxSymbolication.symbolicate.mockImplementation(async stack => {
-      throw error;
-    });
-
-    const warning = new YellowBoxWarning(
-      {content: '...', substitutions: []},
-      createStack(['A', 'B', 'C']),
-    );
-    const callback = jest.fn();
-    warning.symbolicate(callback);
-
-    jest.runAllTicks();
-
-    expect(callback.mock.calls.length).toBe(2);
-    expect(warning.symbolicated).toEqual({
-      error,
-      stack: null,
-      status: 'FAILED',
-    });
-  });
-
-  it('does not update aborted requests', () => {
-    const warning = new YellowBoxWarning(
-      {content: '...', substitutions: []},
-      createStack(['A', 'B', 'C']),
-    );
-    const callback = jest.fn();
-    const request = warning.symbolicate(callback);
-    request.abort();
-
-    jest.runAllTicks();
-
-    expect(callback.mock.calls.length).toBe(1);
-  });
-});
diff --git a/Libraries/YellowBox/Data/__tests__/__snapshots__/YellowBoxCategory-test.js.snap b/Libraries/YellowBox/Data/__tests__/__snapshots__/YellowBoxCategory-test.js.snap
deleted file mode 100644
index b72d36d98181c5..00000000000000
--- a/Libraries/YellowBox/Data/__tests__/__snapshots__/YellowBoxCategory-test.js.snap
+++ /dev/null
@@ -1,95 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`YellowBoxCategory renders a single substitution 1`] = `
-Array [
-  <Text
-    style={
-      Object {
-        "fontWeight": "bold",
-      }
-    }
-  >
-    A
-  </Text>,
-]
-`;
-
-exports[`YellowBoxCategory renders content with no substitutions 1`] = `
-Array [
-  <Text>
-    A
-  </Text>,
-]
-`;
-
-exports[`YellowBoxCategory renders multiple substitutions 1`] = `
-Array [
-  <Text
-    style={
-      Object {
-        "fontWeight": "bold",
-      }
-    }
-  >
-    A
-  </Text>,
-  <Text>
-     
-  </Text>,
-  <Text
-    style={
-      Object {
-        "fontWeight": "bold",
-      }
-    }
-  >
-    B
-  </Text>,
-  <Text>
-     
-  </Text>,
-  <Text
-    style={
-      Object {
-        "fontWeight": "bold",
-      }
-    }
-  >
-    C
-  </Text>,
-]
-`;
-
-exports[`YellowBoxCategory renders substitutions with leading content 1`] = `
-Array [
-  <Text>
-    !
-  </Text>,
-  <Text
-    style={
-      Object {
-        "fontWeight": "bold",
-      }
-    }
-  >
-    A
-  </Text>,
-]
-`;
-
-exports[`YellowBoxCategory renders substitutions with trailing content 1`] = `
-Array [
-  <Text
-    style={
-      Object {
-        "fontWeight": "bold",
-      }
-    }
-  >
-    A
-  </Text>,
-  <Text>
-    !
-  </Text>,
-]
-`;
diff --git a/Libraries/YellowBox/UI/YellowBoxButton.js b/Libraries/YellowBox/UI/YellowBoxButton.js
deleted file mode 100644
index 67885298f6c56c..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxButton.js
+++ /dev/null
@@ -1,53 +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 React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const YellowBoxPressable = require('./YellowBoxPressable');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-
-type Props = $ReadOnly<{|
-  hitSlop?: ?EdgeInsetsProp,
-  label: string,
-  onPress: () => void,
-|}>;
-
-const YellowBoxButton = (props: Props): React.Node => (
-  <YellowBoxPressable
-    hitSlop={props.hitSlop}
-    onPress={props.onPress}
-    style={styles.root}>
-    <Text numberOfLines={1} style={styles.label}>
-      {props.label}
-    </Text>
-  </YellowBoxPressable>
-);
-
-const styles = StyleSheet.create({
-  root: {
-    borderRadius: 14,
-    height: 28,
-    justifyContent: 'center',
-    paddingHorizontal: 12,
-  },
-  label: {
-    color: YellowBoxStyle.getTextColor(1),
-    fontSize: 12,
-    includeFontPadding: false,
-    lineHeight: 16,
-  },
-});
-
-module.exports = YellowBoxButton;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspector.js b/Libraries/YellowBox/UI/YellowBoxInspector.js
deleted file mode 100644
index d70134612d52a6..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxInspector.js
+++ /dev/null
@@ -1,213 +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 Platform = require('../../Utilities/Platform');
-const React = require('react');
-const ScrollView = require('../../Components/ScrollView/ScrollView');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const View = require('../../Components/View/View');
-const YellowBoxCategory = require('../Data/YellowBoxCategory');
-const YellowBoxInspectorFooter = require('./YellowBoxInspectorFooter');
-const YellowBoxInspectorHeader = require('./YellowBoxInspectorHeader');
-const YellowBoxInspectorSourceMapStatus = require('./YellowBoxInspectorSourceMapStatus');
-const YellowBoxInspectorStackFrame = require('./YellowBoxInspectorStackFrame');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-const openFileInEditor = require('../../Core/Devtools/openFileInEditor');
-
-import type YellowBoxWarning from '../Data/YellowBoxWarning';
-import type {SymbolicationRequest} from '../Data/YellowBoxWarning';
-
-type Props = $ReadOnly<{|
-  onDismiss: () => void,
-  onMinimize: () => void,
-  warnings: $ReadOnlyArray<YellowBoxWarning>,
-|}>;
-
-type State = {|
-  selectedIndex: number,
-|};
-
-class YellowBoxInspector extends React.Component<Props, State> {
-  _symbolication: ?SymbolicationRequest;
-
-  state: State = {
-    selectedIndex: 0,
-  };
-
-  render(): React.Node {
-    const {warnings} = this.props;
-    const {selectedIndex} = this.state;
-
-    const warning = warnings[selectedIndex];
-
-    return (
-      <View style={styles.root}>
-        <YellowBoxInspectorHeader
-          onSelectIndex={this._handleSelectIndex}
-          selectedIndex={selectedIndex}
-          warnings={warnings}
-        />
-        <ScrollView
-          contentContainerStyle={styles.bodyContent}
-          key={selectedIndex}
-          style={styles.body}>
-          <View>
-            <View style={styles.bodyHeading}>
-              <Text style={styles.bodyHeadingText}>Warning</Text>
-            </View>
-            <Text style={styles.bodyText}>
-              {YellowBoxCategory.render(
-                warning.message,
-                styles.substitutionText,
-              )}
-            </Text>
-          </View>
-          <View style={styles.bodySection}>
-            <View style={styles.bodyHeading}>
-              <Text style={styles.bodyHeadingText}>Stack</Text>
-              <YellowBoxInspectorSourceMapStatus
-                onPress={
-                  warning.symbolicated.status === 'FAILED'
-                    ? this._handleRetrySymbolication
-                    : null
-                }
-                status={warning.symbolicated.status}
-              />
-            </View>
-            {warning.getAvailableStack().map((frame, index) => {
-              const {file, lineNumber, collapse = false} = frame;
-              if (collapse) {
-                return null;
-              }
-              return (
-                <YellowBoxInspectorStackFrame
-                  key={index}
-                  frame={frame}
-                  onPress={
-                    warning.symbolicated.status === 'COMPLETE' &&
-                    file != null &&
-                    lineNumber != null
-                      ? () => {
-                          openFileInEditor(file, lineNumber);
-                        }
-                      : null
-                  }
-                />
-              );
-            })}
-          </View>
-        </ScrollView>
-        <YellowBoxInspectorFooter
-          onDismiss={this.props.onDismiss}
-          onMinimize={this.props.onMinimize}
-        />
-      </View>
-    );
-  }
-
-  componentDidMount(): void {
-    this._handleSymbolication();
-  }
-
-  componentDidUpdate(prevProps: Props, prevState: State): void {
-    if (
-      prevProps.warnings !== this.props.warnings ||
-      prevState.selectedIndex !== this.state.selectedIndex
-    ) {
-      this._cancelSymbolication();
-      this._handleSymbolication();
-    }
-  }
-
-  componentWillUnmount(): void {
-    this._cancelSymbolication();
-  }
-
-  _handleRetrySymbolication = () => {
-    this._cancelSymbolication();
-    this.forceUpdate(() => {
-      const warning = this.props.warnings[this.state.selectedIndex];
-      this._symbolication = warning.retrySymbolicate(() => {
-        this.forceUpdate();
-      });
-    });
-  };
-
-  _handleSymbolication(): void {
-    const warning = this.props.warnings[this.state.selectedIndex];
-    if (warning.symbolicated.status !== 'COMPLETE') {
-      this._symbolication = warning.symbolicate(() => {
-        this.forceUpdate();
-      });
-    }
-  }
-
-  _cancelSymbolication(): void {
-    if (this._symbolication != null) {
-      this._symbolication.abort();
-      this._symbolication = null;
-    }
-  }
-
-  _handleSelectIndex = (selectedIndex: number): void => {
-    this.setState({selectedIndex});
-  };
-}
-
-const styles = StyleSheet.create({
-  root: {
-    elevation: Platform.OS === 'android' ? Number.MAX_SAFE_INTEGER : undefined,
-    height: '100%',
-  },
-  body: {
-    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
-    borderBottomColor: YellowBoxStyle.getDividerColor(0.95),
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderTopColor: YellowBoxStyle.getDividerColor(0.95),
-    borderTopWidth: StyleSheet.hairlineWidth,
-    flex: 1,
-  },
-  bodyContent: {
-    paddingVertical: 12,
-  },
-  bodyHeading: {
-    alignItems: 'center',
-    flexDirection: 'row',
-    marginBottom: 6,
-    paddingHorizontal: 12,
-  },
-  bodyHeadingText: {
-    color: YellowBoxStyle.getTextColor(1),
-    flex: 1,
-    fontSize: 20,
-    fontWeight: '600',
-    includeFontPadding: false,
-    lineHeight: 28,
-  },
-  bodyText: {
-    color: YellowBoxStyle.getTextColor(1),
-    fontSize: 14,
-    includeFontPadding: false,
-    lineHeight: 18,
-    paddingHorizontal: 12,
-  },
-  substitutionText: {
-    color: YellowBoxStyle.getTextColor(0.6),
-  },
-  bodySection: {
-    marginTop: 20,
-  },
-});
-
-module.exports = YellowBoxInspector;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorFooter.js b/Libraries/YellowBox/UI/YellowBoxInspectorFooter.js
deleted file mode 100644
index 5dda52a848f99a..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxInspectorFooter.js
+++ /dev/null
@@ -1,76 +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 React = require('react');
-const SafeAreaView = require('../../Components/SafeAreaView/SafeAreaView');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const View = require('../../Components/View/View');
-const YellowBoxPressable = require('./YellowBoxPressable');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-type Props = $ReadOnly<{|
-  onDismiss: () => void,
-  onMinimize: () => void,
-|}>;
-
-const YellowBoxInspectorFooter = (props: Props): React.Node => (
-  <View style={styles.root}>
-    <YellowBoxPressable
-      backgroundColor={{
-        default: 'transparent',
-        pressed: YellowBoxStyle.getHighlightColor(1),
-      }}
-      onPress={props.onMinimize}
-      style={styles.button}>
-      <View style={styles.content}>
-        <Text style={styles.label}>Minimize</Text>
-      </View>
-      <SafeAreaView />
-    </YellowBoxPressable>
-    <YellowBoxPressable
-      backgroundColor={{
-        default: 'transparent',
-        pressed: YellowBoxStyle.getHighlightColor(1),
-      }}
-      onPress={props.onDismiss}
-      style={styles.button}>
-      <View style={styles.content}>
-        <Text style={styles.label}>Dismiss</Text>
-      </View>
-      <SafeAreaView />
-    </YellowBoxPressable>
-  </View>
-);
-
-const styles = StyleSheet.create({
-  root: {
-    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
-    flexDirection: 'row',
-  },
-  button: {
-    flex: 1,
-  },
-  content: {
-    alignItems: 'center',
-    height: 48,
-    justifyContent: 'center',
-  },
-  label: {
-    color: YellowBoxStyle.getTextColor(1),
-    fontSize: 14,
-    includeFontPadding: false,
-    lineHeight: 18,
-  },
-});
-
-module.exports = YellowBoxInspectorFooter;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js b/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js
deleted file mode 100644
index b415481e30c976..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxInspectorHeader.js
+++ /dev/null
@@ -1,116 +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 Image = require('../../Image/Image');
-const Platform = require('../../Utilities/Platform');
-const React = require('react');
-const SafeAreaView = require('../../Components/SafeAreaView/SafeAreaView');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const View = require('../../Components/View/View');
-const YellowBoxPressable = require('./YellowBoxPressable');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-import type YellowBoxWarning from '../Data/YellowBoxWarning';
-
-type Props = $ReadOnly<{|
-  onSelectIndex: (selectedIndex: number) => void,
-  selectedIndex: number,
-  warnings: $ReadOnlyArray<YellowBoxWarning>,
-|}>;
-
-const YellowBoxInspectorHeader = (props: Props): React.Node => {
-  const prevIndex = props.selectedIndex - 1;
-  const nextIndex = props.selectedIndex + 1;
-
-  const titleText =
-    props.warnings.length === 1
-      ? 'Single Occurrence'
-      : `Occurrence ${props.selectedIndex + 1} of ${props.warnings.length}`;
-
-  return (
-    <SafeAreaView style={styles.root}>
-      <View style={styles.header}>
-        <YellowBoxInspectorHeaderButton
-          disabled={props.warnings[prevIndex] == null}
-          image={require('../../LogBox/UI/LogBoxImages/chevron-left.png')}
-          onPress={() => props.onSelectIndex(prevIndex)}
-        />
-        <View style={styles.headerTitle}>
-          <Text style={styles.headerTitleText}>{titleText}</Text>
-        </View>
-        <YellowBoxInspectorHeaderButton
-          disabled={props.warnings[nextIndex] == null}
-          image={require('../../LogBox/UI/LogBoxImages/chevron-right.png')}
-          onPress={() => props.onSelectIndex(nextIndex)}
-        />
-      </View>
-    </SafeAreaView>
-  );
-};
-
-const YellowBoxInspectorHeaderButton = (
-  props: $ReadOnly<{|
-    disabled: boolean,
-    image: number,
-    onPress?: ?() => void,
-  |}>,
-): React.Node => (
-  <YellowBoxPressable
-    backgroundColor={{
-      default: 'transparent',
-      pressed: YellowBoxStyle.getHighlightColor(1),
-    }}
-    onPress={props.disabled ? null : props.onPress}
-    style={styles.headerButton}>
-    {props.disabled ? null : (
-      <Image source={props.image} style={styles.headerButtonImage} />
-    )}
-  </YellowBoxPressable>
-);
-
-const styles = StyleSheet.create({
-  root: {
-    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
-  },
-  header: {
-    flexDirection: 'row',
-    height: Platform.select({
-      android: 48,
-      ios: 44,
-    }),
-  },
-  headerButton: {
-    alignItems: 'center',
-    aspectRatio: 1,
-    justifyContent: 'center',
-  },
-  headerButtonImage: {
-    height: 14,
-    width: 8,
-    tintColor: YellowBoxStyle.getTextColor(1),
-  },
-  headerTitle: {
-    alignItems: 'center',
-    flex: 1,
-    justifyContent: 'center',
-  },
-  headerTitleText: {
-    color: YellowBoxStyle.getTextColor(1),
-    fontSize: 16,
-    fontWeight: '600',
-    includeFontPadding: false,
-    lineHeight: 20,
-  },
-});
-
-module.exports = YellowBoxInspectorHeader;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js b/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
deleted file mode 100644
index 2da3efbe784199..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxInspectorSourceMapStatus.js
+++ /dev/null
@@ -1,155 +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 Animated = require('../../Animated/src/Animated');
-const Easing = require('../../Animated/src/Easing');
-const React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const YellowBoxPressable = require('./YellowBoxPressable');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-import type {CompositeAnimation} from '../../Animated/src/AnimatedImplementation';
-import type AnimatedInterpolation from '../../Animated/src/nodes/AnimatedInterpolation';
-import type {PressEvent} from '../../Types/CoreEventTypes';
-
-type Props = $ReadOnly<{|
-  onPress?: ?(event: PressEvent) => void,
-  status: 'COMPLETE' | 'FAILED' | 'NONE' | 'PENDING',
-|}>;
-
-type State = {|
-  animation: ?CompositeAnimation,
-  rotate: ?AnimatedInterpolation,
-|};
-
-class YellowBoxInspectorSourceMapStatus extends React.Component<Props, State> {
-  state: State = {
-    animation: null,
-    rotate: null,
-  };
-
-  render(): React.Node {
-    let image;
-
-    switch (this.props.status) {
-      case 'FAILED':
-        image = require('../../LogBox/UI/LogBoxImages/alert-triangle.png');
-        break;
-      case 'PENDING':
-        image = require('../../LogBox/UI/LogBoxImages/loader.png');
-        break;
-    }
-
-    return image == null ? null : (
-      <YellowBoxPressable
-        backgroundColor={{
-          default: YellowBoxStyle.getTextColor(0.8),
-          pressed: YellowBoxStyle.getTextColor(0.6),
-        }}
-        hitSlop={{bottom: 8, left: 8, right: 8, top: 8}}
-        onPress={this.props.onPress}
-        style={StyleSheet.compose(
-          styles.root,
-          this.props.status === 'PENDING' ? styles.pending : null,
-        )}>
-        <Animated.Image
-          source={image}
-          style={StyleSheet.compose(
-            styles.image,
-            this.state.rotate == null
-              ? null
-              : {transform: [{rotate: this.state.rotate}]},
-          )}
-        />
-        <Text style={styles.text}>Source Map</Text>
-      </YellowBoxPressable>
-    );
-  }
-
-  componentDidMount(): void {
-    this._updateAnimation();
-  }
-
-  componentDidUpdate(): void {
-    this._updateAnimation();
-  }
-
-  componentWillUnmount(): void {
-    if (this.state.animation != null) {
-      this.state.animation.stop();
-    }
-  }
-
-  _updateAnimation(): void {
-    if (this.props.status === 'PENDING') {
-      if (this.state.animation == null) {
-        const animated = new Animated.Value(0);
-        const animation = Animated.loop(
-          Animated.timing(animated, {
-            duration: 2000,
-            easing: Easing.linear,
-            toValue: 1,
-            useNativeDriver: true,
-          }),
-        );
-        this.setState(
-          {
-            animation,
-            rotate: animated.interpolate({
-              inputRange: [0, 1],
-              outputRange: ['0deg', '360deg'],
-            }),
-          },
-          () => {
-            animation.start();
-          },
-        );
-      }
-    } else {
-      if (this.state.animation != null) {
-        this.state.animation.stop();
-        this.setState({
-          animation: null,
-          rotate: null,
-        });
-      }
-    }
-  }
-}
-
-const styles = StyleSheet.create({
-  root: {
-    alignItems: 'center',
-    borderRadius: 12,
-    flexDirection: 'row',
-    height: 24,
-    paddingHorizontal: 8,
-  },
-  pending: {
-    backgroundColor: YellowBoxStyle.getTextColor(0.6),
-  },
-  image: {
-    height: 14,
-    width: 16,
-    marginEnd: 4,
-    tintColor: YellowBoxStyle.getBackgroundColor(1),
-  },
-  text: {
-    color: YellowBoxStyle.getBackgroundColor(1),
-    fontSize: 12,
-    includeFontPadding: false,
-    lineHeight: 16,
-  },
-});
-
-module.exports = YellowBoxInspectorSourceMapStatus;
diff --git a/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js b/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.js
deleted file mode 100644
index 01c6f03c5aa7df..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxInspectorStackFrame.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.
- *
- * @flow strict-local
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const YellowBoxPressable = require('./YellowBoxPressable');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-import type {PressEvent} from '../../Types/CoreEventTypes';
-import type {StackFrame} from '../../Core/NativeExceptionsManager';
-
-type Props = $ReadOnly<{|
-  frame: StackFrame,
-  onPress?: ?(event: PressEvent) => void,
-|}>;
-
-const YellowBoxInspectorStackFrame = (props: Props): React.Node => {
-  const {frame, onPress} = props;
-
-  return (
-    <YellowBoxPressable
-      backgroundColor={{
-        default: YellowBoxStyle.getBackgroundColor(0),
-        pressed: YellowBoxStyle.getHighlightColor(1),
-      }}
-      onPress={onPress}
-      style={styles.frame}>
-      <Text style={styles.frameName}>{frame.methodName}</Text>
-      <Text
-        ellipsizeMode="middle"
-        numberOfLines={1}
-        style={styles.frameLocation}>
-        {formatFrameLocation(frame)}
-      </Text>
-    </YellowBoxPressable>
-  );
-};
-
-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 ? file : file.substr(0, queryIndex);
-  let location = path.substr(path.lastIndexOf('/') + 1) + query;
-
-  if (lineNumber == null) {
-    return location;
-  }
-
-  location = location + ':' + lineNumber;
-
-  if (column == null) {
-    return location;
-  }
-
-  return location + ':' + column;
-};
-
-const styles = StyleSheet.create({
-  frame: {
-    paddingHorizontal: 12,
-    paddingVertical: 4,
-  },
-  frameName: {
-    color: YellowBoxStyle.getTextColor(1),
-    fontSize: 14,
-    includeFontPadding: false,
-    lineHeight: 18,
-  },
-  frameLocation: {
-    color: YellowBoxStyle.getTextColor(0.7),
-    fontSize: 12,
-    fontWeight: '300',
-    includeFontPadding: false,
-    lineHeight: 16,
-  },
-});
-
-module.exports = YellowBoxInspectorStackFrame;
diff --git a/Libraries/YellowBox/UI/YellowBoxList.js b/Libraries/YellowBox/UI/YellowBoxList.js
deleted file mode 100644
index c7fa200d1d7052..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxList.js
+++ /dev/null
@@ -1,142 +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 Dimensions = require('../../Utilities/Dimensions');
-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');
-const YellowBoxButton = require('./YellowBoxButton');
-const YellowBoxInspector = require('./YellowBoxInspector');
-const YellowBoxListRow = require('./YellowBoxListRow');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-import type {Category} from '../Data/YellowBoxCategory';
-import type {Registry} from '../Data/YellowBoxRegistry';
-
-type Props = $ReadOnly<{|
-  onDismiss: (category: Category) => void,
-  onDismissAll: () => void,
-  registry: Registry,
-|}>;
-
-type State = {|
-  selectedCategory: ?Category,
-|};
-
-const VIEWPORT_RATIO = 0.5;
-const MAX_ITEMS = Math.floor(
-  (Dimensions.get('window').height * VIEWPORT_RATIO) /
-    (YellowBoxListRow.GUTTER + YellowBoxListRow.HEIGHT),
-);
-
-class YellowBoxList extends React.Component<Props, State> {
-  state: State = {
-    selectedCategory: null,
-  };
-
-  render(): React.Node {
-    const selectedWarnings =
-      this.state.selectedCategory == null
-        ? null
-        : this.props.registry.get(this.state.selectedCategory);
-
-    if (selectedWarnings != null) {
-      return (
-        <View style={StyleSheet.absoluteFill}>
-          <YellowBoxInspector
-            onDismiss={this._handleInspectorDismiss}
-            onMinimize={this._handleInspectorMinimize}
-            warnings={selectedWarnings}
-          />
-        </View>
-      );
-    }
-
-    const items = [];
-    for (const [category, warnings] of this.props.registry) {
-      items.unshift({category, warnings});
-    }
-
-    const listStyle = {
-      height:
-        // Additional `0.5` so the (N + 1)th row can peek into view.
-        Math.min(items.length, MAX_ITEMS + 0.5) *
-        (YellowBoxListRow.GUTTER + YellowBoxListRow.HEIGHT),
-    };
-
-    return items.length === 0 ? null : (
-      <View style={styles.list}>
-        <View pointerEvents="box-none" style={styles.dismissAll}>
-          <YellowBoxButton
-            hitSlop={{bottom: 4, left: 4, right: 4, top: 4}}
-            label="Dismiss All"
-            onPress={this.props.onDismissAll}
-          />
-        </View>
-        <FlatList
-          data={items}
-          keyExtractor={item => item.category}
-          renderItem={({item}) => (
-            <YellowBoxListRow {...item} onPress={this._handleRowPress} />
-          )}
-          scrollEnabled={items.length > MAX_ITEMS}
-          scrollsToTop={false}
-          style={listStyle}
-        />
-        <SafeAreaView style={styles.safeArea} />
-      </View>
-    );
-  }
-
-  _handleInspectorDismiss = () => {
-    const category = this.state.selectedCategory;
-    if (category == null) {
-      return;
-    }
-    this.setState({selectedCategory: null}, () => {
-      this.props.onDismiss(category);
-    });
-  };
-
-  _handleInspectorMinimize = () => {
-    this.setState({selectedCategory: null});
-  };
-
-  _handleRowPress = (category: Category) => {
-    this.setState({selectedCategory: category});
-  };
-}
-
-const styles = StyleSheet.create({
-  list: {
-    bottom: 0,
-    position: 'absolute',
-    width: '100%',
-  },
-  dismissAll: {
-    bottom: '100%',
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    paddingBottom: 4,
-    paddingEnd: 4,
-    position: 'absolute',
-    width: '100%',
-  },
-  safeArea: {
-    backgroundColor: YellowBoxStyle.getBackgroundColor(0.95),
-    marginTop: StyleSheet.hairlineWidth,
-  },
-});
-
-module.exports = YellowBoxList;
diff --git a/Libraries/YellowBox/UI/YellowBoxListRow.js b/Libraries/YellowBox/UI/YellowBoxListRow.js
deleted file mode 100644
index 367a40e9c6835d..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxListRow.js
+++ /dev/null
@@ -1,100 +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 React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const Text = require('../../Text/Text');
-const View = require('../../Components/View/View');
-const YellowBoxCategory = require('../Data/YellowBoxCategory');
-const YellowBoxPressable = require('./YellowBoxPressable');
-const YellowBoxStyle = require('./YellowBoxStyle');
-const YellowBoxWarning = require('../Data/YellowBoxWarning');
-
-import type {Category} from '../Data/YellowBoxCategory';
-
-type Props = $ReadOnly<{|
-  category: Category,
-  warnings: $ReadOnlyArray<YellowBoxWarning>,
-  onPress: (category: Category) => void,
-|}>;
-
-class YellowBoxListRow extends React.Component<Props> {
-  static GUTTER: number = StyleSheet.hairlineWidth;
-  static HEIGHT: number = 48;
-
-  shouldComponentUpdate(nextProps: Props): boolean {
-    const prevProps = this.props;
-    return (
-      prevProps.category !== nextProps.category ||
-      prevProps.onPress !== nextProps.onPress ||
-      prevProps.warnings.length !== nextProps.warnings.length ||
-      prevProps.warnings.some(
-        (prevWarning, index) => prevWarning !== nextProps.warnings[index],
-      )
-    );
-  }
-
-  render(): React.Node {
-    const {warnings} = this.props;
-
-    return (
-      <YellowBoxPressable onPress={this._handlePress} style={styles.root}>
-        <View style={styles.content}>
-          {warnings.length < 2 ? null : (
-            <Text style={styles.metaText}>{'(' + warnings.length + ') '}</Text>
-          )}
-          <Text numberOfLines={2} style={styles.bodyText}>
-            {YellowBoxCategory.render(
-              warnings[warnings.length - 1].message,
-              styles.substitutionText,
-            )}
-          </Text>
-        </View>
-      </YellowBoxPressable>
-    );
-  }
-
-  _handlePress = () => {
-    this.props.onPress(this.props.category);
-  };
-}
-
-const styles = StyleSheet.create({
-  root: {
-    height: YellowBoxListRow.HEIGHT,
-    justifyContent: 'center',
-    marginTop: YellowBoxListRow.GUTTER,
-    paddingHorizontal: 12,
-  },
-  content: {
-    alignItems: 'flex-start',
-    flexDirection: 'row',
-  },
-  bodyText: {
-    color: YellowBoxStyle.getTextColor(1),
-    flex: 1,
-    fontSize: 14,
-    includeFontPadding: false,
-    lineHeight: 18,
-  },
-  metaText: {
-    color: YellowBoxStyle.getTextColor(0.5),
-    fontSize: 14,
-    includeFontPadding: false,
-    lineHeight: 18,
-  },
-  substitutionText: {
-    color: YellowBoxStyle.getTextColor(0.6),
-  },
-});
-
-module.exports = YellowBoxListRow;
diff --git a/Libraries/YellowBox/UI/YellowBoxPressable.js b/Libraries/YellowBox/UI/YellowBoxPressable.js
deleted file mode 100644
index 766ed2600dd94d..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxPressable.js
+++ /dev/null
@@ -1,88 +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 React = require('react');
-const StyleSheet = require('../../StyleSheet/StyleSheet');
-const TouchableWithoutFeedback = require('../../Components/Touchable/TouchableWithoutFeedback');
-const View = require('../../Components/View/View');
-const YellowBoxStyle = require('./YellowBoxStyle');
-
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-import type {ViewStyleProp} from '../../StyleSheet/StyleSheet';
-import type {PressEvent} from '../../Types/CoreEventTypes';
-
-type Props = $ReadOnly<{|
-  backgroundColor: $ReadOnly<{|
-    default: string,
-    pressed: string,
-  |}>,
-  children?: React.Node,
-  hitSlop?: ?EdgeInsetsProp,
-  onPress?: ?(event: PressEvent) => void,
-  style?: ViewStyleProp,
-|}>;
-
-type State = {|
-  pressed: boolean,
-|};
-
-class YellowBoxPressable extends React.Component<Props, State> {
-  static defaultProps: {|
-    backgroundColor: {|default: string, pressed: string|},
-  |} = {
-    backgroundColor: {
-      default: YellowBoxStyle.getBackgroundColor(0.95),
-      pressed: YellowBoxStyle.getHighlightColor(1),
-    },
-  };
-
-  state: State = {
-    pressed: false,
-  };
-
-  render(): React.Node {
-    const content = (
-      <View
-        style={StyleSheet.compose(
-          {
-            backgroundColor: this.state.pressed
-              ? this.props.backgroundColor.pressed
-              : this.props.backgroundColor.default,
-          },
-          this.props.style,
-        )}>
-        {this.props.children}
-      </View>
-    );
-    return this.props.onPress == null ? (
-      content
-    ) : (
-      <TouchableWithoutFeedback
-        hitSlop={this.props.hitSlop}
-        onPress={this.props.onPress}
-        onPressIn={this._handlePressIn}
-        onPressOut={this._handlePressOut}>
-        {content}
-      </TouchableWithoutFeedback>
-    );
-  }
-
-  _handlePressIn = () => {
-    this.setState({pressed: true});
-  };
-
-  _handlePressOut = () => {
-    this.setState({pressed: false});
-  };
-}
-
-module.exports = YellowBoxPressable;
diff --git a/Libraries/YellowBox/UI/YellowBoxStyle.js b/Libraries/YellowBox/UI/YellowBoxStyle.js
deleted file mode 100644
index d984514abd7000..00000000000000
--- a/Libraries/YellowBox/UI/YellowBoxStyle.js
+++ /dev/null
@@ -1,31 +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 YellowBoxStyle = {
-  getBackgroundColor(opacity: number): string {
-    return `rgba(250, 186, 48, ${opacity})`;
-  },
-
-  getDividerColor(opacity: number): string {
-    return `rgba(255, 255, 255, ${opacity})`;
-  },
-
-  getHighlightColor(opacity: number): string {
-    return `rgba(252, 176, 29, ${opacity})`;
-  },
-
-  getTextColor(opacity: number): string {
-    return `rgba(255, 255, 255, ${opacity})`;
-  },
-};
-
-module.exports = YellowBoxStyle;
diff --git a/Libraries/YellowBox/YellowBox.js b/Libraries/YellowBox/YellowBox.js
deleted file mode 100644
index c77aba67d79fd1..00000000000000
--- a/Libraries/YellowBox/YellowBox.js
+++ /dev/null
@@ -1,234 +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');
-
-import type {Registry, IgnorePattern} from './Data/YellowBoxRegistry';
-import YellowBoxWarning from './Data/YellowBoxWarning';
-
-import * as LogBoxData from '../LogBox/Data/LogBoxData';
-import NativeLogBox from '../NativeModules/specs/NativeLogBox';
-
-type Props = $ReadOnly<{||}>;
-type State = {|
-  registry: ?Registry,
-|};
-
-let YellowBox;
-
-/**
- * YellowBox displays warnings at the bottom of the screen.
- *
- * Warnings help guard against subtle yet significant issues that can impact the
- * quality of the app. This "in your face" style of warning allows developers to
- * notice and correct these issues as quickly as possible.
- *
- * YellowBox is only enabled in `__DEV__`. Set the following flag to disable it:
- *
- *   console.disableYellowBox = true;
- *
- * Ignore specific warnings by calling:
- *
- *   YellowBox.ignoreWarnings(['Warning: ...']);
- *
- * Strings supplied to `YellowBox.ignoreWarnings` only need to be a substring of
- * the ignored warning messages.
- */
-if (__DEV__) {
-  const Platform = require('../Utilities/Platform');
-  const RCTLog = require('../Utilities/RCTLog');
-  const YellowBoxContainer = require('./YellowBoxContainer').default;
-  const LogBox = require('../LogBox/LogBox');
-  const YellowBoxRegistry = require('./Data/YellowBoxRegistry');
-  const LogBoxNotificationContainer = require('../LogBox/LogBoxNotificationContainer')
-    .default;
-
-  // YellowBox needs to insert itself early,
-  // in order to access the component stacks appended by React DevTools.
-  const {error, warn} = console;
-  let errorImpl = error;
-  let warnImpl = warn;
-  let _isLogBoxEnabled = false;
-  let _isInstalled = false;
-  (console: any).error = function(...args) {
-    errorImpl(...args);
-  };
-  (console: any).warn = function(...args) {
-    warnImpl(...args);
-  };
-
-  // eslint-disable-next-line no-shadow
-  YellowBox = class YellowBox extends React.Component<Props, State> {
-    static ignoreWarnings(patterns: $ReadOnlyArray<IgnorePattern>): void {
-      LogBoxData.addIgnorePatterns(patterns);
-      YellowBoxRegistry.addIgnorePatterns(patterns);
-    }
-
-    static install(): void {
-      if (_isLogBoxEnabled) {
-        LogBox.install();
-        return;
-      }
-      _isInstalled = true;
-
-      errorImpl = function(...args) {
-        registerError(...args);
-      };
-
-      warnImpl = function(...args) {
-        registerWarning(...args);
-      };
-
-      if ((console: any).disableYellowBox === true) {
-        YellowBoxRegistry.setDisabled(true);
-      }
-      (Object.defineProperty: any)(console, 'disableYellowBox', {
-        configurable: true,
-        get: () => YellowBoxRegistry.isDisabled(),
-        set: value => YellowBoxRegistry.setDisabled(value),
-      });
-
-      if (Platform.isTesting) {
-        (console: any).disableYellowBox = true;
-      }
-
-      RCTLog.setWarningHandler((...args) => {
-        registerWarning(...args);
-      });
-    }
-
-    static uninstall(): void {
-      if (_isLogBoxEnabled) {
-        LogBox.uninstall();
-        return;
-      }
-      _isInstalled = false;
-      errorImpl = error;
-      warnImpl = warn;
-      delete (console: any).disableYellowBox;
-    }
-
-    static __unstable_enableLogBox(): void {
-      if (NativeLogBox == null) {
-        // The native module is required to enable LogBox.
-        return;
-      }
-
-      if (_isInstalled) {
-        throw new Error(
-          'LogBox must be enabled before AppContainer is required so that it can properly wrap the console methods.\n\nPlease enable LogBox earlier in your app.\n\n',
-        );
-      }
-      _isLogBoxEnabled = true;
-
-      // TODO: Temporary hack to prevent cycles with the ExceptionManager.
-      global.__unstable_isLogBoxEnabled = true;
-    }
-
-    static __unstable_isLogBoxEnabled(): boolean {
-      return !!_isLogBoxEnabled;
-    }
-
-    render(): React.Node {
-      if (_isLogBoxEnabled) {
-        return <LogBoxNotificationContainer />;
-      }
-
-      // TODO: Ignore warnings that fire when rendering `YellowBox` itself.
-      return <YellowBoxContainer />;
-    }
-  };
-
-  const registerWarning = (...args): void => {
-    if (typeof args[0] === 'string' && args[0].startsWith('(ADVICE)')) {
-      return;
-    }
-
-    const {category, message, stack} = YellowBoxWarning.parse({
-      args,
-    });
-
-    if (!YellowBoxRegistry.isWarningIgnored(message)) {
-      YellowBoxRegistry.add({category, message, stack});
-      warn.call(console, ...args);
-    }
-  };
-
-  const registerError = (...args): void => {
-    // Only show YellowBox for the `warning` module, otherwise pass through and skip.
-    if (typeof args[0] !== 'string' || !args[0].startsWith('Warning: ')) {
-      error.call(console, ...args);
-      return;
-    }
-
-    const format = args[0].replace('Warning: ', '');
-    const filterResult = LogBoxData.checkWarningFilter(format);
-    if (filterResult.suppressCompletely) {
-      return;
-    }
-
-    args[0] = filterResult.finalFormat;
-    const {category, message, stack} = YellowBoxWarning.parse({
-      args,
-    });
-
-    if (YellowBoxRegistry.isWarningIgnored(message)) {
-      return;
-    }
-
-    if (filterResult.forceDialogImmediately === true) {
-      // This will pop a redbox. Do not downgrade. These are real bugs with same severity as throws.
-      error.call(console, message.content);
-    } else {
-      // Unfortunately, we need to add the Warning: prefix back so we don't show a redbox later.
-      args[0] = `Warning: ${filterResult.finalFormat}`;
-
-      // Note: YellowBox has no concept of "soft errors" so we're showing YellowBox for those.
-      YellowBoxRegistry.add({category, message, stack});
-      error.call(console, ...args);
-    }
-  };
-} else {
-  YellowBox = class extends React.Component<Props, State> {
-    static ignoreWarnings(patterns: $ReadOnlyArray<IgnorePattern>): void {
-      // Do nothing.
-    }
-
-    static install(): void {
-      // Do nothing.
-    }
-
-    static uninstall(): void {
-      // Do nothing.
-    }
-
-    static __unstable_enableLogBox(): void {
-      // Do nothing.
-    }
-    static __unstable_isLogBoxEnabled(): boolean {
-      return false;
-    }
-
-    render(): React.Node {
-      return null;
-    }
-  };
-}
-
-module.exports = (YellowBox: Class<React.Component<Props, State>> & {
-  ignoreWarnings($ReadOnlyArray<IgnorePattern>): void,
-  install(): void,
-  uninstall(): void,
-  __unstable_enableLogBox(): void,
-  __unstable_isLogBoxEnabled(): boolean,
-  ...
-});
diff --git a/Libraries/YellowBox/YellowBoxContainer.js b/Libraries/YellowBox/YellowBoxContainer.js
deleted file mode 100644
index b66bdd2d274119..00000000000000
--- a/Libraries/YellowBox/YellowBoxContainer.js
+++ /dev/null
@@ -1,65 +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');
-
-import type {Category} from './Data/YellowBoxCategory';
-import type {Registry, Subscription} from './Data/YellowBoxRegistry';
-
-type Props = $ReadOnly<{||}>;
-type State = $ReadOnly<{|
-  registry: ?Registry,
-|}>;
-
-const YellowBoxList = require('./UI/YellowBoxList');
-const YellowBoxRegistry = require('./Data/YellowBoxRegistry');
-
-class YellowBoxContainer extends React.Component<Props, State> {
-  _subscription: ?Subscription;
-
-  state: State = {
-    registry: null,
-  };
-
-  render(): React.Node {
-    // TODO: Ignore warnings that fire when rendering `YellowBox` itself.
-    return this.state.registry == null ? null : (
-      <YellowBoxList
-        onDismiss={this._handleDismiss}
-        onDismissAll={this._handleDismissAll}
-        registry={this.state.registry}
-      />
-    );
-  }
-
-  componentDidMount(): void {
-    this._subscription = YellowBoxRegistry.observe(registry => {
-      this.setState({registry});
-    });
-  }
-
-  componentWillUnmount(): void {
-    if (this._subscription != null) {
-      this._subscription.unsubscribe();
-    }
-  }
-
-  _handleDismiss = (category: Category): void => {
-    YellowBoxRegistry.delete(category);
-  };
-
-  _handleDismissAll(): void {
-    YellowBoxRegistry.clear();
-  }
-}
-
-export default YellowBoxContainer;
diff --git a/Libraries/YellowBox/YellowBoxDeprecated.js b/Libraries/YellowBox/YellowBoxDeprecated.js
new file mode 100644
index 00000000000000..46ba16eeeda5a3
--- /dev/null
+++ b/Libraries/YellowBox/YellowBoxDeprecated.js
@@ -0,0 +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.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+const React = require('react');
+
+const LogBox = require('../LogBox/LogBox');
+
+import type {IgnorePattern} from '../LogBox/Data/LogBoxData';
+
+type Props = $ReadOnly<{||}>;
+
+let YellowBox;
+if (__DEV__) {
+  YellowBox = class extends React.Component<Props> {
+    static ignoreWarnings(patterns: $ReadOnlyArray<IgnorePattern>): void {
+      console.warn(
+        'YellowBox has been replaced with LogBox. Please call LogBox.ignoreLogs() instead.',
+      );
+
+      LogBox.ignoreLogs(patterns);
+    }
+
+    static install(): void {
+      console.warn(
+        'YellowBox has been replaced with LogBox. Please call LogBox.install() instead.',
+      );
+      LogBox.install();
+    }
+
+    static uninstall(): void {
+      console.warn(
+        'YellowBox has been replaced with LogBox. Please call LogBox.uninstall() instead.',
+      );
+      LogBox.uninstall();
+    }
+
+    render(): React.Node {
+      return null;
+    }
+  };
+} else {
+  YellowBox = class extends React.Component<Props> {
+    static ignoreWarnings(patterns: $ReadOnlyArray<IgnorePattern>): void {
+      // Do nothing.
+    }
+
+    static install(): void {
+      // Do nothing.
+    }
+
+    static uninstall(): void {
+      // Do nothing.
+    }
+
+    render(): React.Node {
+      return null;
+    }
+  };
+}
+
+module.exports = (YellowBox: Class<React.Component<Props>> & {
+  ignoreWarnings($ReadOnlyArray<IgnorePattern>): void,
+  install(): void,
+  uninstall(): void,
+  ...
+});
diff --git a/Libraries/YellowBox/__tests__/YellowBox-test.js b/Libraries/YellowBox/__tests__/YellowBox-test.js
deleted file mode 100644
index e9a89f3fcdbd0c..00000000000000
--- a/Libraries/YellowBox/__tests__/YellowBox-test.js
+++ /dev/null
@@ -1,270 +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
- * @flow
- */
-
-'use strict';
-
-import * as React from 'react';
-const YellowBoxRegistry = require('../Data/YellowBoxRegistry');
-const LogBoxData = require('../../LogBox/Data/LogBoxData');
-const render = require('../../../jest/renderer');
-jest.mock('../../NativeModules/specs/NativeLogBox', () => true);
-jest.mock('../../LogBox/LogBoxNotificationContainer', () => ({
-  __esModule: true,
-  default: 'LogBoxNotificationContainer',
-}));
-
-type Overrides = {|
-  forceDialogImmediately?: boolean,
-  suppressDialog_LEGACY?: boolean,
-  suppressCompletely?: boolean,
-|};
-
-const setFilter = (options?: Overrides) => {
-  LogBoxData.setWarningFilter(format => ({
-    finalFormat: format,
-    forceDialogImmediately: false,
-    suppressDialog_LEGACY: false,
-    suppressCompletely: false,
-    monitorEvent: null,
-    monitorListVersion: 0,
-    monitorSampleRate: 0,
-    ...options,
-  }));
-};
-
-const install = () => {
-  const YellowBox = require('../YellowBox');
-  YellowBox.install();
-};
-
-const uninstall = () => {
-  const YellowBox = require('../YellowBox');
-  YellowBox.uninstall();
-};
-
-describe('YellowBox', () => {
-  const {error, warn} = console;
-  const mockError = jest.fn();
-  const mockWarn = jest.fn();
-
-  beforeEach(() => {
-    jest.resetModules();
-
-    mockError.mockClear();
-    mockWarn.mockClear();
-
-    (console: any).error = mockError;
-    (console: any).warn = mockWarn;
-  });
-
-  afterEach(() => {
-    uninstall();
-    (console: any).error = error;
-    (console: any).warn = warn;
-  });
-
-  it('can set `disableYellowBox` after installing', () => {
-    expect((console: any).disableYellowBox).toBe(undefined);
-
-    install();
-
-    expect((console: any).disableYellowBox).toBe(false);
-    expect(YellowBoxRegistry.isDisabled()).toBe(false);
-
-    (console: any).disableYellowBox = true;
-
-    expect((console: any).disableYellowBox).toBe(true);
-    expect(YellowBoxRegistry.isDisabled()).toBe(true);
-  });
-
-  it('can set `disableYellowBox` before installing', () => {
-    expect((console: any).disableYellowBox).toBe(undefined);
-
-    (console: any).disableYellowBox = true;
-    install();
-
-    expect((console: any).disableYellowBox).toBe(true);
-    expect(YellowBoxRegistry.isDisabled()).toBe(true);
-  });
-
-  it('registers warnings', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    install();
-
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    (console: any).warn('...');
-    expect(YellowBoxRegistry.add).toBeCalled();
-    expect(mockWarn).toBeCalledTimes(1);
-    expect(mockWarn).toBeCalledWith('...');
-  });
-
-  it('registers errors', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    install();
-
-    (console: any).error('...');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(mockError).toBeCalledTimes(1);
-    expect(mockError).toBeCalledWith('...');
-  });
-
-  it('skips ADVICE warnings', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    install();
-
-    (console: any).warn('(ADVICE) Ignore me');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(mockWarn).not.toBeCalled();
-  });
-
-  it('skips ignored warnings', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    install();
-
-    (YellowBoxRegistry: any).isWarningIgnored.mockReturnValue(true);
-    (console: any).warn('Ignore me');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(mockWarn).not.toBeCalled();
-  });
-
-  it('registers Warning module errors with default options to YellowBox', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    setFilter();
-    install();
-
-    (console: any).error('Warning: ...');
-    expect(YellowBoxRegistry.add).toBeCalled();
-    expect(mockError).toBeCalled();
-    expect(mockError).toBeCalledTimes(1);
-    expect(mockWarn).not.toBeCalled();
-  });
-
-  it('skips Warning module errors with forceDialogImmediately', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    setFilter({
-      suppressCompletely: true,
-    });
-    install();
-
-    (console: any).error('Warning: ...');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(mockError).not.toBeCalled();
-    expect(mockWarn).not.toBeCalled();
-  });
-
-  it('registers Warning errors with forceDialogImmediately as console.error (with interpolation)', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    setFilter({
-      forceDialogImmediately: true,
-    });
-
-    install();
-
-    (console: any).error('Warning: %s', 'Something');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(mockWarn).not.toBeCalled();
-    expect(mockError).toBeCalledTimes(1);
-
-    // We expect this to be the interpolated value because we don't do interpolation downstream.
-    // We also strip the "Warning" prefix, otherwise the redbox would be skipped downstream.
-    expect(mockError).toBeCalledWith('Something');
-  });
-
-  it('registers Warning errors with suppressDialog_LEGACY to YellowBox', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    setFilter({
-      suppressDialog_LEGACY: true,
-    });
-
-    install();
-
-    (console: any).error('Warning: Something');
-    expect(YellowBoxRegistry.add).toBeCalledTimes(1);
-    expect(mockWarn).not.toBeCalled();
-    expect(mockError).toBeCalledTimes(1);
-
-    // We cannot strip the "Warning" prefix or it would pop a redbox.
-    expect(mockError).toBeCalledWith('Warning: Something');
-  });
-
-  it('skips Warning errors sent to YellowBox but ignored by patterns', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-
-    setFilter({
-      suppressDialog_LEGACY: true,
-    });
-
-    install();
-    (YellowBoxRegistry: any).isWarningIgnored.mockReturnValue(true);
-
-    (console: any).error('Warning: ...');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(mockWarn).not.toBeCalled();
-    expect(mockError).not.toBeCalled();
-  });
-
-  it('if LogBox is enabled, installs and uninstalls LogBox', () => {
-    jest.mock('../../LogBox/Data/LogBoxData');
-    jest.mock('../Data/YellowBoxRegistry');
-    const YellowBox = require('../YellowBox');
-    YellowBox.__unstable_enableLogBox();
-    install();
-
-    (console: any).warn('Some warning');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(LogBoxData.addLog).toBeCalled();
-    expect(require('../YellowBox').__unstable_isLogBoxEnabled()).toBe(true);
-
-    uninstall();
-    (LogBoxData.addLog: any).mockClear();
-
-    (console: any).warn('Some warning');
-    expect(YellowBoxRegistry.add).not.toBeCalled();
-    expect(LogBoxData.addLog).not.toBeCalled();
-    expect(YellowBox.__unstable_isLogBoxEnabled()).toBe(true);
-  });
-
-  it('throws if LogBox is enabled after YellowBox is installed', () => {
-    jest.mock('../Data/YellowBoxRegistry');
-    const YellowBox = require('../YellowBox');
-    install();
-
-    expect(() => YellowBox.__unstable_enableLogBox()).toThrow(
-      'LogBox must be enabled before AppContainer is required so that it can properly wrap the console methods.\n\nPlease enable LogBox earlier in your app.\n\n',
-    );
-  });
-
-  it('should render YellowBoxContainer by default', () => {
-    const YellowBox = require('../YellowBox');
-
-    const output = render.shallowRender(<YellowBox />);
-
-    expect(output).toMatchSnapshot();
-  });
-
-  it('should render LogBoxNotificationContainer when LogBox is enabled', () => {
-    const YellowBox = require('../YellowBox');
-
-    YellowBox.__unstable_enableLogBox();
-
-    const output = render.shallowRender(<YellowBox />);
-
-    expect(output).toMatchSnapshot();
-  });
-});
diff --git a/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.js b/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.js
new file mode 100644
index 00000000000000..4adadb6e87f227
--- /dev/null
+++ b/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.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.
+ *
+ * @emails oncall+react_native
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+const LogBox = require('../../LogBox/LogBox');
+const YellowBox = require('../YellowBoxDeprecated');
+
+describe('YellowBox', () => {
+  beforeEach(() => {
+    jest.restoreAllMocks();
+  });
+  it('calling ignoreWarnings proxies to LogBox.ignoreLogs', () => {
+    jest.spyOn(LogBox, 'ignoreLogs');
+    jest.spyOn(console, 'warn').mockImplementation(() => {});
+    YellowBox.ignoreWarnings(['foo']);
+
+    expect(LogBox.ignoreLogs).toBeCalledWith(['foo']);
+    expect(console.warn).toBeCalledWith(
+      'YellowBox has been replaced with LogBox. Please call LogBox.ignoreLogs() instead.',
+    );
+  });
+
+  it('calling install proxies to LogBox.install', () => {
+    jest.spyOn(LogBox, 'install');
+    jest.spyOn(console, 'warn').mockImplementation(() => {});
+    YellowBox.install();
+
+    expect(LogBox.install).toBeCalled();
+    expect(console.warn).toBeCalledWith(
+      'YellowBox has been replaced with LogBox. Please call LogBox.install() instead.',
+    );
+  });
+
+  it('calling uninstall proxies to LogBox.uninstall', () => {
+    jest.spyOn(LogBox, 'uninstall');
+    jest.spyOn(console, 'warn').mockImplementation(() => {});
+    YellowBox.uninstall();
+
+    expect(LogBox.uninstall).toBeCalled();
+    expect(console.warn).toBeCalledWith(
+      'YellowBox has been replaced with LogBox. Please call LogBox.uninstall() instead.',
+    );
+  });
+});
diff --git a/Libraries/YellowBox/__tests__/__snapshots__/YellowBox-test.js.snap b/Libraries/YellowBox/__tests__/__snapshots__/YellowBox-test.js.snap
deleted file mode 100644
index 974f032a963f2e..00000000000000
--- a/Libraries/YellowBox/__tests__/__snapshots__/YellowBox-test.js.snap
+++ /dev/null
@@ -1,5 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`YellowBox should render LogBoxNotificationContainer when LogBox is enabled 1`] = `<LogBoxNotificationContainer />`;
-
-exports[`YellowBox should render YellowBoxContainer by default 1`] = `<YellowBoxContainer />`;
diff --git a/Libraries/__flowtests__/ReactNativeTypes-flowtest.js b/Libraries/__flowtests__/ReactNativeTypes-flowtest.js
index cb21b05ab4582c..e6c0bb124d5902 100644
--- a/Libraries/__flowtests__/ReactNativeTypes-flowtest.js
+++ b/Libraries/__flowtests__/ReactNativeTypes-flowtest.js
@@ -11,13 +11,10 @@
 'use strict';
 
 import * as React from 'react';
-import type {
-  HostComponent,
-  _InternalReactNativeComponentClass,
-} from '../Renderer/shims/ReactNativeTypes';
+import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
 
 function takesHostComponentInstance(
-  instance: React$ElementRef<HostComponent<mixed>> | null,
+  instance: React.ElementRef<HostComponent<mixed>> | null,
 ): void {}
 
 const MyHostComponent = (('Host': any): HostComponent<mixed>);
@@ -33,20 +30,3 @@ const MyHostComponent = (('Host': any): HostComponent<mixed>);
     hostComponentRef.measureLayout(hostComponentRef, () => {});
   }}
 />;
-
-declare var NativeComponent: _InternalReactNativeComponentClass<{...}>;
-class MyNativeComponent extends NativeComponent {}
-
-<MyNativeComponent
-  ref={nativeComponentRef => {
-    // $FlowExpectedError - NativeComponent cannot be passed as HostComponent.
-    takesHostComponentInstance(nativeComponentRef);
-
-    if (nativeComponentRef == null) {
-      return;
-    }
-
-    // $FlowExpectedError - NativeComponent cannot be passed as HostComponent.
-    nativeComponentRef.measureLayout(nativeComponentRef, () => {});
-  }}
-/>;
diff --git a/Libraries/vendor/core/ErrorUtils.js b/Libraries/vendor/core/ErrorUtils.js
index 0c0f140280a4ba..2d60c4fc378371 100644
--- a/Libraries/vendor/core/ErrorUtils.js
+++ b/Libraries/vendor/core/ErrorUtils.js
@@ -8,7 +8,7 @@
  * @flow strict
  */
 
-import type {ErrorUtilsT} from '../../polyfills/error-guard.js';
+import type {ErrorUtilsT} from '../../polyfills/error-guard';
 
 /**
  * The particular require runtime that we are using looks for a global
diff --git a/RNTester/Podfile b/RNTester/Podfile
index 04f0b4304c0803..7dce319e13851e 100644
--- a/RNTester/Podfile
+++ b/RNTester/Podfile
@@ -1,6 +1,6 @@
+require_relative '../scripts/react_native_pods'
 source 'https://cdn.cocoapods.org/'
-
-require_relative '../scripts/autolink-ios'
+platform :ios, '10.0'
 
 # TODO(macOS GH#214)
 # Otherwise duplicate UUIDs are being generated between the iOS and macOS targets.
@@ -37,16 +37,16 @@ def flipper_pods()
   pod 'FlipperKit/FlipperKitReactPlugin', '~>' + flipperkit_version, :configuration => 'Debug'
 
   if ENV['USE_FRAMEWORKS'] == '1'
-    $static_framework = ['FlipperKit', 'Flipper', 'Flipper-Folly',
+    static_frameworks = ['FlipperKit', 'Flipper', 'Flipper-Folly',
         'CocoaAsyncSocket', 'ComponentKit', 'Flipper-DoubleConversion',
         'Flipper-Glog', 'Flipper-PeerTalk', 'Flipper-RSocket',
         'CocoaLibEvent', 'OpenSSL-Universal', 'boost-for-react-native']
-
+  
     pre_install do |installer|
       Pod::Installer::Xcode::TargetValidator.send(:define_method, :verify_no_static_framework_transitive_dependencies) {}
       installer.pod_targets.each do |pod|
-          if $static_framework.include?(pod.name)
-            def pod.build_type;
+          if static_frameworks.include?(pod.name)
+            def pod.build_type
               Pod::Target::BuildType.static_library
             end
           end
@@ -74,53 +74,54 @@ def flipper_post_install(installer)
 end
 
 target 'RNTester' do
-  platform :ios, '9.0'
+  platform :ios, '10.0'
   pods()
   flipper_pods()
+  # use_flipper!
 end
 
 target 'RNTester-macOS' do
-  platform :osx, '10.13'
+  platform :osx, '10.14'
   pods(:hermes_enabled => true)
 end
 
 target 'RNTesterUnitTests' do
-  platform :ios, '9.0'
+  platform :ios, '10.0'
   pods()
-  pod 'React-RCTTest', :path => "RCTTest"
+  pod 'React-RCTTest', :path => "./RCTTest"
 end
 
 target 'RNTester-macOSUnitTests' do
-  platform :osx, '10.13'
+  platform :osx, '10.14'
   pods()
-  pod 'React-RCTTest', :path => "RCTTest"
+  pod 'React-RCTTest', :path => "./RCTTest"
 end
 
 target 'RNTesterIntegrationTests' do
-  platform :ios, '9.0'
+  platform :ios, '10.0'
   pods()
-  pod 'React-RCTTest', :path => "RCTTest"
+  pod 'React-RCTTest', :path => "./RCTTest"
 end
 
 target 'RNTester-macOSIntegrationTests' do
-  platform :osx, '10.13'
+  platform :osx, '10.14'
   pods()
-  pod 'React-RCTTest', :path => "RCTTest"
+  pod 'React-RCTTest', :path => "./RCTTest"
 end
 
 # [TODO(macOS ISS#2323203): these are special targets used by the internal Microsoft build pipeline
 target 'iosDeviceBuild' do
-  platform :ios, '9.0'
+  platform :ios, '10.0'
   pods()
 end
 
 target 'iosSimulatorBuild' do
-  platform :ios, '9.0'
+  platform :ios, '10.0'
   pods()
 end
 
 target 'macOSBuild' do
-  platform :osx, '10.13'
+  platform :osx, '10.14'
   pods()
 end
 # ]TODO(macOS ISS#2323203)
diff --git a/RNTester/Podfile.lock b/RNTester/Podfile.lock
index 5227fa2cdce4c1..fa2df22bf04c5f 100644
--- a/RNTester/Podfile.lock
+++ b/RNTester/Podfile.lock
@@ -5,7 +5,7 @@ PODS:
   - DoubleConversion (1.1.6)
   - FBLazyVector (1000.0.0)
   - FBReactNativeSpec (1000.0.0):
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTRequired (= 1000.0.0)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core (= 1000.0.0)
@@ -58,7 +58,7 @@ PODS:
     - FlipperKit/Core
     - FlipperKit/FlipperKitNetworkPlugin
   - glog (0.3.5)
-  - hermes (0.4.3)
+  - hermes (0.5.1)
   - libevent (2.1.11):
     - libevent/core (= 2.1.11)
   - libevent/core (2.1.11):
@@ -67,16 +67,16 @@ PODS:
   - OpenSSL-Universal (1.0.2.19):
     - OpenSSL-Universal/Static (= 1.0.2.19)
   - OpenSSL-Universal/Static (1.0.2.19)
-  - RCT-Folly (2018.10.22.00):
+  - RCT-Folly (2020.01.13.00):
     - boost-for-react-native
     - DoubleConversion
     - glog
-    - RCT-Folly/Default (= 2018.10.22.00)
-  - RCT-Folly/Default (2018.10.22.00):
+    - RCT-Folly/Default (= 2020.01.13.00)
+  - RCT-Folly/Default (2020.01.13.00):
     - boost-for-react-native
     - DoubleConversion
     - glog
-  - RCT-Folly/Futures (2018.10.22.00):
+  - RCT-Folly/Futures (2020.01.13.00):
     - boost-for-react-native
     - DoubleConversion
     - glog
@@ -84,7 +84,7 @@ PODS:
   - RCTRequired (1000.0.0)
   - RCTTypeSafety (1000.0.0):
     - FBLazyVector (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTRequired (= 1000.0.0)
     - React-Core (= 1000.0.0)
   - React (1000.0.0):
@@ -102,9 +102,10 @@ PODS:
     - React-RCTVibration (= 1000.0.0)
   - React-ART (1000.0.0):
     - React-Core/ARTHeaders (= 1000.0.0)
+  - React-callinvoker (1000.0.0)
   - React-Core (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -112,7 +113,7 @@ PODS:
     - Yoga
   - React-Core/ARTHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -120,7 +121,7 @@ PODS:
     - Yoga
   - React-Core/CoreModulesHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -128,14 +129,14 @@ PODS:
     - Yoga
   - React-Core/Default (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
     - React-jsiexecutor (= 1000.0.0)
     - Yoga
   - React-Core/DevSupport (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default (= 1000.0.0)
     - React-Core/RCTWebSocket (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
@@ -145,8 +146,8 @@ PODS:
     - Yoga
   - React-Core/Hermes (1000.0.0):
     - glog
-    - hermes (~> 0.4.1)
-    - RCT-Folly (= 2018.10.22.00)
+    - hermes (~> 0.5.0)
+    - RCT-Folly (= 2020.01.13.00)
     - RCT-Folly/Futures
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -154,7 +155,7 @@ PODS:
     - Yoga
   - React-Core/RCTActionSheetHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -162,7 +163,7 @@ PODS:
     - Yoga
   - React-Core/RCTAnimationHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -170,7 +171,7 @@ PODS:
     - Yoga
   - React-Core/RCTBlobHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -178,7 +179,7 @@ PODS:
     - Yoga
   - React-Core/RCTImageHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -186,7 +187,7 @@ PODS:
     - Yoga
   - React-Core/RCTLinkingHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -194,7 +195,7 @@ PODS:
     - Yoga
   - React-Core/RCTNetworkHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -202,7 +203,7 @@ PODS:
     - Yoga
   - React-Core/RCTPushNotificationHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -210,7 +211,7 @@ PODS:
     - Yoga
   - React-Core/RCTSettingsHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -218,7 +219,7 @@ PODS:
     - Yoga
   - React-Core/RCTTextHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -226,7 +227,7 @@ PODS:
     - Yoga
   - React-Core/RCTVibrationHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -234,7 +235,7 @@ PODS:
     - Yoga
   - React-Core/RCTWebSocket (1000.0.0):
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/Default (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -242,32 +243,34 @@ PODS:
     - Yoga
   - React-CoreModules (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core/CoreModulesHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - React-RCTImage (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-cxxreact (1000.0.0):
     - boost-for-react-native (= 1.63.0)
     - DoubleConversion
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
+    - React-callinvoker (= 1000.0.0)
     - React-jsinspector (= 1000.0.0)
   - React-jsi (1000.0.0):
     - boost-for-react-native (= 1.63.0)
     - DoubleConversion
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-jsi/Default (= 1000.0.0)
   - React-jsi/Default (1000.0.0):
     - boost-for-react-native (= 1.63.0)
     - DoubleConversion
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
   - React-jsiexecutor (1000.0.0):
     - DoubleConversion
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
   - React-jsinspector (1000.0.0)
@@ -275,13 +278,14 @@ PODS:
     - React-Core/RCTActionSheetHeaders (= 1000.0.0)
   - React-RCTAnimation (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core/RCTAnimationHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTBlob (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/RCTBlobHeaders (= 1000.0.0)
     - React-Core/RCTWebSocket (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -289,63 +293,67 @@ PODS:
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTImage (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core/RCTImageHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - React-RCTNetwork (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTLinking (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
     - React-Core/RCTLinkingHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTNetwork (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core/RCTNetworkHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTPushNotification (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core/RCTPushNotificationHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTSettings (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - RCTTypeSafety (= 1000.0.0)
     - React-Core/RCTSettingsHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTTest (1000.0.0):
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core (= 1000.0.0)
     - React-CoreModules (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
+    - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTText (1000.0.0):
     - React-Core/RCTTextHeaders (= 1000.0.0)
   - React-RCTVibration (1000.0.0):
     - FBReactNativeSpec (= 1000.0.0)
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
     - React-Core/RCTVibrationHeaders (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
-  - ReactCommon/callinvoker (1000.0.0):
-    - DoubleConversion
-    - glog
-    - RCT-Folly (= 2018.10.22.00)
-    - React-cxxreact (= 1000.0.0)
   - ReactCommon/turbomodule/core (1000.0.0):
     - DoubleConversion
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
+    - React-callinvoker (= 1000.0.0)
     - React-Core (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
-    - ReactCommon/callinvoker (= 1000.0.0)
   - ReactCommon/turbomodule/samples (1000.0.0):
     - DoubleConversion
     - glog
-    - RCT-Folly (= 2018.10.22.00)
+    - RCT-Folly (= 2020.01.13.00)
+    - React-callinvoker (= 1000.0.0)
     - React-Core (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
-    - ReactCommon/callinvoker (= 1000.0.0)
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - Yoga (1.14.0)
   - YogaKit (1.18.1):
@@ -369,6 +377,7 @@ DEPENDENCIES:
   - RCTTypeSafety (from `../Libraries/TypeSafety`)
   - React (from `../`)
   - React-ART (from `../Libraries/ART`)
+  - React-callinvoker (from `../ReactCommon/callinvoker`)
   - React-Core (from `../`)
   - React-Core/DevSupport (from `../`)
   - React-Core/Hermes (from `../`)
@@ -386,16 +395,15 @@ DEPENDENCIES:
   - 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`)
-  - ReactCommon/callinvoker (from `../ReactCommon`)
   - ReactCommon/turbomodule/core (from `../ReactCommon`)
   - ReactCommon/turbomodule/samples (from `../ReactCommon`)
   - Yoga (from `../ReactCommon/yoga`)
 
 SPEC REPOS:
-  trunk:
+  https://cdn.cocoapods.org/:
     - CocoaAsyncSocket
     - CocoaLibEvent
     - Flipper
@@ -433,6 +441,8 @@ EXTERNAL SOURCES:
     :path: "../"
   React-ART:
     :path: "../Libraries/ART"
+  React-callinvoker:
+    :path: "../ReactCommon/callinvoker"
   React-Core:
     :path: "../"
   React-CoreModules:
@@ -462,7 +472,7 @@ EXTERNAL SOURCES:
   React-RCTSettings:
     :path: "../Libraries/Settings"
   React-RCTTest:
-    :path: RCTTest
+    :path: "./RCTTest"
   React-RCTText:
     :path: "../Libraries/Text"
   React-RCTVibration:
@@ -473,12 +483,12 @@ EXTERNAL SOURCES:
     :path: "../ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  boost-for-react-native: dabda8622e76020607c2ae1e65cc0cda8b61479d
+  boost-for-react-native: a110407d9db2642fd2e1bcd7c5a51c81f2521dc9
   CocoaAsyncSocket: eafaa68a7e0ec99ead0a7b35015e0bf25d2c8987
   CocoaLibEvent: 2fab71b8bd46dd33ddb959f7928ec5909f838e3f
-  DoubleConversion: 681b789128e5512811c81706e9b361209f40d21e
-  FBLazyVector: 400431a0922224a5497bc50a6be9b1bdef19c23b
-  FBReactNativeSpec: afd0b576c189e459fb30a609a3f9d830dcee69e1
+  DoubleConversion: a1bc12a74baa397a2609e0f10e19b8062d864053
+  FBLazyVector: 013c754530acf200c794982a91221cae2d73186a
+  FBReactNativeSpec: 205d67e3c1809fe430adc7be677d28a32e4000ac
   Flipper: 10b225e352595f521be0e5badddd90e241336e89
   Flipper-DoubleConversion: 38631e41ef4f9b12861c67d17cb5518d06badc41
   Flipper-Folly: c12092ea368353b58e992843a990a3225d4533c3
@@ -486,36 +496,37 @@ SPEC CHECKSUMS:
   Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9
   Flipper-RSocket: 64e7431a55835eb953b0bf984ef3b90ae9fdddd7
   FlipperKit: 88b7f0d0cf907ddc2137b85eeb7f3d4d8d9395c8
-  glog: d86cb3634e15ec6d8cd9a1c7c1b9d6fa295beb37
-  hermes: e6c81c75290bb87d1d62d594c269fba09b84e216
-  libevent: ee9265726a1fc599dea382964fa304378affaa5f
+  glog: b3f6d74f3e2d33396addc0ee724d2b2b79fc3e00
+  hermes: 12d049af0d8e8379c5b3b54ffb1919d670045bdc
+  libevent: c2d56c8554ac18101d9c5f4c66ef762798209682
   OpenSSL-Universal: 8b48cc0d10c1b2923617dfe5c178aa9ed2689355
-  RCT-Folly: 71ece0166f9c96c1ec9279eeb0317baf533c020f
-  RCTRequired: 039450730eeffde3f7bed7ba52eb2f307b69bed1
-  RCTTypeSafety: 54bcf1b9aa76bb4acaa1495e1ba85c25936fe0d1
-  React: 9dcf1d3e01570722c0c2ebbe0d63bf153725bee9
-  React-ART: f44c068eb3cee3976c8201f2f1f79702857073d4
-  React-Core: e2fb745f8aa333a091c1f41a54800f53b5f05ddb
-  React-CoreModules: 1134e8e6c1bf21d8b5d642666f2bbc8a37292d26
-  React-cxxreact: b2b9575868a5eb1f7d6ac0de8cbbc6cd90a9ae1b
-  React-jsi: cf94d3ca73c9c6a799033833895d8a06dd19ff8d
-  React-jsiexecutor: c97ecea1c4599a2b3e45fe3310bcb219de56c3c3
-  React-jsinspector: 444837ef05559864a5ca83b28abebe113a58c748
-  React-RCTActionSheet: 79ea92217b954519079a9811aa852d5632a1581d
-  React-RCTAnimation: d0f6702230f56146d86a374241fcbd4b96e7bce9
-  React-RCTBlob: 2574bc088ef2b93e575357f8250169524f988e62
-  React-RCTImage: 8370e436d956768d0d1d2db49ea244cec8fb129d
-  React-RCTLinking: 84e1949bbdc3134d0862cc9708c7b8963a0ca003
-  React-RCTNetwork: 28cdfc801e77e5f1a3818ba2d1ce04f9783a02a0
-  React-RCTPushNotification: 114587b6e2d45fbdeaf8bef480ca445a89904820
-  React-RCTSettings: e2abda34b07d937f856642648daadc546dd2fd7c
-  React-RCTTest: 2eb3b4b0ac61d1a5c03d8c8cf3da94472ebc3e51
-  React-RCTText: f3232089c4a96ccd6d1973f3ba53e7588157ab29
-  React-RCTVibration: 98372b990afbac98325b72ac0120109b08dd0c00
-  ReactCommon: ff5c621355270d8e82e4801f86da20cc748105fe
-  Yoga: 9561510b9e44840446c02f490733cfb0f4d2bec5
+  RCT-Folly: 1347093ffe75e152d846f7e45a3ef901b60021aa
+  RCTRequired: a35e388bfd87cfae16052677bc19332723c3adf1
+  RCTTypeSafety: ca911637f851c632e50a5b45cc64eab3d2095060
+  React: 21af9a5655a1db8877643ae7d2f5be19fbb47bfd
+  React-ART: 3f4d3b94140d58fe5ece4a87bdb5580991e4e1fb
+  React-callinvoker: 595e477e1cbbfe3797d9d234119a13b6ee85b398
+  React-Core: 15d21e9ae6eb47f7bcbe993bcd0a96cce614f378
+  React-CoreModules: feb2df372bf41cf30bd8544a7877ea893a06b7e1
+  React-cxxreact: 9542dd531c5e32be8af79730a1872efd97d53684
+  React-jsi: 5b0fca1241f693a72a8a8d4c304f40c4974ca091
+  React-jsiexecutor: 63cb155b06c33c3fa419bf28cfeb8233ef3b0307
+  React-jsinspector: 01ef3dbf108f91ad18fa116a535549a0011df122
+  React-RCTActionSheet: 40d0e005ede6d2467c71afeb7ffa2ee6401141ed
+  React-RCTAnimation: cd11932218e9b897008e2d318b865c93aa505212
+  React-RCTBlob: 6df18a5bce5d5e80416f669e9718b43a5938c242
+  React-RCTImage: fdbdaa9388e56484e54c494fca08353a0eb86bda
+  React-RCTLinking: ef6a633aae7bfcdd93bbd561c0bc270f3550066e
+  React-RCTNetwork: b1f15c879b25c7450948fd02e5865319fe7bc4ae
+  React-RCTPushNotification: 39643b44ffc839ab7b08e77d67c87155eeb6be57
+  React-RCTSettings: 0b0507c7bca2943d18eba209ded78a24d0a385b5
+  React-RCTTest: 6feb342f17fd908c570180f70b68b0fdc0b1956e
+  React-RCTText: a41b641c73e5ec0ec550e134b2da92c5cd5ff43d
+  React-RCTVibration: 4eadd5837934450223a859e5c7323c6c6102a36f
+  ReactCommon: d2c0a0c8eb10562cfbd5b7da17072f956d66b200
+  Yoga: 52f1483134f196a52b290ed0982f07efc8c90011
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
-PODFILE CHECKSUM: 8a50297c26ad9d948d1614b33e20d755094cb377
+PODFILE CHECKSUM: f92cb3c61bb71bceed9b9afe3944fbd8451be8b9
 
-COCOAPODS: 1.9.3
+COCOAPODS: 1.8.4
diff --git a/RNTester/RCTTest/RCTTestModule.m b/RNTester/RCTTest/RCTTestModule.m
deleted file mode 100644
index 7f894b636513a4..00000000000000
--- a/RNTester/RCTTest/RCTTestModule.m
+++ /dev/null
@@ -1,89 +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 "RCTTestModule.h"
-
-#import <React/RCTAssert.h>
-#import <React/RCTEventDispatcher.h>
-#import <React/RCTLog.h>
-#import <React/RCTUIManager.h>
-
-#import "FBSnapshotTestController.h"
-
-@implementation RCTTestModule {
-  NSMutableDictionary<NSString *, NSNumber *> *_snapshotCounter;
-}
-
-@synthesize bridge = _bridge;
-
-RCT_EXPORT_MODULE()
-
-- (dispatch_queue_t)methodQueue
-{
-  return _bridge.uiManager.methodQueue;
-}
-
-RCT_EXPORT_METHOD(verifySnapshot:(RCTResponseSenderBlock)callback)
-{
-  RCTAssert(_controller != nil, @"No snapshot controller configured.");
-
-  [_bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
-    NSString *testName = NSStringFromSelector(self->_testSelector);
-    if (!self->_snapshotCounter) {
-      self->_snapshotCounter = [NSMutableDictionary new];
-    }
-
-    NSNumber *counter = @([self->_snapshotCounter[testName] integerValue] + 1);
-    self->_snapshotCounter[testName] = counter;
-
-    NSError *error = nil;
-    NSString *identifier = [counter stringValue];
-    if (self->_testSuffix) {
-      identifier = [identifier stringByAppendingString:self->_testSuffix];
-    }
-    BOOL success = [self->_controller compareSnapshotOfView:self->_view
-                                                   selector:self->_testSelector
-                                                 identifier:identifier
-                                                      error:&error];
-    if (!success) {
-      RCTLogInfo(@"Failed to verify snapshot %@ (error: %@)", identifier, error);
-    }
-    callback(@[@(success)]);
-  }];
-}
-
-RCT_EXPORT_METHOD(sendAppEvent:(NSString *)name body:(nullable id)body)
-{
-#pragma clang diagnostic push
-#pragma clang diagnostic ignored "-Wdeprecated-declarations"
-  [_bridge.eventDispatcher sendAppEventWithName:name body:body];
-#pragma clang diagnostic pop
-}
-
-RCT_REMAP_METHOD(shouldResolve, shouldResolve_resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
-{
-  resolve(@1);
-}
-
-RCT_REMAP_METHOD(shouldReject, shouldReject_resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
-{
-  reject(nil, nil, nil);
-}
-
-RCT_EXPORT_METHOD(markTestCompleted)
-{
-  [self markTestPassed:YES];
-}
-
-RCT_EXPORT_METHOD(markTestPassed:(BOOL)success)
-{
-  [_bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, __unused NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
-    self->_status = success ? RCTTestStatusPassed : RCTTestStatusFailed;
-  }];
-}
-
-@end
diff --git a/RNTester/RCTTest/RCTTestModule.mm b/RNTester/RCTTest/RCTTestModule.mm
new file mode 100644
index 00000000000000..d5aa9ba1dc1f6e
--- /dev/null
+++ b/RNTester/RCTTest/RCTTestModule.mm
@@ -0,0 +1,161 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 "RCTTestModule.h"
+
+#import <React/RCTAssert.h>
+#import <React/RCTEventDispatcher.h>
+#import <React/RCTLog.h>
+#import <React/RCTUIManager.h>
+#import <ReactCommon/RCTTurboModule.h>
+
+#import "FBSnapshotTestController.h"
+
+#import "RCTTestPlugins.h"
+
+@protocol NativeTestModuleSpec <RCTBridgeModule, RCTTurboModule>
+
+- (void)markTestCompleted;
+- (void)markTestPassed:(BOOL)success;
+- (void)verifySnapshot:(RCTResponseSenderBlock)callback;
+
+@end
+
+namespace facebook {
+  namespace react {
+    /**
+     * ObjC++ class for module 'TestModule'
+     */
+
+    class JSI_EXPORT NativeTestModuleSpecJSI : public ObjCTurboModule {
+    public:
+      NativeTestModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+
+
+  static facebook::jsi::Value __hostFunction_NativeTestModuleSpecJSI_markTestCompleted(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+    return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "markTestCompleted", @selector(markTestCompleted), args, count);
+  }
+
+  static facebook::jsi::Value __hostFunction_NativeTestModuleSpecJSI_markTestPassed(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+    return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "markTestPassed", @selector(markTestPassed:), args, count);
+  }
+
+  static facebook::jsi::Value __hostFunction_NativeTestModuleSpecJSI_verifySnapshot(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+    return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, "verifySnapshot", @selector(verifySnapshot:), args, count);
+  }
+
+
+  NativeTestModuleSpecJSI::NativeTestModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+    : ObjCTurboModule("TestModule", instance, jsInvoker, nativeInvoker, perfLogger) {
+
+      methodMap_["markTestCompleted"] = MethodMetadata {0, __hostFunction_NativeTestModuleSpecJSI_markTestCompleted};
+
+
+      methodMap_["markTestPassed"] = MethodMetadata {1, __hostFunction_NativeTestModuleSpecJSI_markTestPassed};
+
+
+      methodMap_["verifySnapshot"] = MethodMetadata {1, __hostFunction_NativeTestModuleSpecJSI_verifySnapshot};
+  }
+
+  } // namespace react
+} // namespace facebook
+
+@interface RCTTestModule() <NativeTestModuleSpec>
+@end
+
+@implementation RCTTestModule {
+  NSMutableDictionary<NSString *, NSNumber *> *_snapshotCounter;
+}
+
+@synthesize bridge = _bridge;
+
+RCT_EXPORT_MODULE()
+
+- (dispatch_queue_t)methodQueue
+{
+  return _bridge.uiManager.methodQueue;
+}
+
+RCT_EXPORT_METHOD(verifySnapshot:(RCTResponseSenderBlock)callback)
+{
+  RCTAssert(_controller != nil, @"No snapshot controller configured.");
+
+  [_bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+    NSString *testName = NSStringFromSelector(self->_testSelector);
+    if (!self->_snapshotCounter) {
+      self->_snapshotCounter = [NSMutableDictionary new];
+    }
+
+    NSNumber *counter = @([self->_snapshotCounter[testName] integerValue] + 1);
+    self->_snapshotCounter[testName] = counter;
+
+    NSError *error = nil;
+    NSString *identifier = [counter stringValue];
+    if (self->_testSuffix) {
+      identifier = [identifier stringByAppendingString:self->_testSuffix];
+    }
+    BOOL success = [self->_controller compareSnapshotOfView:self->_view
+                                                   selector:self->_testSelector
+                                                 identifier:identifier
+                                                      error:&error];
+    if (!success) {
+      RCTLogInfo(@"Failed to verify snapshot %@ (error: %@)", identifier, error);
+    }
+    callback(@[@(success)]);
+  }];
+}
+
+RCT_EXPORT_METHOD(sendAppEvent:(NSString *)name body:(nullable id)body)
+{
+#pragma clang diagnostic push
+#pragma clang diagnostic ignored "-Wdeprecated-declarations"
+  [_bridge.eventDispatcher sendAppEventWithName:name body:body];
+#pragma clang diagnostic pop
+}
+
+RCT_REMAP_METHOD(shouldResolve, shouldResolve_resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+{
+  resolve(@1);
+}
+
+RCT_REMAP_METHOD(shouldReject, shouldReject_resolve:(RCTPromiseResolveBlock)resolve reject:(RCTPromiseRejectBlock)reject)
+{
+  reject(nil, nil, nil);
+}
+
+RCT_EXPORT_METHOD(markTestCompleted)
+{
+  [self markTestPassed:YES];
+}
+
+RCT_EXPORT_METHOD(markTestPassed:(BOOL)success)
+{
+  [_bridge.uiManager addUIBlock:^(__unused RCTUIManager *uiManager, __unused NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+    self->_status = success ? RCTTestStatusPassed : RCTTestStatusFailed;
+  }];
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
+{
+  return std::make_shared<facebook::react::NativeTestModuleSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
+}
+
+@end
+
+Class RCTTestModuleCls(void) {
+  return RCTTestModule.class;
+}
diff --git a/RNTester/RCTTest/RCTTestPlugins.h b/RNTester/RCTTest/RCTTestPlugins.h
new file mode 100644
index 00000000000000..1572f3a603a1a4
--- /dev/null
+++ b/RNTester/RCTTest/RCTTestPlugins.h
@@ -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.
+ *
+ * @generated by an internal plugin build system
+ */
+
+#ifdef RN_DISABLE_OSS_PLUGIN_HEADER
+
+// FB Internal: FBRCTTestPlugins.h is autogenerated by the build system.
+#import <React/FBRCTTestPlugins.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 RCTTestClassProvider(const char *name);
+
+// Lookup functions
+Class RCTTestModuleCls(void) __attribute__((used));
+
+#ifdef __cplusplus
+}
+#endif
+
+#pragma GCC diagnostic pop
+
+#endif // RN_DISABLE_OSS_PLUGIN_HEADER
diff --git a/RNTester/RCTTest/RCTTestPlugins.mm b/RNTester/RCTTest/RCTTestPlugins.mm
new file mode 100644
index 00000000000000..a057177b619d66
--- /dev/null
+++ b/RNTester/RCTTest/RCTTestPlugins.mm
@@ -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.
+ *
+ * @generated by an internal plugin build system
+ */
+
+#ifndef RN_DISABLE_OSS_PLUGIN_HEADER
+
+// OSS-compatibility layer
+
+#import "RCTTestPlugins.h"
+
+#import <string>
+#import <unordered_map>
+
+Class RCTTestClassProvider(const char *name) {
+  static std::unordered_map<std::string, Class (*)(void)> sCoreModuleClassMap = {
+    {"TestModule", RCTTestModuleCls},
+  };
+
+  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/RNTester/RCTTest/React-RCTTest.podspec b/RNTester/RCTTest/React-RCTTest.podspec
index f69065f8368280..fa90f9eed2ebc2 100644
--- a/RNTester/RCTTest/React-RCTTest.podspec
+++ b/RNTester/RCTTest/React-RCTTest.podspec
@@ -16,20 +16,32 @@ 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 = '2020.01.13.00'
+
 Pod::Spec.new do |s|
   s.name                   = "React-RCTTest"
   s.version                = version
   s.summary                = "Tools for integration and snapshot testing."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
+  s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
-  s.source_files           = "**/*.{h,m}"
+  s.source_files           = "**/*.{h,m,mm}"
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.framework              = "XCTest"
   s.header_dir             = "RCTTest"
+  s.pod_target_xcconfig    = {
+                             "USE_HEADERMAP" => "YES",
+                             "CLANG_CXX_LANGUAGE_STANDARD" => "c++14",
+                             "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/RCT-Folly\""
+                           }
 
+  s.dependency "RCT-Folly", folly_version
   s.dependency "React-Core", version
   s.dependency "React-CoreModules", version
+  s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
 end
diff --git a/RNTester/README.md b/RNTester/README.md
index a85e0845709857..4efa9b297ab165 100644
--- a/RNTester/README.md
+++ b/RNTester/README.md
@@ -8,7 +8,7 @@ Before running the app, make sure you ran:
 
     git clone https://github.com/facebook/react-native.git
     cd react-native
-    npm install
+    yarn install
 
 ### Running on iOS
 
@@ -32,7 +32,7 @@ _Note: Building for the first time can take a while._
 
 Open the RNTester app in your emulator.
 If you want to use a physical device, run `adb devices`, then `adb -s <device name> reverse tcp:8081 tcp:8081`.
-See [Running on Device](https://facebook.github.io/react-native/docs/running-on-device.html) for additional instructions on using a physical device.
+See [Running on Device](https://reactnative.dev/docs/running-on-device.html) for additional instructions on using a physical device.
 
 ### Running with Buck
 
diff --git a/RNTester/RNTester-macOS/AppDelegate.mm b/RNTester/RNTester-macOS/AppDelegate.mm
index ec2081a88475d8..54c1b1945712c9 100644
--- a/RNTester/RNTester-macOS/AppDelegate.mm
+++ b/RNTester/RNTester-macOS/AppDelegate.mm
@@ -18,6 +18,8 @@
 #import <ReactCommon/TurboModule.h>
 #import "../NativeModuleExample/ScreenshotMacOS.h"
 
+#import <ReactCommon/RCTTurboModuleManager.h>
+
 NSString *kBundleNameJS = @"RNTesterApp";
 
 @interface AppDelegate () <RCTCxxBridgeDelegate, NSUserNotificationCenterDelegate>
@@ -91,7 +93,8 @@ - (NSURL *)sourceURLForBridge:(__unused RCTBridge *)bridge
     if (strongSelf) {
       strongSelf->_turboModuleManagerDelegate = [ScreenshotManagerTurboModuleManagerDelegate new];
       strongSelf->_turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge
-                                                                             delegate:strongSelf->_turboModuleManagerDelegate];
+                                                                             delegate:strongSelf->_turboModuleManagerDelegate
+                                                                            jsInvoker:bridge.jsCallInvoker];
       [strongSelf->_turboModuleManager installJSBindingWithRuntime:&runtime];
     }
   });
diff --git a/RNTester/RNTester/AppDelegate.mm b/RNTester/RNTester/AppDelegate.mm
index 8d1ac2aa4c4f30..ac15022b495250 100644
--- a/RNTester/RNTester/AppDelegate.mm
+++ b/RNTester/RNTester/AppDelegate.mm
@@ -8,6 +8,7 @@
 #import "AppDelegate.h"
 
 #import <React/JSCExecutorFactory.h>
+#import <React/RCTJSIExecutorRuntimeInstaller.h>
 #import <React/RCTBridge.h>
 #import <React/RCTBundleURLProvider.h>
 #import <React/RCTCxxBridgeDelegate.h>
@@ -151,17 +152,21 @@ - (void)loadSourceForBridge:(RCTBridge *)bridge
 
 - (std::unique_ptr<facebook::react::JSExecutorFactory>)jsExecutorFactoryForBridge:(RCTBridge *)bridge
 {
-  _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge delegate:self];
+  _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge
+                                                             delegate:self
+                                                            jsInvoker:bridge.jsCallInvoker];
   __weak __typeof(self) weakSelf = self;
-  return std::make_unique<facebook::react::JSCExecutorFactory>([weakSelf, bridge](facebook::jsi::Runtime &runtime) {
-    if (!bridge) {
-      return;
-    }
-    __typeof(self) strongSelf = weakSelf;
-    if (strongSelf) {
-      [strongSelf->_turboModuleManager installJSBindingWithRuntime:&runtime];
-    }
-  });
+  return std::make_unique<facebook::react::JSCExecutorFactory>(
+    facebook::react::RCTJSIExecutorRuntimeInstaller([weakSelf, bridge](facebook::jsi::Runtime &runtime) {
+      if (!bridge) {
+        return;
+      }
+      __typeof(self) strongSelf = weakSelf;
+      if (strongSelf) {
+        [strongSelf->_turboModuleManager installJSBindingWithRuntime:&runtime];
+      }
+    })
+  );
 }
 
 #pragma mark RCTTurboModuleManagerDelegate
@@ -180,8 +185,10 @@ - (Class)getModuleClassFromName:(const char *)name
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
                                                        instance:(id<RCTTurboModule>)instance
                                                       jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                                                      nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                                                      perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return facebook::react::RNTesterTurboModuleProvider(name, instance, jsInvoker);
+  return facebook::react::RNTesterTurboModuleProvider(name, instance, jsInvoker, nativeInvoker, perfLogger);
 }
 
 - (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
diff --git a/RNTester/RNTester/Base.lproj/LaunchScreen.xib b/RNTester/RNTester/Base.lproj/LaunchScreen.xib
deleted file mode 100644
index f7722dde9ba78c..00000000000000
--- a/RNTester/RNTester/Base.lproj/LaunchScreen.xib
+++ /dev/null
@@ -1,46 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="12120" systemVersion="16F73" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" colorMatched="YES">
-    <device id="retina4_7" orientation="portrait">
-        <adaptation id="fullscreen"/>
-    </device>
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="12088"/>
-        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
-        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
-    </dependencies>
-    <objects>
-        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
-        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
-        <view contentMode="scaleToFill" id="iN0-l3-epB">
-            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
-            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-            <subviews>
-                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="  Copyright (c) Facebook, Inc. and its affiliates." textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
-                    <rect key="frame" x="20" y="439" width="441" height="21"/>
-                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
-                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
-                    <nil key="highlightedColor"/>
-                </label>
-                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="RNTester" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
-                    <rect key="frame" x="20" y="140" width="441" height="43"/>
-                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
-                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
-                    <nil key="highlightedColor"/>
-                </label>
-            </subviews>
-            <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
-            <constraints>
-                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
-                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
-                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
-                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
-                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
-                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
-            </constraints>
-            <nil key="simulatedStatusBarMetrics"/>
-            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
-            <point key="canvasLocation" x="548" y="455"/>
-        </view>
-    </objects>
-</document>
diff --git a/RNTester/RNTester/LaunchScreen.storyboard b/RNTester/RNTester/LaunchScreen.storyboard
new file mode 100644
index 00000000000000..373f89ee18c77e
--- /dev/null
+++ b/RNTester/RNTester/LaunchScreen.storyboard
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="obG-Y5-kRd">
+                                <rect key="frame" x="0.0" y="647" width="375" height="0.0"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="RNTester" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
+                                <rect key="frame" x="0.0" y="202" width="375" height="43"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                                <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="  Copyright (c) Facebook, Inc. and its affiliates." textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
+                                <rect key="frame" x="0.0" y="626" width="375" height="21"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="obG-Y5-kRd" secondAttribute="centerX" id="5cz-MP-9tL"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
+                            <constraint firstItem="obG-Y5-kRd" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="SfN-ll-jLj"/>
+                            <constraint firstAttribute="bottom" secondItem="obG-Y5-kRd" secondAttribute="bottom" constant="20" id="Y44-ml-fuU"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="52.173913043478265" y="375"/>
+        </scene>
+    </scenes>
+</document>
diff --git a/RNTester/RNTester/RNTesterTurboModuleProvider.h b/RNTester/RNTester/RNTesterTurboModuleProvider.h
index 1d684d3ee4c725..4c61336a6df343 100644
--- a/RNTester/RNTester/RNTesterTurboModuleProvider.h
+++ b/RNTester/RNTester/RNTesterTurboModuleProvider.h
@@ -25,7 +25,9 @@ std::shared_ptr<TurboModule> RNTesterTurboModuleProvider(const std::string &name
  */
 std::shared_ptr<TurboModule> RNTesterTurboModuleProvider(const std::string &name,
                                                          id<RCTTurboModule> instance,
-                                                         std::shared_ptr<CallInvoker> jsInvoker);
+                                                         std::shared_ptr<CallInvoker> jsInvoker,
+                                                         std::shared_ptr<CallInvoker> nativeInvoker,
+                                                         id<RCTTurboModulePerformanceLogger> perfLogger);
 
 } // namespace react
 } // namespace facebook
diff --git a/RNTester/RNTester/RNTesterTurboModuleProvider.mm b/RNTester/RNTester/RNTesterTurboModuleProvider.mm
index 70dca8cf2505aa..9c2707654fd76a 100644
--- a/RNTester/RNTester/RNTesterTurboModuleProvider.mm
+++ b/RNTester/RNTester/RNTesterTurboModuleProvider.mm
@@ -30,9 +30,11 @@ Class RNTesterTurboModuleClassProvider(const char *name) {
 
 std::shared_ptr<TurboModule> RNTesterTurboModuleProvider(const std::string &name,
                                                          id<RCTTurboModule> instance,
-                                                         std::shared_ptr<CallInvoker> jsInvoker) {
+                                                         std::shared_ptr<CallInvoker> jsInvoker,
+                                                         std::shared_ptr<CallInvoker> nativeInvoker,
+                                                         id<RCTTurboModulePerformanceLogger> perfLogger) {
   if (name == "SampleTurboModule") {
-    return std::make_shared<NativeSampleTurboModuleSpecJSI>(instance, jsInvoker);
+    return std::make_shared<NativeSampleTurboModuleSpecJSI>(instance, jsInvoker, nativeInvoker, perfLogger);
   }
 
   return nullptr;
diff --git a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png
index dc942bca73cc23..271e80d3f6b487 100644
Binary files a/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png and b/RNTester/RNTesterIntegrationTests/ReferenceImages/RNTester-js-RNTesterApp.ios/testLayoutExample_1-iOS13@2x.png differ
diff --git a/RNTester/RNTesterPods.xcodeproj/project.pbxproj b/RNTester/RNTesterPods.xcodeproj/project.pbxproj
index 43690a406335ed..ba6e0afe25a133 100644
--- a/RNTester/RNTesterPods.xcodeproj/project.pbxproj
+++ b/RNTester/RNTesterPods.xcodeproj/project.pbxproj
@@ -8,7 +8,6 @@
 
 /* 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 */; };
 		272E6B3F1BEA849E001FCF37 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
 		27F441EC1BEBE5030039B79C /* FlexibleSizeExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.m */; };
@@ -48,6 +47,7 @@
 		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 */; };
+		383889DA23A7398900D06C3E /* RCTConvert_UIColorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 383889D923A7398900D06C3E /* RCTConvert_UIColorTests.m */; };
 		3882C0E22445657000E92FB9 /* OCMock.framework in Copy Files (1 item) */ = {isa = PBXBuildFile; fileRef = 38A93816244532460025DABB /* OCMock.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		38A9383C244532470025DABB /* libOCMock.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 38A9381B244532460025DABB /* libOCMock.a */; };
 		38B2630B2444F5EB006AB4D5 /* UpdatePropertiesExampleView.m in Sources */ = {isa = PBXBuildFile; fileRef = 272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.m */; };
@@ -64,8 +64,11 @@
 		5101985B23ADA00B00118BF1 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
 		5C60EB1C226440DB0018C04F /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C60EB1B226440DB0018C04F /* AppDelegate.mm */; };
 		5CB07C9B226467E60039471C /* RNTesterTurboModuleProvider.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5CB07C99226467E60039471C /* RNTesterTurboModuleProvider.mm */; };
+		6766440649168A1FAD1DB4A4 /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5F836A7C97EC1BA121BA5A2A /* libPods-RNTesterIntegrationTests.a */; };
 		7BD4120C2ED6C1CC8686E344 /* libPods-macOSBuild.a in Frameworks */ = {isa = PBXBuildFile; fileRef = FB624ED465B02C53F121EBC8 /* libPods-macOSBuild.a */; };
 		7C718C7B78F06C4CD1D1771A /* libPods-RNTester-macOSIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1B8A3294D74D7AC1BE88DC4E /* libPods-RNTester-macOSIntegrationTests.a */; };
+		8145AE06241172D900A3F8DA /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 8145AE05241172D900A3F8DA /* LaunchScreen.storyboard */; };
+		85C7978AB28C149170A56955 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 11941849F77C552FDC3EED77 /* libPods-RNTesterUnitTests.a */; };
 		8BBFF9F061783A02D50DD2EC /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 8210317F3CE28B1945488740 /* libPods-RNTesterIntegrationTests.a */; };
 		9F15345F233AB2C4006DFE44 /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 9F15345E233AB2C4006DFE44 /* AppDelegate.mm */; };
 		9F153461233AB2C7006DFE44 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 9F153460233AB2C7006DFE44 /* Assets.xcassets */; };
@@ -182,9 +185,9 @@
 /* Begin PBXFileReference section */
 		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>"; };
+		11941849F77C552FDC3EED77 /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		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>"; };
 		1B8A3294D74D7AC1BE88DC4E /* libPods-RNTester-macOSIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester-macOSIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -198,6 +201,7 @@
 		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>"; };
+		383889D923A7398900D06C3E /* RCTConvert_UIColorTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTConvert_UIColorTests.m; 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; };
@@ -216,9 +220,11 @@
 		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>"; };
+		5F836A7C97EC1BA121BA5A2A /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		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; };
+		8145AE05241172D900A3F8DA /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = RNTester/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		8210317F3CE28B1945488740 /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		84C1A5DCCB6A5B4ABD3C2C93 /* Pods-macOSBuild.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-macOSBuild.debug.xcconfig"; path = "Pods/Target Support Files/Pods-macOSBuild/Pods-macOSBuild.debug.xcconfig"; sourceTree = "<group>"; };
 		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>"; };
@@ -277,6 +283,7 @@
 		B2CEBEBA250D8D3200D92658 /* Windows.Foundation.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = Windows.Foundation.h; path = TurboModuleCxx/winrt/Windows.Foundation.h; sourceTree = "<group>"; };
 		B2F2040824E76D7600863BE1 /* ScreenshotMacOS.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = ScreenshotMacOS.h; path = NativeModuleExample/ScreenshotMacOS.h; sourceTree = SOURCE_ROOT; };
 		B2F2040924E76D7600863BE1 /* ScreenshotMacOS.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = ScreenshotMacOS.mm; path = NativeModuleExample/ScreenshotMacOS.mm; sourceTree = SOURCE_ROOT; };
+		B5C8E567A4E6281113811CB1 /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		C81D39A606858D29861E5930 /* Pods-iosSimulatorBuild.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-iosSimulatorBuild.debug.xcconfig"; path = "Pods/Target Support Files/Pods-iosSimulatorBuild/Pods-iosSimulatorBuild.debug.xcconfig"; sourceTree = "<group>"; };
 		E65D2B0329006BC5338BB7D5 /* libPods-iosSimulatorBuild.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-iosSimulatorBuild.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		E68A0B7D2448B4F300228B0B /* RNTesterUnitTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = RNTesterUnitTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -422,6 +429,7 @@
 				383838C1244BC3D9005FAC75 /* JavaScriptCore.framework in Frameworks */,
 				38A9383C244532470025DABB /* libOCMock.a in Frameworks */,
 				E59A0FBD0170A092274A6207 /* libPods-RNTesterUnitTests.a in Frameworks */,
+				85C7978AB28C149170A56955 /* libPods-RNTesterUnitTests.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -432,6 +440,7 @@
 				E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */,
 				E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */,
 				8BBFF9F061783A02D50DD2EC /* libPods-RNTesterIntegrationTests.a in Frameworks */,
+				6766440649168A1FAD1DB4A4 /* libPods-RNTesterIntegrationTests.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -458,7 +467,7 @@
 				5CB07C99226467E60039471C /* RNTesterTurboModuleProvider.mm */,
 				13B07FB71A68108700A75B9A /* main.m */,
 				2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */,
-				13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
+				8145AE05241172D900A3F8DA /* LaunchScreen.storyboard */,
 				272E6B3A1BEA846C001FCF37 /* NativeExampleViews */,
 				1323F18D1C04ABAC0091BED0 /* Supporting Files */,
 			);
@@ -512,6 +521,9 @@
 				287A4762E82517B7FACCE7D3 /* libPods-iosDeviceBuild.a */,
 				E65D2B0329006BC5338BB7D5 /* libPods-iosSimulatorBuild.a */,
 				FB624ED465B02C53F121EBC8 /* libPods-macOSBuild.a */,
+				B5C8E567A4E6281113811CB1 /* libPods-RNTester.a */,
+				5F836A7C97EC1BA121BA5A2A /* libPods-RNTesterIntegrationTests.a */,
+				11941849F77C552FDC3EED77 /* libPods-RNTesterUnitTests.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -673,6 +685,7 @@
 				E7DB20CC22B2BAA5005AC45F /* RCTComponentPropsTests.m */,
 				E7DB20CA22B2BAA5005AC45F /* RCTConvert_NSURLTests.m */,
 				E7DB20CE22B2BAA5005AC45F /* RCTConvert_YGValueTests.m */,
+				383889D923A7398900D06C3E /* RCTConvert_UIColorTests.m */,
 				E7DB20C822B2BAA5005AC45F /* RCTDevMenuTests.m */,
 				E7DB20C022B2BAA4005AC45F /* RCTEventDispatcherTests.m */,
 				E7DB20AF22B2BAA4005AC45F /* RCTFontTests.m */,
@@ -750,12 +763,13 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "RNTester" */;
 			buildPhases = (
-				F9CB97B0D9633939D43E75E0 /* [CP] Check Pods Manifest.lock */,
+				D9BE43355C8C29497EED268E /* [CP] Check Pods Manifest.lock */,
 				13B07F871A680F5B00A75B9A /* Sources */,
 				13B07F8C1A680F5B00A75B9A /* Frameworks */,
 				13B07F8E1A680F5B00A75B9A /* Resources */,
 				68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */,
 				5CF0FD27207FC6EC00C13D65 /* Start Metro */,
+				8BA2D8960038381F0B753726 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -770,7 +784,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 387847D7245631D80035033A /* Build configuration list for PBXNativeTarget "iosDeviceBuild" */;
 			buildPhases = (
-				F45233491ACAD25C16E8F1CA /* [CP] Check Pods Manifest.lock */,
+				79A2B74F37E4F8AF8B3D0A7A /* [CP] Check Pods Manifest.lock */,
 				387847CD245631D80035033A /* Sources */,
 				387847CE245631D80035033A /* Frameworks */,
 				387847CF245631D80035033A /* CopyFiles */,
@@ -788,7 +802,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 387847E4245631F50035033A /* Build configuration list for PBXNativeTarget "iosSimulatorBuild" */;
 			buildPhases = (
-				258A8D3EFB14581FF1CA788D /* [CP] Check Pods Manifest.lock */,
+				DBAEBACAAEA09D5E7591E051 /* [CP] Check Pods Manifest.lock */,
 				387847DA245631F50035033A /* Sources */,
 				387847DB245631F50035033A /* Frameworks */,
 				387847DC245631F50035033A /* CopyFiles */,
@@ -806,7 +820,7 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 387847F12456320C0035033A /* Build configuration list for PBXNativeTarget "macOSBuild" */;
 			buildPhases = (
-				DFD62DE759BFAB8AABFA4179 /* [CP] Check Pods Manifest.lock */,
+				26905525A793EABD06A4E9DD /* [CP] Check Pods Manifest.lock */,
 				387847E72456320C0035033A /* Headers */,
 				387847E82456320C0035033A /* Sources */,
 				387847E92456320C0035033A /* Frameworks */,
@@ -824,13 +838,14 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 9F153485233AB2C7006DFE44 /* Build configuration list for PBXNativeTarget "RNTester-macOS" */;
 			buildPhases = (
-				26ED73F8C59C75926FA607C9 /* [CP] Check Pods Manifest.lock */,
+				840572194E08440DE712816E /* [CP] Check Pods Manifest.lock */,
 				9F153457233AB2C4006DFE44 /* Sources */,
 				9F153458233AB2C4006DFE44 /* Frameworks */,
 				9F153459233AB2C4006DFE44 /* Resources */,
 				38C8132424577FB500BFFA62 /* Build JS Bundle */,
 				51B9D81723C4D5A4002B30E1 /* Start Metro */,
-				4733C3A4FBA299F6E1E956BA /* [CP] Embed Pods Frameworks */,
+				912CCA057E7BE90E9EC53D33 /* [CP] Embed Pods Frameworks */,
+				33B976C36DF90C0A044DC053 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -845,11 +860,12 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 9F153486233AB2C7006DFE44 /* Build configuration list for PBXNativeTarget "RNTester-macOSUnitTests" */;
 			buildPhases = (
-				0DDB94B4378380EBD190814A /* [CP] Check Pods Manifest.lock */,
+				8BEE9E647FF71296D5EFD137 /* [CP] Check Pods Manifest.lock */,
 				9F153469233AB2C7006DFE44 /* Sources */,
 				9F15346A233AB2C7006DFE44 /* Frameworks */,
 				9F15346B233AB2C7006DFE44 /* Resources */,
 				3882C0E12445655100E92FB9 /* Copy Files (1 item) */,
+				DCF7F2DA774E70B7DE02783C /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -865,10 +881,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 9F153487233AB2C7006DFE44 /* Build configuration list for PBXNativeTarget "RNTester-macOSIntegrationTests" */;
 			buildPhases = (
-				599A88804E613F1AA7525CB9 /* [CP] Check Pods Manifest.lock */,
+				B8BFFD6300CD470A1DF043B6 /* [CP] Check Pods Manifest.lock */,
 				9F153474233AB2C7006DFE44 /* Sources */,
 				9F153475233AB2C7006DFE44 /* Frameworks */,
 				9F153476233AB2C7006DFE44 /* Resources */,
+				4BDC0C5271A785332898B818 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -884,10 +901,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = E7DB20A622B2BA84005AC45F /* Build configuration list for PBXNativeTarget "RNTesterUnitTests" */;
 			buildPhases = (
-				64C8C8D2305EEDFDE304A0E6 /* [CP] Check Pods Manifest.lock */,
+				1FD7CC5A44DCEE15C8D13E0A /* [CP] Check Pods Manifest.lock */,
 				E7DB209B22B2BA84005AC45F /* Sources */,
 				E7DB209C22B2BA84005AC45F /* Frameworks */,
 				E7DB209D22B2BA84005AC45F /* Resources */,
+				D3E745B9771EC6F02AC52196 /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -902,10 +920,11 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = E7DB215A22B2F332005AC45F /* Build configuration list for PBXNativeTarget "RNTesterIntegrationTests" */;
 			buildPhases = (
-				56D84768A7BBB2750D674CF3 /* [CP] Check Pods Manifest.lock */,
+				A7D95A9E84DEB30F42E4B186 /* [CP] Check Pods Manifest.lock */,
 				E7DB214F22B2F332005AC45F /* Sources */,
 				E7DB215022B2F332005AC45F /* Frameworks */,
 				E7DB215122B2F332005AC45F /* Resources */,
+				186E435C9BE5B7CC0656A19C /* [CP] Copy Pods Resources */,
 			);
 			buildRules = (
 			);
@@ -923,7 +942,7 @@
 		83CBB9F71A601CBA00E9B192 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0940;
+				LastUpgradeCheck = 1130;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					387847D0245631D80035033A = {
@@ -960,10 +979,9 @@
 			};
 			buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "RNTesterPods" */;
 			compatibilityVersion = "Xcode 9.3";
-			developmentRegion = English;
+			developmentRegion = en;
 			hasScannedForEncodings = 0;
 			knownRegions = (
-				English,
 				en,
 				Base,
 			);
@@ -991,8 +1009,8 @@
 			buildActionMask = 2147483647;
 			files = (
 				2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */,
+				8145AE06241172D900A3F8DA /* LaunchScreen.storyboard in Resources */,
 				3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */,
-				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -1039,29 +1057,24 @@
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
-		0DDB94B4378380EBD190814A /* [CP] Check Pods Manifest.lock */ = {
+		186E435C9BE5B7CC0656A19C /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			inputPaths = (
-				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
-				"${PODS_ROOT}/Manifest.lock",
-			);
-			name = "[CP] Check Pods Manifest.lock";
+			name = "[CP] Copy Pods Resources";
 			outputFileListPaths = (
-			);
-			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSUnitTests-checkManifestLockResult.txt",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		258A8D3EFB14581FF1CA788D /* [CP] Check Pods Manifest.lock */ = {
+		1FD7CC5A44DCEE15C8D13E0A /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1076,14 +1089,14 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-iosSimulatorBuild-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;
 		};
-		26ED73F8C59C75926FA607C9 /* [CP] Check Pods Manifest.lock */ = {
+		26905525A793EABD06A4E9DD /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1098,13 +1111,30 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOS-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-macOSBuild-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;
 		};
+		33B976C36DF90C0A044DC053 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		38C8132424577FB500BFFA62 /* Build JS Bundle */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -1123,21 +1153,21 @@
 			shellPath = /bin/sh;
 			shellScript = "export NODE_BINARY=node\nexport PROJECT_ROOT=$SRCROOT/..\nexport SOURCEMAP_FILE=sourcemap.macOS.map\n# export FORCE_BUNDLING=true\n$SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.macos.js\n";
 		};
-		4733C3A4FBA299F6E1E956BA /* [CP] Embed Pods Frameworks */ = {
+		4BDC0C5271A785332898B818 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
 			inputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOSIntegrationTests/Pods-RNTester-macOSIntegrationTests-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			name = "[CP] Embed Pods Frameworks";
+			name = "[CP] Copy Pods Resources";
 			outputFileListPaths = (
-				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOSIntegrationTests/Pods-RNTester-macOSIntegrationTests-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-frameworks.sh\"\n";
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOSIntegrationTests/Pods-RNTester-macOSIntegrationTests-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
 		51B9D81723C4D5A4002B30E1 /* Start Metro */ = {
@@ -1159,7 +1189,36 @@
 			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;
 		};
-		56D84768A7BBB2750D674CF3 /* [CP] Check Pods Manifest.lock */ = {
+		5CF0FD27207FC6EC00C13D65 /* Start Metro */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputPaths = (
+			);
+			name = "Start Metro";
+			outputPaths = (
+			);
+			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";
+			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\nexport PROJECT_ROOT=$SRCROOT/..\nexport SOURCEMAP_FILE=../sourcemap.ios.map\n# export FORCE_BUNDLING=true\nPROJECT_ROOT=$SRCROOT/.. $SRCROOT/../scripts/react-native-xcode.sh RNTester/js/RNTesterApp.ios.js\n";
+		};
+		79A2B74F37E4F8AF8B3D0A7A /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1174,14 +1233,14 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTesterIntegrationTests-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-iosDeviceBuild-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;
 		};
-		599A88804E613F1AA7525CB9 /* [CP] Check Pods Manifest.lock */ = {
+		840572194E08440DE712816E /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1196,29 +1255,31 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSIntegrationTests-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;
 		};
-		5CF0FD27207FC6EC00C13D65 /* Start Metro */ = {
+		8BA2D8960038381F0B753726 /* [CP] Copy Pods Resources */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
 			);
-			inputPaths = (
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-resources-${CONFIGURATION}-input-files.xcfilelist",
 			);
-			name = "Start Metro";
-			outputPaths = (
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-resources-${CONFIGURATION}-output-files.xcfilelist",
 			);
 			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 = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester/Pods-RNTester-resources.sh\"\n";
 			showEnvVarsInLog = 0;
 		};
-		64C8C8D2305EEDFDE304A0E6 /* [CP] Check Pods Manifest.lock */ = {
+		8BEE9E647FF71296D5EFD137 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1233,28 +1294,53 @@
 			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;
 		};
-		68CD48B71D2BCB2C007E06A9 /* Build JS Bundle */ = {
+		912CCA057E7BE90E9EC53D33 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-frameworks-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-frameworks-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		A7D95A9E84DEB30F42E4B186 /* [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 = "Build JS Bundle";
 			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-RNTesterIntegrationTests-checkManifestLockResult.txt",
 			);
 			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";
+			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;
 		};
-		DFD62DE759BFAB8AABFA4179 /* [CP] Check Pods Manifest.lock */ = {
+		B8BFFD6300CD470A1DF043B6 /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1269,14 +1355,31 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-macOSBuild-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-macOSIntegrationTests-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;
 		};
-		F45233491ACAD25C16E8F1CA /* [CP] Check Pods Manifest.lock */ = {
+		D3E745B9771EC6F02AC52196 /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
+		D9BE43355C8C29497EED268E /* [CP] Check Pods Manifest.lock */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
@@ -1291,31 +1394,52 @@
 			outputFileListPaths = (
 			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-iosDeviceBuild-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-RNTester-checkManifestLockResult.txt",
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
 			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
 			showEnvVarsInLog = 0;
 		};
-		F9CB97B0D9633939D43E75E0 /* [CP] Check Pods Manifest.lock */ = {
+		DBAEBACAAEA09D5E7591E051 /* [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 = (
+			);
 			outputPaths = (
-				"$(DERIVED_FILE_DIR)/Pods-RNTester-checkManifestLockResult.txt",
+				"$(DERIVED_FILE_DIR)/Pods-iosSimulatorBuild-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;
 		};
+		DCF7F2DA774E70B7DE02783C /* [CP] Copy Pods Resources */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests-resources-${CONFIGURATION}-input-files.xcfilelist",
+			);
+			name = "[CP] Copy Pods Resources";
+			outputFileListPaths = (
+				"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests-resources-${CONFIGURATION}-output-files.xcfilelist",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests-resources.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */
@@ -1441,6 +1565,7 @@
 				E7DB20D322B2BAA6005AC45F /* RCTBlobManagerTests.m in Sources */,
 				E7DB20DC22B2BAA6005AC45F /* RCTUIManagerTests.m in Sources */,
 				E7DB20E322B2BAA6005AC45F /* RCTAllocationTests.m in Sources */,
+				383889DA23A7398900D06C3E /* RCTConvert_UIColorTests.m in Sources */,
 				E7DB20E622B2BAA6005AC45F /* RCTImageLoaderHelpers.m in Sources */,
 				E7DB20D622B2BAA6005AC45F /* RCTFontTests.m in Sources */,
 				E7DB20DB22B2BAA6005AC45F /* RCTNativeAnimatedNodesManagerTests.m in Sources */,
@@ -1493,15 +1618,6 @@
 /* End PBXTargetDependency section */
 
 /* Begin PBXVariantGroup section */
-		13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
-			isa = PBXVariantGroup;
-			children = (
-				13B07FB21A68108700A75B9A /* Base */,
-			);
-			name = LaunchScreen.xib;
-			path = RNTester;
-			sourceTree = "<group>";
-		};
 		5101985523AD9EE600118BF1 /* Main.storyboard */ = {
 			isa = PBXVariantGroup;
 			children = (
@@ -1521,47 +1637,22 @@
 				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
 				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
-				HEADER_SEARCH_PATHS = (
+				GCC_PREPROCESSOR_DEFINITIONS = (
 					"$(inherited)",
-					"\"${PODS_ROOT}/Headers/Public\"",
-					"\"${PODS_ROOT}/Headers/Public/DoubleConversion\"",
-					"\"${PODS_ROOT}/Headers/Public/React-ART\"",
-					"\"${PODS_ROOT}/Headers/Public/React-Core\"",
-					"\"${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-RCTFabric\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTGeolocation\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTImage\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTLinking\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTNetwork\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTPushNotification\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTSettings\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTText\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTVibration\"",
-					"\"${PODS_ROOT}/Headers/Public/React-cxxreact\"",
-					"\"${PODS_ROOT}/Headers/Public/React-fishhook\"",
-					"\"${PODS_ROOT}/Headers/Public/React-jsi\"",
-					"\"${PODS_ROOT}/Headers/Public/React-jsiexecutor\"",
-					"\"${PODS_ROOT}/Headers/Public/React-jsinspector\"",
-					"\"${PODS_ROOT}/Headers/Public/glog\"",
-					"\"${PODS_ROOT}/Headers/Public/libevent\"",
-					"\"$(PODS_ROOT)/boost-for-react-native\"",
-					"\"$(PODS_ROOT)/Folly\"",
-					"\"$(PODS_ROOT)/DoubleConversion\"",
+					"FB_SONARKIT_ENABLED=1",
 				);
 				INFOPLIST_FILE = "$(SRCROOT)/RNTester/Info.plist";
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				LD_RUNPATH_SEARCH_PATHS = (
 					/usr/lib/swift,
-					"@executable_path/Frameworks",
+					"$(inherited)",
 				);
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
 					"$(TOOLCHAIN_DIR)/usr/lib/swift-5.0/$(PLATFORM_NAME)",
 					"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)",
 				);
+				"LIBRARY_SEARCH_PATHS[arch=*]" = "$(inherited)";
 				OTHER_CFLAGS = (
 					"$(inherited)",
 					"-DFB_SONARKIT_ENABLED=1",
@@ -1573,6 +1664,7 @@
 					"-framework",
 					"\"JavaScriptCore\"",
 				);
+				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
 				PRODUCT_NAME = RNTester;
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -1587,41 +1679,11 @@
 				CLANG_CXX_LANGUAGE_STANDARD = "c++14";
 				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
-				HEADER_SEARCH_PATHS = (
-					"$(inherited)",
-					"\"${PODS_ROOT}/Headers/Public\"",
-					"\"${PODS_ROOT}/Headers/Public/DoubleConversion\"",
-					"\"${PODS_ROOT}/Headers/Public/React-ART\"",
-					"\"${PODS_ROOT}/Headers/Public/React-Core\"",
-					"\"${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-RCTFabric\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTGeolocation\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTImage\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTLinking\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTNetwork\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTPushNotification\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTSettings\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTText\"",
-					"\"${PODS_ROOT}/Headers/Public/React-RCTVibration\"",
-					"\"${PODS_ROOT}/Headers/Public/React-cxxreact\"",
-					"\"${PODS_ROOT}/Headers/Public/React-fishhook\"",
-					"\"${PODS_ROOT}/Headers/Public/React-jsi\"",
-					"\"${PODS_ROOT}/Headers/Public/React-jsiexecutor\"",
-					"\"${PODS_ROOT}/Headers/Public/React-jsinspector\"",
-					"\"${PODS_ROOT}/Headers/Public/glog\"",
-					"\"${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;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				LD_RUNPATH_SEARCH_PATHS = (
 					/usr/lib/swift,
-					"@executable_path/Frameworks",
+					"$(inherited)",
 				);
 				LIBRARY_SEARCH_PATHS = (
 					"$(inherited)",
@@ -1639,6 +1701,7 @@
 					"-framework",
 					"\"JavaScriptCore\"",
 				);
+				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.react.uiapp;
 				PRODUCT_NAME = RNTester;
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -1789,6 +1852,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
@@ -1844,7 +1908,7 @@
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_LABEL = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				OTHER_CPLUSPLUSFLAGS = (
@@ -1870,6 +1934,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
 				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
 				CLANG_CXX_LIBRARY = "libc++";
 				CLANG_ENABLE_MODULES = YES;
@@ -1918,7 +1983,7 @@
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_LABEL = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				OTHER_CPLUSPLUSFLAGS = (
 					"$(OTHER_CFLAGS)",
@@ -2228,6 +2293,7 @@
 					"$(inherited)",
 					"-DFB_SONARKIT_ENABLED=1",
 				);
+				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterUnitTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -2263,6 +2329,7 @@
 					"$(inherited)",
 					"-DFB_SONARKIT_ENABLED=1",
 				);
+				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterUnitTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -2299,6 +2366,7 @@
 					"$(inherited)",
 					"-DFB_SONARKIT_ENABLED=1",
 				);
+				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterIntegrationTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -2332,6 +2400,7 @@
 					"$(inherited)",
 					"-DFB_SONARKIT_ENABLED=1",
 				);
+				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
 				PRODUCT_BUNDLE_IDENTIFIER = com.facebook.RNTesterIntegrationTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
index 500b06c03557b1..aa5eb07b7a0e40 100644
--- a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTester.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1020"
+   LastUpgradeVersion = "1130"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "NO"
@@ -27,6 +27,22 @@
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       shouldUseLaunchSchemeArgsEnv = "NO">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "RNTester.app"
+            BlueprintName = "RNTester"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <EnvironmentVariables>
+         <EnvironmentVariable
+            key = "CI_USE_PACKAGER"
+            value = "1"
+            isEnabled = "YES">
+         </EnvironmentVariable>
+      </EnvironmentVariables>
       <Testables>
          <TestableReference
             skipped = "NO">
@@ -49,24 +65,6 @@
             </BuildableReference>
          </TestableReference>
       </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "RNTester.app"
-            BlueprintName = "RNTester"
-            ReferencedContainer = "container:RNTesterPods.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <EnvironmentVariables>
-         <EnvironmentVariable
-            key = "CI_USE_PACKAGER"
-            value = "1"
-            isEnabled = "YES">
-         </EnvironmentVariable>
-      </EnvironmentVariables>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </TestAction>
    <LaunchAction
       buildConfiguration = "Debug"
@@ -88,8 +86,6 @@
             ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
       </BuildableProductRunnable>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Release"
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme
index ed4d39a4a86380..e20a1e7cd139c5 100644
--- a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterIntegrationTests.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1020"
+   LastUpgradeVersion = "1130"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "NO"
@@ -27,23 +27,6 @@
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       shouldUseLaunchSchemeArgsEnv = "NO">
-      <Testables>
-         <TestableReference
-            skipped = "NO">
-            <BuildableReference
-               BuildableIdentifier = "primary"
-               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"
@@ -65,8 +48,23 @@
             isEnabled = "YES">
          </EnvironmentVariable>
       </EnvironmentVariables>
-      <AdditionalOptions>
-      </AdditionalOptions>
+      <Testables>
+         <TestableReference
+            skipped = "NO">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "E7DB215222B2F332005AC45F"
+               BuildableName = "RNTesterIntegrationTests.xctest"
+               BlueprintName = "RNTesterIntegrationTests"
+               ReferencedContainer = "container:RNTesterPods.xcodeproj">
+            </BuildableReference>
+            <SkippedTests>
+               <Test
+                  Identifier = "RCTLoggingTests/testLogging">
+               </Test>
+            </SkippedTests>
+         </TestableReference>
+      </Testables>
    </TestAction>
    <LaunchAction
       buildConfiguration = "Debug"
@@ -87,8 +85,6 @@
             ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
       </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Release"
diff --git a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme
index b70d071c08e54d..992ab6e6af4360 100644
--- a/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme
+++ b/RNTester/RNTesterPods.xcodeproj/xcshareddata/xcschemes/RNTesterUnitTests.xcscheme
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <Scheme
-   LastUpgradeVersion = "1020"
+   LastUpgradeVersion = "1130"
    version = "1.3">
    <BuildAction
       parallelizeBuildables = "NO"
@@ -41,6 +41,22 @@
       selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
       selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
       shouldUseLaunchSchemeArgsEnv = "YES">
+      <MacroExpansion>
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
+            BuildableName = "RNTester.app"
+            BlueprintName = "RNTester"
+            ReferencedContainer = "container:RNTesterPods.xcodeproj">
+         </BuildableReference>
+      </MacroExpansion>
+      <EnvironmentVariables>
+         <EnvironmentVariable
+            key = "CI_USE_PACKAGER"
+            value = "1"
+            isEnabled = "YES">
+         </EnvironmentVariable>
+      </EnvironmentVariables>
       <Testables>
          <TestableReference
             skipped = "NO">
@@ -68,17 +84,6 @@
             </BuildableReference>
          </TestableReference>
       </Testables>
-      <MacroExpansion>
-         <BuildableReference
-            BuildableIdentifier = "primary"
-            BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
-            BuildableName = "RNTester.app"
-            BlueprintName = "RNTester"
-            ReferencedContainer = "container:RNTesterPods.xcodeproj">
-         </BuildableReference>
-      </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </TestAction>
    <LaunchAction
       buildConfiguration = "Debug"
@@ -99,8 +104,6 @@
             ReferencedContainer = "container:RNTesterPods.xcodeproj">
          </BuildableReference>
       </MacroExpansion>
-      <AdditionalOptions>
-      </AdditionalOptions>
    </LaunchAction>
    <ProfileAction
       buildConfiguration = "Release"
diff --git a/RNTester/RNTesterUnitTests/RCTAllocationTests.m b/RNTester/RNTesterUnitTests/RCTAllocationTests.m
index 4fb2f74fad6827..fd1204fa20ee6c 100644
--- a/RNTester/RNTesterUnitTests/RCTAllocationTests.m
+++ b/RNTester/RNTesterUnitTests/RCTAllocationTests.m
@@ -60,7 +60,6 @@ - (void)setUp
    "  callFunctionReturnFlushedQueue: function() { return null; },"
    "  invokeCallbackAndReturnFlushedQueue: function() { return null; },"
    "  flushedQueue: function() { return null; },"
-   "  callFunctionReturnResultAndFlushedQueue: function() { return null; },"
    "};";
 
   NSURL *tempDir = [NSURL fileURLWithPath:NSTemporaryDirectory() isDirectory:YES];
diff --git a/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m b/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m
index 443265302687c4..41c07d9d5b55db 100644
--- a/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m
+++ b/RNTester/RNTesterUnitTests/RCTConvert_UIColorTests.m
@@ -1,9 +1,8 @@
-/**
- * Copyright (c) 2015-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.
- *
  */
 
 // TODO(macOS ISS#3536887)
@@ -16,6 +15,19 @@ @interface RCTConvert_NSColorTests : XCTestCase
 
 @end
 
+static BOOL CGColorsAreEqual(CGColorRef color1, CGColorRef color2) {
+  CGFloat rgba1[4];
+  CGFloat rgba2[4];
+  RCTGetRGBAColorComponents(color1, rgba1);
+  RCTGetRGBAColorComponents(color2, rgba2);
+  for (int i = 0; i < 4; i++) {
+    if (rgba1[i] != rgba2[i]) {
+      return NO;
+    }
+  }
+  return YES;
+}
+
 @implementation RCTConvert_NSColorTests
 
 - (void)testColor
@@ -47,7 +59,7 @@ - (void)testFallbackColor
 {
   id json = RCTJSONParse(@"{ \"semantic\": \"unitTestFallbackColorIOS\" }", nil);
   UIColor *value = [RCTConvert UIColor:json];
-  XCTAssertEqualObjects(value, [UIColor blueColor]);
+  XCTAssertTrue(CGColorsAreEqual([value CGColor], [[UIColor blueColor] CGColor]));
 }
 
 - (void)testDynamicColor
@@ -61,7 +73,6 @@ - (void)testDynamicColor
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
     id savedTraitCollection = [UITraitCollection currentTraitCollection];
-    
     [UITraitCollection setCurrentTraitCollection:[UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleLight]];
     CGFloat rgba[4];
     RCTGetRGBAColorComponents([value CGColor], rgba);
@@ -69,14 +80,12 @@ - (void)testDynamicColor
     XCTAssertEqual(rgba[1], 0);
     XCTAssertEqual(rgba[2], 0);
     XCTAssertEqual(rgba[3], 0);
-    
     [UITraitCollection setCurrentTraitCollection:[UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleDark]];
     RCTGetRGBAColorComponents([value CGColor], rgba);
     XCTAssertEqual(rgba[0], 1);
     XCTAssertEqual(rgba[1], 1);
     XCTAssertEqual(rgba[2], 1);
     XCTAssertEqual(rgba[3], 0);
-    
     [UITraitCollection setCurrentTraitCollection:savedTraitCollection];
   }
 #endif
@@ -91,27 +100,15 @@ - (void)testCompositeDynamicColor
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
     id savedTraitCollection = [UITraitCollection currentTraitCollection];
-    
+
     [UITraitCollection setCurrentTraitCollection:[UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleLight]];
-    
-    CGFloat rgba1[4];
-    CGFloat rgba2[4];
-    RCTGetRGBAColorComponents([value CGColor], rgba1);
-    RCTGetRGBAColorComponents([[UIColor systemRedColor] CGColor], rgba2);
-    XCTAssertEqual(rgba1[0], rgba2[0]);
-    XCTAssertEqual(rgba1[1], rgba2[1]);
-    XCTAssertEqual(rgba1[2], rgba2[2]);
-    XCTAssertEqual(rgba1[3], rgba2[3]);
-    
+
+    XCTAssertTrue(CGColorsAreEqual([value CGColor], [[UIColor systemRedColor] CGColor]));
+
     [UITraitCollection setCurrentTraitCollection:[UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleDark]];
-    
-    RCTGetRGBAColorComponents([value CGColor], rgba1);
-    RCTGetRGBAColorComponents([[UIColor systemBlueColor] CGColor], rgba2);
-    XCTAssertEqual(rgba1[0], rgba2[0]);
-    XCTAssertEqual(rgba1[1], rgba2[1]);
-    XCTAssertEqual(rgba1[2], rgba2[2]);
-    XCTAssertEqual(rgba1[3], rgba2[3]);
-    
+
+    XCTAssertTrue(CGColorsAreEqual([value CGColor], [[UIColor systemBlueColor] CGColor]));
+
     [UITraitCollection setCurrentTraitCollection:savedTraitCollection];
   }
 #endif
@@ -157,12 +154,10 @@ - (void)testGenerateFallbacks
     @"systemGray5Color": @(0xFFe5e5ea),
     @"systemGray6Color": @(0xFFf2f2f7),
   };
-  
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   id savedTraitCollection = nil;
   if (@available(iOS 13.0, *)) {
     savedTraitCollection = [UITraitCollection currentTraitCollection];
-    
     [UITraitCollection setCurrentTraitCollection:[UITraitCollection traitCollectionWithUserInterfaceStyle:UIUserInterfaceStyleLight]];
   }
 #endif
@@ -191,7 +186,6 @@ - (void)testGenerateFallbacks
     XCTAssertEqual(blue1, blue2);
     XCTAssertEqual(alpha1, alpha2);
   }
-  
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
     [UITraitCollection setCurrentTraitCollection:savedTraitCollection];
diff --git a/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m b/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m
index 5e17c5056cfe0e..7a791930591e42 100644
--- a/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m
+++ b/RNTester/RNTesterUnitTests/RCTImageLoaderTests.m
@@ -51,7 +51,7 @@ - (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"]];
+  NSURLRequest *urlRequest = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://reactnative.dev/img/opengraph.png"]];
   [[bridge moduleForClass:[RCTImageLoader class]]
    loadImageWithURLRequest:urlRequest
    size:CGSizeMake(100, 100)
@@ -89,7 +89,7 @@ - (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"]];
+  NSURLRequest *urlRequest = [NSURLRequest requestWithURL:[NSURL URLWithString:@"https://reactnative.dev/img/opengraph.png"]];
   [[bridge moduleForClass:[RCTImageLoader class]]
    loadImageWithURLRequest:urlRequest
    size:CGSizeMake(100, 100)
diff --git a/RNTester/android/app/build.gradle b/RNTester/android/app/build.gradle
index d27f7d9804e8f9..0a36475ade519b 100644
--- a/RNTester/android/app/build.gradle
+++ b/RNTester/android/app/build.gradle
@@ -65,12 +65,13 @@ plugins {
  */
 
 project.ext.react = [
+    cliPath: "$rootDir/cli.js",
     bundleAssetName: "RNTesterApp.android.bundle",
     entryFile: file("../../js/RNTesterApp.android.js"),
     root: "$rootDir",
     inputExcludes: ["android/**", "./**", ".gradle/**"],
     composeSourceMapsPath: "$rootDir/scripts/compose-source-maps.js",
-    hermesCommand: "../../../node_modules/hermes-engine/%OS-BIN%/hermes",
+    hermesCommand: "../../../node_modules/hermes-engine/%OS-BIN%/hermesc",
     enableHermesForVariant: { def v -> v.name.contains("hermes") }
 ]
 
@@ -103,13 +104,6 @@ def useIntlJsc = false
 android {
     compileSdkVersion 29
 
-    packagingOptions {
-        pickFirst '**/armeabi-v7a/libc++_shared.so'
-        pickFirst '**/x86/libc++_shared.so'
-        pickFirst '**/x86_64/libc++_shared.so'
-        pickFirst '**/arm64-v8a/libc++_shared.so'
-    }
-
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
         targetCompatibility JavaVersion.VERSION_1_8
@@ -127,10 +121,12 @@ android {
 
     defaultConfig {
         applicationId "com.facebook.react.uiapp"
-        minSdkVersion 16
+        minSdkVersion 18
         targetSdkVersion 29
         versionCode 1
         versionName "1.0"
+        testBuildType System.getProperty('testBuildType', 'debug')  // This will later be used to control the test apk build type
+        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
     }
     signingConfigs {
         release {
@@ -156,10 +152,17 @@ android {
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
             signingConfig signingConfigs.release
+            // Detox-specific additions to pro-guard
+            proguardFile "${rootProject.projectDir}/../node_modules/detox/android/detox/proguard-rules-app.pro"
         }
     }
 }
 
+configurations {
+  hermesDebugImplementation {}
+  hermesReleaseImplementation {}
+}
+
 dependencies {
     implementation fileTree(dir: 'libs', include: ['*.jar'])
 
@@ -169,8 +172,8 @@ dependencies {
     implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 
     def hermesPath = '$projectDir/../../../../node_modules/hermes-engine/android/'
-    debugImplementation files(hermesPath + "hermes-debug.aar")
-    releaseImplementation files(hermesPath + "hermes-release.aar")
+    hermesDebugImplementation files(hermesPath + "hermes-debug.aar")
+    hermesReleaseImplementation files(hermesPath + "hermes-release.aar")
 
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
         exclude group:'com.facebook.fbjni'
@@ -185,8 +188,12 @@ dependencies {
     }
 
     if (useIntlJsc) {
-        implementation 'org.webkit:android-jsc-intl:+'
+        jscImplementation 'org.webkit:android-jsc-intl:+'
     } else {
-        implementation 'org.webkit:android-jsc:+'
+        jscImplementation 'org.webkit:android-jsc:+'
     }
+
+    // Use detox test library
+    androidTestImplementation('com.wix:detox:+') { transitive = true }
+    androidTestImplementation 'junit:junit:4.12'
 }
diff --git a/RNTester/android/app/gradle.properties b/RNTester/android/app/gradle.properties
index 3d9a626c164f38..4ff9751aab7d8b 100644
--- a/RNTester/android/app/gradle.properties
+++ b/RNTester/android/app/gradle.properties
@@ -9,4 +9,4 @@ android.useAndroidX=true
 android.enableJetifier=true
 
 # Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.33.1
+FLIPPER_VERSION=0.37.0
diff --git a/RNTester/android/app/src/androidTest/java/com/facebook/react/uiapp/DetoxTest.java b/RNTester/android/app/src/androidTest/java/com/facebook/react/uiapp/DetoxTest.java
new file mode 100644
index 00000000000000..f9febfa3b3845f
--- /dev/null
+++ b/RNTester/android/app/src/androidTest/java/com/facebook/react/uiapp/DetoxTest.java
@@ -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.
+ */
+
+// This uses instructions from
+// https://github.com/wix/Detox/blob/master/docs/Introduction.Android.md#4-create-android-test-class
+
+package com.facebook.react.uiapp;
+
+import androidx.test.ext.junit.runners.AndroidJUnit4;
+import androidx.test.filters.LargeTest;
+import androidx.test.rule.ActivityTestRule;
+import com.wix.detox.Detox;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+
+@RunWith(AndroidJUnit4.class)
+@LargeTest
+public class DetoxTest {
+
+  @Rule
+  public ActivityTestRule<RNTesterActivity> mActivityRule =
+      new ActivityTestRule<>(RNTesterActivity.class, false, false);
+
+  @Test
+  public void runDetoxTests() {
+    Detox.runTests(mActivityRule);
+  }
+}
diff --git a/RNTester/e2e/__tests__/DatePickerIOS-test.js b/RNTester/e2e/__tests__/DatePickerIOS-test.js
index 6a7c961991aecf..11c73fcb2d5f4b 100644
--- a/RNTester/e2e/__tests__/DatePickerIOS-test.js
+++ b/RNTester/e2e/__tests__/DatePickerIOS-test.js
@@ -44,7 +44,7 @@ describe('DatePickerIOS', () => {
     await testElement.setColumnToValue(3, 'AM');
 
     await expect(dateIndicator).toHaveText('12/4/2006');
-    await expect(timeIndicator).toHaveText('4:10 AM');
+    await expect(timeIndicator).toHaveText('04:10 AM');
   });
 
   it('Should change indicator with date-only picker', async () => {
diff --git a/RNTester/e2e/__tests__/TextInput-test.js b/RNTester/e2e/__tests__/TextInput-test.js
new file mode 100644
index 00000000000000..db1933ab6262f6
--- /dev/null
+++ b/RNTester/e2e/__tests__/TextInput-test.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.
+ *
+ * @emails oncall+react_native
+ * @format
+ */
+
+/* global device, element, by, expect */
+const {
+  openComponentWithLabel,
+  openExampleWithTitle,
+} = require('../e2e-helpers');
+
+describe('TextInput', () => {
+  beforeAll(async () => {
+    await device.reloadReactNative();
+    await openComponentWithLabel(
+      '<TextInput>',
+      'Single and multi-line text inputs.',
+    );
+  });
+
+  it('Live rewrite with spaces should replace spaces and enforce max length', async () => {
+    await openExampleWithTitle('Live Re-Write \\(<sp>');
+
+    await element(by.id('rewrite_sp_underscore_input')).typeText(
+      'this is a long sentence',
+    );
+    await expect(element(by.id('rewrite_sp_underscore_input'))).toHaveText(
+      'this_is_a_long_sente',
+    );
+  });
+
+  it('Live rewrite with no spaces should remove spaces', async () => {
+    await openExampleWithTitle('Live Re-Write \\(no spaces');
+
+    await element(by.id('rewrite_no_sp_input')).typeText(
+      'this is a long sentence',
+    );
+    await expect(element(by.id('rewrite_no_sp_input'))).toHaveText(
+      'thisisalongsentence',
+    );
+  });
+
+  it('Live rewrite with clear should remove spaces and clear', async () => {
+    await openExampleWithTitle('and clear');
+
+    await element(by.id('rewrite_clear_input')).typeText(
+      'this is a long sentence',
+    );
+    await expect(element(by.id('rewrite_clear_input'))).toHaveText(
+      'thisisalongsentence',
+    );
+
+    await element(by.id('rewrite_clear_button')).tap();
+
+    await expect(element(by.id('rewrite_clear_input'))).toHaveText('');
+  });
+});
diff --git a/RNTester/e2e/test-init.js b/RNTester/e2e/test-init.js
index 5c70397a520b79..4e95bbe7c3e8ab 100644
--- a/RNTester/e2e/test-init.js
+++ b/RNTester/e2e/test-init.js
@@ -3,19 +3,36 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @format
  */
 
 /* eslint-env jasmine */
+/* global device */
 
 const detox = require('detox');
 const config = require('../../package.json').detox;
 const adapter = require('detox/runners/jest/adapter');
-
-jest.setTimeout(480000);
+jest.setTimeout(120000);
 jasmine.getEnv().addReporter(adapter);
 
 beforeAll(async () => {
-  await detox.init(config);
+  await detox.init(config, {launchApp: false});
+  await device.launchApp({
+    launchArgs: {
+      newInstance: true,
+      // see https://github.com/wix/Detox/blob/master/docs/Troubleshooting.Synchronization.md
+      // and uncomment below if app fails to launch
+      // detoxPrintBusyIdleResources: 'YES',
+    },
+    permissions: {
+      notifications: 'YES',
+      camera: 'YES',
+      medialibrary: 'YES',
+      photos: 'YES',
+      microphone: 'YES',
+    },
+  });
 });
 
 beforeEach(async function() {
diff --git a/RNTester/js/RNTesterApp.android.js b/RNTester/js/RNTesterApp.android.js
index fd3655deec2d86..d7371b4ee6a79c 100644
--- a/RNTester/js/RNTesterApp.android.js
+++ b/RNTester/js/RNTesterApp.android.js
@@ -316,6 +316,8 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
       /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
        * when making Flow check .android.js files. */
       this._exampleRef &&
+      /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
+       * when making Flow check .android.js files. */
       this._exampleRef.handleBackAction &&
       /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
        * when making Flow check .android.js files. */
diff --git a/RNTester/js/RNTesterApp.ios.js b/RNTester/js/RNTesterApp.ios.js
index 9526a00f33a3c6..1786d4ddc8133b 100644
--- a/RNTester/js/RNTesterApp.ios.js
+++ b/RNTester/js/RNTesterApp.ios.js
@@ -27,12 +27,14 @@ const {
   Linking,
   NativeModules, // TODO(OSS Candidate ISS#2710739)
   Platform, // TODO(OSS Candidate ISS#2710739)
+  PlatformColor, // TODO(OSS Candidate ISS#2710739)
+  DynamicColorIOS, // TODO(OSS Candidate ISS#2710739)
   SafeAreaView,
   StyleSheet,
   Text,
   useColorScheme,
   View,
-  YellowBox,
+  LogBox,
 } = require('react-native');
 
 const {TestModule} = NativeModules; // TODO(OSS Candidate ISS#2710739)
@@ -46,9 +48,7 @@ import type {ColorSchemeName} from '../../Libraries/Utilities/NativeAppearance';
 
 type Props = {exampleFromAppetizeParams?: ?string, ...};
 
-YellowBox.ignoreWarnings([
-  'Module RCTImagePickerManager requires main queue setup',
-]);
+LogBox.ignoreLogs(['Module RCTImagePickerManager requires main queue setup']);
 
 const APP_STATE_KEY = 'RNTesterAppState.v2';
 
@@ -221,14 +221,14 @@ class RNTesterApp extends React.Component<Props, RNTesterNavigationState> {
 const styles = StyleSheet.create({
   headerContainer: {
     borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: {semantic: 'separatorColor'}, // TODO(OSS Candidate ISS#2710739)
+    borderBottomColor: PlatformColor('separatorColor'), // TODO(OSS Candidate ISS#2710739)
     ...Platform.select({
       // [TODO(macOS ISS#2323203)
       ios: {
-        backgroundColor: {semantic: 'tertiarySystemBackgroundColor'},
+        backgroundColor: PlatformColor('tertiarySystemBackgroundColor'),
       },
       macos: {
-        backgroundColor: {semantic: 'windowBackgroundColor'},
+        backgroundColor: PlatformColor('windowBackgroundColor'),
       },
     }),
     // ]TODO(macOS ISS#2323203)
@@ -249,7 +249,7 @@ const styles = StyleSheet.create({
     fontSize: 19,
     fontWeight: '600',
     textAlign: 'center',
-    color: {dynamic: {light: 'black', dark: 'white'}}, // TODO(OSS Candidate ISS#2710739)
+    color: DynamicColorIOS({light: 'black', dark: 'white'}), // TODO(OSS Candidate ISS#2710739)
   },
   exampleContainer: {
     flex: 1,
diff --git a/RNTester/js/components/RNTesterBlock.js b/RNTester/js/components/RNTesterBlock.js
index 2bf61daf7b4756..9af3d0b61e3de2 100644
--- a/RNTester/js/components/RNTesterBlock.js
+++ b/RNTester/js/components/RNTesterBlock.js
@@ -12,7 +12,7 @@
 
 const React = require('react');
 
-const {StyleSheet, Text, View} = require('react-native');
+const {PlatformColor, StyleSheet, Text, View} = require('react-native');
 import {Platform} from 'react-native'; // TODO(macOS ISS#2323203)
 import {RNTesterThemeContext} from './RNTesterTheme';
 
@@ -82,12 +82,12 @@ const styles = StyleSheet.create({
     borderWidth: 0.5,
     ...Platform.select({
       macos: {
-        borderColor: {semantic: 'separatorColor'},
-        backgroundColor: {semantic: 'windowBackgroundColor'},
+        borderColor: PlatformColor('separatorColor'),
+        backgroundColor: PlatformColor('windowBackgroundColor'),
       },
       ios: {
-        borderColor: {semantic: 'separatorColor'},
-        backgroundColor: {semantic: 'tertiarySystemBackgroundColor'},
+        borderColor: PlatformColor('separatorColor'),
+        backgroundColor: PlatformColor('tertiarySystemBackgroundColor'),
       },
       default: {
         borderColor: '#d6d7da',
@@ -104,12 +104,12 @@ const styles = StyleSheet.create({
     borderTopRightRadius: 2.5,
     ...Platform.select({
       macos: {
-        borderBottomColor: {semantic: 'separatorColor'},
-        backgroundColor: {semantic: 'controlBackgroundColor'},
+        borderBottomColor: PlatformColor('separatorColor'),
+        backgroundColor: PlatformColor('controlBackgroundColor'),
       },
       ios: {
-        borderBottomColor: {semantic: 'separatorColor'},
-        backgroundColor: {semantic: 'tertiarySystemBackgroundColor'},
+        borderBottomColor: PlatformColor('separatorColor'),
+        backgroundColor: PlatformColor('tertiarySystemBackgroundColor'),
       },
       default: {
         borderBottomColor: '#d6d7da',
@@ -122,10 +122,10 @@ const styles = StyleSheet.create({
   titleText: {
     ...Platform.select({
       macos: {
-        color: {semantic: 'labelColor'},
+        color: PlatformColor('labelColor'),
       },
       ios: {
-        color: {semantic: 'labelColor'},
+        color: PlatformColor('labelColor'),
       },
       default: undefined,
     }),
@@ -136,10 +136,10 @@ const styles = StyleSheet.create({
     fontSize: 14,
     ...Platform.select({
       macos: {
-        color: {semantic: 'secondaryLabelColor'},
+        color: PlatformColor('secondaryLabelColor'),
       },
       ios: {
-        color: {semantic: 'secondaryLabelColor'},
+        color: PlatformColor('secondaryLabelColor'),
       },
       default: undefined,
     }),
diff --git a/RNTester/js/components/RNTesterExampleList.js b/RNTester/js/components/RNTesterExampleList.js
index ae598b8ca3693d..ee30dcde1359ea 100644
--- a/RNTester/js/components/RNTesterExampleList.js
+++ b/RNTester/js/components/RNTesterExampleList.js
@@ -16,6 +16,7 @@ const React = require('react');
 
 const {
   Platform,
+  PlatformColor,
   SectionList,
   StyleSheet,
   Text,
@@ -252,10 +253,10 @@ const styles = StyleSheet.create({
     ...Platform.select({
       // [TODO(macOS ISS#2323203)
       macos: {
-        backgroundColor: {semantic: 'controlBackgroundColor'},
+        backgroundColor: PlatformColor('controlBackgroundColor'),
       },
       ios: {
-        backgroundColor: {semantic: 'systemBackgroundColor'},
+        backgroundColor: PlatformColor('systemBackgroundColor'),
       },
       default: {
         // ]TODO(macOS ISS#2323203)
@@ -270,13 +271,13 @@ const styles = StyleSheet.create({
         backgroundColor: {
           semantic: 'unemphasizedSelectedContentBackgroundColor',
         },
-        color: {semantic: 'headerTextColor'},
+        color: PlatformColor('headerTextColor'),
       },
       ios: {
         backgroundColor: {
           semantic: 'systemGroupedBackgroundColor',
         },
-        color: {semantic: 'secondaryLabelColor'},
+        color: PlatformColor('secondaryLabelColor'),
       },
       default: {
         // ]TODO(macOS ISS#2323203)
@@ -292,10 +293,10 @@ const styles = StyleSheet.create({
     ...Platform.select({
       // [TODO(macOS ISS#2323203)
       macos: {
-        backgroundColor: {semantic: 'controlBackgroundColor'},
+        backgroundColor: PlatformColor('controlBackgroundColor'),
       },
       ios: {
-        backgroundColor: {semantic: 'secondarySystemGroupedBackgroundColor'},
+        backgroundColor: PlatformColor('secondarySystemGroupedBackgroundColor'),
       },
       default: {
         // ]TODO(macOS ISS#2323203)
@@ -319,10 +320,10 @@ const styles = StyleSheet.create({
     ...Platform.select({
       // [TODO(macOS ISS#2323203)
       macos: {
-        backgroundColor: {semantic: 'separatorColor'},
+        backgroundColor: PlatformColor('separatorColor'),
       },
       ios: {
-        backgroundColor: {semantic: 'separatorColor'},
+        backgroundColor: PlatformColor('separatorColor'),
       },
       default: {
         // ]TODO(macOS ISS#2323203)
@@ -336,8 +337,8 @@ const styles = StyleSheet.create({
   },
   sectionListContentContainer: Platform.select({
     // [TODO(macOS ISS#2323203)
-    macos: {backgroundColor: {semantic: 'separatorColor'}},
-    ios: {backgroundColor: {semantic: 'separatorColor'}},
+    macos: {backgroundColor: PlatformColor('separatorColor')},
+    ios: {backgroundColor: PlatformColor('separatorColor')},
     default: {backgroundColor: 'white'},
   }), // ]TODO(macOS ISS#2323203)
   rowTitleText: {
@@ -346,10 +347,10 @@ const styles = StyleSheet.create({
     ...Platform.select({
       // [TODO(macOS ISS#2323203)
       macos: {
-        color: {semantic: 'controlTextColor'},
+        color: PlatformColor('controlTextColor'),
       },
       ios: {
-        color: {semantic: 'labelColor'},
+        color: PlatformColor('labelColor'),
       },
       default: {
         // ]TODO(macOS ISS#2323203)
diff --git a/RNTester/js/components/RNTesterTheme.js b/RNTester/js/components/RNTesterTheme.js
index b78a8344fe29be..7bc14ea3ebd99d 100644
--- a/RNTester/js/components/RNTesterTheme.js
+++ b/RNTester/js/components/RNTesterTheme.js
@@ -12,28 +12,29 @@
 
 import * as React from 'react';
 import {Appearance} from 'react-native';
+import type {ColorValue} from '../../../Libraries/StyleSheet/StyleSheetTypes';
 
 export type RNTesterTheme = {
-  LabelColor: string,
-  SecondaryLabelColor: string,
-  TertiaryLabelColor: string,
-  QuaternaryLabelColor: string,
-  PlaceholderTextColor: string,
-  SystemBackgroundColor: string,
-  SecondarySystemBackgroundColor: string,
-  TertiarySystemBackgroundColor: string,
-  GroupedBackgroundColor: string,
-  SecondaryGroupedBackgroundColor: string,
-  TertiaryGroupedBackgroundColor: string,
-  SystemFillColor: string,
-  SecondarySystemFillColor: string,
-  TertiarySystemFillColor: string,
-  QuaternarySystemFillColor: string,
-  SeparatorColor: string,
-  OpaqueSeparatorColor: string,
-  LinkColor: string,
-  SystemPurpleColor: string,
-  ToolbarColor: string,
+  LabelColor: ColorValue,
+  SecondaryLabelColor: ColorValue,
+  TertiaryLabelColor: ColorValue,
+  QuaternaryLabelColor: ColorValue,
+  PlaceholderTextColor: ColorValue,
+  SystemBackgroundColor: ColorValue,
+  SecondarySystemBackgroundColor: ColorValue,
+  TertiarySystemBackgroundColor: ColorValue,
+  GroupedBackgroundColor: ColorValue,
+  SecondaryGroupedBackgroundColor: ColorValue,
+  TertiaryGroupedBackgroundColor: ColorValue,
+  SystemFillColor: ColorValue,
+  SecondarySystemFillColor: ColorValue,
+  TertiarySystemFillColor: ColorValue,
+  QuaternarySystemFillColor: ColorValue,
+  SeparatorColor: ColorValue,
+  OpaqueSeparatorColor: ColorValue,
+  LinkColor: ColorValue,
+  SystemPurpleColor: ColorValue,
+  ToolbarColor: ColorValue,
   ...
 };
 
diff --git a/RNTester/js/examples/Alert/AlertMacOSExample.js b/RNTester/js/examples/Alert/AlertMacOSExample.js
index a57a84671d3e5d..07fcb334f18d0b 100644
--- a/RNTester/js/examples/Alert/AlertMacOSExample.js
+++ b/RNTester/js/examples/Alert/AlertMacOSExample.js
@@ -10,11 +10,11 @@
 
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {StyleSheet, View, Text, TouchableHighlight, AlertMacOS} = ReactNative;
+const React = require('react');
+const ReactNative = require('react-native');
+const {StyleSheet, View, Text, TouchableHighlight, AlertMacOS} = ReactNative;
 
-var {SimpleAlertExampleBlock} = require('./AlertExample');
+const {SimpleAlertExampleBlock} = require('./AlertExample');
 
 exports.framework = 'React';
 exports.title = 'AlertMacOS';
diff --git a/RNTester/js/examples/Appearance/AppearanceExample.js b/RNTester/js/examples/Appearance/AppearanceExample.js
index ab99e9213bf256..bc2d074b2be75e 100644
--- a/RNTester/js/examples/Appearance/AppearanceExample.js
+++ b/RNTester/js/examples/Appearance/AppearanceExample.js
@@ -191,7 +191,9 @@ exports.examples = [
                           paddingVertical: 2,
                           color: theme.LabelColor,
                         }}>
-                        {theme[key]}
+                        {typeof theme[key] === 'string'
+                          ? theme[key]
+                          : JSON.stringify(theme[key])}
                       </Text>
                     </View>
                   </View>
diff --git a/RNTester/js/examples/DarkModeExample/DarkModeExample.js b/RNTester/js/examples/DarkModeExample/DarkModeExample.js
index 7e178ea9ec9b49..5ca95686088aeb 100644
--- a/RNTester/js/examples/DarkModeExample/DarkModeExample.js
+++ b/RNTester/js/examples/DarkModeExample/DarkModeExample.js
@@ -13,7 +13,7 @@
 const React = require('react');
 const ReactNative = require('react-native');
 import {Platform} from 'react-native';
-const {Text, View} = ReactNative;
+const {PlatformColor, Text, View} = ReactNative;
 
 class SemanticColorsExample extends React.Component<{}> {
   createTable() {
@@ -45,8 +45,8 @@ class SemanticColorsExample extends React.Component<{}> {
         // Table Colors
         'gridColor',
         'headerTextColor',
-        'alternatingContentBackgroundColorEven',
-        'alternatingContentBackgroundColorOdd',
+        'alternatingEvenContentBackgroundColor',
+        'alternatingOddContentBackgroundColor',
         // Control Colors
         'controlAccentColor',
         'controlColor',
@@ -138,7 +138,7 @@ class SemanticColorsExample extends React.Component<{}> {
             style={{
               flex: 1,
               alignItems: 'stretch',
-              color: {semantic: 'labelColor'},
+              color: PlatformColor('labelColor'),
             }}>
             {color}
           </Text>
@@ -146,7 +146,7 @@ class SemanticColorsExample extends React.Component<{}> {
             style={{
               flex: 0.25,
               alignItems: 'stretch',
-              backgroundColor: {semantic: `${color}`},
+              backgroundColor: PlatformColor(color),
             }}
           />
         </View>,
diff --git a/RNTester/js/examples/DatePicker/DatePickerMacOSExample.js b/RNTester/js/examples/DatePicker/DatePickerMacOSExample.js
index 759b56df251b2f..5f058554d3ab50 100644
--- a/RNTester/js/examples/DatePicker/DatePickerMacOSExample.js
+++ b/RNTester/js/examples/DatePicker/DatePickerMacOSExample.js
@@ -8,9 +8,9 @@
  */
 'use strict';
 
-var React = require('react');
-var ReactNative = require('react-native');
-var {
+const React = require('react');
+const ReactNative = require('react-native');
+const {
   DatePickerMacOS,
   StyleSheet,
   Text,
diff --git a/RNTester/js/examples/FocusEventsExample/FocusEventsExample.js b/RNTester/js/examples/FocusEventsExample/FocusEventsExample.js
index 65be0afd2cb575..9c60a0bbeaba7d 100644
--- a/RNTester/js/examples/FocusEventsExample/FocusEventsExample.js
+++ b/RNTester/js/examples/FocusEventsExample/FocusEventsExample.js
@@ -10,10 +10,10 @@
 
 'use strict'; // TODO(OSS Candidate ISS#2710739)
 
-var React = require('react');
-var ReactNative = require('react-native');
+const React = require('react');
+const ReactNative = require('react-native');
 import {Platform} from 'react-native';
-var {Button, StyleSheet, Text, View, TextInput} = ReactNative;
+const {Button, PlatformColor, StyleSheet, Text, View, TextInput} = ReactNative;
 
 type State = {
   eventStream: string,
@@ -46,7 +46,7 @@ class FocusEventExample extends React.Component<{}, State> {
             }}
             placeholder={'TextInput'}
             placeholderTextColor={
-              Platform.OS === 'macos' ? {semantic: 'textColor'} : 'black'
+              Platform.OS === 'macos' ? PlatformColor('textColor') : 'black'
             }
             style={styles.textInput}
           />
@@ -103,7 +103,7 @@ class FocusEventExample extends React.Component<{}, State> {
               style={styles.textInput}
               placeholder={'Nested Singleline TextInput'}
               placeholderTextColor={
-                Platform.OS === 'macos' ? {semantic: 'textColor'} : 'black'
+                Platform.OS === 'macos' ? PlatformColor('textColor') : 'black'
               }
             />
           </View>
@@ -244,7 +244,7 @@ class FocusEventExample extends React.Component<{}, State> {
               multiline={true}
               placeholder={'Nested Multiline TextInput'}
               placeholderTextColor={
-                Platform.OS === 'macos' ? {semantic: 'textColor'} : 'black'
+                Platform.OS === 'macos' ? PlatformColor('textColor') : 'black'
               }
             />
           </View>
@@ -260,9 +260,9 @@ var styles = StyleSheet.create({
   textInput: {
     ...Platform.select({
       macos: {
-        color: {semantic: 'textColor'},
-        backgroundColor: {semantic: 'textBackgroundColor'},
-        borderColor: {semantic: 'gridColor'},
+        color: PlatformColor('textColor'),
+        backgroundColor: PlatformColor('textBackgroundColor'),
+        borderColor: PlatformColor('gridColor'),
       },
       default: {
         borderColor: '#0f0f0f',
diff --git a/RNTester/js/examples/Image/ImageExample.js b/RNTester/js/examples/Image/ImageExample.js
index b0d95ac5fdfce2..7a2173f590d094 100644
--- a/RNTester/js/examples/Image/ImageExample.js
+++ b/RNTester/js/examples/Image/ImageExample.js
@@ -781,6 +781,9 @@ exports.examples = [
                       source={image}
                     />
                   </View>
+                  {/* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+                   * suppresses an error found when Flow v0.115 was deployed.
+                   * To see the error, delete this comment and run Flow. */}
                   <View style={styles.leftMargin}>
                     <Text style={[styles.resizeModeText]}>Cover</Text>
                     <Image
@@ -799,6 +802,9 @@ exports.examples = [
                       source={image}
                     />
                   </View>
+                  {/* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+                   * suppresses an error found when Flow v0.115 was deployed.
+                   * To see the error, delete this comment and run Flow. */}
                   <View style={styles.leftMargin}>
                     <Text style={[styles.resizeModeText]}>Repeat</Text>
                     <Image
@@ -807,6 +813,9 @@ exports.examples = [
                       source={image}
                     />
                   </View>
+                  {/* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment
+                   * suppresses an error found when Flow v0.115 was deployed.
+                   * To see the error, delete this comment and run Flow. */}
                   <View style={styles.leftMargin}>
                     <Text style={[styles.resizeModeText]}>Center</Text>
                     <Image
@@ -858,6 +867,9 @@ exports.examples = [
   {
     title: 'Image Size',
     render: function(): React.Node {
+      /* $FlowFixMe(>=0.115.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.115 was deployed. To see the error, delete
+       * this comment and run Flow. */
       return <ImageSizeExample source={fullImage} />;
     },
   },
diff --git a/RNTester/js/examples/Layout/LayoutEventsExample.js b/RNTester/js/examples/Layout/LayoutEventsExample.js
index 4791cba84a9312..5abb07d95e7dc4 100644
--- a/RNTester/js/examples/Layout/LayoutEventsExample.js
+++ b/RNTester/js/examples/Layout/LayoutEventsExample.js
@@ -102,8 +102,7 @@ class LayoutEventExample extends React.Component<Props, State> {
             onLayout={this.onImageLayout}
             style={styles.image}
             source={{
-              uri:
-                'https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-prn1/t39.1997/p128x128/851561_767334496626293_1958532586_n.png',
+              uri: 'https://www.facebook.com/favicon.ico',
             }}
           />
           <Text>
diff --git a/RNTester/js/examples/MaskedView/MaskedViewExample.js b/RNTester/js/examples/MaskedView/MaskedViewExample.js
index 2b9f99c19a0aa6..7ad01c6e41cda1 100644
--- a/RNTester/js/examples/MaskedView/MaskedViewExample.js
+++ b/RNTester/js/examples/MaskedView/MaskedViewExample.js
@@ -35,12 +35,12 @@ class AnimatedMaskExample extends React.Component<Props> {
       Animated.sequence([
         Animated.timing(this._maskScaleAnimatedValue, {
           toValue: 1.3,
-          timing: 750,
+          duration: 750,
           useNativeDriver: true,
         }),
         Animated.timing(this._maskScaleAnimatedValue, {
           toValue: 1,
-          timing: 750,
+          duration: 750,
           useNativeDriver: true,
         }),
       ]),
@@ -49,7 +49,7 @@ class AnimatedMaskExample extends React.Component<Props> {
     Animated.loop(
       Animated.timing(this._maskRotateAnimatedValue, {
         toValue: 360,
-        timing: 2000,
+        duration: 2000,
         useNativeDriver: true,
       }),
     ).start();
@@ -76,6 +76,9 @@ class AnimatedMaskExample extends React.Component<Props> {
                 {
                   rotate: this._maskRotateAnimatedValue.interpolate({
                     inputRange: [0, 360],
+                    /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                     * deployment of v0.38.0. To see the error, remove this
+                     * comment and run flow */
                     outputRange: ['0deg', '360deg'],
                   }),
                 },
diff --git a/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js b/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
index cd20cb7ca504bd..e6c4fcb591c631 100644
--- a/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
+++ b/RNTester/js/examples/NativeAnimation/NativeAnimationsExample.js
@@ -145,6 +145,9 @@ class LoopExample extends React.Component<{...}, $FlowFixMeState> {
             {
               opacity: this.state.value.interpolate({
                 inputRange: [0, 0.5, 1],
+                /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                 * deployment of v0.38.0. To see the error, remove this comment
+                 * and run flow */
                 outputRange: [0, 1, 0],
               }),
             },
@@ -240,6 +243,9 @@ class EventExample extends React.Component<{...}, $FlowFixMeState> {
                 {
                   rotate: this.state.anim.interpolate({
                     inputRange: [0, 1],
+                    /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                     * deployment of v0.38.0. To see the error, remove this
+                     * comment and run flow */
                     outputRange: ['0deg', '1deg'],
                   }),
                 },
diff --git a/RNTester/js/examples/Picker/PickerExample.js b/RNTester/js/examples/Picker/PickerExample.js
index 7672b9ea420a8d..c4d1e2bfcf4902 100644
--- a/RNTester/js/examples/Picker/PickerExample.js
+++ b/RNTester/js/examples/Picker/PickerExample.js
@@ -125,6 +125,25 @@ class ColorPickerExample extends React.Component<{...}, ColorState> {
     );
   }
 }
+class AccessibilityLabelPickerExample extends React.Component<{||}, State> {
+  state: State = {
+    value: '3',
+  };
+
+  render(): React.Node {
+    return (
+      <Picker
+        accessibilityLabel={this.state.value + 'Hours'}
+        style={styles.picker}
+        selectedValue={this.state.value}
+        onValueChange={v => this.setState({value: v})}>
+        <Item label="1" value="1" />
+        <Item label="2" value="2" />
+        <Item label="3" value="3" />
+      </Picker>
+    );
+  }
+}
 
 const styles = StyleSheet.create({
   picker: {
@@ -160,6 +179,12 @@ exports.examples = [
       return <PromptPickerExample />;
     },
   },
+  {
+    title: 'Accessibility Label pickers',
+    render: function(): React.Element<typeof AccessibilityLabelPickerExample> {
+      return <AccessibilityLabelPickerExample />;
+    },
+  },
   {
     title: 'Picker with no listener',
     render: function(): React.Element<typeof PromptPickerExample> {
@@ -186,4 +211,10 @@ exports.examples = [
       return <ColorPickerExample />;
     },
   },
+  {
+    title: 'AccessibilityLabel pickers',
+    render: function(): React.Element<typeof AccessibilityLabelPickerExample> {
+      return <AccessibilityLabelPickerExample />;
+    },
+  },
 ];
diff --git a/RNTester/js/examples/PlatformColor/PlatformColorExample.js b/RNTester/js/examples/PlatformColor/PlatformColorExample.js
new file mode 100644
index 00000000000000..c440808d2123e1
--- /dev/null
+++ b/RNTester/js/examples/PlatformColor/PlatformColorExample.js
@@ -0,0 +1,358 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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');
+import Platform from '../../../../Libraries/Utilities/Platform';
+const {
+  ColorAndroid,
+  DynamicColorIOS,
+  PlatformColor,
+  StyleSheet,
+  Text,
+  View,
+} = ReactNative;
+
+function PlatformColorsExample() {
+  function createTable() {
+    let colors = [];
+    if (Platform.OS === 'ios') {
+      colors = [
+        // https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors
+        // Label Colors
+        {label: 'label', color: PlatformColor('label')},
+        {
+          label: 'secondaryLabel',
+          color: PlatformColor('secondaryLabel'),
+        },
+        {
+          label: 'tertiaryLabel',
+          color: PlatformColor('tertiaryLabel'),
+        },
+        {
+          label: 'quaternaryLabel',
+          color: PlatformColor('quaternaryLabel'),
+        },
+        // Fill Colors
+        {label: 'systemFill', color: PlatformColor('systemFill')},
+        {
+          label: 'secondarySystemFill',
+          color: PlatformColor('secondarySystemFill'),
+        },
+        {
+          label: 'tertiarySystemFill',
+          color: PlatformColor('tertiarySystemFill'),
+        },
+        {
+          label: 'quaternarySystemFill',
+          color: PlatformColor('quaternarySystemFill'),
+        },
+        // Text Colors
+        {
+          label: 'placeholderText',
+          color: PlatformColor('placeholderText'),
+        },
+        // Standard Content Background Colors
+        {
+          label: 'systemBackground',
+          color: PlatformColor('systemBackground'),
+        },
+        {
+          label: 'secondarySystemBackground',
+          color: PlatformColor('secondarySystemBackground'),
+        },
+        {
+          label: 'tertiarySystemBackground',
+          color: PlatformColor('tertiarySystemBackground'),
+        },
+        // Grouped Content Background Colors
+        {
+          label: 'systemGroupedBackground',
+          color: PlatformColor('systemGroupedBackground'),
+        },
+        {
+          label: 'secondarySystemGroupedBackground',
+          color: PlatformColor('secondarySystemGroupedBackground'),
+        },
+        {
+          label: 'tertiarySystemGroupedBackground',
+          color: PlatformColor('tertiarySystemGroupedBackground'),
+        },
+        // Separator Colors
+        {label: 'separator', color: PlatformColor('separator')},
+        {
+          label: 'opaqueSeparator',
+          color: PlatformColor('opaqueSeparator'),
+        },
+        // Link Color
+        {label: 'link', color: PlatformColor('link')},
+        // Nonadaptable Colors
+        {label: 'darkText', color: PlatformColor('darkText')},
+        {label: 'lightText', color: PlatformColor('lightText')},
+        // https://developer.apple.com/documentation/uikit/uicolor/standard_colors
+        // Adaptable Colors
+        {label: 'systemBlue', color: PlatformColor('systemBlue')},
+        {label: 'systemBrown', color: PlatformColor('systemBrown')},
+        {label: 'systemGreen', color: PlatformColor('systemGreen')},
+        {label: 'systemIndigo', color: PlatformColor('systemIndigo')},
+        {label: 'systemOrange', color: PlatformColor('systemOrange')},
+        {label: 'systemPink', color: PlatformColor('systemPink')},
+        {label: 'systemPurple', color: PlatformColor('systemPurple')},
+        {label: 'systemRed', color: PlatformColor('systemRed')},
+        {label: 'systemTeal', color: PlatformColor('systemTeal')},
+        {label: 'systemYellow', color: PlatformColor('systemYellow')},
+        // Adaptable Gray Colors
+        {label: 'systemGray', color: PlatformColor('systemGray')},
+        {label: 'systemGray2', color: PlatformColor('systemGray2')},
+        {label: 'systemGray3', color: PlatformColor('systemGray3')},
+        {label: 'systemGray4', color: PlatformColor('systemGray4')},
+        {label: 'systemGray5', color: PlatformColor('systemGray5')},
+        {label: 'systemGray6', color: PlatformColor('systemGray6')},
+      ];
+    } else if (Platform.OS === 'android') {
+      colors = [
+        {label: '?attr/colorAccent', color: PlatformColor('?attr/colorAccent')},
+        {
+          label: '?attr/colorBackgroundFloating',
+          color: PlatformColor('?attr/colorBackgroundFloating'),
+        },
+        {
+          label: '?attr/colorButtonNormal',
+          color: PlatformColor('?attr/colorButtonNormal'),
+        },
+        {
+          label: '?attr/colorControlActivated',
+          color: PlatformColor('?attr/colorControlActivated'),
+        },
+        {
+          label: '?attr/colorControlHighlight',
+          color: PlatformColor('?attr/colorControlHighlight'),
+        },
+        {
+          label: '?attr/colorControlNormal',
+          color: PlatformColor('?attr/colorControlNormal'),
+        },
+        {
+          label: '?android:colorError',
+          color: PlatformColor('?android:colorError'),
+        },
+        {
+          label: '?android:attr/colorError',
+          color: PlatformColor('?android:attr/colorError'),
+        },
+        {
+          label: '?attr/colorPrimary',
+          color: PlatformColor('?attr/colorPrimary'),
+        },
+        {label: '?colorPrimaryDark', color: PlatformColor('?colorPrimaryDark')},
+        {
+          label: '@android:color/holo_purple',
+          color: PlatformColor('@android:color/holo_purple'),
+        },
+        {
+          label: '@android:color/holo_green_light',
+          color: PlatformColor('@android:color/holo_green_light'),
+        },
+        {
+          label: '@color/catalyst_redbox_background',
+          color: PlatformColor('@color/catalyst_redbox_background'),
+        },
+        {
+          label: '@color/catalyst_logbox_background',
+          color: PlatformColor('@color/catalyst_logbox_background'),
+        },
+      ];
+    }
+
+    let table = [];
+    for (let color of colors) {
+      table.push(
+        <View style={styles.row} key={color.label}>
+          <Text style={styles.labelCell}>{color.label}</Text>
+          <View
+            style={{
+              ...styles.colorCell,
+              backgroundColor: color.color,
+            }}
+          />
+        </View>,
+      );
+    }
+    return table;
+  }
+
+  return <View style={styles.column}>{createTable()}</View>;
+}
+
+function FallbackColorsExample() {
+  let color = {};
+  if (
+    Platform.OS === 'ios' ||
+    Platform.OS === 'macos' // TODO(macOS ISS#2323203)
+  ) {
+    color = {
+      label: "PlatformColor('bogus', 'systemGreenColor')",
+      color: PlatformColor('bogus', 'systemGreenColor'),
+    };
+  } else if (Platform.OS === 'android') {
+    color = {
+      label: "PlatformColor('bogus', '@color/catalyst_redbox_background')",
+      color: PlatformColor('bogus', '@color/catalyst_redbox_background'),
+    };
+  } else {
+    throw 'Unexpected Platform.OS: ' + Platform.OS;
+  }
+
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>{color.label}</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: color.color,
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+function DynamicColorsExample() {
+  return Platform.OS === 'ios' ? (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          DynamicColorIOS({'{\n'}
+          {'  '}light: 'red', dark: 'blue'{'\n'}
+          {'}'})
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: DynamicColorIOS({light: 'red', dark: 'blue'}),
+          }}
+        />
+      </View>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          DynamicColorIOS({'{\n'}
+          {'  '}light: PlatformColor('systemBlueColor'),{'\n'}
+          {'  '}dark: PlatformColor('systemRedColor'),{'\n'}
+          {'}'})
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: DynamicColorIOS({
+              light: PlatformColor('systemBlueColor'),
+              dark: PlatformColor('systemRedColor'),
+            }),
+          }}
+        />
+      </View>
+    </View>
+  ) : (
+    <Text style={styles.labelCell}>Not applicable on this platform</Text>
+  );
+}
+
+function AndroidColorsExample() {
+  return Platform.OS === 'android' ? (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>ColorAndroid('?attr/colorAccent')</Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor: ColorAndroid('?attr/colorAccent'),
+          }}
+        />
+      </View>
+    </View>
+  ) : (
+    <Text style={styles.labelCell}>Not applicable on this platform</Text>
+  );
+}
+
+function VariantColorsExample() {
+  return (
+    <View style={styles.column}>
+      <View style={styles.row}>
+        <Text style={styles.labelCell}>
+          {Platform.OS === 'ios' || Platform.OS === 'macos' // TODO(macOS ISS#2323203)
+            ? "DynamicColorIOS({light: 'red', dark: 'blue'})"
+            : "ColorAndroid('?attr/colorAccent')"}
+        </Text>
+        <View
+          style={{
+            ...styles.colorCell,
+            backgroundColor:
+              Platform.OS === 'ios' || Platform.OS === 'macos' // TODO(macOS ISS#2323203)
+                ? DynamicColorIOS({light: 'red', dark: 'blue'})
+                : ColorAndroid('?attr/colorAccent'),
+          }}
+        />
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  column: {flex: 1, flexDirection: 'column'},
+  row: {flex: 0.75, flexDirection: 'row'},
+  labelCell: {
+    flex: 1,
+    alignItems: 'stretch',
+    ...Platform.select({
+      ios: {color: PlatformColor('labelColor')},
+      default: {color: 'black'},
+    }),
+  },
+  colorCell: {flex: 0.25, alignItems: 'stretch'},
+});
+
+exports.title = 'PlatformColor';
+exports.description =
+  'Examples that show how PlatformColors may be used in an app.';
+exports.examples = [
+  {
+    title: 'Platform Colors',
+    render(): React.Element<any> {
+      return <PlatformColorsExample />;
+    },
+  },
+  {
+    title: 'Fallback Colors',
+    render(): React.Element<any> {
+      return <FallbackColorsExample />;
+    },
+  },
+  {
+    title: 'iOS Dynamic Colors',
+    render(): React.Element<any> {
+      return <DynamicColorsExample />;
+    },
+  },
+  {
+    title: 'Android Colors',
+    render(): React.Element<any> {
+      return <AndroidColorsExample />;
+    },
+  },
+  {
+    title: 'Variant Colors',
+    render(): React.Element<any> {
+      return <VariantColorsExample />;
+    },
+  },
+];
diff --git a/RNTester/js/examples/Pressable/PressableExample.js b/RNTester/js/examples/Pressable/PressableExample.js
new file mode 100644
index 00000000000000..1dadac6b1c4c13
--- /dev/null
+++ b/RNTester/js/examples/Pressable/PressableExample.js
@@ -0,0 +1,469 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 * as React from 'react';
+import {
+  Animated,
+  Pressable,
+  StyleSheet,
+  Text,
+  Platform,
+  View,
+} from 'react-native';
+
+const {useEffect, useRef, useState} = React;
+
+const forceTouchAvailable =
+  (Platform.OS === 'ios' && Platform.constants.forceTouchAvailable) || false;
+
+function ContentPress() {
+  const [timesPressed, setTimesPressed] = useState(0);
+
+  let textLog = '';
+  if (timesPressed > 1) {
+    textLog = timesPressed + 'x onPress';
+  } else if (timesPressed > 0) {
+    textLog = 'onPress';
+  }
+
+  return (
+    <>
+      <View style={styles.row}>
+        <Pressable
+          onPress={() => {
+            setTimesPressed(current => current + 1);
+          }}>
+          {({pressed}) => (
+            <Text style={styles.text}>{pressed ? 'Pressed!' : 'Press Me'}</Text>
+          )}
+        </Pressable>
+      </View>
+      <View style={styles.logBox}>
+        <Text testID="pressable_press_console">{textLog}</Text>
+      </View>
+    </>
+  );
+}
+
+function TextOnPressBox() {
+  const [timesPressed, setTimesPressed] = useState(0);
+
+  let textLog = '';
+  if (timesPressed > 1) {
+    textLog = timesPressed + 'x text onPress';
+  } else if (timesPressed > 0) {
+    textLog = 'text onPress';
+  }
+
+  return (
+    <>
+      <Text
+        style={styles.textBlock}
+        testID="tappable_text"
+        onPress={() => {
+          setTimesPressed(prev => prev + 1);
+        }}>
+        Text has built-in onPress handling
+      </Text>
+      <View style={styles.logBox}>
+        <Text testID="tappable_text_console">{textLog}</Text>
+      </View>
+    </>
+  );
+}
+
+function PressableFeedbackEvents() {
+  const [eventLog, setEventLog] = useState([]);
+
+  function appendEvent(eventName) {
+    const limit = 6;
+    setEventLog(current => {
+      return [eventName].concat(current.slice(0, limit - 1));
+    });
+  }
+
+  return (
+    <View testID="pressable_feedback_events">
+      <View style={[styles.row, styles.centered]}>
+        <Pressable
+          style={styles.wrapper}
+          testID="pressable_feedback_events_button"
+          accessibilityLabel="pressable feedback events"
+          accessibilityRole="button"
+          onPress={() => appendEvent('press')}
+          onPressIn={() => appendEvent('pressIn')}
+          onPressOut={() => appendEvent('pressOut')}
+          onLongPress={() => appendEvent('longPress')}>
+          <Text style={styles.button}>Press Me</Text>
+        </Pressable>
+      </View>
+      <View
+        testID="pressable_feedback_events_console"
+        style={styles.eventLogBox}>
+        {eventLog.map((e, ii) => (
+          <Text key={ii}>{e}</Text>
+        ))}
+      </View>
+    </View>
+  );
+}
+
+function PressableDelayEvents() {
+  const [eventLog, setEventLog] = useState([]);
+
+  function appendEvent(eventName) {
+    const limit = 6;
+    const newEventLog = eventLog.slice(0, limit - 1);
+    newEventLog.unshift(eventName);
+    setEventLog(newEventLog);
+  }
+
+  return (
+    <View testID="pressable_delay_events">
+      <View style={[styles.row, styles.centered]}>
+        <Pressable
+          style={styles.wrapper}
+          testID="pressable_delay_events_button"
+          onPress={() => appendEvent('press')}
+          onPressIn={() => appendEvent('pressIn')}
+          onPressOut={() => appendEvent('pressOut')}
+          delayLongPress={800}
+          onLongPress={() => appendEvent('longPress - 800ms delay')}>
+          <Text style={styles.button}>Press Me</Text>
+        </Pressable>
+      </View>
+      <View style={styles.eventLogBox} testID="pressable_delay_events_console">
+        {eventLog.map((e, ii) => (
+          <Text key={ii}>{e}</Text>
+        ))}
+      </View>
+    </View>
+  );
+}
+
+function ForceTouchExample() {
+  const [force, setForce] = useState(0);
+
+  const consoleText = forceTouchAvailable
+    ? 'Force: ' + force.toFixed(3)
+    : '3D Touch is not available on this device';
+
+  return (
+    <View testID="pressable_3dtouch_event">
+      <View style={styles.forceTouchBox} testID="pressable_3dtouch_output">
+        <Text>{consoleText}</Text>
+      </View>
+      <View style={[styles.row, styles.centered]}>
+        <View
+          style={styles.wrapper}
+          testID="pressable_3dtouch_button"
+          onStartShouldSetResponder={() => true}
+          onResponderMove={event => setForce(event.nativeEvent.force)}
+          onResponderRelease={event => setForce(0)}>
+          <Text style={styles.button}>Press Me</Text>
+        </View>
+      </View>
+    </View>
+  );
+}
+
+function PressableHitSlop() {
+  const [timesPressed, setTimesPressed] = useState(0);
+
+  let log = '';
+  if (timesPressed > 1) {
+    log = timesPressed + 'x onPress';
+  } else if (timesPressed > 0) {
+    log = 'onPress';
+  }
+
+  return (
+    <View testID="pressable_hit_slop">
+      <View style={[styles.row, styles.centered]}>
+        <Pressable
+          onPress={() => setTimesPressed(num => num + 1)}
+          style={styles.hitSlopWrapper}
+          hitSlop={{top: 30, bottom: 30, left: 60, right: 60}}
+          testID="pressable_hit_slop_button">
+          <Text style={styles.hitSlopButton}>Press Outside This View</Text>
+        </Pressable>
+      </View>
+      <View style={styles.logBox}>
+        <Text>{log}</Text>
+      </View>
+    </View>
+  );
+}
+
+function PressableNativeMethods() {
+  const [status, setStatus] = useState<?boolean>(null);
+  const ref = useRef(null);
+
+  useEffect(() => {
+    setStatus(ref.current != null && typeof ref.current.measure === 'function');
+  }, []);
+
+  return (
+    <>
+      <View style={[styles.row, styles.block]}>
+        <Pressable ref={ref}>
+          <View />
+        </Pressable>
+        <Text>
+          {status == null
+            ? 'Missing Ref!'
+            : status === true
+            ? 'Native Methods Exist'
+            : 'Native Methods Missing!'}
+        </Text>
+      </View>
+    </>
+  );
+}
+
+function PressableDisabled() {
+  return (
+    <>
+      <Pressable disabled={true} style={[styles.row, styles.block]}>
+        <Text style={styles.disabledButton}>Disabled Pressable</Text>
+      </Pressable>
+
+      <Pressable
+        disabled={false}
+        style={({pressed}) => [
+          {opacity: pressed ? 0.5 : 1},
+          styles.row,
+          styles.block,
+        ]}>
+        <Text style={styles.button}>Enabled Pressable</Text>
+      </Pressable>
+    </>
+  );
+}
+
+const styles = StyleSheet.create({
+  row: {
+    justifyContent: 'center',
+    flexDirection: 'row',
+  },
+  centered: {
+    justifyContent: 'center',
+  },
+  text: {
+    fontSize: 16,
+  },
+  block: {
+    padding: 10,
+  },
+  button: {
+    color: '#007AFF',
+  },
+  disabledButton: {
+    color: '#007AFF',
+    opacity: 0.5,
+  },
+  hitSlopButton: {
+    color: 'white',
+  },
+  wrapper: {
+    borderRadius: 8,
+  },
+  wrapperCustom: {
+    borderRadius: 8,
+    padding: 6,
+  },
+  hitSlopWrapper: {
+    backgroundColor: 'red',
+    marginVertical: 30,
+  },
+  logBox: {
+    padding: 20,
+    margin: 10,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: '#f0f0f0',
+    backgroundColor: '#f9f9f9',
+  },
+  eventLogBox: {
+    padding: 10,
+    margin: 10,
+    height: 120,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: '#f0f0f0',
+    backgroundColor: '#f9f9f9',
+  },
+  forceTouchBox: {
+    padding: 10,
+    margin: 10,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: '#f0f0f0',
+    backgroundColor: '#f9f9f9',
+    alignItems: 'center',
+  },
+  textBlock: {
+    fontWeight: '500',
+    color: 'blue',
+  },
+});
+
+exports.displayName = (undefined: ?string);
+exports.description = 'Component for making views pressable.';
+exports.title = '<Pressable>';
+exports.examples = [
+  {
+    title: 'Change content based on Press',
+    render(): React.Node {
+      return <ContentPress />;
+    },
+  },
+  {
+    title: 'Change style based on Press',
+    render(): React.Node {
+      return (
+        <View style={styles.row}>
+          <Pressable
+            style={({pressed}) => [
+              {
+                backgroundColor: pressed ? 'rgb(210, 230, 255)' : 'white',
+              },
+              styles.wrapperCustom,
+            ]}>
+            <Text style={styles.text}>Press Me</Text>
+          </Pressable>
+        </View>
+      );
+    },
+  },
+  {
+    title: 'Pressable feedback events',
+    description: ('<Pressable> components accept onPress, onPressIn, ' +
+      'onPressOut, and onLongPress as props.': string),
+    render: function(): React.Node {
+      return <PressableFeedbackEvents />;
+    },
+  },
+  {
+    title: 'Pressable with Ripple and Animated child',
+    description: ('Pressable can have an AnimatedComponent as a direct child.': string),
+    platform: 'android',
+    render: function(): React.Node {
+      const mScale = new Animated.Value(1);
+      Animated.timing(mScale, {
+        toValue: 0.3,
+        duration: 1000,
+        useNativeDriver: false,
+      }).start();
+      const style = {
+        backgroundColor: 'rgb(180, 64, 119)',
+        width: 200,
+        height: 100,
+        transform: [{scale: mScale}],
+      };
+      return (
+        <View style={styles.row}>
+          <Pressable android_ripple={{color: 'green'}}>
+            <Animated.View style={style} />
+          </Pressable>
+        </View>
+      );
+    },
+  },
+  {
+    title: 'Pressable with custom Ripple',
+    description: ("Pressable can specify ripple's radius and borderless params": string),
+    platform: 'android',
+    render: function(): React.Node {
+      const nativeFeedbackButton = {
+        textAlign: 'center',
+        margin: 10,
+      };
+      return (
+        <View
+          style={[
+            styles.row,
+            {justifyContent: 'space-around', alignItems: 'center'},
+          ]}>
+          <Pressable
+            android_ripple={{color: 'orange', borderless: true, radius: 30}}>
+            <View>
+              <Text style={[styles.button, nativeFeedbackButton]}>
+                radius 30
+              </Text>
+            </View>
+          </Pressable>
+
+          <Pressable android_ripple={{borderless: true, radius: 150}}>
+            <View>
+              <Text style={[styles.button, nativeFeedbackButton]}>
+                radius 150
+              </Text>
+            </View>
+          </Pressable>
+
+          <Pressable android_ripple={{borderless: false, radius: 70}}>
+            <View style={styles.block}>
+              <Text style={[styles.button, nativeFeedbackButton]}>
+                radius 70, with border
+              </Text>
+            </View>
+          </Pressable>
+        </View>
+      );
+    },
+  },
+  {
+    title: '<Text onPress={fn}> with highlight',
+    render: function(): React.Node {
+      return <TextOnPressBox />;
+    },
+  },
+  {
+    title: 'Pressable delay for events',
+    description: ('<Pressable> also accept delayPressIn, ' +
+      'delayPressOut, and delayLongPress as props. These props impact the ' +
+      'timing of feedback events.': string),
+    render: function(): React.Node {
+      return <PressableDelayEvents />;
+    },
+  },
+  {
+    title: '3D Touch / Force Touch',
+    description:
+      'iPhone 8 and 8 plus support 3D touch, which adds a force property to touches',
+    render: function(): React.Node {
+      return <ForceTouchExample />;
+    },
+    platform: 'ios',
+  },
+  {
+    title: 'Pressable Hit Slop',
+    description: ('<Pressable> components accept hitSlop prop which extends the touch area ' +
+      'without changing the view bounds.': string),
+    render: function(): React.Node {
+      return <PressableHitSlop />;
+    },
+  },
+  {
+    title: 'Pressable Native Methods',
+    description: ('<Pressable> components expose native methods like `measure`.': string),
+    render: function(): React.Node {
+      return <PressableNativeMethods />;
+    },
+  },
+  {
+    title: 'Disabled Pressable',
+    description: ('<Pressable> components accept disabled prop which prevents ' +
+      'any interaction with component': string),
+    render: function(): React.Node {
+      return <PressableDisabled />;
+    },
+  },
+];
diff --git a/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js b/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
index c291a7a6e5ef07..93127afb755999 100644
--- a/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
+++ b/RNTester/js/examples/PushNotificationIOS/PushNotificationIOSExample.js
@@ -49,8 +49,6 @@ class NotificationExample extends React.Component<{...}> {
       'localNotification',
       this._onLocalNotification,
     );
-
-    PushNotificationIOS.requestPermissions();
   }
 
   componentWillUnmount() {
@@ -173,18 +171,51 @@ class NotificationPermissionExample extends React.Component<
     return (
       <View>
         <Button
-          onPress={this._showPermissions.bind(this)}
-          label="Show enabled permissions"
+          onPress={this._requestPermissions}
+          label="Request Notifications (Should Display Alert)"
         />
-        <Text>{JSON.stringify(this.state.permissions)}</Text>
+        <Button onPress={this._checkPermissions} label="Check permissions" />
+        <Text style={{textAlign: 'center'}}>
+          {JSON.stringify(this.state.permissions)}
+        </Text>
       </View>
     );
   }
 
-  _showPermissions() {
+  _requestPermissions = () => {
+    PushNotificationIOS.requestPermissions().then(
+      onFulfill => {
+        this._showAlert(
+          'Successfully requested permissions -- ' +
+            'Alert: ' +
+            onFulfill.alert.toString() +
+            ', Badge: ' +
+            onFulfill.badge.toString() +
+            ', Sound: ' +
+            onFulfill.sound.toString(),
+        );
+        this._checkPermissions();
+      },
+      (onReject?) => {
+        this._showAlert('Error requesting permissions');
+        this._checkPermissions();
+      },
+    );
+  };
+
+  _checkPermissions = () => {
     PushNotificationIOS.checkPermissions(permissions => {
       this.setState({permissions});
     });
+  };
+
+  _showAlert(text) {
+    Alert.alert('Notification Permission', text, [
+      {
+        text: 'Dismiss',
+        onPress: null,
+      },
+    ]);
   }
 }
 
@@ -202,6 +233,18 @@ const styles = StyleSheet.create({
 exports.title = 'PushNotificationIOS';
 exports.description = 'Apple PushNotification and badge value';
 exports.examples = [
+  {
+    title: 'Notifications Permissions',
+    render(): React.Element<any> {
+      return <NotificationPermissionExample />;
+    },
+  },
+  {
+    title: 'Push Notifications',
+    render(): React.Element<any> {
+      return <NotificationExample />;
+    },
+  },
   {
     title: 'Badge Number',
     render(): React.Element<any> {
@@ -221,16 +264,4 @@ exports.examples = [
       );
     },
   },
-  {
-    title: 'Push Notifications',
-    render(): React.Element<any> {
-      return <NotificationExample />;
-    },
-  },
-  {
-    title: 'Notifications Permissions',
-    render(): React.Element<any> {
-      return <NotificationPermissionExample />;
-    },
-  },
 ];
diff --git a/RNTester/js/examples/RefreshControl/RefreshControlExample.js b/RNTester/js/examples/RefreshControl/RefreshControlExample.js
index bff7198e5abecc..06493b0971b82a 100644
--- a/RNTester/js/examples/RefreshControl/RefreshControlExample.js
+++ b/RNTester/js/examples/RefreshControl/RefreshControlExample.js
@@ -116,6 +116,7 @@ class RefreshControlExample extends React.Component {
 
 exports.title = '<RefreshControl>';
 exports.description = 'Adds pull-to-refresh support to a scrollview.';
+exports.simpleExampleContainer = true;
 exports.examples = [
   {
     title: 'Simple refresh',
diff --git a/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js b/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
index 0ca19402ab1691..a4a5ffea33979b 100644
--- a/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
+++ b/RNTester/js/examples/ScrollView/ScrollViewAnimatedExample.js
@@ -39,10 +39,14 @@ class ScrollViewAnimatedExample extends Component<{...}> {
   render(): React.Node {
     const interpolated = this._scrollViewPos.interpolate({
       inputRange: [0, 1],
+      /* $FlowFixMe(>=0.38.0) - Flow error detected during the deployment of
+       * v0.38.0. To see the error, remove this comment and run flow */
       outputRange: [0, 0.1],
     });
     const interpolated2 = this._scrollViewPos.interpolate({
       inputRange: [0, 1],
+      /* $FlowFixMe(>=0.38.0) - Flow error detected during the deployment of
+       * v0.38.0. To see the error, remove this comment and run flow */
       outputRange: ['0deg', '1deg'],
     });
     return (
diff --git a/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js b/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js
index ae654006496270..3a5488428c01d2 100644
--- a/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js
+++ b/RNTester/js/examples/ScrollView/ScrollViewSimpleExample.js
@@ -91,7 +91,7 @@ const styles = StyleSheet.create({
   },
 });
 
-exports.title = '<ScrollView>';
+exports.title = '<ScrollViewSimpleExample>';
 exports.description =
   'Component that enables scrolling through child components.';
 
diff --git a/RNTester/js/examples/Share/ShareExample.js b/RNTester/js/examples/Share/ShareExample.js
index fe33658a9f2e1c..bf33e7670ae0d6 100644
--- a/RNTester/js/examples/Share/ShareExample.js
+++ b/RNTester/js/examples/Share/ShareExample.js
@@ -71,7 +71,7 @@ class ShareMessageExample extends React.Component<Props, State> {
     Share.share(
       {
         message: 'A framework for building native apps using React',
-        url: 'http://facebook.github.io/react-native/',
+        url: 'https://reactnative.dev/',
         title: 'React Native',
       },
       {
diff --git a/RNTester/js/examples/Text/TextExample.ios.js b/RNTester/js/examples/Text/TextExample.ios.js
index 4314ee9d9c6164..b0144b0d6aa79d 100644
--- a/RNTester/js/examples/Text/TextExample.ios.js
+++ b/RNTester/js/examples/Text/TextExample.ios.js
@@ -318,6 +318,23 @@ class TextBaseLineLayoutExample extends React.Component<*, *> {
           {marker}
         </View>
 
+        <Text style={subtitleStyle}>
+          {'Multi-line interleaved <View> and <Text>:'}
+        </Text>
+        <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
+          <Text selectable={true}>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris
+            venenatis,{' '}
+            <View
+              style={{
+                backgroundColor: 'yellow',
+              }}>
+              <Text>mauris eu commodo maximus</Text>
+            </View>{' '}
+            , ante arcu vestibulum ligula, et scelerisque diam.
+          </Text>
+        </View>
+
         <Text style={subtitleStyle}>{'<TextInput/>:'}</Text>
         <View style={{flexDirection: 'row', alignItems: 'baseline'}}>
           {marker}
diff --git a/RNTester/js/examples/TextInput/TextInputExample.android.js b/RNTester/js/examples/TextInput/TextInputExample.android.js
index f0d7be612fde63..8c7020f02ccc74 100644
--- a/RNTester/js/examples/TextInput/TextInputExample.android.js
+++ b/RNTester/js/examples/TextInput/TextInputExample.android.js
@@ -99,6 +99,9 @@ class AutogrowingTextInputExample extends React.Component<{...}> {
           onValueChange={value => this.setState({multiline: value})}
         />
         <Text>TextInput:</Text>
+        {/* $FlowFixMe(>=0.122.0 site=react_native_android_fb) This comment
+         * suppresses an error found when Flow v0.122.0 was deployed. To see
+         * the error, delete this comment and run Flow. */}
         <TextInput
           /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
            * found when making Flow check .android.js files. */
diff --git a/RNTester/js/examples/TextInput/TextInputSharedExamples.js b/RNTester/js/examples/TextInput/TextInputSharedExamples.js
index c0969652d74da7..8e474ef0b82b38 100644
--- a/RNTester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/RNTester/js/examples/TextInput/TextInputSharedExamples.js
@@ -97,6 +97,8 @@ class RewriteExample extends React.Component<$FlowFixMeProps, any> {
     return (
       <View style={styles.rewriteContainer}>
         <TextInput
+          testID="rewrite_sp_underscore_input"
+          autoCorrect={false}
           multiline={false}
           maxLength={limit}
           onChangeText={text => {
@@ -126,6 +128,8 @@ class RewriteExampleInvalidCharacters extends React.Component<
     return (
       <View style={styles.rewriteContainer}>
         <TextInput
+          testID="rewrite_no_sp_input"
+          autoCorrect={false}
           multiline={false}
           onChangeText={text => {
             this.setState({text: text.replace(/\s/g, '')});
@@ -152,17 +156,20 @@ class RewriteInvalidCharactersAndClearExample extends React.Component<
     return (
       <View style={styles.rewriteContainer}>
         <TextInput
+          testID="rewrite_clear_input"
+          autoCorrect={false}
           ref={ref => {
             this.inputRef = ref;
           }}
-          multiline={false}
+          multiline={true}
           onChangeText={text => {
-            this.setState({text: text.replace(/\s/g, '')});
+            this.setState({text: text.replace(/ /g, '')});
           }}
           style={styles.default}
           value={this.state.text}
         />
         <Button
+          testID="rewrite_clear_button"
           onPress={() => {
             if (this.inputRef != null) {
               this.inputRef.clear();
@@ -604,8 +611,6 @@ module.exports = ([
       return (
         <View>
           <SelectionExample
-            /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was
-             * found when making Flow check .android.js files. */
             style={styles.default}
             value="text selection can be changed"
           />
diff --git a/RNTester/js/examples/Touchable/TouchableExample.js b/RNTester/js/examples/Touchable/TouchableExample.js
index 76be182bb39890..f3a136c47fb704 100644
--- a/RNTester/js/examples/Touchable/TouchableExample.js
+++ b/RNTester/js/examples/Touchable/TouchableExample.js
@@ -56,7 +56,7 @@ class TouchableHighlightBox extends React.Component<{...}, $FlowFixMeState> {
             style={styles.wrapper}
             testID="touchable_highlight_image_button"
             onPress={this.touchableOnPress}>
-            <Image source={heartImage} style={styles.image} />
+            <Image source={remoteImage} style={styles.image} />
           </TouchableHighlight>
           <TouchableHighlight
             style={styles.wrapper}
@@ -401,35 +401,80 @@ class TouchableDisabled extends React.Component<{...}> {
         </TouchableWithoutFeedback>
 
         {Platform.OS === 'android' && (
-          <TouchableNativeFeedback
-            onPress={() => console.log('custom TNF has been clicked')}
-            background={TouchableNativeFeedback.SelectableBackground()}>
-            <View style={[styles.row, styles.block]}>
-              <Text style={[styles.button, styles.nativeFeedbackButton]}>
-                Enabled TouchableNativeFeedback
-              </Text>
-            </View>
-          </TouchableNativeFeedback>
-        )}
+          <>
+            <TouchableNativeFeedback
+              onPress={() => console.log('custom TNF has been clicked')}
+              background={TouchableNativeFeedback.SelectableBackground()}>
+              <View style={[styles.row, styles.block]}>
+                <Text style={[styles.button, styles.nativeFeedbackButton]}>
+                  Enabled TouchableNativeFeedback
+                </Text>
+              </View>
+            </TouchableNativeFeedback>
 
-        {Platform.OS === 'android' && (
-          <TouchableNativeFeedback
-            disabled={true}
-            onPress={() => console.log('custom TNF has been clicked')}
-            background={TouchableNativeFeedback.SelectableBackground()}>
-            <View style={[styles.row, styles.block]}>
-              <Text
-                style={[styles.disabledButton, styles.nativeFeedbackButton]}>
-                Disabled TouchableNativeFeedback
-              </Text>
-            </View>
-          </TouchableNativeFeedback>
+            <TouchableNativeFeedback
+              disabled={true}
+              onPress={() => console.log('custom TNF has been clicked')}
+              background={TouchableNativeFeedback.SelectableBackground()}>
+              <View style={[styles.row, styles.block]}>
+                <Text
+                  style={[styles.disabledButton, styles.nativeFeedbackButton]}>
+                  Disabled TouchableNativeFeedback
+                </Text>
+              </View>
+            </TouchableNativeFeedback>
+          </>
         )}
       </View>
     );
   }
 }
 
+function CustomRippleRadius() {
+  if (Platform.OS !== 'android') {
+    return null;
+  }
+  return (
+    <View
+      style={[
+        styles.row,
+        {justifyContent: 'space-around', alignItems: 'center'},
+      ]}>
+      <TouchableNativeFeedback
+        onPress={() => console.log('custom TNF has been clicked')}
+        background={TouchableNativeFeedback.Ripple('orange', true, 30)}>
+        <View>
+          <Text style={[styles.button, styles.nativeFeedbackButton]}>
+            radius 30
+          </Text>
+        </View>
+      </TouchableNativeFeedback>
+
+      <TouchableNativeFeedback
+        onPress={() => console.log('custom TNF has been clicked')}
+        background={TouchableNativeFeedback.SelectableBackgroundBorderless(
+          150,
+        )}>
+        <View>
+          <Text style={[styles.button, styles.nativeFeedbackButton]}>
+            radius 150
+          </Text>
+        </View>
+      </TouchableNativeFeedback>
+
+      <TouchableNativeFeedback
+        onPress={() => console.log('custom TNF has been clicked')}
+        background={TouchableNativeFeedback.SelectableBackground(70)}>
+        <View style={styles.block}>
+          <Text style={[styles.button, styles.nativeFeedbackButton]}>
+            radius 70, with border
+          </Text>
+        </View>
+      </TouchableNativeFeedback>
+    </View>
+  );
+}
+
 // [TODO(macOS ISS#2323203)
 class TouchableHover extends React.Component<{}, $FlowFixMeState> {
   state = {
@@ -539,8 +584,8 @@ class TouchableMouseEvents extends React.Component<{}, $FlowFixMeState> {
 }
 // ]TODO(macOS ISS#2323203)
 
-const heartImage = {
-  uri: 'https://pbs.twimg.com/media/BlXBfT3CQAA6cVZ.png:small',
+const remoteImage = {
+  uri: 'https://www.facebook.com/favicon.ico',
 };
 
 const styles = StyleSheet.create({
@@ -691,7 +736,7 @@ exports.examples = [
   {
     title: '3D Touch / Force Touch',
     description:
-      'iPhone 6s and 6s plus support 3D touch, which adds a force property to touches',
+      'iPhone 8 and 8 plus support 3D touch, which adds a force property to touches',
     render: function(): React.Element<any> {
       return <ForceTouchExample />;
     },
@@ -712,6 +757,13 @@ exports.examples = [
       return <TouchableNativeMethods />;
     },
   },
+  {
+    title: 'Custom Ripple Radius (Android-only)',
+    description: ('Ripple radius on TouchableNativeFeedback can be controlled': string),
+    render: function(): React.Element<any> {
+      return <CustomRippleRadius />;
+    },
+  },
   {
     title: 'Disabled Touchable*',
     description: ('<Touchable*> components accept disabled prop which prevents ' +
diff --git a/RNTester/js/examples/Transform/TransformExample.js b/RNTester/js/examples/Transform/TransformExample.js
index f4c6b926a7fd1d..a42a00c105742f 100644
--- a/RNTester/js/examples/Transform/TransformExample.js
+++ b/RNTester/js/examples/Transform/TransformExample.js
@@ -15,6 +15,46 @@ import {Animated, StyleSheet, Text, View} from 'react-native';
 
 import type {Node, Element} from 'react';
 
+function AnimateTansformSingleProp() {
+  const [theta] = useState(new Animated.Value(45));
+  const animate = () => {
+    theta.setValue(0);
+    Animated.timing(theta, {
+      toValue: 100,
+      duration: 3000,
+      useNativeDriver: false,
+    }).start(animate);
+  };
+
+  useEffect(() => {
+    animate();
+  });
+
+  return (
+    <View style={styles.flipCardContainer}>
+      <Animated.View
+        style={[
+          styles.box6,
+          {
+            transform: [
+              {
+                rotate: theta.interpolate({
+                  inputRange: [0, 100],
+                  /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                   * deployment of v0.38.0. To see the error, remove this
+                   * comment and run flow */
+                  outputRange: ['0deg', '360deg'],
+                }),
+              },
+            ],
+          },
+        ]}>
+        <Text style={styles.flipText}>This text is flipping great.</Text>
+      </Animated.View>
+    </View>
+  );
+}
+
 function Flip() {
   const [theta] = useState(new Animated.Value(45));
   const animate = () => {
@@ -41,6 +81,9 @@ function Flip() {
               {
                 rotateX: theta.interpolate({
                   inputRange: [0, 180],
+                  /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                   * deployment of v0.38.0. To see the error, remove this
+                   * comment and run flow */
                   outputRange: ['0deg', '180deg'],
                 }),
               },
@@ -59,6 +102,9 @@ function Flip() {
               {
                 rotateX: theta.interpolate({
                   inputRange: [0, 180],
+                  /* $FlowFixMe(>=0.38.0) - Flow error detected during the
+                   * deployment of v0.38.0. To see the error, remove this
+                   * comment and run flow */
                   outputRange: ['180deg', '360deg'],
                 }),
               },
@@ -160,6 +206,10 @@ const styles = StyleSheet.create({
   box5Transform: {
     transform: [{translate: [-50, 35]}, {rotate: '50deg'}, {scale: 2}],
   },
+  box6: {
+    backgroundColor: 'salmon',
+    alignSelf: 'center',
+  },
   flipCardContainer: {
     marginVertical: 40,
     flex: 1,
@@ -276,4 +326,11 @@ exports.examples = [
       );
     },
   },
+  {
+    title: 'Amimate Translate single prop',
+    description: "rotate: '360deg'",
+    render(): Node {
+      return <AnimateTansformSingleProp />;
+    },
+  },
 ];
diff --git a/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js b/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js
index 8d13df63c26dff..eae564aa3a21cc 100644
--- a/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js
+++ b/RNTester/js/examples/TurboModule/SampleTurboModuleExample.js
@@ -70,10 +70,10 @@ class SampleTurboModuleExample extends React.Component<{||}, State> {
 
   _setResult(name, result) {
     this.setState(({testResults}) => ({
+      /* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
+       * error found when Flow v0.122.0 was deployed. To see the error, delete
+       * this comment and run Flow. */
       testResults: {
-        /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses
-         * an error found when Flow v0.111 was deployed. To see the error,
-         * delete this comment and run Flow. */
         ...testResults,
         /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses
          * an error found when Flow v0.111 was deployed. To see the error,
diff --git a/RNTester/js/examples/View/ViewExample.js b/RNTester/js/examples/View/ViewExample.js
index 06b27412120e4e..7f89797ed51570 100644
--- a/RNTester/js/examples/View/ViewExample.js
+++ b/RNTester/js/examples/View/ViewExample.js
@@ -148,12 +148,53 @@ exports.examples = [
     },
   },
   {
-    title: 'Circle with Border Radius',
+    title: 'Rounded Borders',
     render(): React.Node {
       return (
-        <View
-          style={{borderRadius: 10, borderWidth: 1, width: 20, height: 20}}
-        />
+        <View style={{flexDirection: 'row'}}>
+          <View
+            style={{
+              width: 50,
+              height: 50,
+              borderRadius: 25,
+              borderWidth: 1,
+              marginRight: 10,
+            }}
+          />
+          <View
+            style={{
+              width: 50,
+              height: 50,
+              borderRadius: 25,
+              borderWidth: 10,
+              marginRight: 10,
+            }}
+          />
+          <View
+            style={{
+              width: 50,
+              height: 50,
+              borderTopLeftRadius: 5,
+              borderTopRightRadius: 10,
+              borderBottomRightRadius: 25,
+              borderBottomLeftRadius: 50,
+              borderWidth: 1,
+              marginRight: 10,
+            }}
+          />
+          <View
+            style={{
+              width: 50,
+              height: 50,
+              borderTopLeftRadius: 5,
+              borderTopRightRadius: 10,
+              borderBottomRightRadius: 25,
+              borderBottomLeftRadius: 50,
+              borderWidth: 10,
+              marginRight: 10,
+            }}
+          />
+        </View>
       );
     },
   },
diff --git a/RNTester/js/examples/XHR/XHRExampleAbortController.js b/RNTester/js/examples/XHR/XHRExampleAbortController.js
index 8b70f30746a403..8d205d7024eba4 100644
--- a/RNTester/js/examples/XHR/XHRExampleAbortController.js
+++ b/RNTester/js/examples/XHR/XHRExampleAbortController.js
@@ -20,7 +20,7 @@ class XHRExampleAbortController extends React.Component<{...}, {...}> {
   _submit(abortDelay) {
     clearTimeout(this._timeout);
     const abortController = new global.AbortController();
-    fetch('https://facebook.github.io/react-native/', {
+    fetch('https://reactnative.dev/', {
       signal: abortController.signal,
     })
       .then(res => res.text())
diff --git a/RNTester/js/utils/RNTesterActions.js b/RNTester/js/utils/RNTesterActions.js
index d92bea4161cabd..10b6ee1cd83e6f 100644
--- a/RNTester/js/utils/RNTesterActions.js
+++ b/RNTester/js/utils/RNTesterActions.js
@@ -10,8 +10,6 @@
 
 'use strict';
 
-import type {RNTesterTheme} from '../components/RNTesterTheme';
-
 export type RNTesterBackAction = {type: 'RNTesterBackAction', ...};
 
 export type RNTesterListAction = {type: 'RNTesterListAction', ...};
diff --git a/RNTester/js/utils/RNTesterList.android.js b/RNTester/js/utils/RNTesterList.android.js
index 10fcbe09a4e377..1de9d42a00c7b6 100644
--- a/RNTester/js/utils/RNTesterList.android.js
+++ b/RNTester/js/utils/RNTesterList.android.js
@@ -57,6 +57,10 @@ const ComponentExamples: Array<RNTesterExample> = [
     key: 'PickerExample',
     module: require('../examples/Picker/PickerExample'),
   },
+  {
+    key: 'PressableExample',
+    module: require('../examples/Pressable/PressableExample'),
+  },
   {
     key: 'ProgressBarAndroidExample',
     module: require('../examples/ProgressBarAndroid/ProgressBarAndroidExample'),
@@ -196,6 +200,10 @@ const APIExamples: Array<RNTesterExample> = [
     key: 'PermissionsExampleAndroid',
     module: require('../examples/PermissionsAndroid/PermissionsExample'),
   },
+  {
+    key: 'PlatformColorExample',
+    module: require('../examples/PlatformColor/PlatformColorExample'),
+  },
   {
     key: 'PointerEventsExample',
     module: require('../examples/PointerEvents/PointerEventsExample'),
diff --git a/RNTester/js/utils/RNTesterList.ios.js b/RNTester/js/utils/RNTesterList.ios.js
index cc17688abd257c..9ab6663e51b980 100644
--- a/RNTester/js/utils/RNTesterList.ios.js
+++ b/RNTester/js/utils/RNTesterList.ios.js
@@ -110,6 +110,11 @@ const ComponentExamples: Array<RNTesterExample> = [
     module: require('../examples/Picker/PickerIOSExample'),
     supportsTVOS: false,
   },
+  {
+    key: 'PressableExample',
+    module: require('../examples/Pressable/PressableExample'),
+    supportsTVOS: true,
+  },
   {
     key: 'ProgressViewIOSExample',
     module: require('../examples/ProgressViewIOS/ProgressViewIOSExample'),
@@ -309,6 +314,11 @@ const APIExamples: Array<RNTesterExample> = [
     module: require('../examples/PanResponder/PanResponderExample'),
     supportsTVOS: false,
   },
+  {
+    key: 'PlatformColorExample',
+    module: require('../examples/PlatformColor/PlatformColorExample'),
+    supportsTVOS: true,
+  },
   {
     key: 'PointerEventsExample',
     module: require('../examples/PointerEvents/PointerEventsExample'),
diff --git a/RNTester/js/utils/RNTesterStatePersister.js b/RNTester/js/utils/RNTesterStatePersister.js
index 20845267130c61..751070395d129a 100644
--- a/RNTester/js/utils/RNTesterStatePersister.js
+++ b/RNTester/js/utils/RNTesterStatePersister.js
@@ -42,11 +42,9 @@ function createContainer<Props: Object, State>(
     Props,
     $FlowFixMeState,
   > {
-    /* $FlowFixMe(>=0.53.0 site=react_native_fb,react_native_oss) This comment
-     * suppresses an error when upgrading Flow's support for React. To see the
-     * error delete this comment and run Flow. */
-    static displayName = `RNTesterStatePersister(${Component.displayName ||
-      Component.name})`;
+    static displayName = `RNTesterStatePersister(${String(
+      Component.displayName ?? Component.name,
+    )})`;
     state = {value: spec.getInitialState(this.props)};
     _cacheKey = `RNTester:${spec.version || 'v1'}:${spec.cacheKeySuffix(
       this.props,
diff --git a/React-Core.podspec b/React-Core.podspec
index b459a198da5977..a96b7b6a6ede73 100644
--- a/React-Core.podspec
+++ b/React-Core.podspec
@@ -17,7 +17,7 @@ else
 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'
+folly_version = '2020.01.13.00'
 boost_compiler_flags = '-Wno-documentation'
 
 header_subspecs = {
@@ -39,11 +39,12 @@ 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.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS ISS#2323203)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS ISS#2323203)
   s.source                 = source
+  s.resource_bundle        = { "AccessibilityResources" => ["React/AccessibilityResources/*.lproj"]}
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
   s.header_dir             = "React"
   s.framework              = "JavaScriptCore"
@@ -92,7 +93,7 @@ Pod::Spec.new do |s|
                       "ReactCommon/hermes/inspector/detail/*.{cpp,h}"
     ss.pod_target_xcconfig = { "GCC_PREPROCESSOR_DEFINITIONS" => "HERMES_ENABLE_DEBUGGER=1" }
     ss.dependency "RCT-Folly/Futures"
-    ss.dependency "hermes", "~> 0.4.1"
+    ss.dependency "hermes", "~> 0.5.0"
   end
   # ]TODO(macOS GH#214)
 
diff --git a/React.podspec b/React.podspec
index d7c1ef8c77ee44..811e062b143306 100644
--- a/React.podspec
+++ b/React.podspec
@@ -33,10 +33,10 @@ Pod::Spec.new do |s|
                                beautiful and fast products with no compromises in
                                quality or capability.
                              DESC
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.preserve_paths         = "package.json", "LICENSE", "LICENSE-docs"
   s.cocoapods_version      = ">= 1.2.0"
diff --git a/React/AccessibilityResources/en.lproj/Localizable.strings b/React/AccessibilityResources/en.lproj/Localizable.strings
new file mode 100644
index 00000000000000..866bd0d883862d
--- /dev/null
+++ b/React/AccessibilityResources/en.lproj/Localizable.strings
@@ -0,0 +1,26 @@
+/*
+  Localizable.strings
+  React
+*/
+"alert"="alert";
+"checkbox"="checkbox";
+"combobox"="combo box";
+"menu"="menu";
+"menubar"="menu bar";
+"menuitem"="menu item";
+"progressbar"="progress bar";
+"radio"="radio button";
+"radiogroup"="radio group";
+"scrollbar"="scroll bar";
+"spinbutton"="spin button";
+"switch"="switch";
+"tab"="tab description";
+"tablist"="tab list";
+"timer"="timer";
+"toolbar"="tool bar";
+"checked"="checked";
+"unchecked"="not checked";
+"busy"="busy";
+"expanded"="expanded";
+"collapsed"="collapsed";
+"mixed"="mixed";
diff --git a/React/Base/RCTAssert.h b/React/Base/RCTAssert.h
index 34b49e1af4b503..6b5109ed74bb81 100644
--- a/React/Base/RCTAssert.h
+++ b/React/Base/RCTAssert.h
@@ -20,21 +20,25 @@ RCT_EXTERN BOOL RCTIsMainQueue(void);
  * assert handler through `RCTSetAssertFunction`.
  */
 #ifndef NS_BLOCK_ASSERTIONS
-#define RCTAssert(condition, ...) do { \
-  if ((condition) == 0) { \
-    _RCTAssertFormat(#condition, __FILE__, __LINE__, __func__, __VA_ARGS__); \
-    if (RCT_NSASSERT) { \
-      [[NSAssertionHandler currentHandler] handleFailureInFunction:(NSString * _Nonnull)@(__func__) \
-        file:(NSString * _Nonnull)@(__FILE__) lineNumber:__LINE__ description:__VA_ARGS__]; \
-    } \
-  } \
-} while (false)
+#define RCTAssert(condition, ...)                                                                      \
+  do {                                                                                                 \
+    if ((condition) == 0) {                                                                            \
+      _RCTAssertFormat(#condition, __FILE__, __LINE__, __func__, __VA_ARGS__);                         \
+      if (RCT_NSASSERT) {                                                                              \
+        [[NSAssertionHandler currentHandler] handleFailureInFunction:(NSString * _Nonnull) @(__func__) \
+                                                                file:(NSString * _Nonnull) @(__FILE__) \
+                                                          lineNumber:__LINE__                          \
+                                                         description:__VA_ARGS__];                     \
+      }                                                                                                \
+    }                                                                                                  \
+  } while (false)
 #else
-#define RCTAssert(condition, ...) do {} while (false)
+#define RCTAssert(condition, ...) \
+  do {                            \
+  } while (false)
 #endif
-RCT_EXTERN void _RCTAssertFormat(
-  const char *, const char *, int, const char *, NSString *, ...
-) NS_FORMAT_FUNCTION(5,6);
+RCT_EXTERN void _RCTAssertFormat(const char *, const char *, int, const char *, NSString *, ...)
+    NS_FORMAT_FUNCTION(5, 6);
 
 /**
  * Report a fatal condition when executing. These calls will _NOT_ be compiled out
@@ -68,11 +72,12 @@ RCT_EXTERN NSString *const RCTFatalExceptionName;
 /**
  * A block signature to be used for custom assertion handling.
  */
-typedef void (^RCTAssertFunction)(NSString *condition,
-                                  NSString *fileName,
-                                  NSNumber *lineNumber,
-                                  NSString *function,
-                                  NSString *message);
+typedef void (^RCTAssertFunction)(
+    NSString *condition,
+    NSString *fileName,
+    NSNumber *lineNumber,
+    NSString *function,
+    NSString *message);
 
 typedef void (^RCTFatalHandler)(NSError *error);
 typedef void (^RCTFatalExceptionHandler)(NSException *exception);
@@ -85,14 +90,12 @@ typedef void (^RCTFatalExceptionHandler)(NSException *exception);
 /**
  * Convenience macro for asserting that we're running on main queue.
  */
-#define RCTAssertMainQueue() RCTAssert(RCTIsMainQueue(), \
-  @"This function must be called on the main queue")
+#define RCTAssertMainQueue() RCTAssert(RCTIsMainQueue(), @"This function must be called on the main queue")
 
 /**
  * Convenience macro for asserting that we're running off the main queue.
  */
-#define RCTAssertNotMainQueue() RCTAssert(!RCTIsMainQueue(), \
-@"This function must not be called on the main queue")
+#define RCTAssertNotMainQueue() RCTAssert(!RCTIsMainQueue(), @"This function must not be called on the main queue")
 
 /**
  * These methods get and set the current assert function called by the RCTAssert
@@ -133,7 +136,8 @@ RCT_EXTERN NSString *RCTCurrentThreadName(void);
 /**
  * Helper to get generate exception message from NSError
  */
-RCT_EXTERN NSString *RCTFormatError(NSString *message, NSArray<NSDictionary<NSString *, id> *> *stacktrace, NSUInteger maxMessageLength);
+RCT_EXTERN NSString *
+RCTFormatError(NSString *message, NSArray<NSDictionary<NSString *, id> *> *stacktrace, NSUInteger maxMessageLength);
 
 /**
  * Formats a JS stack trace for logging.
@@ -145,20 +149,19 @@ RCT_EXTERN NSString *RCTFormatStackTrace(NSArray<NSDictionary<NSString *, id> *>
  */
 #if DEBUG
 
-#define RCTAssertThread(thread, format...) \
-_Pragma("clang diagnostic push") \
-_Pragma("clang diagnostic ignored \"-Wdeprecated-declarations\"") \
-RCTAssert( \
-  [(id)thread isKindOfClass:[NSString class]] ? \
-    [RCTCurrentThreadName() isEqualToString:(NSString *)thread] : \
-    [(id)thread isKindOfClass:[NSThread class]] ? \
-      [NSThread currentThread] ==  (NSThread *)thread : \
-      dispatch_get_current_queue() == (dispatch_queue_t)thread, \
-  format); \
-_Pragma("clang diagnostic pop")
+#define RCTAssertThread(thread, format...)                                                                          \
+  _Pragma("clang diagnostic push") _Pragma("clang diagnostic ignored \"-Wdeprecated-declarations\"") RCTAssert(     \
+      [(id)thread isKindOfClass:[NSString class]]                                                                   \
+          ? [RCTCurrentThreadName() isEqualToString:(NSString *)thread]                                             \
+          : [(id)thread isKindOfClass:[NSThread class]] ? [NSThread currentThread] == (NSThread *)thread            \
+                                                        : dispatch_get_current_queue() == (dispatch_queue_t)thread, \
+      format);                                                                                                      \
+  _Pragma("clang diagnostic pop")
 
 #else
 
-#define RCTAssertThread(thread, format...) do { } while (0)
+#define RCTAssertThread(thread, format...) \
+  do {                                     \
+  } while (0)
 
 #endif
diff --git a/React/Base/RCTAssert.m b/React/Base/RCTAssert.m
index 3a50fb913f45fb..b454fae65b92f0 100644
--- a/React/Base/RCTAssert.m
+++ b/React/Base/RCTAssert.m
@@ -23,10 +23,12 @@
 NSException *_RCTNotImplementedException(SEL, Class);
 NSException *_RCTNotImplementedException(SEL cmd, Class cls)
 {
-  NSString *msg = [NSString stringWithFormat:@"%s is not implemented "
-                   "for the class %@", sel_getName(cmd), cls];
-  return [NSException exceptionWithName:@"RCTNotDesignatedInitializerException"
-                                 reason:msg userInfo:nil];
+  NSString *msg = [NSString stringWithFormat:
+                                @"%s is not implemented "
+                                 "for the class %@",
+                                sel_getName(cmd),
+                                cls];
+  return [NSException exceptionWithName:@"RCTNotDesignatedInitializerException" reason:msg userInfo:nil];
 }
 
 void RCTSetAssertFunction(RCTAssertFunction assertFunction)
@@ -43,15 +45,11 @@ void RCTAddAssertFunction(RCTAssertFunction assertFunction)
 {
   RCTAssertFunction existing = RCTCurrentAssertFunction;
   if (existing) {
-    RCTCurrentAssertFunction = ^(NSString *condition,
-                                 NSString *fileName,
-                                 NSNumber *lineNumber,
-                                 NSString *function,
-                                 NSString *message) {
-
-      existing(condition, fileName, lineNumber, function, message);
-      assertFunction(condition, fileName, lineNumber, function, message);
-    };
+    RCTCurrentAssertFunction =
+        ^(NSString *condition, NSString *fileName, NSNumber *lineNumber, NSString *function, NSString *message) {
+          existing(condition, fileName, lineNumber, function, message);
+          assertFunction(condition, fileName, lineNumber, function, message);
+        };
   } else {
     RCTCurrentAssertFunction = assertFunction;
   }
@@ -101,11 +99,12 @@ void RCTPerformBlockWithAssertFunction(void (^block)(void), RCTAssertFunction as
 }
 
 void _RCTAssertFormat(
-  const char *condition,
-  const char *fileName,
-  int lineNumber,
-  const char *function,
-  NSString *format, ...)
+    const char *condition,
+    const char *fileName,
+    int lineNumber,
+    const char *function,
+    NSString *format,
+    ...)
 {
   RCTAssertFunction assertFunction = RCTGetLocalAssertFunction();
   if (assertFunction) {
@@ -143,9 +142,10 @@ void RCTFatal(NSError *error)
       // name: RCTFatalException: <underlying error description>
       // reason: <underlying error description plus JS stack trace, truncated to 175 characters>
       // userInfo: <underlying error userinfo, plus untruncated description plus JS stack trace>
-      @throw [[NSException alloc]  initWithName:name reason:message userInfo:userInfo];
+      @throw [[NSException alloc] initWithName:name reason:message userInfo:userInfo];
 #if DEBUG
-    } @catch (NSException *e) {}
+    } @catch (NSException *e) {
+    }
 #endif
   }
 }
@@ -160,7 +160,8 @@ RCTFatalHandler RCTGetFatalHandler(void)
   return RCTCurrentFatalHandler;
 }
 
-NSString *RCTFormatError(NSString *message, NSArray<NSDictionary<NSString *, id> *> *stackTrace, NSUInteger maxMessageLength)
+NSString *
+RCTFormatError(NSString *message, NSArray<NSDictionary<NSString *, id> *> *stackTrace, NSUInteger maxMessageLength)
 {
   if (maxMessageLength > 0 && message.length > maxMessageLength) {
     message = [[message substringToIndex:maxMessageLength] stringByAppendingString:@"..."];
@@ -168,26 +169,31 @@ RCTFatalHandler RCTGetFatalHandler(void)
 
   NSString *prettyStack = RCTFormatStackTrace(stackTrace);
 
-  return [NSString stringWithFormat:@"%@%@%@", message, prettyStack ? @", stack:\n" : @"", prettyStack ? prettyStack : @""];
+  return [NSString
+      stringWithFormat:@"%@%@%@", message, prettyStack ? @", stack:\n" : @"", prettyStack ? prettyStack : @""];
 }
 
-NSString *RCTFormatStackTrace(NSArray<NSDictionary<NSString *, id> *> *stackTrace) {
+NSString *RCTFormatStackTrace(NSArray<NSDictionary<NSString *, id> *> *stackTrace)
+{
   if (stackTrace) {
     NSMutableString *prettyStack = [NSMutableString string];
 
-    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"\\b((?:seg-\\d+(?:_\\d+)?|\\d+)\\.js)"
-                                                                           options:NSRegularExpressionCaseInsensitive
-                                                                             error:NULL];
+    NSRegularExpression *regex =
+        [NSRegularExpression regularExpressionWithPattern:@"\\b((?:seg-\\d+(?:_\\d+)?|\\d+)\\.js)"
+                                                  options:NSRegularExpressionCaseInsensitive
+                                                    error:NULL];
     for (NSDictionary<NSString *, id> *frame in stackTrace) {
       NSString *fileName = [frame[@"file"] lastPathComponent];
-      NSTextCheckingResult *match = fileName != nil ? [regex firstMatchInString:fileName options:0 range:NSMakeRange(0, fileName.length)] : nil;
+      NSTextCheckingResult *match =
+          fileName != nil ? [regex firstMatchInString:fileName options:0 range:NSMakeRange(0, fileName.length)] : nil;
       if (match) {
         fileName = [NSString stringWithFormat:@"%@:", [fileName substringWithRange:match.range]];
       } else {
         fileName = @"";
       }
 
-      [prettyStack appendFormat:@"%@@%@%@:%@\n", frame[@"methodName"], fileName, frame[@"lineNumber"], frame[@"column"]];
+      [prettyStack
+          appendFormat:@"%@@%@%@:%@\n", frame[@"methodName"], fileName, frame[@"lineNumber"], frame[@"column"]];
     }
 
     return prettyStack;
@@ -208,7 +214,8 @@ void RCTFatalException(NSException *exception)
 #endif
       @throw exception;
 #if DEBUG
-    } @catch (NSException *e) {}
+    } @catch (NSException *e) {
+    }
 #endif
   }
 }
diff --git a/React/Base/RCTBridge+Private.h b/React/Base/RCTBridge+Private.h
index d4bc4f74d6eb42..70a20f0b00f632 100644
--- a/React/Base/RCTBridge+Private.h
+++ b/React/Base/RCTBridge+Private.h
@@ -11,11 +11,6 @@
 @protocol RCTJavaScriptExecutor;
 
 RCT_EXTERN NSArray<Class> *RCTGetModuleClasses(void);
-
-#if RCT_DEBUG
-RCT_EXTERN void RCTVerifyAllModulesExported(NSArray *extraModules);
-#endif
-
 RCT_EXTERN void RCTRegisterModule(Class);
 
 @interface RCTBridge ()
@@ -91,8 +86,7 @@ RCT_EXTERN void RCTRegisterModule(Class);
  * Used by RCTModuleData to register the module for frame updates after it is
  * lazily initialized.
  */
-- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module
-                       withModuleData:(RCTModuleData *)moduleData;
+- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module withModuleData:(RCTModuleData *)moduleData;
 
 /**
  * Dispatch work to a module's queue - this is also suports the fake RCTJSThread
@@ -125,9 +119,7 @@ RCT_EXTERN void RCTRegisterModule(Class);
 /**
  * Synchronously call a specific native module's method and return the result
  */
-- (id)callNativeModule:(NSUInteger)moduleID
-                method:(NSUInteger)methodID
-                params:(NSArray *)params;
+- (id)callNativeModule:(NSUInteger)moduleID method:(NSUInteger)methodID params:(NSArray *)params;
 
 /**
  * Hook exposed for RCTLog to send logs to JavaScript when not running in JSC
diff --git a/React/Base/RCTBridge.h b/React/Base/RCTBridge.h
index 9c5c2c6b3f09e1..a3b202a500aaf2 100644
--- a/React/Base/RCTBridge.h
+++ b/React/Base/RCTBridge.h
@@ -23,7 +23,6 @@
  */
 RCT_EXTERN NSString *const RCTJavaScriptWillStartLoadingNotification;
 
-
 /**
  * This notification fires when the bridge starts executing the JS bundle.
  */
@@ -134,7 +133,7 @@ RCT_EXTERN NSString *const RCTBridgeDidDownloadScriptNotificationBridgeDescripti
  * For this reason, the block should always return new module instances, and
  * module instances should not be shared between bridges.
  */
-typedef NSArray<id<RCTBridgeModule>> *(^RCTBridgeModuleListProvider)(void);
+typedef NSArray<id<RCTBridgeModule>> * (^RCTBridgeModuleListProvider)(void);
 
 /**
  * This function returns the module name for a given class.
@@ -162,8 +161,7 @@ RCT_EXTERN void RCTEnableTurboModule(BOOL enabled);
  * pre-initialized module instances if they require additional init parameters
  * or configuration.
  */
-- (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate
-                   launchOptions:(NSDictionary *)launchOptions;
+- (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate launchOptions:(NSDictionary *)launchOptions;
 
 /**
  * DEPRECATED: Use initWithDelegate:launchOptions: instead
@@ -185,7 +183,10 @@ RCT_EXTERN void RCTEnableTurboModule(BOOL enabled);
  * with the JavaScript code. Safe to call from any thread.
  */
 - (void)enqueueJSCall:(NSString *)moduleDotMethod args:(NSArray *)args;
-- (void)enqueueJSCall:(NSString *)module method:(NSString *)method args:(NSArray *)args completion:(dispatch_block_t)completion;
+- (void)enqueueJSCall:(NSString *)module
+               method:(NSString *)method
+                 args:(NSArray *)args
+           completion:(dispatch_block_t)completion;
 
 /**
  * This method registers the file path of an additional JS segment by its ID.
diff --git a/React/Base/RCTBridge.m b/React/Base/RCTBridge.m
index c6261a3e262b90..2d8754ff3dc4e7 100644
--- a/React/Base/RCTBridge.m
+++ b/React/Base/RCTBridge.m
@@ -62,12 +62,14 @@ void RCTRegisterModule(Class moduleClass)
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     RCTModuleClasses = [NSMutableArray new];
-    RCTModuleClassesSyncQueue = dispatch_queue_create("com.facebook.react.ModuleClassesSyncQueue", DISPATCH_QUEUE_CONCURRENT);
+    RCTModuleClassesSyncQueue =
+        dispatch_queue_create("com.facebook.react.ModuleClassesSyncQueue", DISPATCH_QUEUE_CONCURRENT);
   });
 
-  RCTAssert([moduleClass conformsToProtocol:@protocol(RCTBridgeModule)],
-            @"%@ does not conform to the RCTBridgeModule protocol",
-            moduleClass);
+  RCTAssert(
+      [moduleClass conformsToProtocol:@protocol(RCTBridgeModule)],
+      @"%@ does not conform to the RCTBridgeModule protocol",
+      moduleClass);
 
   // Register module
   dispatch_barrier_async(RCTModuleClassesSyncQueue, ^{
@@ -81,8 +83,10 @@ void RCTRegisterModule(Class moduleClass)
 NSString *RCTBridgeModuleNameForClass(Class cls)
 {
 #if RCT_DEBUG
-  RCTAssert([cls conformsToProtocol:@protocol(RCTBridgeModule)],
-            @"Bridge module `%@` does not conform to RCTBridgeModule", cls);
+  RCTAssert(
+      [cls conformsToProtocol:@protocol(RCTBridgeModule)],
+      @"Bridge module `%@` does not conform to RCTBridgeModule",
+      cls);
 #endif
 
   NSString *name = [cls moduleName];
@@ -105,62 +109,15 @@ BOOL RCTTurboModuleEnabled(void)
   return turboModuleEnabled;
 }
 
-void RCTEnableTurboModule(BOOL enabled) {
-  turboModuleEnabled = enabled;
-}
-
-#if RCT_DEBUG
-void RCTVerifyAllModulesExported(NSArray *extraModules)
+void RCTEnableTurboModule(BOOL enabled)
 {
-  // Check for unexported modules
-  unsigned int classCount;
-  Class *classes = objc_copyClassList(&classCount);
-
-  NSMutableSet *moduleClasses = [NSMutableSet new];
-  [moduleClasses addObjectsFromArray:RCTGetModuleClasses()];
-  [moduleClasses addObjectsFromArray:[extraModules valueForKeyPath:@"class"]];
-
-  for (unsigned int i = 0; i < classCount; i++) {
-    Class cls = classes[i];
-    if (strncmp(class_getName(cls), "RCTCxxModule", strlen("RCTCxxModule")) == 0) {
-      continue;
-    }
-    Class superclass = cls;
-    while (superclass) {
-      if (class_conformsToProtocol(superclass, @protocol(RCTBridgeModule))) {
-        if ([moduleClasses containsObject:cls]) {
-          break;
-        }
-
-        // Verify it's not a super-class of one of our moduleClasses
-        BOOL isModuleSuperClass = NO;
-        for (Class moduleClass in moduleClasses) {
-          if ([moduleClass isSubclassOfClass:cls]) {
-            isModuleSuperClass = YES;
-            break;
-          }
-        }
-        if (isModuleSuperClass) {
-          break;
-        }
-
-        // Note: Some modules may be lazily loaded and not exported up front, so this message is no longer a warning.
-        RCTLogInfo(@"Class %@ was not exported. Did you forget to use RCT_EXPORT_MODULE()?", cls);
-        break;
-      }
-      superclass = class_getSuperclass(superclass);
-    }
-  }
-
-  free(classes);
+  turboModuleEnabled = enabled;
 }
-#endif
 
 @interface RCTBridge () <RCTReloadListener>
 @end
 
-@implementation RCTBridge
-{
+@implementation RCTBridge {
   NSURL *_delegateBundleURL;
 }
 
@@ -170,7 +127,6 @@ + (void)initialize
 {
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-
     // Set up JS thread
     RCTJSThread = (id)kCFNull;
   });
@@ -194,23 +150,16 @@ + (void)setCurrentBridge:(RCTBridge *)currentBridge
   RCTCurrentBridgeInstance = currentBridge;
 }
 
-- (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate
-                   launchOptions:(NSDictionary *)launchOptions
+- (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate launchOptions:(NSDictionary *)launchOptions
 {
-  return [self initWithDelegate:delegate
-                      bundleURL:nil
-                 moduleProvider:nil
-                  launchOptions:launchOptions];
+  return [self initWithDelegate:delegate bundleURL:nil moduleProvider:nil launchOptions:launchOptions];
 }
 
 - (instancetype)initWithBundleURL:(NSURL *)bundleURL
                    moduleProvider:(RCTBridgeModuleListProvider)block
                     launchOptions:(NSDictionary *)launchOptions
 {
-  return [self initWithDelegate:nil
-                      bundleURL:bundleURL
-                 moduleProvider:block
-                  launchOptions:launchOptions];
+  return [self initWithDelegate:nil bundleURL:bundleURL moduleProvider:block launchOptions:launchOptions];
 }
 
 - (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate
@@ -229,7 +178,7 @@ - (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (void)dealloc
 {
@@ -298,7 +247,7 @@ - (BOOL)moduleIsInitialized:(Class)moduleClass
  */
 - (void)reload
 {
-   [self reloadWithReason:@"Unknown from bridge"];
+  [self reloadWithReason:@"Unknown from bridge"];
 }
 
 /**
@@ -306,14 +255,12 @@ - (void)reload
  */
 - (void)reloadWithReason:(NSString *)reason
 {
-  #if RCT_ENABLE_INSPECTOR
+#if RCT_ENABLE_INSPECTOR
   // Disable debugger to resume the JsVM & avoid thread locks while reloading
   [RCTInspectorDevServerHelper disableDebugger];
-  #endif
+#endif
 
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillReloadNotification
-                                                      object:self
-                                                    userInfo:nil];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillReloadNotification object:self userInfo:nil];
 
   /**
    * Any thread
@@ -394,8 +341,7 @@ - (BOOL)isBatchActive
 
 - (void)invalidate
 {
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillBeInvalidatedNotification
-                                                      object:self];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillBeInvalidatedNotification object:self];
 
   RCTBridge *batchedBridge = self.batchedBridge;
   self.batchedBridge = nil;
diff --git a/React/Base/RCTBridgeDelegate.h b/React/Base/RCTBridgeDelegate.h
index 2ae1b8baa9a79a..00c26f2dac34b0 100644
--- a/React/Base/RCTBridgeDelegate.h
+++ b/React/Base/RCTBridgeDelegate.h
@@ -48,12 +48,12 @@
 - (BOOL)shouldBridgeUseCustomJSC:(RCTBridge *)bridge;
 
 /**
-* The bridge will call this method when a module been called from JS
-* cannot be found among registered modules.
-* It should return YES if the module with name 'moduleName' was registered
-* in the implementation, and the system must attempt to look for it again among registered.
-* If the module was not registered, return NO to prevent further searches.
-*/
+ * The bridge will call this method when a module been called from JS
+ * cannot be found among registered modules.
+ * It should return YES if the module with name 'moduleName' was registered
+ * in the implementation, and the system must attempt to look for it again among registered.
+ * If the module was not registered, return NO to prevent further searches.
+ */
 - (BOOL)bridge:(RCTBridge *)bridge didNotFindModule:(NSString *)moduleName;
 
 /**
@@ -69,8 +69,7 @@
  * Similar to loadSourceForBridge:onProgress:onComplete: but without progress
  * reporting.
  */
-- (void)loadSourceForBridge:(RCTBridge *)bridge
-                  withBlock:(RCTSourceLoadBlock)loadCallback;
+- (void)loadSourceForBridge:(RCTBridge *)bridge withBlock:(RCTSourceLoadBlock)loadCallback;
 
 /**
  * Retrieve the list of lazy-native-modules names for the given bridge.
diff --git a/React/Base/RCTBridgeMethod.h b/React/Base/RCTBridgeMethod.h
index df0798158f7db9..35d2b893ae3e94 100644
--- a/React/Base/RCTBridgeMethod.h
+++ b/React/Base/RCTBridgeMethod.h
@@ -15,7 +15,8 @@ typedef NS_ENUM(NSUInteger, RCTFunctionType) {
   RCTFunctionTypeSync,
 };
 
-static inline const char *RCTFunctionDescriptorFromType(RCTFunctionType type) {
+static inline const char *RCTFunctionDescriptorFromType(RCTFunctionType type)
+{
   switch (type) {
     case RCTFunctionTypeNormal:
       return "async";
@@ -31,8 +32,6 @@ static inline const char *RCTFunctionDescriptorFromType(RCTFunctionType type) {
 @property (nonatomic, readonly) const char *JSMethodName;
 @property (nonatomic, readonly) RCTFunctionType functionType;
 
-- (id)invokeWithBridge:(RCTBridge *)bridge
-                module:(id)module
-             arguments:(NSArray *)arguments;
+- (id)invokeWithBridge:(RCTBridge *)bridge module:(id)module arguments:(NSArray *)arguments;
 
 @end
diff --git a/React/Base/RCTBridgeModule.h b/React/Base/RCTBridgeModule.h
index 31d459b155599c..98b7754ae75507 100644
--- a/React/Base/RCTBridgeModule.h
+++ b/React/Base/RCTBridgeModule.h
@@ -68,21 +68,32 @@ RCT_EXTERN_C_END
  * will be used as the JS module name. If omitted, the JS module name will
  * match the Objective-C class name.
  */
-#define RCT_EXPORT_MODULE(js_name) \
-RCT_EXTERN void RCTRegisterModule(Class); \
-+ (NSString *)moduleName { return @#js_name; } \
-+ (void)load { RCTRegisterModule(self); }
+#define RCT_EXPORT_MODULE(js_name)          \
+  RCT_EXTERN void RCTRegisterModule(Class); \
+  +(NSString *)moduleName                   \
+  {                                         \
+    return @ #js_name;                      \
+  }                                         \
+  +(void)load                               \
+  {                                         \
+    RCTRegisterModule(self);                \
+  }
 
 /**
  * Same as RCT_EXPORT_MODULE, but uses __attribute__((constructor)) for module
  * registration. Useful for registering swift classes that forbids use of load
  * Used in RCT_EXTERN_REMAP_MODULE
  */
-#define RCT_EXPORT_MODULE_NO_LOAD(js_name, objc_name) \
-RCT_EXTERN void RCTRegisterModule(Class); \
-+ (NSString *)moduleName { return @#js_name; } \
-__attribute__((constructor)) static void \
-RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
+#define RCT_EXPORT_MODULE_NO_LOAD(js_name, objc_name)                           \
+  RCT_EXTERN void RCTRegisterModule(Class);                                     \
+  +(NSString *)moduleName                                                       \
+  {                                                                             \
+    return @ #js_name;                                                          \
+  }                                                                             \
+  __attribute__((constructor)) static void RCT_CONCAT(initialize_, objc_name)() \
+  {                                                                             \
+    RCTRegisterModule([objc_name class]);                                       \
+  }
 
 /**
  * To improve startup performance users may want to generate their module lists
@@ -92,7 +103,10 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  *
  */
 #define RCT_EXPORT_PRE_REGISTERED_MODULE(js_name) \
-+ (NSString *)moduleName { return @#js_name; }
+  +(NSString *)moduleName                         \
+  {                                               \
+    return @ #js_name;                            \
+  }
 
 // Implemented by RCT_EXPORT_MODULE
 + (NSString *)moduleName;
@@ -171,8 +185,7 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  * native method implementation calls the respective block.
  *
  */
-#define RCT_EXPORT_METHOD(method) \
-  RCT_REMAP_METHOD(, method)
+#define RCT_EXPORT_METHOD(method) RCT_REMAP_METHOD(, method)
 
 /**
  * Same as RCT_EXPORT_METHOD but the method is called from JS
@@ -190,13 +203,11 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  * Calling these methods when running under the websocket executor
  * is currently not supported.
  */
-#define RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(method) \
-  RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(id, method)
+#define RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(method) RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(id, method)
 
 #define RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(returnType, method) \
   RCT_REMAP_BLOCKING_SYNCHRONOUS_METHOD(, returnType, method)
 
-
 /**
  * Similar to RCT_EXPORT_METHOD but lets you set the JS name of the exported
  * method. Example usage:
@@ -205,9 +216,9 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  *   executeQuery:(NSString *)query parameters:(NSDictionary *)parameters)
  * { ... }
  */
-#define RCT_REMAP_METHOD(js_name, method) \
+#define RCT_REMAP_METHOD(js_name, method)       \
   _RCT_EXTERN_REMAP_METHOD(js_name, method, NO) \
-  - (void)method RCT_DYNAMIC;
+  -(void)method RCT_DYNAMIC;
 
 /**
  * Similar to RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD but lets you set
@@ -218,8 +229,8 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  * { ... }
  */
 #define RCT_REMAP_BLOCKING_SYNCHRONOUS_METHOD(js_name, returnType, method) \
-  _RCT_EXTERN_REMAP_METHOD(js_name, method, YES) \
-  - (returnType)method RCT_DYNAMIC;
+  _RCT_EXTERN_REMAP_METHOD(js_name, method, YES)                           \
+  -(returnType)method RCT_DYNAMIC;
 
 /**
  * Use this macro in a private Objective-C implementation file to automatically
@@ -249,42 +260,40 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  * This will now expose MyModule and the method to JavaScript via
  * `NativeModules.MyModule.doSomething`
  */
-#define RCT_EXTERN_MODULE(objc_name, objc_supername) \
-  RCT_EXTERN_REMAP_MODULE(, objc_name, objc_supername)
+#define RCT_EXTERN_MODULE(objc_name, objc_supername) RCT_EXTERN_REMAP_MODULE(, objc_name, objc_supername)
 
 /**
  * Like RCT_EXTERN_MODULE, but allows setting a custom JavaScript name.
  */
 #define RCT_EXTERN_REMAP_MODULE(js_name, objc_name, objc_supername) \
-  objc_name : objc_supername \
-  @end \
-  @interface objc_name (RCTExternModule) <RCTBridgeModule> \
-  @end \
-  @implementation objc_name (RCTExternModule) \
+  objc_name:                                                        \
+  objc_supername @                                                  \
+  end @interface objc_name(RCTExternModule)<RCTBridgeModule>        \
+  @end                                                              \
+  @implementation objc_name (RCTExternModule)                       \
   RCT_EXPORT_MODULE_NO_LOAD(js_name, objc_name)
 
 /**
  * Use this macro in accordance with RCT_EXTERN_MODULE to export methods
  * of an external module.
  */
-#define RCT_EXTERN_METHOD(method) \
-  _RCT_EXTERN_REMAP_METHOD(, method, NO)
+#define RCT_EXTERN_METHOD(method) _RCT_EXTERN_REMAP_METHOD(, method, NO)
 
 /**
  * Use this macro in accordance with RCT_EXTERN_MODULE to export methods
  * of an external module that should be invoked synchronously.
  */
-#define RCT_EXTERN__BLOCKING_SYNCHRONOUS_METHOD(method) \
-  _RCT_EXTERN_REMAP_METHOD(, method, YES)
+#define RCT_EXTERN__BLOCKING_SYNCHRONOUS_METHOD(method) _RCT_EXTERN_REMAP_METHOD(, method, YES)
 
 /**
  * Like RCT_EXTERN_REMAP_METHOD, but allows setting a custom JavaScript name
  * and also whether this method is synchronous.
  */
-#define _RCT_EXTERN_REMAP_METHOD(js_name, method, is_blocking_synchronous_method) \
-  + (const RCTMethodInfo *)RCT_CONCAT(__rct_export__, RCT_CONCAT(js_name, RCT_CONCAT(__LINE__, __COUNTER__))) { \
-    static RCTMethodInfo config = {#js_name, #method, is_blocking_synchronous_method}; \
-    return &config; \
+#define _RCT_EXTERN_REMAP_METHOD(js_name, method, is_blocking_synchronous_method)                            \
+  +(const RCTMethodInfo *)RCT_CONCAT(__rct_export__, RCT_CONCAT(js_name, RCT_CONCAT(__LINE__, __COUNTER__))) \
+  {                                                                                                          \
+    static RCTMethodInfo config = {#js_name, #method, is_blocking_synchronous_method};                       \
+    return &config;                                                                                          \
   }
 
 /**
@@ -337,21 +346,21 @@ RCT_CONCAT(initialize_, objc_name)() { RCTRegisterModule([objc_name class]); }
  * A protocol that allows TurboModules to do lookup on other TurboModules.
  * Calling these methods may cause a module to be synchronously instantiated.
  */
- @protocol RCTTurboModuleLookupDelegate <NSObject>
- - (id)moduleForName:(const char *)moduleName;
-
- /**
-  * Rationale:
-  * When TurboModules lookup other modules by name, we first check the TurboModule
-  * registry to see if a TurboModule exists with the respective name. In this case,
-  * we don't want a RedBox to be raised if the TurboModule isn't found.
-  *
-  * This method is deprecated and will be deleted after the migration from
-  * TurboModules to TurboModules is complete.
-  */
- - (id)moduleForName:(const char *)moduleName warnOnLookupFailure:(BOOL)warnOnLookupFailure;
- - (BOOL)moduleIsInitialized:(const char *)moduleName;
- @end
+@protocol RCTTurboModuleLookupDelegate <NSObject>
+- (id)moduleForName:(const char *)moduleName;
+
+/**
+ * Rationale:
+ * When TurboModules lookup other modules by name, we first check the TurboModule
+ * registry to see if a TurboModule exists with the respective name. In this case,
+ * we don't want a RedBox to be raised if the TurboModule isn't found.
+ *
+ * This method is deprecated and will be deleted after the migration from
+ * TurboModules to TurboModules is complete.
+ */
+- (id)moduleForName:(const char *)moduleName warnOnLookupFailure:(BOOL)warnOnLookupFailure;
+- (BOOL)moduleIsInitialized:(const char *)moduleName;
+@end
 
 /**
  * Experimental.
diff --git a/React/Base/RCTBundleURLProvider.h b/React/Base/RCTBundleURLProvider.h
index f090760eb129f9..10ce487d16e62d 100644
--- a/React/Base/RCTBundleURLProvider.h
+++ b/React/Base/RCTBundleURLProvider.h
@@ -33,6 +33,12 @@ extern NSString *const kRCTPlatformName; // TODO(macOS ISS#2323203)
  */
 - (void)resetToDefaults;
 
+/**
+ * Return the server host. If its a development build and there's no jsLocation defined,
+ * it will return the server host IP address
+ */
+- (NSString *)packagerServerHost;
+
 #if RCT_DEV
 - (BOOL)isPackagerRunning:(NSString *)host;
 #endif
@@ -41,8 +47,7 @@ extern NSString *const kRCTPlatformName; // TODO(macOS ISS#2323203)
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle if the packager is not running.
  */
-- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                fallbackURLProvider:(NSURL *(^)(void))fallbackURLProvider;
+- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackURLProvider:(NSURL * (^)(void))fallbackURLProvider;
 
 /**
  * Returns the jsBundleURL for a given bundle entrypoint and
@@ -58,16 +63,14 @@ extern NSString *const kRCTPlatformName; // TODO(macOS ISS#2323203)
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle if the packager is not running.
  */
-- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                   fallbackResource:(NSString *)resourceName;
+- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackResource:(NSString *)resourceName;
 
 /**
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle. If resourceName or extension
  * are nil, "main" and "jsbundle" will be used, respectively.
  */
-- (NSURL *)jsBundleURLForFallbackResource:(NSString *)resourceName
-                        fallbackExtension:(NSString *)extension;
+- (NSURL *)jsBundleURLForFallbackResource:(NSString *)resourceName fallbackExtension:(NSString *)extension;
 
 /**
  * Returns the resourceURL for a given bundle entrypoint and
@@ -104,8 +107,6 @@ extern NSString *const kRCTPlatformName; // TODO(macOS ISS#2323203)
  * In general, please use the instance method to decide if the packager is running and fallback to the pre-packaged
  * resource if it is not: -resourceURLForResourceRoot:resourceName:resourceExtension:offlineBundle:
  */
-+ (NSURL *)resourceURLForResourcePath:(NSString *)path
-                         packagerHost:(NSString *)packagerHost
-                                query:(NSString *)query;
++ (NSURL *)resourceURLForResourcePath:(NSString *)path packagerHost:(NSString *)packagerHost query:(NSString *)query;
 
 @end
diff --git a/React/Base/RCTBundleURLProvider.m b/React/Base/RCTBundleURLProvider.m
index 06450e8288397a..7d8150bcc493ea 100644
--- a/React/Base/RCTBundleURLProvider.m
+++ b/React/Base/RCTBundleURLProvider.m
@@ -41,9 +41,9 @@ - (instancetype)init
 - (NSDictionary *)defaults
 {
   return @{
-    kRCTEnableLiveReloadKey: @NO,
-    kRCTEnableDevKey: @YES,
-    kRCTEnableMinificationKey: @NO,
+    kRCTEnableLiveReloadKey : @NO,
+    kRCTEnableDevKey : @YES,
+    kRCTEnableMinificationKey : @NO,
   };
 }
 
@@ -68,14 +68,12 @@ - (void)resetToDefaults
 
 static NSURL *serverRootWithHostPort(NSString *hostPort)
 {
-  if([hostPort rangeOfString:@":"].location != NSNotFound){
-    return [NSURL URLWithString:
-            [NSString stringWithFormat:@"http://%@/",
-             hostPort]];
+  if ([hostPort rangeOfString:@":"].location != NSNotFound) {
+    return [NSURL URLWithString:[NSString stringWithFormat:@"http://%@/", hostPort]];
   }
-  return [NSURL URLWithString:
-          [NSString stringWithFormat:@"http://%@:%lu/",
-           hostPort, (unsigned long)kRCTBundleURLProviderDefaultPort]];
+  return [NSURL
+      URLWithString:[NSString
+                        stringWithFormat:@"http://%@:%lu/", hostPort, (unsigned long)kRCTBundleURLProviderDefaultPort]];
 }
 
 #if RCT_DEV
@@ -90,13 +88,11 @@ - (BOOL)isPackagerRunning:(NSString *)host
 
   dispatch_semaphore_t semaphore = dispatch_semaphore_create(0);
   [[session dataTaskWithRequest:request
-            completionHandler:^(NSData *d,
-                                NSURLResponse *res,
-                                __unused NSError *err) {
-              data = d;
-              response = res;
-              dispatch_semaphore_signal(semaphore);
-            }] resume];
+              completionHandler:^(NSData *d, NSURLResponse *res, __unused NSError *err) {
+                data = d;
+                response = res;
+                dispatch_semaphore_signal(semaphore);
+              }] resume];
   dispatch_semaphore_wait(semaphore, DISPATCH_TIME_FOREVER);
 
   NSString *status = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
@@ -109,8 +105,9 @@ - (NSString *)guessPackagerHost
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     NSString *ipPath = [[NSBundle mainBundle] pathForResource:@"ip" ofType:@"txt"];
-    ipGuess = [[NSString stringWithContentsOfFile:ipPath encoding:NSUTF8StringEncoding error:nil]
-               stringByTrimmingCharactersInSet:[NSCharacterSet newlineCharacterSet]];
+    ipGuess =
+        [[NSString stringWithContentsOfFile:ipPath encoding:NSUTF8StringEncoding
+                                      error:nil] stringByTrimmingCharactersInSet:[NSCharacterSet newlineCharacterSet]];
   });
 
   NSString *host = ipGuess ?: @"localhost";
@@ -136,7 +133,7 @@ - (NSString *)packagerServerHost
   return nil;
 }
 
-- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackURLProvider:(NSURL *(^)(void))fallbackURLProvider
+- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackURLProvider:(NSURL * (^)(void))fallbackURLProvider
 {
   NSString *packagerServerHost = [self packagerServerHost];
   if (!packagerServerHost) {
@@ -150,11 +147,13 @@ - (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackURLProvider:(
 }
 
 - (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                   fallbackResource:(NSString *)resourceName fallbackExtension:(NSString *)extension
+                   fallbackResource:(NSString *)resourceName
+                  fallbackExtension:(NSString *)extension
 {
-  return [self jsBundleURLForBundleRoot:bundleRoot fallbackURLProvider:^NSURL*{
-    return [self jsBundleURLForFallbackResource:resourceName fallbackExtension:extension];
-  }];
+  return [self jsBundleURLForBundleRoot:bundleRoot
+                    fallbackURLProvider:^NSURL * {
+                      return [self jsBundleURLForFallbackResource:resourceName fallbackExtension:extension];
+                    }];
 }
 
 - (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackResource:(NSString *)resourceName
@@ -162,8 +161,7 @@ - (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackResource:(NSS
   return [self jsBundleURLForBundleRoot:bundleRoot fallbackResource:resourceName fallbackExtension:nil];
 }
 
-- (NSURL *)jsBundleURLForFallbackResource:(NSString *)resourceName
-                        fallbackExtension:(NSString *)extension
+- (NSURL *)jsBundleURLForFallbackResource:(NSString *)resourceName fallbackExtension:(NSString *)extension
 {
   resourceName = resourceName ?: @"main";
   extension = extension ?: @"jsbundle";
@@ -193,17 +191,16 @@ + (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
   NSString *path = [NSString stringWithFormat:@"/%@.bundle", bundleRoot];
   // When we support only iOS 8 and above, use queryItems for a better API.
   NSString *query = [NSString stringWithFormat:@"platform=%@&dev=%@&minify=%@",
-                      kRCTPlatformName, // TODO(macOS ISS#2323203)
-                      enableDev ? @"true" : @"false",
-                      enableMinification ? @"true": @"false"];
+                                               kRCTPlatformName, // TODO(macOS ISS#2323203)
+                                               enableDev ? @"true" : @"false",
+                                               enableMinification ? @"true" : @"false"];
   return [[self class] resourceURLForResourcePath:path packagerHost:packagerHost query:query];
 }
 
-+ (NSURL *)resourceURLForResourcePath:(NSString *)path
-                         packagerHost:(NSString *)packagerHost
-                                query:(NSString *)query
++ (NSURL *)resourceURLForResourcePath:(NSString *)path packagerHost:(NSString *)packagerHost query:(NSString *)query
 {
-  NSURLComponents *components = [NSURLComponents componentsWithURL:serverRootWithHostPort(packagerHost) resolvingAgainstBaseURL:NO];
+  NSURLComponents *components = [NSURLComponents componentsWithURL:serverRootWithHostPort(packagerHost)
+                                           resolvingAgainstBaseURL:NO];
   components.path = path;
   if (query != nil) {
     components.query = query;
diff --git a/React/Base/RCTComponentEvent.h b/React/Base/RCTComponentEvent.h
index f78f0caec064ca..cad756234b21e4 100644
--- a/React/Base/RCTComponentEvent.h
+++ b/React/Base/RCTComponentEvent.h
@@ -14,7 +14,7 @@ NS_ASSUME_NONNULL_BEGIN
  * RCTBubblingEventBlock, for other use cases prefer using a class that implements
  * RCTEvent to have a type safe way to initialize it.
  */
-@interface RCTComponentEvent : NSObject<RCTEvent>
+@interface RCTComponentEvent : NSObject <RCTEvent>
 
 - (instancetype)initWithName:(NSString *)name viewTag:(NSNumber *)viewTag body:(NSDictionary *)body;
 
diff --git a/React/Base/RCTComponentEvent.m b/React/Base/RCTComponentEvent.m
index e05dd0b836f95e..5fb4295752e63b 100644
--- a/React/Base/RCTComponentEvent.m
+++ b/React/Base/RCTComponentEvent.m
@@ -9,8 +9,7 @@
 
 #import "RCTAssert.h"
 
-@implementation RCTComponentEvent
-{
+@implementation RCTComponentEvent {
   NSArray *_arguments;
 }
 
@@ -25,12 +24,12 @@ - (instancetype)initWithName:(NSString *)name viewTag:(NSNumber *)viewTag body:(
 
     _eventName = RCTNormalizeInputEventName(name);
     _viewTag = viewTag;
-    _arguments = @[_viewTag, _eventName, mutableBody];
+    _arguments = @[ _viewTag, _eventName, mutableBody ];
   }
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (NSArray *)arguments
 {
diff --git a/React/Base/RCTConvert.h b/React/Base/RCTConvert.h
index da2e67ccc1fd13..6b3679cdce59fe 100644
--- a/React/Base/RCTConvert.h
+++ b/React/Base/RCTConvert.h
@@ -185,35 +185,32 @@ RCT_EXTERN NSArray *RCTConvertArrayValue(SEL, id);
  * avoid repeating the same boilerplate for every error message.
  */
 #define RCTLogConvertError(json, typeName) \
-RCTLogError(@"JSON value '%@' of type %@ cannot be converted to %@", \
-json, [json classForCoder], typeName)
+  RCTLogError(@"JSON value '%@' of type %@ cannot be converted to %@", json, [json classForCoder], typeName)
 
 /**
  * This macro is used for creating simple converter functions that just call
  * the specified getter method on the json value.
  */
-#define RCT_CONVERTER(type, name, getter) \
-RCT_CUSTOM_CONVERTER(type, name, [json getter])
+#define RCT_CONVERTER(type, name, getter) RCT_CUSTOM_CONVERTER(type, name, [json getter])
 
 /**
  * This macro is used for creating converter functions with arbitrary logic.
  */
 #define RCT_CUSTOM_CONVERTER(type, name, code) \
-+ (type)name:(id)json RCT_DYNAMIC              \
-{                                              \
-  if (!RCT_DEBUG) {                            \
-    return code;                               \
-  } else {                                     \
-    @try {                                     \
+  +(type)name : (id)json RCT_DYNAMIC           \
+  {                                            \
+    if (!RCT_DEBUG) {                          \
       return code;                             \
+    } else {                                   \
+      @try {                                   \
+        return code;                           \
+      } @catch (__unused NSException * e) {    \
+        RCTLogConvertError(json, @ #type);     \
+        json = nil;                            \
+        return code;                           \
+      }                                        \
     }                                          \
-    @catch (__unused NSException *e) {         \
-      RCTLogConvertError(json, @#type);        \
-      json = nil;                              \
-      return code;                             \
-    }                                          \
-  }                                            \
-}
+  }
 
 /**
  * This macro is similar to RCT_CONVERTER, but specifically geared towards
@@ -221,7 +218,7 @@ RCT_CUSTOM_CONVERTER(type, name, [json getter])
  * detailed error reporting if an invalid value is passed in.
  */
 #define RCT_NUMBER_CONVERTER(type, getter) \
-RCT_CUSTOM_CONVERTER(type, type, [RCT_DEBUG ? [self NSNumber:json] : json getter])
+  RCT_CUSTOM_CONVERTER(type, type, [RCT_DEBUG ? [self NSNumber:json] : json getter])
 
 /**
  * When using RCT_ENUM_CONVERTER in ObjC, the compiler is OK with us returning
@@ -237,41 +234,41 @@ RCT_CUSTOM_CONVERTER(type, type, [RCT_DEBUG ? [self NSNumber:json] : json getter
 /**
  * This macro is used for creating converters for enum types.
  */
-#define RCT_ENUM_CONVERTER(type, values, default, getter) \
-+ (type)type:(id)json RCT_DYNAMIC                         \
-{                                                         \
-  static NSDictionary *mapping;                           \
-  static dispatch_once_t onceToken;                       \
-  dispatch_once(&onceToken, ^{                            \
-    mapping = values;                                     \
-  });                                                     \
-  return _RCT_CAST(type, [RCTConvertEnumValue(#type, mapping, @(default), json) getter]); \
-}
+#define RCT_ENUM_CONVERTER(type, values, default, getter)                                   \
+  +(type)type : (id)json RCT_DYNAMIC                                                        \
+  {                                                                                         \
+    static NSDictionary *mapping;                                                           \
+    static dispatch_once_t onceToken;                                                       \
+    dispatch_once(&onceToken, ^{                                                            \
+      mapping = values;                                                                     \
+    });                                                                                     \
+    return _RCT_CAST(type, [RCTConvertEnumValue(#type, mapping, @(default), json) getter]); \
+  }
 
 /**
  * This macro is used for creating converters for enum types for
  * multiple enum values combined with | operator
  */
-#define RCT_MULTI_ENUM_CONVERTER(type, values, default, getter) \
-+ (type)type:(id)json RCT_DYNAMIC                         \
-{                                                         \
-  static NSDictionary *mapping;                           \
-  static dispatch_once_t onceToken;                       \
-  dispatch_once(&onceToken, ^{                            \
-    mapping = values;                                     \
-  });                                                     \
-  return _RCT_CAST(type, [RCTConvertMultiEnumValue(#type, mapping, @(default), json) getter]); \
-}
+#define RCT_MULTI_ENUM_CONVERTER(type, values, default, getter)                                  \
+  +(type)type : (id)json RCT_DYNAMIC                                                             \
+  {                                                                                              \
+    static NSDictionary *mapping;                                                                \
+    static dispatch_once_t onceToken;                                                            \
+    dispatch_once(&onceToken, ^{                                                                 \
+      mapping = values;                                                                          \
+    });                                                                                          \
+    return _RCT_CAST(type, [RCTConvertMultiEnumValue(#type, mapping, @(default), json) getter]); \
+  }
 
 /**
  * This macro is used for creating explicitly-named converter functions
  * for typed arrays.
  */
-#define RCT_ARRAY_CONVERTER_NAMED(type, name)          \
-+ (NSArray<type *> *)name##Array:(id)json RCT_DYNAMIC  \
-{                                                      \
-  return RCTConvertArrayValue(@selector(name:), json); \
-}
+#define RCT_ARRAY_CONVERTER_NAMED(type, name)            \
+  +(NSArray<type *> *)name##Array : (id)json RCT_DYNAMIC \
+  {                                                      \
+    return RCTConvertArrayValue(@selector(name:), json); \
+  }
 
 /**
  * This macro is used for creating converter functions for typed arrays.
diff --git a/React/Base/RCTConvert.m b/React/Base/RCTConvert.m
index 3e1b9d7b8875d2..71a842ea76ba62 100644
--- a/React/Base/RCTConvert.m
+++ b/React/Base/RCTConvert.m
@@ -40,19 +40,22 @@ @implementation RCTConvert
  * representable json values that require no conversion.
  */
 #if RCT_DEBUG
-#define RCT_JSON_CONVERTER(type)           \
-+ (type *)type:(id)json                    \
-{                                          \
-  if ([json isKindOfClass:[type class]]) { \
-    return json;                           \
-  } else if (json) {                       \
-    RCTLogConvertError(json, @#type);      \
-  }                                        \
-  return nil;                              \
-}
+#define RCT_JSON_CONVERTER(type)             \
+  +(type *)type : (id)json                   \
+  {                                          \
+    if ([json isKindOfClass:[type class]]) { \
+      return json;                           \
+    } else if (json) {                       \
+      RCTLogConvertError(json, @ #type);     \
+    }                                        \
+    return nil;                              \
+  }
 #else
-#define RCT_JSON_CONVERTER(type)           \
-+ (type *)type:(id)json { return json; }
+#define RCT_JSON_CONVERTER(type) \
+  +(type *)type : (id)json       \
+  {                              \
+    return json;                 \
+  }
 #endif
 
 RCT_JSON_CONVERTER(NSArray)
@@ -79,7 +82,7 @@ + (NSIndexSet *)NSIndexSet:(id)json
 
 + (NSURL *)NSURL:(id)json
 {
-  NSString *path = [self NSString:json];
+  NSString *path = [self NSString:RCTNilIfNull(json)];
   if (!path) {
     return nil;
   }
@@ -120,20 +123,22 @@ + (NSURL *)NSURL:(id)json
       RCTLogConvertError(json, @"a valid URL");
     }
     return URL;
-  }
-  @catch (__unused NSException *e) {
+  } @catch (__unused NSException *e) {
     RCTLogConvertError(json, @"a valid URL");
     return nil;
   }
 }
 
-RCT_ENUM_CONVERTER(NSURLRequestCachePolicy, (@{
-                                               @"default": @(NSURLRequestUseProtocolCachePolicy),
-                                               @"reload": @(NSURLRequestReloadIgnoringLocalCacheData),
-                                               @"force-cache": @(NSURLRequestReturnCacheDataElseLoad),
-                                               @"only-if-cached": @(NSURLRequestReturnCacheDataDontLoad),
-                                               }), NSURLRequestUseProtocolCachePolicy, integerValue)
-
+RCT_ENUM_CONVERTER(
+    NSURLRequestCachePolicy,
+    (@{
+      @"default" : @(NSURLRequestUseProtocolCachePolicy),
+      @"reload" : @(NSURLRequestReloadIgnoringLocalCacheData),
+      @"force-cache" : @(NSURLRequestReturnCacheDataElseLoad),
+      @"only-if-cached" : @(NSURLRequestReturnCacheDataDontLoad),
+    }),
+    NSURLRequestUseProtocolCachePolicy,
+    integerValue)
 
 + (NSURLRequest *)NSURLRequest:(id)json
 {
@@ -159,7 +164,8 @@ + (NSURLRequest *)NSURLRequest:(id)json
     NSString *method = [self NSString:json[@"method"]].uppercaseString ?: @"GET";
     NSURLRequestCachePolicy cachePolicy = [self NSURLRequestCachePolicy:json[@"cache"]];
     NSDictionary *headers = [self NSDictionary:json[@"headers"]];
-    if ([method isEqualToString:@"GET"] && headers == nil && body == nil && cachePolicy == NSURLRequestUseProtocolCachePolicy) {
+    if ([method isEqualToString:@"GET"] && headers == nil && body == nil &&
+        cachePolicy == NSURLRequestUseProtocolCachePolicy) {
       return [NSURLRequest requestWithURL:URL];
     }
 
@@ -167,8 +173,10 @@ + (NSURLRequest *)NSURLRequest:(id)json
       __block BOOL allHeadersAreStrings = YES;
       [headers enumerateKeysAndObjectsUsingBlock:^(NSString *key, id header, BOOL *stop) {
         if (![header isKindOfClass:[NSString class]]) {
-          RCTLogError(@"Values of HTTP headers passed must be  of type string. "
-                      "Value of header '%@' is not a string.", key);
+          RCTLogError(
+              @"Values of HTTP headers passed must be  of type string. "
+               "Value of header '%@' is not a string.",
+              key);
           allHeadersAreStrings = NO;
           *stop = YES;
         }
@@ -221,8 +229,10 @@ + (NSDate *)NSDate:(id)json
     });
     NSDate *date = [formatter dateFromString:json];
     if (!date) {
-      RCTLogError(@"JSON String '%@' could not be interpreted as a date. "
-                  "Expected format: YYYY-MM-DD'T'HH:mm:ss.sssZ", json);
+      RCTLogError(
+          @"JSON String '%@' could not be interpreted as a date. "
+           "Expected format: YYYY-MM-DD'T'HH:mm:ss.sssZ",
+          json);
     }
     return date;
   } else if (json) {
@@ -265,12 +275,15 @@ + (NSLocale *)NSLocale:(id)json
     return defaultValue;
   }
   if (RCT_DEBUG && ![json isKindOfClass:[NSString class]]) {
-    RCTLogError(@"Expected NSNumber or NSString for %s, received %@: %@",
-                typeName, [json classForCoder], json);
+    RCTLogError(@"Expected NSNumber or NSString for %s, received %@: %@", typeName, [json classForCoder], json);
   }
   id value = mapping[json];
   if (RCT_DEBUG && !value && [json description].length > 0) {
-    RCTLogError(@"Invalid %s '%@'. should be one of: %@", typeName, json, [[mapping allKeys] sortedArrayUsingSelector: @selector(caseInsensitiveCompare:)]);
+    RCTLogError(
+        @"Invalid %s '%@'. should be one of: %@",
+        typeName,
+        json,
+        [[mapping allKeys] sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)]);
   }
   return value ?: defaultValue;
 }
@@ -291,71 +304,107 @@ + (NSLocale *)NSLocale:(id)json
   return RCTConvertEnumValue(typeName, mapping, defaultValue, json);
 }
 
-RCT_ENUM_CONVERTER(NSLineBreakMode, (@{
-  @"clip": @(NSLineBreakByClipping),
-  @"head": @(NSLineBreakByTruncatingHead),
-  @"tail": @(NSLineBreakByTruncatingTail),
-  @"middle": @(NSLineBreakByTruncatingMiddle),
-  @"wordWrapping": @(NSLineBreakByWordWrapping),
-}), NSLineBreakByTruncatingTail, integerValue)
-
-RCT_ENUM_CONVERTER(NSTextAlignment, (@{
-  @"auto": @(NSTextAlignmentNatural),
-  @"left": @(NSTextAlignmentLeft),
-  @"center": @(NSTextAlignmentCenter),
-  @"right": @(NSTextAlignmentRight),
-  @"justify": @(NSTextAlignmentJustified),
-}), NSTextAlignmentNatural, integerValue)
-
-RCT_ENUM_CONVERTER(NSUnderlineStyle, (@{
-  @"solid": @(NSUnderlineStyleSingle),
-  @"double": @(NSUnderlineStyleDouble),
-  @"dotted": @(NSUnderlinePatternDot | NSUnderlineStyleSingle),
-  @"dashed": @(NSUnderlinePatternDash | NSUnderlineStyleSingle),
-}), NSUnderlineStyleSingle, integerValue)
-
-RCT_ENUM_CONVERTER(RCTBorderStyle, (@{
-  @"solid": @(RCTBorderStyleSolid),
-  @"dotted": @(RCTBorderStyleDotted),
-  @"dashed": @(RCTBorderStyleDashed),
-}), RCTBorderStyleSolid, integerValue)
-
-RCT_ENUM_CONVERTER(RCTTextDecorationLineType, (@{
-  @"none": @(RCTTextDecorationLineTypeNone),
-  @"underline": @(RCTTextDecorationLineTypeUnderline),
-  @"line-through": @(RCTTextDecorationLineTypeStrikethrough),
-  @"underline line-through": @(RCTTextDecorationLineTypeUnderlineStrikethrough),
-}), RCTTextDecorationLineTypeNone, integerValue)
+RCT_ENUM_CONVERTER(
+    NSLineBreakMode,
+    (@{
+      @"clip" : @(NSLineBreakByClipping),
+      @"head" : @(NSLineBreakByTruncatingHead),
+      @"tail" : @(NSLineBreakByTruncatingTail),
+      @"middle" : @(NSLineBreakByTruncatingMiddle),
+      @"wordWrapping" : @(NSLineBreakByWordWrapping),
+    }),
+    NSLineBreakByTruncatingTail,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    NSTextAlignment,
+    (@{
+      @"auto" : @(NSTextAlignmentNatural),
+      @"left" : @(NSTextAlignmentLeft),
+      @"center" : @(NSTextAlignmentCenter),
+      @"right" : @(NSTextAlignmentRight),
+      @"justify" : @(NSTextAlignmentJustified),
+    }),
+    NSTextAlignmentNatural,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    NSUnderlineStyle,
+    (@{
+      @"solid" : @(NSUnderlineStyleSingle),
+      @"double" : @(NSUnderlineStyleDouble),
+      @"dotted" : @(NSUnderlinePatternDot | NSUnderlineStyleSingle),
+      @"dashed" : @(NSUnderlinePatternDash | NSUnderlineStyleSingle),
+    }),
+    NSUnderlineStyleSingle,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTBorderStyle,
+    (@{
+      @"solid" : @(RCTBorderStyleSolid),
+      @"dotted" : @(RCTBorderStyleDotted),
+      @"dashed" : @(RCTBorderStyleDashed),
+    }),
+    RCTBorderStyleSolid,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTTextDecorationLineType,
+    (@{
+      @"none" : @(RCTTextDecorationLineTypeNone),
+      @"underline" : @(RCTTextDecorationLineTypeUnderline),
+      @"line-through" : @(RCTTextDecorationLineTypeStrikethrough),
+      @"underline line-through" : @(RCTTextDecorationLineTypeUnderlineStrikethrough),
+    }),
+    RCTTextDecorationLineTypeNone,
+    integerValue)
 
 // [TODO(OSS Candidate ISS#2710739)
-RCT_ENUM_CONVERTER(RCTFontSmoothing, (@{
-  @"auto": @(RCTFontSmoothingAuto),
-  @"none": @(RCTFontSmoothingNone),
-  @"antialiased": @(RCTFontSmoothingAntialiased),
-  @"subpixel-antialiased": @(RCTFontSmoothingSubpixelAntialiased),
-}), RCTFontSmoothingAuto, integerValue)
+RCT_ENUM_CONVERTER(
+    RCTFontSmoothing,
+    (@{
+      @"auto": @(RCTFontSmoothingAuto),
+      @"none": @(RCTFontSmoothingNone),
+      @"antialiased": @(RCTFontSmoothingAntialiased),
+      @"subpixel-antialiased": @(RCTFontSmoothingSubpixelAntialiased),
+    }),
+    RCTFontSmoothingAuto,
+    integerValue)
 // ]TODO(OSS Candidate ISS#2710739)
 
-RCT_ENUM_CONVERTER(NSWritingDirection, (@{
-  @"auto": @(NSWritingDirectionNatural),
-  @"ltr": @(NSWritingDirectionLeftToRight),
-  @"rtl": @(NSWritingDirectionRightToLeft),
-}), NSWritingDirectionNatural, integerValue)
+RCT_ENUM_CONVERTER(
+    NSWritingDirection,
+    (@{
+      @"auto" : @(NSWritingDirectionNatural),
+      @"ltr" : @(NSWritingDirectionLeftToRight),
+      @"rtl" : @(NSWritingDirectionRightToLeft),
+    }),
+    NSWritingDirectionNatural,
+    integerValue)
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-RCT_ENUM_CONVERTER(UITextAutocapitalizationType, (@{
-  @"none": @(UITextAutocapitalizationTypeNone),
-  @"words": @(UITextAutocapitalizationTypeWords),
-  @"sentences": @(UITextAutocapitalizationTypeSentences),
-  @"characters": @(UITextAutocapitalizationTypeAllCharacters)
-}), UITextAutocapitalizationTypeSentences, integerValue)
-
-RCT_ENUM_CONVERTER(UITextFieldViewMode, (@{
-  @"never": @(UITextFieldViewModeNever),
-  @"while-editing": @(UITextFieldViewModeWhileEditing),
-  @"unless-editing": @(UITextFieldViewModeUnlessEditing),
-  @"always": @(UITextFieldViewModeAlways),
-}), UITextFieldViewModeNever, integerValue)
+RCT_ENUM_CONVERTER(
+    UITextAutocapitalizationType,
+    (@{
+      @"none" : @(UITextAutocapitalizationTypeNone),
+      @"words" : @(UITextAutocapitalizationTypeWords),
+      @"sentences" : @(UITextAutocapitalizationTypeSentences),
+      @"characters" : @(UITextAutocapitalizationTypeAllCharacters)
+    }),
+    UITextAutocapitalizationTypeSentences,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UITextFieldViewMode,
+    (@{
+      @"never" : @(UITextFieldViewModeNever),
+      @"while-editing" : @(UITextFieldViewModeWhileEditing),
+      @"unless-editing" : @(UITextFieldViewModeUnlessEditing),
+      @"always" : @(UITextFieldViewModeAlways),
+    }),
+    UITextFieldViewModeNever,
+    integerValue)
 
 + (UIKeyboardType)UIKeyboardType:(id)json RCT_DYNAMIC
 {
@@ -363,104 +412,125 @@ + (UIKeyboardType)UIKeyboardType:(id)json RCT_DYNAMIC
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     NSMutableDictionary<NSString *, NSNumber *> *temporaryMapping = [NSMutableDictionary dictionaryWithDictionary:@{
-          @"default": @(UIKeyboardTypeDefault),
-          @"ascii-capable": @(UIKeyboardTypeASCIICapable),
-          @"numbers-and-punctuation": @(UIKeyboardTypeNumbersAndPunctuation),
-          @"url": @(UIKeyboardTypeURL),
-          @"number-pad": @(UIKeyboardTypeNumberPad),
-          @"phone-pad": @(UIKeyboardTypePhonePad),
-          @"name-phone-pad": @(UIKeyboardTypeNamePhonePad),
-          @"email-address": @(UIKeyboardTypeEmailAddress),
-          @"decimal-pad": @(UIKeyboardTypeDecimalPad),
-          @"twitter": @(UIKeyboardTypeTwitter),
-          @"web-search": @(UIKeyboardTypeWebSearch),
-          // Added for Android compatibility
-          @"numeric": @(UIKeyboardTypeDecimalPad),
-        }];
-    // TODO: T56867629
-    if (@available(iOS 10.0, tvOS 10.0, *)) {
-      temporaryMapping[@"ascii-capable-number-pad"] = @(UIKeyboardTypeASCIICapableNumberPad);
-    }
+      @"default" : @(UIKeyboardTypeDefault),
+      @"ascii-capable" : @(UIKeyboardTypeASCIICapable),
+      @"numbers-and-punctuation" : @(UIKeyboardTypeNumbersAndPunctuation),
+      @"url" : @(UIKeyboardTypeURL),
+      @"number-pad" : @(UIKeyboardTypeNumberPad),
+      @"phone-pad" : @(UIKeyboardTypePhonePad),
+      @"name-phone-pad" : @(UIKeyboardTypeNamePhonePad),
+      @"email-address" : @(UIKeyboardTypeEmailAddress),
+      @"decimal-pad" : @(UIKeyboardTypeDecimalPad),
+      @"twitter" : @(UIKeyboardTypeTwitter),
+      @"web-search" : @(UIKeyboardTypeWebSearch),
+      // Added for Android compatibility
+      @"numeric" : @(UIKeyboardTypeDecimalPad),
+    }];
+    temporaryMapping[@"ascii-capable-number-pad"] = @(UIKeyboardTypeASCIICapableNumberPad);
     mapping = temporaryMapping;
   });
-  
+
   UIKeyboardType type = RCTConvertEnumValue("UIKeyboardType", mapping, @(UIKeyboardTypeDefault), json).integerValue;
   return type;
 }
 
 #if !TARGET_OS_TV
-RCT_MULTI_ENUM_CONVERTER(UIDataDetectorTypes, (@{
-  @"phoneNumber": @(UIDataDetectorTypePhoneNumber),
-  @"link": @(UIDataDetectorTypeLink),
-  @"address": @(UIDataDetectorTypeAddress),
-  @"calendarEvent": @(UIDataDetectorTypeCalendarEvent),
-  @"none": @(UIDataDetectorTypeNone),
-  @"all": @(UIDataDetectorTypeAll),
-}), UIDataDetectorTypePhoneNumber, unsignedLongLongValue)
+RCT_MULTI_ENUM_CONVERTER(
+    UIDataDetectorTypes,
+    (@{
+      @"phoneNumber" : @(UIDataDetectorTypePhoneNumber),
+      @"link" : @(UIDataDetectorTypeLink),
+      @"address" : @(UIDataDetectorTypeAddress),
+      @"calendarEvent" : @(UIDataDetectorTypeCalendarEvent),
+      @"none" : @(UIDataDetectorTypeNone),
+      @"all" : @(UIDataDetectorTypeAll),
+    }),
+    UIDataDetectorTypePhoneNumber,
+    unsignedLongLongValue)
 
 #if WEBKIT_IOS_10_APIS_AVAILABLE
-RCT_MULTI_ENUM_CONVERTER(WKDataDetectorTypes, (@{
- @"phoneNumber": @(WKDataDetectorTypePhoneNumber),
- @"link": @(WKDataDetectorTypeLink),
- @"address": @(WKDataDetectorTypeAddress),
- @"calendarEvent": @(WKDataDetectorTypeCalendarEvent),
- @"trackingNumber": @(WKDataDetectorTypeTrackingNumber),
- @"flightNumber": @(WKDataDetectorTypeFlightNumber),
- @"lookupSuggestion": @(WKDataDetectorTypeLookupSuggestion),
- @"none": @(WKDataDetectorTypeNone),
- @"all": @(WKDataDetectorTypeAll),
- }), WKDataDetectorTypePhoneNumber, unsignedLongLongValue)
- #endif // WEBKIT_IOS_10_APIS_AVAILABLE
-
- #endif // !TARGET_OS_TV
-
-RCT_ENUM_CONVERTER(UIKeyboardAppearance, (@{
-  @"default": @(UIKeyboardAppearanceDefault),
-  @"light": @(UIKeyboardAppearanceLight),
-  @"dark": @(UIKeyboardAppearanceDark),
-}), UIKeyboardAppearanceDefault, integerValue)
-
-RCT_ENUM_CONVERTER(UIReturnKeyType, (@{
-  @"default": @(UIReturnKeyDefault),
-  @"go": @(UIReturnKeyGo),
-  @"google": @(UIReturnKeyGoogle),
-  @"join": @(UIReturnKeyJoin),
-  @"next": @(UIReturnKeyNext),
-  @"route": @(UIReturnKeyRoute),
-  @"search": @(UIReturnKeySearch),
-  @"send": @(UIReturnKeySend),
-  @"yahoo": @(UIReturnKeyYahoo),
-  @"done": @(UIReturnKeyDone),
-  @"emergency-call": @(UIReturnKeyEmergencyCall),
-}), UIReturnKeyDefault, integerValue)
-
-RCT_ENUM_CONVERTER(UIViewContentMode, (@{
-  @"scale-to-fill": @(UIViewContentModeScaleToFill),
-  @"scale-aspect-fit": @(UIViewContentModeScaleAspectFit),
-  @"scale-aspect-fill": @(UIViewContentModeScaleAspectFill),
-  @"redraw": @(UIViewContentModeRedraw),
-  @"center": @(UIViewContentModeCenter),
-  @"top": @(UIViewContentModeTop),
-  @"bottom": @(UIViewContentModeBottom),
-  @"left": @(UIViewContentModeLeft),
-  @"right": @(UIViewContentModeRight),
-  @"top-left": @(UIViewContentModeTopLeft),
-  @"top-right": @(UIViewContentModeTopRight),
-  @"bottom-left": @(UIViewContentModeBottomLeft),
-  @"bottom-right": @(UIViewContentModeBottomRight),
-  // Cross-platform values
-  @"cover": @(UIViewContentModeScaleAspectFill),
-  @"contain": @(UIViewContentModeScaleAspectFit),
-  @"stretch": @(UIViewContentModeScaleToFill),
-}), UIViewContentModeScaleAspectFill, integerValue)
+RCT_MULTI_ENUM_CONVERTER(
+    WKDataDetectorTypes,
+    (@{
+      @"phoneNumber" : @(WKDataDetectorTypePhoneNumber),
+      @"link" : @(WKDataDetectorTypeLink),
+      @"address" : @(WKDataDetectorTypeAddress),
+      @"calendarEvent" : @(WKDataDetectorTypeCalendarEvent),
+      @"trackingNumber" : @(WKDataDetectorTypeTrackingNumber),
+      @"flightNumber" : @(WKDataDetectorTypeFlightNumber),
+      @"lookupSuggestion" : @(WKDataDetectorTypeLookupSuggestion),
+      @"none" : @(WKDataDetectorTypeNone),
+      @"all" : @(WKDataDetectorTypeAll),
+    }),
+    WKDataDetectorTypePhoneNumber,
+    unsignedLongLongValue)
+#endif // WEBKIT_IOS_10_APIS_AVAILABLE
+
+#endif // !TARGET_OS_TV
+
+RCT_ENUM_CONVERTER(
+    UIKeyboardAppearance,
+    (@{
+      @"default" : @(UIKeyboardAppearanceDefault),
+      @"light" : @(UIKeyboardAppearanceLight),
+      @"dark" : @(UIKeyboardAppearanceDark),
+    }),
+    UIKeyboardAppearanceDefault,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIReturnKeyType,
+    (@{
+      @"default" : @(UIReturnKeyDefault),
+      @"go" : @(UIReturnKeyGo),
+      @"google" : @(UIReturnKeyGoogle),
+      @"join" : @(UIReturnKeyJoin),
+      @"next" : @(UIReturnKeyNext),
+      @"route" : @(UIReturnKeyRoute),
+      @"search" : @(UIReturnKeySearch),
+      @"send" : @(UIReturnKeySend),
+      @"yahoo" : @(UIReturnKeyYahoo),
+      @"done" : @(UIReturnKeyDone),
+      @"emergency-call" : @(UIReturnKeyEmergencyCall),
+    }),
+    UIReturnKeyDefault,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIViewContentMode,
+    (@{
+      @"scale-to-fill" : @(UIViewContentModeScaleToFill),
+      @"scale-aspect-fit" : @(UIViewContentModeScaleAspectFit),
+      @"scale-aspect-fill" : @(UIViewContentModeScaleAspectFill),
+      @"redraw" : @(UIViewContentModeRedraw),
+      @"center" : @(UIViewContentModeCenter),
+      @"top" : @(UIViewContentModeTop),
+      @"bottom" : @(UIViewContentModeBottom),
+      @"left" : @(UIViewContentModeLeft),
+      @"right" : @(UIViewContentModeRight),
+      @"top-left" : @(UIViewContentModeTopLeft),
+      @"top-right" : @(UIViewContentModeTopRight),
+      @"bottom-left" : @(UIViewContentModeBottomLeft),
+      @"bottom-right" : @(UIViewContentModeBottomRight),
+      // Cross-platform values
+      @"cover" : @(UIViewContentModeScaleAspectFill),
+      @"contain" : @(UIViewContentModeScaleAspectFit),
+      @"stretch" : @(UIViewContentModeScaleToFill),
+    }),
+    UIViewContentModeScaleAspectFill,
+    integerValue)
 
 #if !TARGET_OS_TV
-RCT_ENUM_CONVERTER(UIBarStyle, (@{
-  @"default": @(UIBarStyleDefault),
-  @"black": @(UIBarStyleBlack),
-  @"blackOpaque": @(UIBarStyleBlackOpaque),
-  @"blackTranslucent": @(UIBarStyleBlackTranslucent),  
-}), UIBarStyleDefault, integerValue)
+RCT_ENUM_CONVERTER(
+    UIBarStyle,
+    (@{
+      @"default" : @(UIBarStyleDefault),
+      @"black" : @(UIBarStyleBlack),
+      @"blackOpaque" : @(UIBarStyleBlackOpaque),
+      @"blackTranslucent" : @(UIBarStyleBlackTranslucent),
+    }),
+    UIBarStyleDefault,
+    integerValue)
 #endif
 #else // [TODO(macOS ISS#2323203)
 RCT_MULTI_ENUM_CONVERTER(NSTextCheckingTypes, (@{
@@ -485,7 +555,11 @@ static void convertCGStruct(const char *type, NSArray *fields, CGFloat *result,
   NSUInteger count = fields.count;
   if ([json isKindOfClass:[NSArray class]]) {
     if (RCT_DEBUG && [json count] != count) {
-      RCTLogError(@"Expected array with count %llu, but count is %llu: %@", (unsigned long long)count, (unsigned long long)[json count], json);
+      RCTLogError(
+          @"Expected array with count %llu, but count is %llu: %@",
+          (unsigned long long)count,
+          (unsigned long long)[json count],
+          json);
     } else {
       for (NSUInteger i = 0; i < count; i++) {
         result[i] = [RCTConvert CGFloat:RCTNilIfNull(json[i])];
@@ -504,49 +578,54 @@ static void convertCGStruct(const char *type, NSArray *fields, CGFloat *result,
  * This macro is used for creating converter functions for structs that consist
  * of a number of CGFloat properties, such as CGPoint, CGRect, etc.
  */
-#define RCT_CGSTRUCT_CONVERTER(type, values)                \
-+ (type)type:(id)json                                       \
-{                                                           \
-  static NSArray *fields;                                   \
-  static dispatch_once_t onceToken;                         \
-  dispatch_once(&onceToken, ^{                              \
-    fields = values;                                        \
-  });                                                       \
-  type result;                                              \
-  convertCGStruct(#type, fields, (CGFloat *)&result, json); \
-  return result;                                            \
-}
+#define RCT_CGSTRUCT_CONVERTER(type, values)                  \
+  +(type)type : (id)json                                      \
+  {                                                           \
+    static NSArray *fields;                                   \
+    static dispatch_once_t onceToken;                         \
+    dispatch_once(&onceToken, ^{                              \
+      fields = values;                                        \
+    });                                                       \
+    type result;                                              \
+    convertCGStruct(#type, fields, (CGFloat *)&result, json); \
+    return result;                                            \
+  }
 
 RCT_CUSTOM_CONVERTER(CGFloat, CGFloat, [self double:json])
 
-RCT_CGSTRUCT_CONVERTER(CGPoint, (@[@"x", @"y"]))
-RCT_CGSTRUCT_CONVERTER(CGSize, (@[@"width", @"height"]))
-RCT_CGSTRUCT_CONVERTER(CGRect, (@[@"x", @"y", @"width", @"height"]))
-RCT_CGSTRUCT_CONVERTER(UIEdgeInsets, (@[@"top", @"left", @"bottom", @"right"]))
+RCT_CGSTRUCT_CONVERTER(CGPoint, (@[ @"x", @"y" ]))
+RCT_CGSTRUCT_CONVERTER(CGSize, (@[ @"width", @"height" ]))
+RCT_CGSTRUCT_CONVERTER(CGRect, (@[ @"x", @"y", @"width", @"height" ]))
+RCT_CGSTRUCT_CONVERTER(UIEdgeInsets, (@[ @"top", @"left", @"bottom", @"right" ]))
+
+RCT_ENUM_CONVERTER(
+    CGLineJoin,
+    (@{
+      @"miter" : @(kCGLineJoinMiter),
+      @"round" : @(kCGLineJoinRound),
+      @"bevel" : @(kCGLineJoinBevel),
+    }),
+    kCGLineJoinMiter,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    CGLineCap,
+    (@{
+      @"butt" : @(kCGLineCapButt),
+      @"round" : @(kCGLineCapRound),
+      @"square" : @(kCGLineCapSquare),
+    }),
+    kCGLineCapButt,
+    intValue)
+
+RCT_CGSTRUCT_CONVERTER(CGAffineTransform, (@[ @"a", @"b", @"c", @"d", @"tx", @"ty" ]))
 
-RCT_ENUM_CONVERTER(CGLineJoin, (@{
-  @"miter": @(kCGLineJoinMiter),
-  @"round": @(kCGLineJoinRound),
-  @"bevel": @(kCGLineJoinBevel),
-}), kCGLineJoinMiter, intValue)
-
-RCT_ENUM_CONVERTER(CGLineCap, (@{
-  @"butt": @(kCGLineCapButt),
-  @"round": @(kCGLineCapRound),
-  @"square": @(kCGLineCapSquare),
-}), kCGLineCapButt, intValue)
-
-RCT_CGSTRUCT_CONVERTER(CGAffineTransform, (@[
-  @"a", @"b", @"c", @"d", @"tx", @"ty"
-]))
-
-// [TODO(macOS ISS#2323203)
 static NSString *const RCTFallback = @"fallback";
 static NSString *const RCTFallbackARGB = @"fallback-argb";
 static NSString *const RCTSelector = @"selector";
 static NSString *const RCTIndex = @"index";
 
-/** The following dictionary defines the react-native semantic colors for macos and ios.
+/** The following dictionary defines the react-native semantic colors for ios.
  *  If the value for a given name is empty then the name itself
  *  is used as the UIColor selector.
  *  If the RCTSelector key is present then that value is used for a selector instead
@@ -556,12 +635,12 @@ + (type)type:(id)json                                       \
  *  If the RCTIndex key is present then object returned from UIColor is an
  *  NSArray and the object at index RCTIndex is to be used.
  */
-static NSDictionary<NSString *, NSDictionary *>* RCTSemanticColorsMap()
+static NSDictionary<NSString *, NSDictionary *> *RCTSemanticColorsMap()
 {
   static NSDictionary<NSString *, NSDictionary *> *colorMap = nil;
   if (colorMap == nil) {
-    colorMap = @{
-#if TARGET_OS_OSX
+    NSMutableDictionary<NSString *, NSDictionary *> *map = [@{
+#if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
       // https://developer.apple.com/documentation/appkit/nscolor/ui_element_colors
       // Label Colors
       @"labelColor": @{}, // 10_10
@@ -597,12 +676,12 @@ + (type)type:(id)json                                       \
       // Table Colors
       @"gridColor": @{},
       @"headerTextColor": @{},
-      @"alternatingContentBackgroundColorEven": @{ // 10_14: Alias for +controlAlternatingRowBackgroundColors
+      @"alternatingEvenContentBackgroundColor": @{ // 10_14: Alias for +controlAlternatingRowBackgroundColors
         RCTSelector: @"alternatingContentBackgroundColors",
         RCTIndex: @0,
         RCTFallback: @"controlAlternatingRowBackgroundColors"
       },
-      @"alternatingContentBackgroundColorOdd": @{ // 10_14: Alias for +controlAlternatingRowBackgroundColors
+      @"alternatingOddContentBackgroundColor": @{ // 10_14: Alias for +controlAlternatingRowBackgroundColors
         RCTSelector: @"alternatingContentBackgroundColors",
         RCTIndex: @1,
         RCTFallback: @"controlAlternatingRowBackgroundColors"
@@ -640,130 +719,171 @@ + (type)type:(id)json                                       \
       @"systemPurpleColor": @{}, // 10_10
       @"systemRedColor": @{},    // 10_10
       @"systemYellowColor": @{}, // 10_10
-#else // TARGET_OS_IOS
+#else // ]TODO(macOS ISS#2323203)
       // https://developer.apple.com/documentation/uikit/uicolor/ui_element_colors
       // Label Colors
-      @"labelColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFF000000) // fallback for iOS<=12: RGBA returned by this semantic color in light mode on iOS 13
+      @"labelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB :
+            @(0xFF000000) // fallback for iOS<=12: RGBA returned by this semantic color in light mode on iOS 13
       },
-      @"secondaryLabelColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x993c3c43)
+      @"secondaryLabelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x993c3c43)
       },
-      @"tertiaryLabelColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x4c3c3c43)
+      @"tertiaryLabelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x4c3c3c43)
       },
-      @"quaternaryLabelColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x2d3c3c43)
+      @"quaternaryLabelColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x2d3c3c43)
       },
       // Fill Colors
-      @"systemFillColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x33787880)
+      @"systemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x33787880)
       },
-      @"secondarySystemFillColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x28787880)
+      @"secondarySystemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x28787880)
       },
-      @"tertiarySystemFillColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x1e767680)
+      @"tertiarySystemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x1e767680)
       },
-      @"quaternarySystemFillColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x14747480)
+      @"quaternarySystemFillColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x14747480)
       },
       // Text Colors
-      @"placeholderTextColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x4c3c3c43)
+      @"placeholderTextColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x4c3c3c43)
       },
       // Standard Content Background Colors
-      @"systemBackgroundColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFffffff)
+      @"systemBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFffffff)
       },
-      @"secondarySystemBackgroundColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFf2f2f7)
+      @"secondarySystemBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
       },
-      @"tertiarySystemBackgroundColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFffffff)
+      @"tertiarySystemBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFffffff)
       },
       // Grouped Content Background Colors
-      @"systemGroupedBackgroundColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFf2f2f7)
+      @"systemGroupedBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
       },
-      @"secondarySystemGroupedBackgroundColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFffffff)
+      @"secondarySystemGroupedBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFffffff)
       },
-      @"tertiarySystemGroupedBackgroundColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFf2f2f7)
+      @"tertiarySystemGroupedBackgroundColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
       },
       // Separator Colors
-      @"separatorColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0x493c3c43)
+      @"separatorColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0x493c3c43)
       },
-      @"opaqueSeparatorColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFc6c6c8)
+      @"opaqueSeparatorColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFc6c6c8)
       },
       // Link Color
-      @"linkColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFF007aff)
+      @"linkColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFF007aff)
       },
       // Nonadaptable Colors
-      @"darkTextColor": @{},
-      @"lightTextColor": @{},
+      @"darkTextColor" : @{},
+      @"lightTextColor" : @{},
       // https://developer.apple.com/documentation/uikit/uicolor/standard_colors
       // Adaptable Colors
-      @"systemBlueColor": @{},
-      @"systemBrownColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFa2845e)
+      @"systemBlueColor" : @{},
+      @"systemBrownColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFa2845e)
       },
-      @"systemGreenColor": @{},
-      @"systemIndigoColor": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFF5856d6)
+      @"systemGreenColor" : @{},
+      @"systemIndigoColor" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFF5856d6)
       },
-      @"systemOrangeColor": @{},
-      @"systemPinkColor": @{},
-      @"systemPurpleColor": @{},
-      @"systemRedColor": @{},
-      @"systemTealColor": @{},
-      @"systemYellowColor": @{},
+      @"systemOrangeColor" : @{},
+      @"systemPinkColor" : @{},
+      @"systemPurpleColor" : @{},
+      @"systemRedColor" : @{},
+      @"systemTealColor" : @{},
+      @"systemYellowColor" : @{},
       // Adaptable Gray Colors
-      @"systemGrayColor": @{},
-      @"systemGray2Color": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFaeaeb2)
+      @"systemGrayColor" : @{},
+      @"systemGray2Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFaeaeb2)
       },
-      @"systemGray3Color": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFc7c7cc)
+      @"systemGray3Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFc7c7cc)
       },
-      @"systemGray4Color": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFd1d1d6)
+      @"systemGray4Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFd1d1d6)
       },
-      @"systemGray5Color": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFe5e5ea)
+      @"systemGray5Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFe5e5ea)
       },
-      @"systemGray6Color": @{ // iOS 13.0
-        RCTFallbackARGB: @(0xFFf2f2f7)
+      @"systemGray6Color" : @{
+        // iOS 13.0
+        RCTFallbackARGB : @(0xFFf2f2f7)
       },
-#endif
+#endif // TODO(macOS ISS#2323203)
+    } mutableCopy];
+    // The color names are the Objective-C UIColor selector names,
+    // but Swift selector names are valid as well, so make aliases.
+    static NSString *const RCTColorSuffix = @"Color";
+    NSMutableDictionary<NSString *, NSDictionary *> *aliases = [NSMutableDictionary new];
+    for (NSString *objcSelector in map) {
+      RCTAssert([objcSelector hasSuffix:RCTColorSuffix], @"A selector in the color map did not end with the suffix Color.");
+      NSMutableDictionary *entry = [map[objcSelector] mutableCopy];
+      if ([entry objectForKey:RCTSelector] == nil) {
+        entry[RCTSelector] = objcSelector;
+      }
+      NSString *swiftSelector = [objcSelector substringToIndex:[objcSelector length] - [RCTColorSuffix length]];
+      aliases[swiftSelector] = entry;
+    }
+    [map addEntriesFromDictionary:aliases];
 #if DEBUG
+    [map addEntriesFromDictionary:@{
       // The follow exist for Unit Tests
-      @"unitTestFallbackColor": @{
-        RCTFallback: @"gridColor"
-      },
-      @"unitTestFallbackColorIOS": @{
-        RCTFallback: @"blueColor"
-      },
-      @"unitTestFallbackColorEven": @{
-        RCTSelector: @"unitTestFallbackColorEven",
-        RCTIndex: @0,
-        RCTFallback: @"controlAlternatingRowBackgroundColors"
+      @"unitTestFallbackColor" : @{RCTFallback : @"gridColor"},
+      @"unitTestFallbackColorIOS" : @{RCTFallback : @"blueColor"},
+      @"unitTestFallbackColorEven" : @{
+        RCTSelector : @"unitTestFallbackColorEven",
+        RCTIndex : @0,
+        RCTFallback : @"controlAlternatingRowBackgroundColors"
       },
-      @"unitTestFallbackColorOdd": @{
-        RCTSelector: @"unitTestFallbackColorOdd",
-        RCTIndex: @1,
-        RCTFallback: @"controlAlternatingRowBackgroundColors"
+      @"unitTestFallbackColorOdd" : @{
+        RCTSelector : @"unitTestFallbackColorOdd",
+        RCTIndex : @1,
+        RCTFallback : @"controlAlternatingRowBackgroundColors"
       },
+    }];
 #endif
-    };
+    colorMap = [map copy];
   }
+
   return colorMap;
 }
 
+// [TODO(macOS ISS#2323203)
 /** Returns a UIColor based on a semantic color name.
  *  Returns nil if the semantic color name is invalid.
  */
@@ -805,6 +925,7 @@ + (type)type:(id)json                                       \
   }
   return color;
 }
+// ]TODO(macOS ISS#2323203)
 
 /** Returns a comma seperated list of the valid semantic color names
  */
@@ -823,6 +944,7 @@ + (type)type:(id)json                                       \
   return names;
 }
 
+// [TODO(macOS ISS#2323203)
 + (RCTUIColor *)NSColor:(id)json
 {
   return [RCTConvert UIColor:json];
@@ -853,12 +975,31 @@ + (RCTUIColor *)UIColor:(id)json // TODO(OSS Candidate ISS#2710739)
     NSDictionary *dictionary = json;
     id value = nil;
     if ((value = [dictionary objectForKey:@"semantic"])) {
-      NSString *semanticName = value;
-      RCTUIColor *color = RCTColorFromSemanticColorName(semanticName);
-      if (color == nil) {
-        RCTLogConvertError(json, [@"a UIColor.  Expected one of the following values: " stringByAppendingString:RCTSemanticColorNames()]);
+      if ([value isKindOfClass:[NSString class]]) {
+        NSString *semanticName = value;
+        RCTUIColor *color = RCTColorFromSemanticColorName(semanticName);
+        if (color == nil) {
+          RCTLogConvertError(
+              json,
+              [@"a UIColor.  Expected one of the following values: " stringByAppendingString:RCTSemanticColorNames()]);
+        }
+        return color;
+      } else if ([value isKindOfClass:[NSArray class]]) {
+        for (id name in value) {
+          RCTUIColor *color = RCTColorFromSemanticColorName(name);
+          if (color != nil) {
+            return color;
+          }
+        }
+        RCTLogConvertError(
+            json,
+            [@"a UIColor.  None of the names in the array were one of the following values: "
+                stringByAppendingString:RCTSemanticColorNames()]);
+        return nil;
       }
-      return color;
+      RCTLogConvertError(
+          json, @"a UIColor.  Expected either a single name or an array of names but got something else.");
+      return nil;
     } else if ((value = [dictionary objectForKey:@"dynamic"])) {
       NSDictionary *appearances = value;
       id light = [appearances objectForKey:@"light"];
@@ -872,9 +1013,10 @@ + (RCTUIColor *)UIColor:(id)json // TODO(OSS Candidate ISS#2710739)
 #else
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
         if (@available(iOS 13.0, *)) {
-          UIColor *color = [UIColor colorWithDynamicProvider:^UIColor * _Nonnull(UITraitCollection * _Nonnull collection) {
-            return collection.userInterfaceStyle == UIUserInterfaceStyleLight ? lightColor : darkColor;
-          }];
+          UIColor *color =
+              [UIColor colorWithDynamicProvider:^UIColor *_Nonnull(UITraitCollection *_Nonnull collection) {
+                return collection.userInterfaceStyle == UIUserInterfaceStyleDark ? darkColor : lightColor;
+              }];
           return color;
         } else {
 #endif
@@ -883,12 +1025,13 @@ + (RCTUIColor *)UIColor:(id)json // TODO(OSS Candidate ISS#2710739)
         }
 #endif
 #endif
+// [TODO(macOS ISS#2323203)
       } else {
-        RCTLogConvertError(json, @"a UIColor. Expected a mac dynamic appearance aware color.");
+        RCTLogConvertError(json, @"a UIColor. Expected a dynamic appearance aware color.");
         return nil;
       }
     } else {
-      RCTLogConvertError(json, @"a UIColor. Expected a mac semantic color or dynamic appearance aware color.");
+      RCTLogConvertError(json, @"a UIColor. Expected a semantic color or dynamic appearance aware color.");
       return nil;
     }
 // ]TODO(macOS ISS#2323203)
@@ -908,13 +1051,13 @@ + (YGValue)YGValue:(id)json
   if (!json) {
     return YGValueUndefined;
   } else if ([json isKindOfClass:[NSNumber class]]) {
-    return (YGValue) { [json floatValue], YGUnitPoint };
+    return (YGValue){[json floatValue], YGUnitPoint};
   } else if ([json isKindOfClass:[NSString class]]) {
-    NSString *s = (NSString *) json;
+    NSString *s = (NSString *)json;
     if ([s isEqualToString:@"auto"]) {
-      return (YGValue) { YGUndefined, YGUnitAuto };
+      return (YGValue){YGUndefined, YGUnitAuto};
     } else if ([s hasSuffix:@"%"]) {
-      return (YGValue) { [[s substringToIndex:s.length] floatValue], YGUnitPercent };
+      return (YGValue){[[s substringToIndex:s.length] floatValue], YGUnitPercent};
     } else {
       RCTLogConvertError(json, @"a YGValue. Did you forget the % or pt suffix?");
     }
@@ -960,7 +1103,11 @@ + (YGValue)YGValue:(id)json
 #if RCT_DEBUG
 #define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) RCT_ARRAY_CONVERTER_NAMED(type, name)
 #else
-#define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) + (NSArray *)name##Array:(id)json { return json; }
+#define RCT_JSON_ARRAY_CONVERTER_NAMED(type, name) \
+  +(NSArray *)name##Array : (id)json               \
+  {                                                \
+    return json;                                   \
+  }
 #endif
 #define RCT_JSON_ARRAY_CONVERTER(type) RCT_JSON_ARRAY_CONVERTER_NAMED(type, type)
 
@@ -1062,85 +1209,115 @@ + (NSPropertyList)NSPropertyList:(id)json
   return RCTConvertPropertyListValue(json);
 }
 
-RCT_ENUM_CONVERTER(css_backface_visibility_t, (@{
-  @"hidden": @NO,
-  @"visible": @YES
-}), YES, boolValue)
-
-RCT_ENUM_CONVERTER(YGOverflow, (@{
-  @"hidden": @(YGOverflowHidden),
-  @"visible": @(YGOverflowVisible),
-  @"scroll": @(YGOverflowScroll),
-}), YGOverflowVisible, intValue)
-
-RCT_ENUM_CONVERTER(YGDisplay, (@{
-  @"flex": @(YGDisplayFlex),
-  @"none": @(YGDisplayNone),
-}), YGDisplayFlex, intValue)
-
-RCT_ENUM_CONVERTER(YGFlexDirection, (@{
-  @"row": @(YGFlexDirectionRow),
-  @"row-reverse": @(YGFlexDirectionRowReverse),
-  @"column": @(YGFlexDirectionColumn),
-  @"column-reverse": @(YGFlexDirectionColumnReverse)
-}), YGFlexDirectionColumn, intValue)
-
-RCT_ENUM_CONVERTER(YGJustify, (@{
-  @"flex-start": @(YGJustifyFlexStart),
-  @"flex-end": @(YGJustifyFlexEnd),
-  @"center": @(YGJustifyCenter),
-  @"space-between": @(YGJustifySpaceBetween),
-  @"space-around": @(YGJustifySpaceAround),
-  @"space-evenly": @(YGJustifySpaceEvenly)
-}), YGJustifyFlexStart, intValue)
-
-RCT_ENUM_CONVERTER(YGAlign, (@{
-  @"flex-start": @(YGAlignFlexStart),
-  @"flex-end": @(YGAlignFlexEnd),
-  @"center": @(YGAlignCenter),
-  @"auto": @(YGAlignAuto),
-  @"stretch": @(YGAlignStretch),
-  @"baseline": @(YGAlignBaseline),
-  @"space-between": @(YGAlignSpaceBetween),
-  @"space-around": @(YGAlignSpaceAround)
-}), YGAlignFlexStart, intValue)
-
-RCT_ENUM_CONVERTER(YGDirection, (@{
-  @"inherit": @(YGDirectionInherit),
-  @"ltr": @(YGDirectionLTR),
-  @"rtl": @(YGDirectionRTL),
-}), YGDirectionInherit, intValue)
-
-RCT_ENUM_CONVERTER(YGPositionType, (@{
-  @"absolute": @(YGPositionTypeAbsolute),
-  @"relative": @(YGPositionTypeRelative)
-}), YGPositionTypeRelative, intValue)
-
-RCT_ENUM_CONVERTER(YGWrap, (@{
-  @"wrap": @(YGWrapWrap),
-  @"nowrap": @(YGWrapNoWrap),
-  @"wrap-reverse": @(YGWrapWrapReverse)
-}), YGWrapNoWrap, intValue)
-
-RCT_ENUM_CONVERTER(RCTPointerEvents, (@{
-  @"none": @(RCTPointerEventsNone),
-  @"box-only": @(RCTPointerEventsBoxOnly),
-  @"box-none": @(RCTPointerEventsBoxNone),
-  @"auto": @(RCTPointerEventsUnspecified)
-}), RCTPointerEventsUnspecified, integerValue)
-
-RCT_ENUM_CONVERTER(RCTAnimationType, (@{
+RCT_ENUM_CONVERTER(css_backface_visibility_t, (@{@"hidden" : @NO, @"visible" : @YES}), YES, boolValue)
+
+RCT_ENUM_CONVERTER(
+    YGOverflow,
+    (@{
+      @"hidden" : @(YGOverflowHidden),
+      @"visible" : @(YGOverflowVisible),
+      @"scroll" : @(YGOverflowScroll),
+    }),
+    YGOverflowVisible,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGDisplay,
+    (@{
+      @"flex" : @(YGDisplayFlex),
+      @"none" : @(YGDisplayNone),
+    }),
+    YGDisplayFlex,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGFlexDirection,
+    (@{
+      @"row" : @(YGFlexDirectionRow),
+      @"row-reverse" : @(YGFlexDirectionRowReverse),
+      @"column" : @(YGFlexDirectionColumn),
+      @"column-reverse" : @(YGFlexDirectionColumnReverse)
+    }),
+    YGFlexDirectionColumn,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGJustify,
+    (@{
+      @"flex-start" : @(YGJustifyFlexStart),
+      @"flex-end" : @(YGJustifyFlexEnd),
+      @"center" : @(YGJustifyCenter),
+      @"space-between" : @(YGJustifySpaceBetween),
+      @"space-around" : @(YGJustifySpaceAround),
+      @"space-evenly" : @(YGJustifySpaceEvenly)
+    }),
+    YGJustifyFlexStart,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGAlign,
+    (@{
+      @"flex-start" : @(YGAlignFlexStart),
+      @"flex-end" : @(YGAlignFlexEnd),
+      @"center" : @(YGAlignCenter),
+      @"auto" : @(YGAlignAuto),
+      @"stretch" : @(YGAlignStretch),
+      @"baseline" : @(YGAlignBaseline),
+      @"space-between" : @(YGAlignSpaceBetween),
+      @"space-around" : @(YGAlignSpaceAround)
+    }),
+    YGAlignFlexStart,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGDirection,
+    (@{
+      @"inherit" : @(YGDirectionInherit),
+      @"ltr" : @(YGDirectionLTR),
+      @"rtl" : @(YGDirectionRTL),
+    }),
+    YGDirectionInherit,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGPositionType,
+    (@{@"absolute" : @(YGPositionTypeAbsolute), @"relative" : @(YGPositionTypeRelative)}),
+    YGPositionTypeRelative,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    YGWrap,
+    (@{@"wrap" : @(YGWrapWrap), @"nowrap" : @(YGWrapNoWrap), @"wrap-reverse" : @(YGWrapWrapReverse)}),
+    YGWrapNoWrap,
+    intValue)
+
+RCT_ENUM_CONVERTER(
+    RCTPointerEvents,
+    (@{
+      @"none" : @(RCTPointerEventsNone),
+      @"box-only" : @(RCTPointerEventsBoxOnly),
+      @"box-none" : @(RCTPointerEventsBoxNone),
+      @"auto" : @(RCTPointerEventsUnspecified)
+    }),
+    RCTPointerEventsUnspecified,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    RCTAnimationType,
+    (@{
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  @"spring": @(RCTAnimationTypeSpring),
+      @"spring" : @(RCTAnimationTypeSpring),
 #endif // TODO(macOS ISS#2323203)
-  @"linear": @(RCTAnimationTypeLinear),
-  @"easeIn": @(RCTAnimationTypeEaseIn),
-  @"easeOut": @(RCTAnimationTypeEaseOut),
-  @"easeInEaseOut": @(RCTAnimationTypeEaseInEaseOut),
+      @"linear" : @(RCTAnimationTypeLinear),
+      @"easeIn" : @(RCTAnimationTypeEaseIn),
+      @"easeOut" : @(RCTAnimationTypeEaseOut),
+      @"easeInEaseOut" : @(RCTAnimationTypeEaseInEaseOut),
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  @"keyboard": @(RCTAnimationTypeKeyboard),
+      @"keyboard" : @(RCTAnimationTypeKeyboard),
 #endif // TODO(macOS ISS#2323203)
-}), RCTAnimationTypeEaseInEaseOut, integerValue)
+    }),
+    RCTAnimationTypeEaseInEaseOut,
+    integerValue)
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 + (NSString*)accessibilityRoleFromTrait:(NSString*)trait
@@ -1251,7 +1428,7 @@ + (UIImage *)UIImage:(id)json
     // This check is added here instead of being inside RCTImageFromLocalAssetURL, since
     // we don't want breaking changes to RCTImageFromLocalAssetURL, which is called in a lot of places
     // This is a deprecated method, and hence has the least impact on existing code. Basically,
-    // instead of crashing the app, it tries one more location for the image. 
+    // instead of crashing the app, it tries one more location for the image.
     if (!image) {
       image = RCTImageFromLocalBundleAssetURL(URL);
     }
@@ -1275,9 +1452,7 @@ + (UIImage *)UIImage:(id)json
     scale = CGImageGetWidth(imageRef) / imageSource.size.width; // TODO(macOS ISS#2323203)
   }
   if (scale) {
-    image = [UIImage imageWithCGImage:imageRef
-                                scale:scale
-                          orientation:image.imageOrientation];
+    image = [UIImage imageWithCGImage:imageRef scale:scale orientation:image.imageOrientation];
   }
 #else // [TODO(macOS ISS#2323203)
   if (!CGSizeEqualToSize(image.size, imageSource.size)) {
@@ -1285,12 +1460,12 @@ + (UIImage *)UIImage:(id)json
   }
 #endif // ]TODO(macOS ISS#2323203)
 
-  if (!CGSizeEqualToSize(imageSource.size, CGSizeZero) &&
-      !CGSizeEqualToSize(imageSource.size, image.size)) {
-    RCTLogError(@"Image source %@ size %@ does not match loaded image size %@.",
-                URL.path.lastPathComponent,
-                NSStringFromCGSize(imageSource.size),
-                NSStringFromCGSize(image.size));
+  if (!CGSizeEqualToSize(imageSource.size, CGSizeZero) && !CGSizeEqualToSize(imageSource.size, image.size)) {
+    RCTLogError(
+        @"Image source %@ size %@ does not match loaded image size %@.",
+        URL.path.lastPathComponent,
+        NSStringFromCGSize(imageSource.size),
+        NSStringFromCGSize(image.size));
   }
 
   return image;
diff --git a/React/Base/RCTDefines.h b/React/Base/RCTDefines.h
index 8ea2a5303b9c34..bb5ab583249ead 100644
--- a/React/Base/RCTDefines.h
+++ b/React/Base/RCTDefines.h
@@ -6,7 +6,7 @@
  */
 
 #if __OBJC__
-#  import <Foundation/Foundation.h>
+#import <Foundation/Foundation.h>
 #endif
 
 /**
@@ -88,8 +88,8 @@
 #define RCT_METRO_PORT 8081
 #else
 // test if RCT_METRO_PORT is empty
-#define RCT_METRO_PORT_DO_EXPAND(VAL)  VAL ## 1
-#define RCT_METRO_PORT_EXPAND(VAL)     RCT_METRO_PORT_DO_EXPAND(VAL)
+#define RCT_METRO_PORT_DO_EXPAND(VAL) VAL##1
+#define RCT_METRO_PORT_EXPAND(VAL) RCT_METRO_PORT_DO_EXPAND(VAL)
 #if !defined(RCT_METRO_PORT) || (RCT_METRO_PORT_EXPAND(RCT_METRO_PORT) == 1)
 // Only here if RCT_METRO_PORT is not defined
 // OR RCT_METRO_PORT is the empty string
@@ -117,12 +117,12 @@
  * Concat two literals. Supports macro expansions,
  * e.g. RCT_CONCAT(foo, __FILE__).
  */
-#define RCT_CONCAT2(A, B) A ## B
+#define RCT_CONCAT2(A, B) A##B
 #define RCT_CONCAT(A, B) RCT_CONCAT2(A, B)
 
 /**
-  * This attribute is used for static analysis.
-  */
+ * This attribute is used for static analysis.
+ */
 #if !defined RCT_DYNAMIC
 #if __has_attribute(objc_dynamic)
 #define RCT_DYNAMIC __attribute__((objc_dynamic))
@@ -134,13 +134,15 @@
 /**
  * Throw an assertion for unimplemented methods.
  */
-#define RCT_NOT_IMPLEMENTED(method) \
-_Pragma("clang diagnostic push") \
-_Pragma("clang diagnostic ignored \"-Wmissing-method-return-type\"") \
-_Pragma("clang diagnostic ignored \"-Wunused-parameter\"") \
-RCT_EXTERN NSException *_RCTNotImplementedException(SEL, Class); \
-method NS_UNAVAILABLE { @throw _RCTNotImplementedException(_cmd, [self class]); } \
-_Pragma("clang diagnostic pop")
+#define RCT_NOT_IMPLEMENTED(method)                                                                     \
+  _Pragma("clang diagnostic push") _Pragma("clang diagnostic ignored \"-Wmissing-method-return-type\"") \
+      _Pragma("clang diagnostic ignored \"-Wunused-parameter\"")                                        \
+          RCT_EXTERN NSException *_RCTNotImplementedException(SEL, Class);                              \
+  method NS_UNAVAILABLE                                                                                 \
+  {                                                                                                     \
+    @throw _RCTNotImplementedException(_cmd, [self class]);                                             \
+  }                                                                                                     \
+  _Pragma("clang diagnostic pop")
 
 /**
  * Check if WebKit iOS 10.0 APIs are available.
diff --git a/React/Base/RCTDisplayLink.h b/React/Base/RCTDisplayLink.h
index 4b54c2aa0806e4..1e79c0baeda843 100644
--- a/React/Base/RCTDisplayLink.h
+++ b/React/Base/RCTDisplayLink.h
@@ -14,8 +14,7 @@
 
 - (instancetype)init;
 - (void)invalidate;
-- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module
-                       withModuleData:(RCTModuleData *)moduleData;
+- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module withModuleData:(RCTModuleData *)moduleData;
 - (void)addToRunLoop:(NSRunLoop *)runLoop;
 
 @end
diff --git a/React/Base/RCTDisplayLink.m b/React/Base/RCTDisplayLink.m
index f707e857ee81f2..66d8e5b546c77a 100644
--- a/React/Base/RCTDisplayLink.m
+++ b/React/Base/RCTDisplayLink.m
@@ -22,13 +22,10 @@
 #endif // TODO(macOS, https://github.com/microsoft/react-native-macos/issues/533)
 
 #define RCTAssertRunLoop() \
-  RCTAssert(_runLoop == [NSRunLoop currentRunLoop], \
-  @"This method must be called on the CADisplayLink run loop")
+  RCTAssert(_runLoop == [NSRunLoop currentRunLoop], @"This method must be called on the CADisplayLink run loop")
 
-@implementation RCTDisplayLink
-{
+@implementation RCTDisplayLink {
   RCTPlatformDisplayLink *_jsDisplayLink; // TODO(macOS ISS#2323203)
-
   NSMutableSet<RCTModuleData *> *_frameUpdateObservers;
   NSRunLoop *_runLoop;
 }
@@ -43,8 +40,7 @@ - (instancetype)init
   return self;
 }
 
-- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module
-                       withModuleData:(RCTModuleData *)moduleData
+- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module withModuleData:(RCTModuleData *)moduleData
 {
   if (![moduleData.moduleClass conformsToProtocol:@protocol(RCTFrameUpdateObserver)] ||
       [_frameUpdateObservers containsObject:moduleData]) {
@@ -103,8 +99,7 @@ - (void)invalidate
   [_jsDisplayLink invalidate];
 }
 
-- (void)dispatchBlock:(dispatch_block_t)block
-                queue:(dispatch_queue_t)queue
+- (void)dispatchBlock:(dispatch_block_t)block queue:(dispatch_queue_t)queue
 {
   if (queue == RCTJSThread) {
     block();
@@ -125,10 +120,12 @@ - (void)_jsThreadUpdate:(RCTPlatformDisplayLink *)displayLink // TODO(macOS ISS#
     if (!observer.paused) {
       if (moduleData.methodQueue) {
         RCTProfileBeginFlowEvent();
-        [self dispatchBlock:^{
-          RCTProfileEndFlowEvent();
-          [observer didUpdateFrame:frameUpdate];
-        } queue:moduleData.methodQueue];
+        [self
+            dispatchBlock:^{
+              RCTProfileEndFlowEvent();
+              [observer didUpdateFrame:frameUpdate];
+            }
+                    queue:moduleData.methodQueue];
       } else {
         [observer didUpdateFrame:frameUpdate];
       }
diff --git a/React/Base/RCTErrorInfo.h b/React/Base/RCTErrorInfo.h
index 00bf2bdd190208..a5d74d8e457a50 100644
--- a/React/Base/RCTErrorInfo.h
+++ b/React/Base/RCTErrorInfo.h
@@ -16,8 +16,6 @@
 @property (nonatomic, copy, readonly) NSString *errorMessage;
 @property (nonatomic, copy, readonly) NSArray<RCTJSStackFrame *> *stack;
 
-
-- (instancetype)initWithErrorMessage:(NSString *)errorMessage
-                               stack:(NSArray<RCTJSStackFrame *> *)stack;
+- (instancetype)initWithErrorMessage:(NSString *)errorMessage stack:(NSArray<RCTJSStackFrame *> *)stack;
 
 @end
diff --git a/React/Base/RCTErrorInfo.m b/React/Base/RCTErrorInfo.m
index 434ebad5406d98..ac492b00ed4447 100644
--- a/React/Base/RCTErrorInfo.m
+++ b/React/Base/RCTErrorInfo.m
@@ -11,8 +11,8 @@
 
 @implementation RCTErrorInfo
 
-- (instancetype)initWithErrorMessage:(NSString *)errorMessage
-                               stack:(NSArray<RCTJSStackFrame *> *)stack {
+- (instancetype)initWithErrorMessage:(NSString *)errorMessage stack:(NSArray<RCTJSStackFrame *> *)stack
+{
   self = [super init];
   if (self) {
     _errorMessage = [errorMessage copy];
diff --git a/React/Base/RCTEventDispatcher.h b/React/Base/RCTEventDispatcher.h
index fd94b782facb78..928234b687ab1e 100644
--- a/React/Base/RCTEventDispatcher.h
+++ b/React/Base/RCTEventDispatcher.h
@@ -9,8 +9,7 @@
 
 #import <React/RCTBridge.h>
 
-typedef NS_ENUM(NSInteger, RCTTextEventType)
-{
+typedef NS_ENUM(NSInteger, RCTTextEventType) {
   RCTTextEventTypeFocus,
   RCTTextEventTypeBlur,
   RCTTextEventTypeChange,
@@ -70,7 +69,6 @@ RCT_EXTERN NSString *RCTNormalizeInputEventName(NSString *eventName);
 
 @end
 
-
 /**
  * This class wraps the -[RCTBridge enqueueJSCall:args:] method, and
  * provides some convenience methods for generating event calls.
@@ -80,14 +78,12 @@ RCT_EXTERN NSString *RCTNormalizeInputEventName(NSString *eventName);
 /**
  * Deprecated, do not use.
  */
-- (void)sendAppEventWithName:(NSString *)name body:(id)body
-__deprecated_msg("Subclass RCTEventEmitter instead");
+- (void)sendAppEventWithName:(NSString *)name body:(id)body __deprecated_msg("Subclass RCTEventEmitter instead");
 
 /**
  * Deprecated, do not use.
  */
-- (void)sendDeviceEventWithName:(NSString *)name body:(id)body
-__deprecated_msg("Subclass RCTEventEmitter instead");
+- (void)sendDeviceEventWithName:(NSString *)name body:(id)body __deprecated_msg("Subclass RCTEventEmitter instead");
 
 /**
  * Send a text input/focus event. For internal use only.
diff --git a/React/Base/RCTEventDispatcher.m b/React/Base/RCTEventDispatcher.m
index bcf3a05f03e4b9..3da2e268ed72ba 100644
--- a/React/Base/RCTEventDispatcher.m
+++ b/React/Base/RCTEventDispatcher.m
@@ -8,8 +8,8 @@
 #import "RCTEventDispatcher.h"
 
 #import "RCTAssert.h"
-#import "RCTBridge.h"
 #import "RCTBridge+Private.h"
+#import "RCTBridge.h"
 #import "RCTComponentEvent.h"
 #import "RCTProfile.h"
 #import "RCTUtils.h"
@@ -22,25 +22,21 @@
     eventName = [eventName stringByReplacingCharactersInRange:(NSRange){0, 2} withString:@"top"];
   } else if (![eventName hasPrefix:@"top"]) {
     eventName = [[@"top" stringByAppendingString:[eventName substringToIndex:1].uppercaseString]
-                 stringByAppendingString:[eventName substringFromIndex:1]];
+        stringByAppendingString:[eventName substringFromIndex:1]];
   }
   return eventName;
 }
 
 static NSNumber *RCTGetEventID(NSNumber *viewTag, NSString *eventName, uint16_t coalescingKey)
 {
-  return @(
-    viewTag.intValue |
-    (((uint64_t)eventName.hash & 0xFFFF) << 32) |
-    (((uint64_t)coalescingKey) << 48)
-  );
+  return @(viewTag.intValue | (((uint64_t)eventName.hash & 0xFFFF) << 32) | (((uint64_t)coalescingKey) << 48));
 }
 
 static uint16_t RCTUniqueCoalescingKeyGenerator = 0;
 
-@implementation RCTEventDispatcher
-{
-  // We need this lock to protect access to _events, _eventQueue and _eventsDispatchScheduled. It's filled in on main thread and consumed on js thread.
+@implementation RCTEventDispatcher {
+  // We need this lock to protect access to _events, _eventQueue and _eventsDispatchScheduled. It's filled in on main
+  // thread and consumed on js thread.
   NSLock *_eventQueueLock;
   // We have this id -> event mapping so we coalesce effectively.
   NSMutableDictionary<NSNumber *, id<RCTEvent>> *_events;
@@ -70,7 +66,7 @@ - (void)sendAppEventWithName:(NSString *)name body:(id)body
 {
   [_bridge enqueueJSCall:@"RCTNativeAppEventEmitter"
                   method:@"emit"
-                    args:body ? @[name, body] : @[name]
+                    args:body ? @[ name, body ] : @[ name ]
               completion:NULL];
 }
 
@@ -78,7 +74,7 @@ - (void)sendDeviceEventWithName:(NSString *)name body:(id)body
 {
   [_bridge enqueueJSCall:@"RCTDeviceEventEmitter"
                   method:@"emit"
-                    args:body ? @[name, body] : @[name]
+                    args:body ? @[ name, body ] : @[ name ]
               completion:NULL];
 }
 
@@ -88,17 +84,10 @@ - (void)sendTextEventWithType:(RCTTextEventType)type
                           key:(NSString *)key
                    eventCount:(NSInteger)eventCount
 {
-  static NSString *events[] = {
-    @"focus",
-    @"blur",
-    @"change",
-    @"submitEditing",
-    @"endEditing",
-    @"keyPress"
-  };
+  static NSString *events[] = {@"focus", @"blur", @"change", @"submitEditing", @"endEditing", @"keyPress"};
 
   NSMutableDictionary *body = [[NSMutableDictionary alloc] initWithDictionary:@{
-    @"eventCount": @(eventCount),
+    @"eventCount" : @(eventCount),
   }];
 
   if (text) {
@@ -122,9 +111,7 @@ - (void)sendTextEventWithType:(RCTTextEventType)type
     body[@"key"] = key;
   }
 
-  RCTComponentEvent *event = [[RCTComponentEvent alloc] initWithName:events[type]
-                                                             viewTag:reactTag
-                                                                body:body];
+  RCTComponentEvent *event = [[RCTComponentEvent alloc] initWithName:events[type] viewTag:reactTag body:body];
   [self sendEvent:event];
 }
 
@@ -152,7 +139,12 @@ - (void)sendEvent:(id<RCTEvent>)event
   } else {
     id<RCTEvent> previousEvent = _events[eventID];
     eventID = RCTGetEventID(event.viewTag, event.eventName, RCTUniqueCoalescingKeyGenerator++);
-    RCTAssert(previousEvent == nil, @"Got event %@ which cannot be coalesced, but has the same eventID %@ as the previous event %@", event, eventID, previousEvent);
+    RCTAssert(
+        previousEvent == nil,
+        @"Got event %@ which cannot be coalesced, but has the same eventID %@ as the previous event %@",
+        event,
+        eventID,
+        previousEvent);
     [_eventQueue addObject:eventID];
   }
 
@@ -170,9 +162,11 @@ - (void)sendEvent:(id<RCTEvent>)event
   [_eventQueueLock unlock];
 
   if (scheduleEventsDispatch) {
-    [_bridge dispatchBlock:^{
-      [self flushEventsQueue];
-    } queue:RCTJSThread];
+    [_bridge
+        dispatchBlock:^{
+          [self flushEventsQueue];
+        }
+                queue:RCTJSThread];
   }
 }
 
diff --git a/React/Base/RCTFrameUpdate.m b/React/Base/RCTFrameUpdate.m
index 4e21f7a4f811e7..a859d6a038fecb 100644
--- a/React/Base/RCTFrameUpdate.m
+++ b/React/Base/RCTFrameUpdate.m
@@ -13,7 +13,7 @@
 
 @implementation RCTFrameUpdate
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (instancetype)initWithDisplayLink:(RCTPlatformDisplayLink *)displayLink // TODO(macOS ISS#2323203)
 {
diff --git a/React/Base/RCTImageSource.h b/React/Base/RCTImageSource.h
index 5c328535210fc0..928657c1146637 100644
--- a/React/Base/RCTImageSource.h
+++ b/React/Base/RCTImageSource.h
@@ -23,9 +23,7 @@
  * Pass a size of CGSizeZero if you do not know or wish to specify the image
  * size. Pass a scale of zero if you do not know or wish to specify the scale.
  */
-- (instancetype)initWithURLRequest:(NSURLRequest *)request
-                              size:(CGSize)size
-                             scale:(CGFloat)scale;
+- (instancetype)initWithURLRequest:(NSURLRequest *)request size:(CGSize)size scale:(CGFloat)scale;
 
 /**
  * Create a copy of the image source with the specified size and scale.
diff --git a/React/Base/RCTImageSource.m b/React/Base/RCTImageSource.m
index abec6636bbcc9a..19c6ed39b661c3 100644
--- a/React/Base/RCTImageSource.m
+++ b/React/Base/RCTImageSource.m
@@ -28,9 +28,7 @@ - (instancetype)initWithURLRequest:(NSURLRequest *)request size:(CGSize)size sca
 
 - (instancetype)imageSourceWithSize:(CGSize)size scale:(CGFloat)scale
 {
-  RCTImageSource *imageSource = [[RCTImageSource alloc] initWithURLRequest:_request
-                                                                      size:size
-                                                                     scale:scale];
+  RCTImageSource *imageSource = [[RCTImageSource alloc] initWithURLRequest:_request size:size scale:scale];
   imageSource.packagerAsset = _packagerAsset;
   return imageSource;
 }
@@ -41,13 +39,16 @@ - (BOOL)isEqual:(RCTImageSource *)object
     return NO;
   }
   return [_request isEqual:object.request] && _scale == object.scale &&
-  (CGSizeEqualToSize(_size, object.size) || CGSizeEqualToSize(object.size, CGSizeZero));
+      (CGSizeEqualToSize(_size, object.size) || CGSizeEqualToSize(object.size, CGSizeZero));
 }
 
 - (NSString *)description
 {
   return [NSString stringWithFormat:@"<RCTImageSource: %p URL=%@, size=%@, scale=%0.f>",
-          self, _request.URL, NSStringFromCGSize(_size), _scale];
+                                    self,
+                                    _request.URL,
+                                    NSStringFromCGSize(_size),
+                                    _scale];
 }
 
 @end
@@ -78,9 +79,7 @@ + (RCTImageSource *)RCTImageSource:(id)json
     return nil;
   }
 
-  RCTImageSource *imageSource = [[RCTImageSource alloc] initWithURLRequest:request
-                                                                      size:size
-                                                                     scale:scale];
+  RCTImageSource *imageSource = [[RCTImageSource alloc] initWithURLRequest:request size:size scale:scale];
   imageSource.packagerAsset = packagerAsset;
   return imageSource;
 }
diff --git a/React/Base/RCTJSInvokerModule.h b/React/Base/RCTJSInvokerModule.h
new file mode 100644
index 00000000000000..a0cbfbeacdc16a
--- /dev/null
+++ b/React/Base/RCTJSInvokerModule.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.
+ */
+
+/**
+ * This protocol should be adopted when a turbo module needs to directly call into Javascript.
+ * In bridge-less React Native, it is a replacement for [_bridge enqueueJSCall:].
+ */
+@protocol RCTJSInvokerModule
+
+@property (nonatomic, copy, nonnull) void (^invokeJS)(NSString *module, NSString *method, NSArray *args);
+
+@end
diff --git a/React/Base/RCTJSStackFrame.h b/React/Base/RCTJSStackFrame.h
index 73c6b834147fe5..43592ec18d0c8e 100644
--- a/React/Base/RCTJSStackFrame.h
+++ b/React/Base/RCTJSStackFrame.h
@@ -15,7 +15,11 @@
 @property (nonatomic, readonly) NSInteger column;
 @property (nonatomic, readonly) NSInteger collapse;
 
-- (instancetype)initWithMethodName:(NSString *)methodName file:(NSString *)file lineNumber:(NSInteger)lineNumber column:(NSInteger)column collapse:(NSInteger)collapse;
+- (instancetype)initWithMethodName:(NSString *)methodName
+                              file:(NSString *)file
+                        lineNumber:(NSInteger)lineNumber
+                            column:(NSInteger)column
+                          collapse:(NSInteger)collapse;
 - (NSDictionary *)toDictionary;
 
 + (instancetype)stackFrameWithLine:(NSString *)line;
diff --git a/React/Base/RCTJSStackFrame.m b/React/Base/RCTJSStackFrame.m
index db177ddea0895b..2458626f349dd7 100644
--- a/React/Base/RCTJSStackFrame.m
+++ b/React/Base/RCTJSStackFrame.m
@@ -11,37 +11,37 @@
 #import "RCTUtils.h"
 
 /**
-* The RegEx used to parse Error.stack.
-*
-* JavaScriptCore has the following format:
-*
-*   Exception: Error: argh
-*     func1@/path/to/file.js:2:18
-*     func2@/path/to/file.js:6:8
-*     eval@[native code]
-*     global code@/path/to/file.js:13:5
-*
-* Another supported format:
-*
-*  Error: argh
-*   at func1 (/path/to/file.js:2:18)
-*   at func2 (/path/to/file.js:6:8)
-*   at eval (native)
-*   at global (/path/to/file.js:13:5)
-*/
+ * The RegEx used to parse Error.stack.
+ *
+ * JavaScriptCore has the following format:
+ *
+ *   Exception: Error: argh
+ *     func1@/path/to/file.js:2:18
+ *     func2@/path/to/file.js:6:8
+ *     eval@[native code]
+ *     global code@/path/to/file.js:13:5
+ *
+ * Another supported format:
+ *
+ *  Error: argh
+ *   at func1 (/path/to/file.js:2:18)
+ *   at func2 (/path/to/file.js:6:8)
+ *   at eval (native)
+ *   at global (/path/to/file.js:13:5)
+ */
 static NSRegularExpression *RCTJSStackFrameRegex()
 {
   static dispatch_once_t onceToken;
   static NSRegularExpression *_regex;
   dispatch_once(&onceToken, ^{
     NSString *pattern =
-      @"\\s*(?:at)?\\s*" // Skip leading "at" and whitespace, noncapturing
-      @"(.+?)"           // Capture the function name (group 1)
-      @"\\s*[@(]"        // Skip whitespace, then @ or (
-      @"(.*):"           // Capture the file name (group 2), then colon
-      @"(\\d+):(\\d+)"   // Line and column number (groups 3 and 4)
-      @"\\)?$"           // Optional closing paren and EOL
-    ;
+        @"\\s*(?:at)?\\s*" // Skip leading "at" and whitespace, noncapturing
+        @"(.+?)" // Capture the function name (group 1)
+        @"\\s*[@(]" // Skip whitespace, then @ or (
+        @"(.*):" // Capture the file name (group 2), then colon
+        @"(\\d+):(\\d+)" // Line and column number (groups 3 and 4)
+        @"\\)?$" // Optional closing paren and EOL
+        ;
     NSError *regexError;
     _regex = [NSRegularExpression regularExpressionWithPattern:pattern options:0 error:&regexError];
     if (regexError) {
@@ -53,7 +53,11 @@
 
 @implementation RCTJSStackFrame
 
-- (instancetype)initWithMethodName:(NSString *)methodName file:(NSString *)file lineNumber:(NSInteger)lineNumber column:(NSInteger)column collapse:(NSInteger)collapse
+- (instancetype)initWithMethodName:(NSString *)methodName
+                              file:(NSString *)file
+                        lineNumber:(NSInteger)lineNumber
+                            column:(NSInteger)column
+                          collapse:(NSInteger)collapse
 {
   if (self = [super init]) {
     _methodName = methodName;
@@ -68,17 +72,19 @@ - (instancetype)initWithMethodName:(NSString *)methodName file:(NSString *)file
 - (NSDictionary *)toDictionary
 {
   return @{
-     @"methodName": RCTNullIfNil(self.methodName),
-     @"file": RCTNullIfNil(self.file),
-     @"lineNumber": @(self.lineNumber),
-     @"column": @(self.column),
-     @"collapse": @(self.collapse)
+    @"methodName" : RCTNullIfNil(self.methodName),
+    @"file" : RCTNullIfNil(self.file),
+    @"lineNumber" : @(self.lineNumber),
+    @"column" : @(self.column),
+    @"collapse" : @(self.collapse)
   };
 }
 
 + (instancetype)stackFrameWithLine:(NSString *)line
 {
-  NSTextCheckingResult *match = [RCTJSStackFrameRegex() firstMatchInString:line options:0 range:NSMakeRange(0, line.length)];
+  NSTextCheckingResult *match = [RCTJSStackFrameRegex() firstMatchInString:line
+                                                                   options:0
+                                                                     range:NSMakeRange(0, line.length)];
   if (!match) {
     return nil;
   }
@@ -130,14 +136,15 @@ + (instancetype)stackFrameWithDictionary:(NSDictionary *)dict
   return stack;
 }
 
-- (NSString *)description {
+- (NSString *)description
+{
   return [NSString stringWithFormat:@"<%@: %p method name: %@; file name: %@; line: %ld; column: %ld>",
-          self.class,
-          self,
-          self.methodName,
-          self.file,
-          (long)self.lineNumber,
-          (long)self.column];
+                                    self.class,
+                                    self,
+                                    self.methodName,
+                                    self.file,
+                                    (long)self.lineNumber,
+                                    (long)self.column];
 }
 
 @end
diff --git a/React/Base/RCTJavaScriptExecutor.h b/React/Base/RCTJavaScriptExecutor.h
index 16202ddc47e6d1..c42fb051792f49 100644
--- a/React/Base/RCTJavaScriptExecutor.h
+++ b/React/Base/RCTJavaScriptExecutor.h
@@ -51,9 +51,7 @@ typedef void (^RCTJavaScriptCallback)(id result, NSError *error);
  * and optional additional arguments on the JS thread and calls the
  * given callback with JSValue, containing the next queue, and JSContext.
  */
-- (void)invokeCallbackID:(NSNumber *)cbID
-               arguments:(NSArray *)args
-                callback:(RCTJavaScriptCallback)onComplete;
+- (void)invokeCallbackID:(NSNumber *)cbID arguments:(NSArray *)args callback:(RCTJavaScriptCallback)onComplete;
 
 /**
  * Runs an application script, and notifies of the script load being complete via `onComplete`.
@@ -63,8 +61,8 @@ typedef void (^RCTJavaScriptCallback)(id result, NSError *error);
                       onComplete:(RCTJavaScriptCompleteBlock)onComplete;
 
 - (void)injectJSONText:(NSString *)script
-   asGlobalObjectNamed:(NSString *)objectName
-              callback:(RCTJavaScriptCompleteBlock)onComplete;
+    asGlobalObjectNamed:(NSString *)objectName
+               callback:(RCTJavaScriptCompleteBlock)onComplete;
 
 /**
  * Enqueue a block to run in the executors JS thread. Fallback to `dispatch_async`
diff --git a/React/Base/RCTJavaScriptLoader.h b/React/Base/RCTJavaScriptLoader.h
index 78584ee60060c9..d51e2d5222448c 100755
--- a/React/Base/RCTJavaScriptLoader.h
+++ b/React/Base/RCTJavaScriptLoader.h
@@ -11,21 +11,21 @@
 
 extern NSString *const RCTJavaScriptLoaderErrorDomain;
 
-NS_ENUM(NSInteger) {
-  RCTJavaScriptLoaderErrorNoScriptURL = 1,
-  RCTJavaScriptLoaderErrorFailedOpeningFile = 2,
-  RCTJavaScriptLoaderErrorFailedReadingFile = 3,
-  RCTJavaScriptLoaderErrorFailedStatingFile = 3,
-  RCTJavaScriptLoaderErrorURLLoadFailed = 3,
-  RCTJavaScriptLoaderErrorBCVersion = 4,
-  RCTJavaScriptLoaderErrorBCNotSupported = 4,
-
-  RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously = 1000,
+NS_ENUM(NSInteger){
+    RCTJavaScriptLoaderErrorNoScriptURL = 1,
+    RCTJavaScriptLoaderErrorFailedOpeningFile = 2,
+    RCTJavaScriptLoaderErrorFailedReadingFile = 3,
+    RCTJavaScriptLoaderErrorFailedStatingFile = 3,
+    RCTJavaScriptLoaderErrorURLLoadFailed = 3,
+    RCTJavaScriptLoaderErrorBCVersion = 4,
+    RCTJavaScriptLoaderErrorBCNotSupported = 4,
+
+    RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously = 1000,
 };
 
-NS_ENUM(NSInteger) {
-  RCTSourceFilesChangedCountNotBuiltByBundler = -2,
-  RCTSourceFilesChangedCountRebuiltFromScratch = -1,
+NS_ENUM(NSInteger){
+    RCTSourceFilesChangedCountNotBuiltByBundler = -2,
+    RCTSourceFilesChangedCountRebuiltFromScratch = -1,
 };
 
 @interface RCTLoadingProgress : NSObject
diff --git a/React/Base/RCTJavaScriptLoader.mm b/React/Base/RCTJavaScriptLoader.mm
index c373b83a8b2923..8c8e5fad02ff17 100755
--- a/React/Base/RCTJavaScriptLoader.mm
+++ b/React/Base/RCTJavaScriptLoader.mm
@@ -21,9 +21,8 @@
 
 static const int32_t JSNoBytecodeFileFormatVersion = -1;
 
-@interface RCTSource()
-{
-@public
+@interface RCTSource () {
+ @public
   NSURL *_url;
   NSData *_data;
   NSUInteger _length;
@@ -64,9 +63,11 @@ - (NSString *)description
 
 @implementation RCTJavaScriptLoader
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
-+ (void)loadBundleAtURL:(NSURL *)scriptURL onProgress:(RCTSourceLoadProgressBlock)onProgress onComplete:(RCTSourceLoadBlock)onComplete
++ (void)loadBundleAtURL:(NSURL *)scriptURL
+             onProgress:(RCTSourceLoadProgressBlock)onProgress
+             onComplete:(RCTSourceLoadBlock)onComplete
 {
   int64_t sourceLength;
   NSError *error;
@@ -79,9 +80,8 @@ + (void)loadBundleAtURL:(NSURL *)scriptURL onProgress:(RCTSourceLoadProgressBloc
     return;
   }
 
-  const BOOL isCannotLoadSyncError =
-  [error.domain isEqualToString:RCTJavaScriptLoaderErrorDomain]
-  && error.code == RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously;
+  const BOOL isCannotLoadSyncError = [error.domain isEqualToString:RCTJavaScriptLoaderErrorDomain] &&
+      error.code == RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously;
 
   if (isCannotLoadSyncError) {
     attemptAsynchronousLoadOfBundleAtURL(scriptURL, onProgress, onComplete);
@@ -101,12 +101,16 @@ + (NSData *)attemptSynchronousLoadOfBundleAtURL:(NSURL *)scriptURL
 
   if (!scriptURL) {
     if (error) {
-      *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                   code:RCTJavaScriptLoaderErrorNoScriptURL
-                               userInfo:@{NSLocalizedDescriptionKey:
-                                            [NSString stringWithFormat:@"No script URL provided. Make sure the packager is "
-                                             @"running or you have embedded a JS bundle in your application bundle.\n\n"
-                                             @"unsanitizedScriptURLString = %@", unsanitizedScriptURLString]}];
+      *error = [NSError
+          errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                     code:RCTJavaScriptLoaderErrorNoScriptURL
+                 userInfo:@{
+                   NSLocalizedDescriptionKey : [NSString
+                       stringWithFormat:@"No script URL provided. Make sure the packager is "
+                                        @"running or you have embedded a JS bundle in your application bundle.\n\n"
+                                        @"unsanitizedScriptURLString = %@",
+                                        unsanitizedScriptURLString]
+                 }];
     }
     return nil;
   }
@@ -116,9 +120,10 @@ + (NSData *)attemptSynchronousLoadOfBundleAtURL:(NSURL *)scriptURL
     if (error) {
       *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
                                    code:RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously
-                               userInfo:@{NSLocalizedDescriptionKey:
-                                            [NSString stringWithFormat:@"Cannot load %@ URLs synchronously",
-                                             scriptURL.scheme]}];
+                               userInfo:@{
+                                 NSLocalizedDescriptionKey :
+                                     [NSString stringWithFormat:@"Cannot load %@ URLs synchronously", scriptURL.scheme]
+                               }];
     }
     return nil;
   }
@@ -130,10 +135,12 @@ + (NSData *)attemptSynchronousLoadOfBundleAtURL:(NSURL *)scriptURL
   FILE *bundle = fopen(scriptURL.path.UTF8String, "r");
   if (!bundle) {
     if (error) {
-      *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                   code:RCTJavaScriptLoaderErrorFailedOpeningFile
-                               userInfo:@{NSLocalizedDescriptionKey:
-                                            [NSString stringWithFormat:@"Error opening bundle %@", scriptURL.path]}];
+      *error = [NSError
+          errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                     code:RCTJavaScriptLoaderErrorFailedOpeningFile
+                 userInfo:@{
+                   NSLocalizedDescriptionKey : [NSString stringWithFormat:@"Error opening bundle %@", scriptURL.path]
+                 }];
     }
     return nil;
   }
@@ -143,70 +150,70 @@ + (NSData *)attemptSynchronousLoadOfBundleAtURL:(NSURL *)scriptURL
   fclose(bundle);
   if (readResult != 1) {
     if (error) {
-      *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                   code:RCTJavaScriptLoaderErrorFailedReadingFile
-                               userInfo:@{NSLocalizedDescriptionKey:
-                                            [NSString stringWithFormat:@"Error reading bundle %@", scriptURL.path]}];
+      *error = [NSError
+          errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                     code:RCTJavaScriptLoaderErrorFailedReadingFile
+                 userInfo:@{
+                   NSLocalizedDescriptionKey : [NSString stringWithFormat:@"Error reading bundle %@", scriptURL.path]
+                 }];
     }
     return nil;
   }
 
   facebook::react::ScriptTag tag = facebook::react::parseTypeFromHeader(header);
   switch (tag) {
-  case facebook::react::ScriptTag::RAMBundle:
-    break;
+    case facebook::react::ScriptTag::RAMBundle:
+      break;
 
-  case facebook::react::ScriptTag::String: {
+    case facebook::react::ScriptTag::String: {
 #if RCT_ENABLE_INSPECTOR
-    NSData *source = [NSData dataWithContentsOfFile:scriptURL.path
-                                            options:NSDataReadingMappedIfSafe
-                                              error:error];
-    if (sourceLength && source != nil) {
-      *sourceLength = source.length;
-    }
-    return source;
+      NSData *source = [NSData dataWithContentsOfFile:scriptURL.path options:NSDataReadingMappedIfSafe error:error];
+      if (sourceLength && source != nil) {
+        *sourceLength = source.length;
+      }
+      return source;
 #else
-    if (error) {
-      *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                   code:RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously
-                               userInfo:@{NSLocalizedDescriptionKey:
-                                            @"Cannot load text/javascript files synchronously"}];
-    }
-    return nil;
-#endif
-  }
-  case facebook::react::ScriptTag::BCBundle:
-    if (runtimeBCVersion == JSNoBytecodeFileFormatVersion || runtimeBCVersion < 0) {
       if (error) {
-        *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                     code:RCTJavaScriptLoaderErrorBCNotSupported
-                                 userInfo:@{NSLocalizedDescriptionKey:
-                                              @"Bytecode bundles are not supported by this runtime."}];
+        *error =
+            [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                                code:RCTJavaScriptLoaderErrorCannotBeLoadedSynchronously
+                            userInfo:@{NSLocalizedDescriptionKey : @"Cannot load text/javascript files synchronously"}];
       }
       return nil;
+#endif
     }
-    else if ((uint32_t)runtimeBCVersion != header.version) {
-      if (error) {
-        NSString *errDesc =
-          [NSString stringWithFormat:@"BC Version Mismatch. Expect: %d, Actual: %u",
-                    runtimeBCVersion, header.version];
-
-        *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                     code:RCTJavaScriptLoaderErrorBCVersion
-                                 userInfo:@{NSLocalizedDescriptionKey: errDesc}];
+    case facebook::react::ScriptTag::BCBundle:
+      if (runtimeBCVersion == JSNoBytecodeFileFormatVersion || runtimeBCVersion < 0) {
+        if (error) {
+          *error = [NSError
+              errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                         code:RCTJavaScriptLoaderErrorBCNotSupported
+                     userInfo:@{NSLocalizedDescriptionKey : @"Bytecode bundles are not supported by this runtime."}];
+        }
+        return nil;
+      } else if ((uint32_t)runtimeBCVersion != header.version) {
+        if (error) {
+          NSString *errDesc = [NSString
+              stringWithFormat:@"BC Version Mismatch. Expect: %d, Actual: %u", runtimeBCVersion, header.version];
+
+          *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                                       code:RCTJavaScriptLoaderErrorBCVersion
+                                   userInfo:@{NSLocalizedDescriptionKey : errDesc}];
+        }
+        return nil;
       }
-      return nil;
-    }
-    break;
+      break;
   }
 
   struct stat statInfo;
   if (stat(scriptURL.path.UTF8String, &statInfo) != 0) {
     if (error) {
-      *error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                   code:RCTJavaScriptLoaderErrorFailedStatingFile
-                               userInfo:@{NSLocalizedDescriptionKey:
-                                            [NSString stringWithFormat:@"Error stating bundle %@", scriptURL.path]}];
+      *error = [NSError
+          errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                     code:RCTJavaScriptLoaderErrorFailedStatingFile
+                 userInfo:@{
+                   NSLocalizedDescriptionKey : [NSString stringWithFormat:@"Error stating bundle %@", scriptURL.path]
+                 }];
     }
     return nil;
   }
@@ -216,11 +223,15 @@ + (NSData *)attemptSynchronousLoadOfBundleAtURL:(NSURL *)scriptURL
   return [NSData dataWithBytes:&header length:sizeof(header)];
 }
 
-static void parseHeaders(NSDictionary *headers, RCTSource *source) {
+static void parseHeaders(NSDictionary *headers, RCTSource *source)
+{
   source->_filesChangedCount = [headers[@"X-Metro-Files-Changed-Count"] integerValue];
 }
 
-static void attemptAsynchronousLoadOfBundleAtURL(NSURL *scriptURL, RCTSourceLoadProgressBlock onProgress, RCTSourceLoadBlock onComplete)
+static void attemptAsynchronousLoadOfBundleAtURL(
+    NSURL *scriptURL,
+    RCTSourceLoadProgressBlock onProgress,
+    RCTSourceLoadBlock onComplete)
 {
   scriptURL = sanitizeURL(scriptURL);
 
@@ -228,85 +239,85 @@ static void attemptAsynchronousLoadOfBundleAtURL(NSURL *scriptURL, RCTSourceLoad
     // Reading in a large bundle can be slow. Dispatch to the background queue to do it.
     dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
       NSError *error = nil;
-      NSData *source = [NSData dataWithContentsOfFile:scriptURL.path
-                                              options:NSDataReadingMappedIfSafe
-                                                error:&error];
+      NSData *source = [NSData dataWithContentsOfFile:scriptURL.path options:NSDataReadingMappedIfSafe error:&error];
       onComplete(error, RCTSourceCreate(scriptURL, source, source.length));
     });
     return;
   }
 
-  RCTMultipartDataTask *task = [[RCTMultipartDataTask alloc] initWithURL:scriptURL partHandler:^(NSInteger statusCode, NSDictionary *headers, NSData *data, NSError *error, BOOL done) {
-    if (!done) {
-      if (onProgress) {
-        onProgress(progressEventFromData(data));
-      }
-      return;
-    }
-
-    // Handle general request errors
-    if (error) {
-      if ([error.domain isEqualToString:NSURLErrorDomain]) {
-        error = [NSError errorWithDomain:RCTJavaScriptLoaderErrorDomain
-                                    code:RCTJavaScriptLoaderErrorURLLoadFailed
-                                userInfo:
-                 @{
-                   NSLocalizedDescriptionKey:
-                     [@"Could not connect to development server.\n\n"
-                      "Ensure the following:\n"
-                      "- Node server is running and available on the same network - run 'npm start' from react-native root\n"
-                      "- Node server URL is correctly set in AppDelegate\n"
-                      "- WiFi is enabled and connected to the same network as the Node Server\n\n"
-                      "URL: " stringByAppendingString:scriptURL.absoluteString],
-                   NSLocalizedFailureReasonErrorKey: error.localizedDescription,
-                   NSUnderlyingErrorKey: error,
-                   }];
-      }
-      onComplete(error, nil);
-      return;
-    }
-
-    // For multipart responses packager sets X-Http-Status header in case HTTP status code
-    // is different from 200 OK
-    NSString *statusCodeHeader = headers[@"X-Http-Status"];
-    if (statusCodeHeader) {
-      statusCode = [statusCodeHeader integerValue];
-    }
-
-    if (statusCode != 200) {
-      error = [NSError errorWithDomain:@"JSServer"
+  RCTMultipartDataTask *task = [[RCTMultipartDataTask alloc] initWithURL:scriptURL
+      partHandler:^(NSInteger statusCode, NSDictionary *headers, NSData *data, NSError *error, BOOL done) {
+        if (!done) {
+          if (onProgress) {
+            onProgress(progressEventFromData(data));
+          }
+          return;
+        }
+
+        // Handle general request errors
+        if (error) {
+          if ([error.domain isEqualToString:NSURLErrorDomain]) {
+            error = [NSError
+                errorWithDomain:RCTJavaScriptLoaderErrorDomain
+                           code:RCTJavaScriptLoaderErrorURLLoadFailed
+                       userInfo:@{
+                         NSLocalizedDescriptionKey :
+                             [@"Could not connect to development server.\n\n"
+                               "Ensure the following:\n"
+                               "- Node server is running and available on the same network - run 'npm start' from react-native root\n"
+                               "- Node server URL is correctly set in AppDelegate\n"
+                               "- WiFi is enabled and connected to the same network as the Node Server\n\n"
+                               "URL: " stringByAppendingString:scriptURL.absoluteString],
+                         NSLocalizedFailureReasonErrorKey : error.localizedDescription,
+                         NSUnderlyingErrorKey : error,
+                       }];
+          }
+          onComplete(error, nil);
+          return;
+        }
+
+        // For multipart responses packager sets X-Http-Status header in case HTTP status code
+        // is different from 200 OK
+        NSString *statusCodeHeader = headers[@"X-Http-Status"];
+        if (statusCodeHeader) {
+          statusCode = [statusCodeHeader integerValue];
+        }
+
+        if (statusCode != 200) {
+          error =
+              [NSError errorWithDomain:@"JSServer"
                                   code:statusCode
-                              userInfo:userInfoForRawResponse([[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding])];
-      onComplete(error, nil);
-      return;
-    }
-
-    // Validate that the packager actually returned javascript.
-    NSString *contentType = headers[@"Content-Type"];
-    NSString *mimeType = [[contentType componentsSeparatedByString:@";"] firstObject];
-    if (![mimeType isEqualToString:@"application/javascript"] &&
-        ![mimeType isEqualToString:@"text/javascript"]) {
-      NSString *description = [NSString stringWithFormat:@"Expected MIME-Type to be 'application/javascript' or 'text/javascript', but got '%@'.", mimeType];
-      error = [NSError errorWithDomain:@"JSServer"
-                                  code:NSURLErrorCannotParseResponse
-                              userInfo:@{
-                                         NSLocalizedDescriptionKey: description,
-                                         @"headers": headers,
-                                         @"data": data
-                                       }];
-      onComplete(error, nil);
-      return;
-    }
-
-    RCTSource *source = RCTSourceCreate(scriptURL, data, data.length);
-    parseHeaders(headers, source);
-    onComplete(nil, source);
-  } progressHandler:^(NSDictionary *headers, NSNumber *loaded, NSNumber *total) {
-    // Only care about download progress events for the javascript bundle part.
-    if ([headers[@"Content-Type"] isEqualToString:@"application/javascript"]) {
-      onProgress(progressEventFromDownloadProgress(loaded, total));
-    }
-  }];
+                              userInfo:userInfoForRawResponse([[NSString alloc] initWithData:data
+                                                                                    encoding:NSUTF8StringEncoding])];
+          onComplete(error, nil);
+          return;
+        }
+
+        // Validate that the packager actually returned javascript.
+        NSString *contentType = headers[@"Content-Type"];
+        NSString *mimeType = [[contentType componentsSeparatedByString:@";"] firstObject];
+        if (![mimeType isEqualToString:@"application/javascript"] && ![mimeType isEqualToString:@"text/javascript"]) {
+          NSString *description = [NSString
+              stringWithFormat:@"Expected MIME-Type to be 'application/javascript' or 'text/javascript', but got '%@'.",
+                               mimeType];
+          error = [NSError
+              errorWithDomain:@"JSServer"
+                         code:NSURLErrorCannotParseResponse
+                     userInfo:@{NSLocalizedDescriptionKey : description, @"headers" : headers, @"data" : data}];
+          onComplete(error, nil);
+          return;
+        }
+
+        RCTSource *source = RCTSourceCreate(scriptURL, data, data.length);
+        parseHeaders(headers, source);
+        onComplete(nil, source);
+      }
+      progressHandler:^(NSDictionary *headers, NSNumber *loaded, NSNumber *total) {
+        // Only care about download progress events for the javascript bundle part.
+        if ([headers[@"Content-Type"] isEqualToString:@"application/javascript"]) {
+          onProgress(progressEventFromDownloadProgress(loaded, total));
+        }
+      }];
 
   [task startTask];
 }
@@ -346,21 +357,22 @@ static void attemptAsynchronousLoadOfBundleAtURL(NSURL *scriptURL, RCTSourceLoad
 {
   NSDictionary *parsedResponse = RCTJSONParse(rawText, nil);
   if (![parsedResponse isKindOfClass:[NSDictionary class]]) {
-    return @{NSLocalizedDescriptionKey: rawText};
+    return @{NSLocalizedDescriptionKey : rawText};
   }
   NSArray *errors = parsedResponse[@"errors"];
   if (![errors isKindOfClass:[NSArray class]]) {
-    return @{NSLocalizedDescriptionKey: rawText};
+    return @{NSLocalizedDescriptionKey : rawText};
   }
   NSMutableArray<NSDictionary *> *fakeStack = [NSMutableArray new];
   for (NSDictionary *err in errors) {
-    [fakeStack addObject: @{
-       @"methodName": err[@"description"] ?: @"",
-       @"file": err[@"filename"] ?: @"",
-       @"lineNumber": err[@"lineNumber"] ?: @0
+    [fakeStack addObject:@{
+      @"methodName" : err[@"description"] ?: @"",
+      @"file" : err[@"filename"] ?: @"",
+      @"lineNumber" : err[@"lineNumber"] ?: @0
     }];
   }
-  return @{NSLocalizedDescriptionKey: parsedResponse[@"message"] ?: @"No message provided", @"stack": [fakeStack copy]};
+  return
+      @{NSLocalizedDescriptionKey : parsedResponse[@"message"] ?: @"No message provided", @"stack" : [fakeStack copy]};
 }
 
 @end
diff --git a/React/Base/RCTKeyCommands.h b/React/Base/RCTKeyCommands.h
index 572ee831bac8fa..983348e9989212 100644
--- a/React/Base/RCTKeyCommands.h
+++ b/React/Base/RCTKeyCommands.h
@@ -21,32 +21,28 @@
 /**
  * Unregister a single-press keyboard command.
  */
-- (void)unregisterKeyCommandWithInput:(NSString *)input
-                        modifierFlags:(UIKeyModifierFlags)flags;
+- (void)unregisterKeyCommandWithInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags;
 
 /**
  * Check if a single-press command is registered.
  */
-- (BOOL)isKeyCommandRegisteredForInput:(NSString *)input
-                         modifierFlags:(UIKeyModifierFlags)flags;
+- (BOOL)isKeyCommandRegisteredForInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags;
 
 /**
  * Register a double-press keyboard command.
  */
 - (void)registerDoublePressKeyCommandWithInput:(NSString *)input
-                      modifierFlags:(UIKeyModifierFlags)flags
-                             action:(void (^)(UIKeyCommand *command))block;
+                                 modifierFlags:(UIKeyModifierFlags)flags
+                                        action:(void (^)(UIKeyCommand *command))block;
 
 /**
  * Unregister a double-press keyboard command.
  */
-- (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input
-                        modifierFlags:(UIKeyModifierFlags)flags;
+- (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags;
 
 /**
  * Check if a double-press command is registered.
  */
-- (BOOL)isDoublePressKeyCommandRegisteredForInput:(NSString *)input
-                         modifierFlags:(UIKeyModifierFlags)flags;
+- (BOOL)isDoublePressKeyCommandRegisteredForInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags;
 
 @end
diff --git a/React/Base/RCTKeyCommands.m b/React/Base/RCTKeyCommands.m
index c5c1ec33c018de..d48ba935d22f19 100644
--- a/React/Base/RCTKeyCommands.m
+++ b/React/Base/RCTKeyCommands.m
@@ -23,8 +23,7 @@ @interface RCTKeyCommand : NSObject <NSCopying>
 
 @implementation RCTKeyCommand
 
-- (instancetype)initWithKeyCommand:(UIKeyCommand *)keyCommand
-                             block:(void (^)(UIKeyCommand *))block
+- (instancetype)initWithKeyCommand:(UIKeyCommand *)keyCommand block:(void (^)(UIKeyCommand *))block
 {
   if ((self = [super init])) {
     _keyCommand = keyCommand;
@@ -33,7 +32,7 @@ - (instancetype)initWithKeyCommand:(UIKeyCommand *)keyCommand
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (id)copyWithZone:(__unused NSZone *)zone
 {
@@ -50,8 +49,7 @@ - (BOOL)isEqual:(RCTKeyCommand *)object
   if (![object isKindOfClass:[RCTKeyCommand class]]) {
     return NO;
   }
-  return [self matchesInput:object.keyCommand.input
-                      flags:object.keyCommand.modifierFlags];
+  return [self matchesInput:object.keyCommand.input flags:object.keyCommand.modifierFlags];
 }
 
 - (BOOL)matchesInput:(NSString *)input flags:(UIKeyModifierFlags)flags
@@ -62,8 +60,11 @@ - (BOOL)matchesInput:(NSString *)input flags:(UIKeyModifierFlags)flags
 - (NSString *)description
 {
   return [NSString stringWithFormat:@"<%@:%p input=\"%@\" flags=%lld hasBlock=%@>",
-          [self class], self, _keyCommand.input, (long long)_keyCommand.modifierFlags,
-          _block ? @"YES" : @"NO"];
+                                    [self class],
+                                    self,
+                                    _keyCommand.input,
+                                    (long long)_keyCommand.modifierFlags,
+                                    _block ? @"YES" : @"NO"];
 }
 
 @end
@@ -84,12 +85,12 @@ + (UIResponder *)RCT_getFirstResponder:(UIResponder *)view
     return view;
   } else if ([view isKindOfClass:[UIViewController class]]) {
     if ([(UIViewController *)view parentViewController]) {
-      firstResponder = [UIResponder RCT_getFirstResponder: [(UIViewController *)view parentViewController]];
+      firstResponder = [UIResponder RCT_getFirstResponder:[(UIViewController *)view parentViewController]];
     }
-    return firstResponder ? firstResponder : [UIResponder RCT_getFirstResponder: [(UIViewController *)view view]];
+    return firstResponder ? firstResponder : [UIResponder RCT_getFirstResponder:[(UIViewController *)view view]];
   } else if ([view isKindOfClass:[UIView class]]) {
     for (UIView *subview in [(UIView *)view subviews]) {
-      firstResponder = [UIResponder RCT_getFirstResponder: subview];
+      firstResponder = [UIResponder RCT_getFirstResponder:subview];
       if (firstResponder) {
         return firstResponder;
       }
@@ -142,9 +143,7 @@ - (void)RCT_handleDoublePressKeyCommand:(UIKeyCommand *)key
   if (firstPress) {
     for (RCTKeyCommand *command in [RCTKeyCommands sharedInstance].commands) {
       if ([command.keyCommand.input isEqualToString:key.input] &&
-          command.keyCommand.modifierFlags == key.modifierFlags &&
-          command.block) {
-
+          command.keyCommand.modifierFlags == key.modifierFlags && command.block) {
         firstPress = NO;
         lastCommand = CACurrentMediaTime();
         lastInput = key.input;
@@ -155,15 +154,10 @@ - (void)RCT_handleDoublePressKeyCommand:(UIKeyCommand *)key
   } else {
     // Second keyevent within 0.2 second,
     // with the same key as the first one.
-    if (CACurrentMediaTime() - lastCommand < 0.2 &&
-        lastInput == key.input &&
-        lastModifierFlags == key.modifierFlags) {
-
+    if (CACurrentMediaTime() - lastCommand < 0.2 && lastInput == key.input && lastModifierFlags == key.modifierFlags) {
       for (RCTKeyCommand *command in [RCTKeyCommands sharedInstance].commands) {
         if ([command.keyCommand.input isEqualToString:key.input] &&
-            command.keyCommand.modifierFlags == key.modifierFlags &&
-            command.block) {
-
+            command.keyCommand.modifierFlags == key.modifierFlags && command.block) {
           // NOTE: throttle the key handler because on iOS 9 the handleKeyCommand:
           // method gets called repeatedly if the command key is held down.
           if (CACurrentMediaTime() - lastDoubleCommand > 0.5) {
@@ -189,9 +183,7 @@ @implementation RCTKeyCommands
 + (void)initialize
 {
   // swizzle UIResponder
-  RCTSwapInstanceMethods([UIResponder class],
-                         @selector(keyCommands),
-                         @selector(RCT_keyCommands));
+  RCTSwapInstanceMethods([UIResponder class], @selector(keyCommands), @selector(RCT_keyCommands));
 }
 
 + (instancetype)sharedInstance
@@ -228,8 +220,7 @@ - (void)registerKeyCommandWithInput:(NSString *)input
   [_commands addObject:keyCommand];
 }
 
-- (void)unregisterKeyCommandWithInput:(NSString *)input
-                        modifierFlags:(UIKeyModifierFlags)flags
+- (void)unregisterKeyCommandWithInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
 {
   RCTAssertMainQueue();
 
@@ -241,8 +232,7 @@ - (void)unregisterKeyCommandWithInput:(NSString *)input
   }
 }
 
-- (BOOL)isKeyCommandRegisteredForInput:(NSString *)input
-                         modifierFlags:(UIKeyModifierFlags)flags
+- (BOOL)isKeyCommandRegisteredForInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
 {
   RCTAssertMainQueue();
 
@@ -255,8 +245,8 @@ - (BOOL)isKeyCommandRegisteredForInput:(NSString *)input
 }
 
 - (void)registerDoublePressKeyCommandWithInput:(NSString *)input
-                      modifierFlags:(UIKeyModifierFlags)flags
-                             action:(void (^)(UIKeyCommand *))block
+                                 modifierFlags:(UIKeyModifierFlags)flags
+                                        action:(void (^)(UIKeyCommand *))block
 {
   RCTAssertMainQueue();
 
@@ -269,8 +259,7 @@ - (void)registerDoublePressKeyCommandWithInput:(NSString *)input
   [_commands addObject:keyCommand];
 }
 
-- (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input
-                        modifierFlags:(UIKeyModifierFlags)flags
+- (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
 {
   RCTAssertMainQueue();
 
@@ -282,8 +271,7 @@ - (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input
   }
 }
 
-- (BOOL)isDoublePressKeyCommandRegisteredForInput:(NSString *)input
-                         modifierFlags:(UIKeyModifierFlags)flags
+- (BOOL)isDoublePressKeyCommandRegisteredForInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
 {
   RCTAssertMainQueue();
 
@@ -308,26 +296,30 @@ + (instancetype)sharedInstance
 
 - (void)registerKeyCommandWithInput:(NSString *)input
                       modifierFlags:(UIKeyModifierFlags)flags
-                             action:(void (^)(UIKeyCommand *))block {}
+                             action:(void (^)(UIKeyCommand *))block
+{
+}
 
-- (void)unregisterKeyCommandWithInput:(NSString *)input
-                        modifierFlags:(UIKeyModifierFlags)flags {}
+- (void)unregisterKeyCommandWithInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
+{
+}
 
-- (BOOL)isKeyCommandRegisteredForInput:(NSString *)input
-                         modifierFlags:(UIKeyModifierFlags)flags
+- (BOOL)isKeyCommandRegisteredForInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
 {
   return NO;
 }
 
 - (void)registerDoublePressKeyCommandWithInput:(NSString *)input
-                      modifierFlags:(UIKeyModifierFlags)flags
-                             action:(void (^)(UIKeyCommand *))block {}
+                                 modifierFlags:(UIKeyModifierFlags)flags
+                                        action:(void (^)(UIKeyCommand *))block
+{
+}
 
-- (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input
-                        modifierFlags:(UIKeyModifierFlags)flags {}
+- (void)unregisterDoublePressKeyCommandWithInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
+{
+}
 
-- (BOOL)isDoublePressKeyCommandRegisteredForInput:(NSString *)input
-                         modifierFlags:(UIKeyModifierFlags)flags
+- (BOOL)isDoublePressKeyCommandRegisteredForInput:(NSString *)input modifierFlags:(UIKeyModifierFlags)flags
 {
   return NO;
 }
diff --git a/React/Base/RCTLog.h b/React/Base/RCTLog.h
index be091309d1d106..0d79797f055835 100644
--- a/React/Base/RCTLog.h
+++ b/React/Base/RCTLog.h
@@ -48,10 +48,7 @@ typedef NS_ENUM(NSInteger, RCTLogLevel) {
 /**
  * An enum representing the source of a log message.
  */
-typedef NS_ENUM(NSInteger, RCTLogSource) {
-  RCTLogSourceNative = 1,
-  RCTLogSourceJavaScript = 2
-};
+typedef NS_ENUM(NSInteger, RCTLogSource) { RCTLogSourceNative = 1, RCTLogSourceJavaScript = 2 };
 
 /**
  * A block signature to be used for custom logging functions. In most cases you
@@ -59,24 +56,18 @@ typedef NS_ENUM(NSInteger, RCTLogSource) {
  * generate a string.
  */
 typedef void (^RCTLogFunction)(
-  RCTLogLevel level,
-  RCTLogSource source,
-  NSString *fileName,
-  NSNumber *lineNumber,
-  NSString *message
-);
+    RCTLogLevel level,
+    RCTLogSource source,
+    NSString *fileName,
+    NSNumber *lineNumber,
+    NSString *message);
 
 /**
  * A method to generate a string from a collection of log data. To omit any
  * particular data from the log, just pass nil or zero for the argument.
  */
-RCT_EXTERN NSString *RCTFormatLog(
-  NSDate *timestamp,
-  RCTLogLevel level,
-  NSString *fileName,
-  NSNumber *lineNumber,
-  NSString *message
-);
+RCT_EXTERN NSString *
+RCTFormatLog(NSDate *timestamp, RCTLogLevel level, NSString *fileName, NSNumber *lineNumber, NSString *message);
 
 /**
  * A method to generate a string RCTLogLevel
@@ -136,8 +127,10 @@ RCT_EXTERN void RCTPerformBlockWithLogPrefix(void (^block)(void), NSString *pref
 #if RCTLOG_ENABLED
 #define _RCTLog(lvl, ...) _RCTLogNativeInternal(lvl, __FILE__, __LINE__, __VA_ARGS__)
 #else
-#define _RCTLog(lvl, ...) do { } while (0)
+#define _RCTLog(lvl, ...) \
+  do {                    \
+  } while (0)
 #endif
 
-RCT_EXTERN void _RCTLogNativeInternal(RCTLogLevel, const char *, int, NSString *, ...) NS_FORMAT_FUNCTION(4,5);
+RCT_EXTERN void _RCTLogNativeInternal(RCTLogLevel, const char *, int, NSString *, ...) NS_FORMAT_FUNCTION(4, 5);
 RCT_EXTERN void _RCTLogJavaScriptInternal(RCTLogLevel, NSString *);
diff --git a/React/Base/RCTLog.mm b/React/Base/RCTLog.mm
index 0fbff876cd8397..dfee013c7a673a 100644
--- a/React/Base/RCTLog.mm
+++ b/React/Base/RCTLog.mm
@@ -10,29 +10,27 @@
 #include <cxxabi.h>
 
 #import <objc/message.h>
+#import <os/log.h>
 
-#import "RCTRedBoxSetEnabled.h"
 #import "RCTAssert.h"
 #import "RCTBridge+Private.h"
 #import "RCTBridge.h"
 #import "RCTDefines.h"
+#import "RCTRedBoxSetEnabled.h"
 #import "RCTUtils.h"
 
 static NSString *const RCTLogFunctionStack = @"RCTLogFunctionStack";
 
 const char *RCTLogLevels[] = {
-  "trace",
-  "info",
-  "warn",
-  "error",
-  "fatal",
+    "trace",
+    "info",
+    "warn",
+    "error",
+    "fatal",
 };
 
-#if RCT_DEBUG
+/* os log will discard debug and info messages if they are not needed */
 static const RCTLogLevel RCTDefaultLogThreshold = (RCTLogLevel)(RCTLogLevelInfo - 1);
-#else
-static const RCTLogLevel RCTDefaultLogThreshold = RCTLogLevelError;
-#endif
 
 static RCTLogFunction RCTCurrentLogFunction;
 static RCTLogLevel RCTCurrentLogThreshold = RCTDefaultLogThreshold;
@@ -42,22 +40,52 @@ RCTLogLevel RCTGetLogThreshold()
   return RCTCurrentLogThreshold;
 }
 
-void RCTSetLogThreshold(RCTLogLevel threshold) {
+void RCTSetLogThreshold(RCTLogLevel threshold)
+{
   RCTCurrentLogThreshold = threshold;
 }
 
-RCTLogFunction RCTDefaultLogFunction = ^(
-  RCTLogLevel level,
-  __unused RCTLogSource source,
-  NSString *fileName,
-  NSNumber *lineNumber,
-  NSString *message
-)
+static os_log_type_t RCTLogTypeForLogLevel(RCTLogLevel logLevel)
 {
-  NSString *log = RCTFormatLog([NSDate date], level, fileName, lineNumber, message);
-  fprintf(stderr, "%s\n", log.UTF8String);
-  fflush(stderr);
-};
+  if (logLevel < RCTLogLevelInfo) {
+    return OS_LOG_TYPE_DEBUG;
+  } else if (logLevel <= RCTLogLevelWarning) {
+    return OS_LOG_TYPE_INFO;
+  } else {
+    return OS_LOG_TYPE_ERROR;
+  }
+}
+
+static os_log_t RCTLogForLogSource(RCTLogSource source)
+{
+  switch (source) {
+    case RCTLogSourceNative: {
+      static os_log_t nativeLog;
+      static dispatch_once_t onceToken;
+      dispatch_once(&onceToken, ^{
+        nativeLog = os_log_create("com.facebook.react.log", "native");
+      });
+      return nativeLog;
+    }
+    case RCTLogSourceJavaScript: {
+      static os_log_t javaScriptLog;
+      static dispatch_once_t onceToken;
+      dispatch_once(&onceToken, ^{
+        javaScriptLog = os_log_create("com.facebook.react.log", "javascript");
+      });
+      return javaScriptLog;
+    }
+  }
+}
+
+RCTLogFunction RCTDefaultLogFunction =
+    ^(RCTLogLevel level,
+      RCTLogSource source,
+      __unused NSString *fileName,
+      __unused NSNumber *lineNumber,
+      NSString *message) {
+      os_log_with_type(RCTLogForLogSource(source), RCTLogTypeForLogLevel(level), "%{public}s", message.UTF8String);
+    };
 
 void RCTSetLogFunction(RCTLogFunction logFunction)
 {
@@ -76,10 +104,11 @@ void RCTAddLogFunction(RCTLogFunction logFunction)
 {
   RCTLogFunction existing = RCTGetLogFunction();
   if (existing) {
-    RCTSetLogFunction(^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
-      existing(level, source, fileName, lineNumber, message);
-      logFunction(level, source, fileName, lineNumber, message);
-    });
+    RCTSetLogFunction(
+        ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+          existing(level, source, fileName, lineNumber, message);
+          logFunction(level, source, fileName, lineNumber, message);
+        });
   } else {
     RCTSetLogFunction(logFunction);
   }
@@ -117,21 +146,15 @@ void RCTPerformBlockWithLogPrefix(void (^block)(void), NSString *prefix)
 {
   RCTLogFunction logFunction = RCTGetLocalLogFunction();
   if (logFunction) {
-    RCTPerformBlockWithLogFunction(block, ^(RCTLogLevel level, RCTLogSource source,
-                                            NSString *fileName, NSNumber *lineNumber,
-                                            NSString *message) {
-      logFunction(level, source, fileName, lineNumber, [prefix stringByAppendingString:message]);
-    });
+    RCTPerformBlockWithLogFunction(
+        block, ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) {
+          logFunction(level, source, fileName, lineNumber, [prefix stringByAppendingString:message]);
+        });
   }
 }
 
-NSString *RCTFormatLog(
-  NSDate *timestamp,
-  RCTLogLevel level,
-  NSString *fileName,
-  NSNumber *lineNumber,
-  NSString *message
-)
+NSString *
+RCTFormatLog(NSDate *timestamp, RCTLogLevel level, NSString *fileName, NSNumber *lineNumber, NSString *message)
 {
   NSMutableString *log = [NSMutableString new];
   if (timestamp) {
@@ -166,21 +189,22 @@ void RCTPerformBlockWithLogPrefix(void (^block)(void), NSString *prefix)
 
 NSString *RCTFormatLogLevel(RCTLogLevel level)
 {
-    NSDictionary *levelsToString = @{@(RCTLogLevelTrace) : @"trace",
-                                    @(RCTLogLevelInfo)    : @"info",
-                                    @(RCTLogLevelWarning) : @"warning",
-                                    @(RCTLogLevelFatal)   : @"fatal",
-                                    @(RCTLogLevelError)   : @"error"};
-
-    return levelsToString[@(level)];
+  NSDictionary *levelsToString = @{
+    @(RCTLogLevelTrace) : @"trace",
+    @(RCTLogLevelInfo) : @"info",
+    @(RCTLogLevelWarning) : @"warning",
+    @(RCTLogLevelFatal) : @"fatal",
+    @(RCTLogLevelError) : @"error"
+  };
+
+  return levelsToString[@(level)];
 }
 
 NSString *RCTFormatLogSource(RCTLogSource source)
 {
-    NSDictionary *sourcesToString = @{@(RCTLogSourceNative) : @"native",
-                                     @(RCTLogSourceJavaScript)    : @"js"};
+  NSDictionary *sourcesToString = @{@(RCTLogSourceNative) : @"native", @(RCTLogSourceJavaScript) : @"js"};
 
-    return sourcesToString[@(source)];
+  return sourcesToString[@(source)];
 }
 
 static NSRegularExpression *nativeStackFrameRegex()
@@ -189,7 +213,9 @@ void RCTPerformBlockWithLogPrefix(void (^block)(void), NSString *prefix)
   static NSRegularExpression *_regex;
   dispatch_once(&onceToken, ^{
     NSError *regexError;
-    _regex = [NSRegularExpression regularExpressionWithPattern:@"0x[0-9a-f]+ (.*) \\+ (\\d+)$" options:0 error:&regexError];
+    _regex = [NSRegularExpression regularExpressionWithPattern:@"0x[0-9a-f]+ (.*) \\+ (\\d+)$"
+                                                       options:0
+                                                         error:&regexError];
     if (regexError) {
       RCTLogError(@"Failed to build regex: %@", [regexError localizedDescription]);
     }
@@ -210,14 +236,14 @@ void _RCTLogNativeInternal(RCTLogLevel level, const char *fileName, int lineNumb
 
     // Call log function
     if (logFunction) {
-      logFunction(level, RCTLogSourceNative, fileName ? @(fileName) : nil, lineNumber > 0 ? @(lineNumber) : nil, message);
+      logFunction(
+          level, RCTLogSourceNative, fileName ? @(fileName) : nil, lineNumber > 0 ? @(lineNumber) : nil, message);
     }
 
     // Log to red box if one is configured.
     if (RCTSharedApplication() && RCTRedBoxGetEnabled() && level >= RCTLOG_REDBOX_LEVEL) {
       NSArray<NSString *> *stackSymbols = [NSThread callStackSymbols];
-      NSMutableArray<NSDictionary *> *stack =
-        [NSMutableArray arrayWithCapacity:(stackSymbols.count - 1)];
+      NSMutableArray<NSDictionary *> *stack = [NSMutableArray arrayWithCapacity:(stackSymbols.count - 1)];
       [stackSymbols enumerateObjectsUsingBlock:^(NSString *frameSymbols, NSUInteger idx, __unused BOOL *stop) {
         if (idx == 0) {
           // don't include the current frame
@@ -239,9 +265,9 @@ void _RCTLogNativeInternal(RCTLogLevel level, const char *fileName, int lineNumb
 
         if (idx == 1 && fileName) {
           NSString *file = [@(fileName) componentsSeparatedByString:@"/"].lastObject;
-          [stack addObject:@{@"methodName": methodName, @"file": file, @"lineNumber": @(lineNumber)}];
+          [stack addObject:@{@"methodName" : methodName, @"file" : file, @"lineNumber" : @(lineNumber)}];
         } else {
-          [stack addObject:@{@"methodName": methodName}];
+          [stack addObject:@{@"methodName" : methodName}];
         }
       }];
 
@@ -250,7 +276,8 @@ void _RCTLogNativeInternal(RCTLogLevel level, const char *fileName, int lineNumb
         // race condition that causes the module to be accessed before it has loaded
         id redbox = [[RCTBridge currentBridge] moduleForName:@"RedBox" lazilyLoadIfNecessary:YES];
         if (redbox) {
-          void (*showErrorMessage)(id, SEL, NSString *, NSMutableArray<NSDictionary *> *) = (__typeof__(showErrorMessage))objc_msgSend;
+          void (*showErrorMessage)(id, SEL, NSString *, NSMutableArray<NSDictionary *> *) =
+              (__typeof__(showErrorMessage))objc_msgSend;
           SEL showErrorMessageSEL = NSSelectorFromString(@"showErrorMessage:withStack:");
 
           if ([redbox respondsToSelector:showErrorMessageSEL]) {
@@ -266,7 +293,6 @@ void _RCTLogNativeInternal(RCTLogLevel level, const char *fileName, int lineNumb
       [[RCTBridge currentBridge] logMessage:message level:level ? @(RCTLogLevels[level]) : @"info"];
     }
 #endif
-
   }
 }
 
diff --git a/React/Base/RCTManagedPointer.h b/React/Base/RCTManagedPointer.h
index 469f187fd8d10a..4ed6616f44230b 100644
--- a/React/Base/RCTManagedPointer.h
+++ b/React/Base/RCTManagedPointer.h
@@ -16,7 +16,7 @@
  * to native method.
  */
 
-@interface RCTManagedPointer: NSObject
+@interface RCTManagedPointer : NSObject
 
 @property (nonatomic, readonly) void *voidPointer;
 
@@ -34,6 +34,7 @@ RCTManagedPointer *managedPointer(P initializer)
   return [[RCTManagedPointer alloc] initWithPointer:std::move(ptr)];
 }
 
-} }
+}
+}
 
 #endif
diff --git a/React/Base/RCTManagedPointer.mm b/React/Base/RCTManagedPointer.mm
index 96c7f266164a91..a79dde4451735f 100644
--- a/React/Base/RCTManagedPointer.mm
+++ b/React/Base/RCTManagedPointer.mm
@@ -11,14 +11,16 @@ @implementation RCTManagedPointer {
   std::shared_ptr<void> _pointer;
 }
 
-- (instancetype)initWithPointer:(std::shared_ptr<void>)pointer {
+- (instancetype)initWithPointer:(std::shared_ptr<void>)pointer
+{
   if (self = [super init]) {
     _pointer = std::move(pointer);
   }
   return self;
 }
 
-- (void *)voidPointer {
+- (void *)voidPointer
+{
   return _pointer.get();
 }
 
diff --git a/React/Base/RCTModuleData.h b/React/Base/RCTModuleData.h
index f21ccad1958148..398c0a2b9f8d44 100644
--- a/React/Base/RCTModuleData.h
+++ b/React/Base/RCTModuleData.h
@@ -13,12 +13,11 @@
 @protocol RCTBridgeModule;
 @class RCTBridge;
 
-typedef id<RCTBridgeModule>(^RCTBridgeModuleProvider)(void);
+typedef id<RCTBridgeModule> (^RCTBridgeModuleProvider)(void);
 
 @interface RCTModuleData : NSObject <RCTInvalidating>
 
-- (instancetype)initWithModuleClass:(Class)moduleClass
-                             bridge:(RCTBridge *)bridge;
+- (instancetype)initWithModuleClass:(Class)moduleClass bridge:(RCTBridge *)bridge;
 
 - (instancetype)initWithModuleClass:(Class)moduleClass
                      moduleProvider:(RCTBridgeModuleProvider)moduleProvider
diff --git a/React/Base/RCTModuleData.mm b/React/Base/RCTModuleData.mm
index 0ab4dab4c36b89..b4e48ae5e121bd 100644
--- a/React/Base/RCTModuleData.mm
+++ b/React/Base/RCTModuleData.mm
@@ -17,8 +17,7 @@
 #import "RCTProfile.h"
 #import "RCTUtils.h"
 
-@implementation RCTModuleData
-{
+@implementation RCTModuleData {
   NSDictionary<NSString *, id> *_constantsToExport;
   NSString *_queueName;
   __weak RCTBridge *_bridge;
@@ -53,7 +52,8 @@ - (void)setUp
 
     // If a module overrides `init` then we must assume that it expects to be
     // initialized on the main thread, because it may need to access UIKit.
-    const BOOL hasCustomInit = !_instance && [_moduleClass instanceMethodForSelector:@selector(init)] != objectInitMethod;
+    const BOOL hasCustomInit =
+        !_instance && [_moduleClass instanceMethodForSelector:@selector(init)] != objectInitMethod;
 
     _requiresMainQueueSetup = _hasConstantsToExport || hasCustomInit;
     if (_requiresMainQueueSetup) {
@@ -63,18 +63,22 @@ - (void)setUp
       } else if (hasCustomInit) {
         methodName = "init";
       }
-      RCTLogWarn(@"Module %@ requires main queue setup since it overrides `%s` but doesn't implement "
-        "`requiresMainQueueSetup`. In a future release React Native will default to initializing all native modules "
-        "on a background thread unless explicitly opted-out of.", _moduleClass, methodName);
+      RCTLogWarn(
+          @"Module %@ requires main queue setup since it overrides `%s` but doesn't implement "
+           "`requiresMainQueueSetup`. In a future release React Native will default to initializing all native modules "
+           "on a background thread unless explicitly opted-out of.",
+          _moduleClass,
+          methodName);
     }
   }
 }
 
-- (instancetype)initWithModuleClass:(Class)moduleClass
-                             bridge:(RCTBridge *)bridge
+- (instancetype)initWithModuleClass:(Class)moduleClass bridge:(RCTBridge *)bridge
 {
   return [self initWithModuleClass:moduleClass
-                    moduleProvider:^id<RCTBridgeModule>{ return [moduleClass new]; }
+                    moduleProvider:^id<RCTBridgeModule> {
+                      return [moduleClass new];
+                    }
                             bridge:bridge];
 }
 
@@ -91,8 +95,7 @@ - (instancetype)initWithModuleClass:(Class)moduleClass
   return self;
 }
 
-- (instancetype)initWithModuleInstance:(id<RCTBridgeModule>)instance
-                                bridge:(RCTBridge *)bridge
+- (instancetype)initWithModuleInstance:(id<RCTBridgeModule>)instance bridge:(RCTBridge *)bridge
 {
   if (self = [super init]) {
     _bridge = bridge;
@@ -103,15 +106,16 @@ - (instancetype)initWithModuleInstance:(id<RCTBridgeModule>)instance
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init);
+RCT_NOT_IMPLEMENTED(-(instancetype)init);
 
 #pragma mark - private setup methods
 
 - (void)setUpInstanceAndBridge
 {
-  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"[RCTModuleData setUpInstanceAndBridge]", @{
-    @"moduleClass": NSStringFromClass(_moduleClass)
-  });
+  RCT_PROFILE_BEGIN_EVENT(
+      RCTProfileTagAlways,
+      @"[RCTModuleData setUpInstanceAndBridge]",
+      @{@"moduleClass" : NSStringFromClass(_moduleClass)});
   {
     std::unique_lock<std::mutex> lock(_instanceLock);
 
@@ -128,9 +132,11 @@ - (void)setUpInstanceAndBridge
           // 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;
-          RCTLogWarn(@"The module %@ is returning nil from its constructor. You "
-                     "may need to instantiate it yourself and pass it into the "
-                     "bridge.", _moduleClass);
+          RCTLogWarn(
+              @"The module %@ is returning nil from its constructor. You "
+               "may need to instantiate it yourself and pass it into the "
+               "bridge.",
+              _moduleClass);
         }
       }
 
@@ -173,11 +179,12 @@ - (void)setBridgeForInstance
     RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"[RCTModuleData setBridgeForInstance]", nil);
     @try {
       [(id)_instance setValue:_bridge forKey:@"bridge"];
-    }
-    @catch (NSException *exception) {
-      RCTLogError(@"%@ has no setter or ivar for its bridge, which is not "
-                  "permitted. You must either @synthesize the bridge property, "
-                  "or provide your own setter method.", self.name);
+    } @catch (NSException *exception) {
+      RCTLogError(
+          @"%@ has no setter or ivar for its bridge, which is not "
+           "permitted. You must either @synthesize the bridge property, "
+           "or provide your own setter method.",
+          self.name);
     }
     RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
   }
@@ -189,9 +196,10 @@ - (void)finishSetupForInstance
     RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"[RCTModuleData finishSetupForInstance]", nil);
     _setupComplete = YES;
     [_bridge registerModuleForFrameUpdates:_instance withModuleData:self];
-    [[NSNotificationCenter defaultCenter] postNotificationName:RCTDidInitializeModuleNotification
-                                                        object:_bridge
-                                                      userInfo:@{@"module": _instance, @"bridge": RCTNullIfNil(_bridge.parentBridge)}];
+    [[NSNotificationCenter defaultCenter]
+        postNotificationName:RCTDidInitializeModuleNotification
+                      object:_bridge
+                    userInfo:@{@"module" : _instance, @"bridge" : RCTNullIfNil(_bridge.parentBridge)}];
     RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
   }
 }
@@ -213,12 +221,13 @@ - (void)setUpMethodQueue
       if (implementsMethodQueue) {
         @try {
           [(id)_instance setValue:_methodQueue forKey:@"methodQueue"];
-        }
-        @catch (NSException *exception) {
-          RCTLogError(@"%@ 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.", self.name);
+        } @catch (NSException *exception) {
+          RCTLogError(
+              @"%@ 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.",
+              self.name);
         }
       }
     }
@@ -226,45 +235,45 @@ - (void)setUpMethodQueue
   }
 }
 
-- (void) calculateMethods
+- (void)calculateMethods
 {
-    if (_methods && _methodsByName) {
-      return;
-    }
-
-    NSMutableArray<id<RCTBridgeMethod>> *moduleMethods = [NSMutableArray new];
-    NSMutableDictionary<NSString *, id<RCTBridgeMethod>> *moduleMethodsByName = [NSMutableDictionary new];
+  if (_methods && _methodsByName) {
+    return;
+  }
 
-    if ([_moduleClass instancesRespondToSelector:@selector(methodsToExport)]) {
-        [moduleMethods addObjectsFromArray:[self.instance methodsToExport]];
-    }
+  NSMutableArray<id<RCTBridgeMethod>> *moduleMethods = [NSMutableArray new];
+  NSMutableDictionary<NSString *, id<RCTBridgeMethod>> *moduleMethodsByName = [NSMutableDictionary new];
 
-    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];
-            }
-        }
+  if ([_moduleClass instancesRespondToSelector:@selector(methodsToExport)]) {
+    [moduleMethods addObjectsFromArray:[self.instance methodsToExport]];
+  }
 
-        free(methods);
-        cls = class_getSuperclass(cls);
+  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];
+      }
     }
 
-    _methods = [moduleMethods copy];
-    _methodsByName = [moduleMethodsByName copy];
+    free(methods);
+    cls = class_getSuperclass(cls);
+  }
+
+  _methods = [moduleMethods copy];
+  _methodsByName = [moduleMethodsByName copy];
 }
 
 #pragma mark - public getters
@@ -278,7 +287,8 @@ - (BOOL)hasInstance
 - (id<RCTBridgeModule>)instance
 {
   if (!_setupComplete) {
-    RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, ([NSString stringWithFormat:@"[RCTModuleData instanceForClass:%@]", _moduleClass]), nil);
+    RCT_PROFILE_BEGIN_EVENT(
+        RCTProfileTagAlways, ([NSString stringWithFormat:@"[RCTModuleData instanceForClass:%@]", _moduleClass]), nil);
     if (_requiresMainQueueSetup) {
       // The chances of deadlock here are low, because module init very rarely
       // calls out to other threads, however we can't control when a module might
@@ -309,20 +319,21 @@ - (NSString *)name
 
 - (NSArray<id<RCTBridgeMethod>> *)methods
 {
-    [self calculateMethods];
-    return _methods;
+  [self calculateMethods];
+  return _methods;
 }
 
 - (NSDictionary<NSString *, id<RCTBridgeMethod>> *)methodsByName
 {
-    [self calculateMethods];
-    return _methodsByName;
+  [self calculateMethods];
+  return _methodsByName;
 }
 
 - (void)gatherConstants
 {
   if (_hasConstantsToExport && !_constantsToExport) {
-    RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, ([NSString stringWithFormat:@"[RCTModuleData gatherConstants] %@", _moduleClass]), nil);
+    RCT_PROFILE_BEGIN_EVENT(
+        RCTProfileTagAlways, ([NSString stringWithFormat:@"[RCTModuleData gatherConstants] %@", _moduleClass]), nil);
     (void)[self instance];
     if (_requiresMainQueueSetup) {
       if (!RCTIsMainQueue()) {
@@ -351,8 +362,7 @@ - (dispatch_queue_t)methodQueue
 {
   if (_bridge.valid) {
     id instance = self.instance;
-    RCTAssert(_methodQueue != nullptr, @"Module %@ has no methodQueue (instance: %@)",
-              self, instance);
+    RCTAssert(_methodQueue != nullptr, @"Module %@ has no methodQueue (instance: %@)", self, instance);
   }
   return _methodQueue;
 }
diff --git a/React/Base/RCTModuleMethod.mm b/React/Base/RCTModuleMethod.mm
index ef463df2a1569f..ff89838a75e5de 100644
--- a/React/Base/RCTModuleMethod.mm
+++ b/React/Base/RCTModuleMethod.mm
@@ -33,9 +33,7 @@ static SEL selectorForType(NSString *type)
 
 @implementation RCTMethodArgument
 
-- (instancetype)initWithType:(NSString *)type
-                 nullability:(RCTNullability)nullability
-                      unused:(BOOL)unused
+- (instancetype)initWithType:(NSString *)type nullability:(RCTNullability)nullability unused:(BOOL)unused
 {
   if (self = [super init]) {
     _type = [type copy];
@@ -47,8 +45,7 @@ - (instancetype)initWithType:(NSString *)type
 
 @end
 
-@implementation RCTModuleMethod
-{
+@implementation RCTModuleMethod {
   Class _moduleClass;
   const RCTMethodInfo *_methodInfo;
   NSString *_JSMethodName;
@@ -59,15 +56,18 @@ @implementation RCTModuleMethod
   NSMutableArray *_retainedObjects;
 }
 
-static void RCTLogArgumentError(RCTModuleMethod *method, NSUInteger index,
-                                id valueOrType, const char *issue)
+static void RCTLogArgumentError(RCTModuleMethod *method, NSUInteger index, id valueOrType, const char *issue)
 {
-  RCTLogError(@"Argument %tu (%@) of %@.%s %s", index, valueOrType,
-              RCTBridgeModuleNameForClass(method->_moduleClass),
-              method.JSMethodName, issue);
+  RCTLogError(
+      @"Argument %tu (%@) of %@.%s %s",
+      index,
+      valueOrType,
+      RCTBridgeModuleNameForClass(method->_moduleClass),
+      method.JSMethodName,
+      issue);
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 RCT_EXTERN_C_BEGIN
 
@@ -90,9 +90,8 @@ static BOOL RCTParseSelectorPart(const char **input, NSMutableString *selector)
 
 static BOOL RCTParseUnused(const char **input)
 {
-  return RCTReadString(input, "__attribute__((unused))") ||
-         RCTReadString(input, "__attribute__((__unused__))") ||
-         RCTReadString(input, "__unused");
+  return RCTReadString(input, "__attribute__((unused))") || RCTReadString(input, "__attribute__((__unused__))") ||
+      RCTReadString(input, "__unused");
 }
 
 static RCTNullability RCTParseNullability(const char **input)
@@ -107,11 +106,9 @@ static RCTNullability RCTParseNullability(const char **input)
 
 static RCTNullability RCTParseNullabilityPostfix(const char **input)
 {
-  if (RCTReadString(input, "_Nullable") ||
-      RCTReadString(input, "__nullable")) {
+  if (RCTReadString(input, "_Nullable") || RCTReadString(input, "__nullable")) {
     return RCTNullable;
-  } else if (RCTReadString(input, "_Nonnull") ||
-             RCTReadString(input, "__nonnull")) {
+  } else if (RCTReadString(input, "_Nonnull") || RCTReadString(input, "__nonnull")) {
     return RCTNonnullable;
   }
   return RCTNullabilityUnspecified;
@@ -119,13 +116,15 @@ static RCTNullability RCTParseNullabilityPostfix(const char **input)
 
 // returns YES if execution is safe to proceed (enqueue callback invocation), NO if callback has already been invoked
 #if RCT_DEBUG
-static BOOL checkCallbackMultipleInvocations(BOOL *didInvoke) {
+static BOOL checkCallbackMultipleInvocations(BOOL *didInvoke)
+{
   if (*didInvoke) {
-      RCTFatal(RCTErrorWithMessage(@"Illegal callback invocation from native module. This callback type only permits a single invocation from native code."));
-      return NO;
+    RCTFatal(RCTErrorWithMessage(
+        @"Illegal callback invocation from native module. This callback type only permits a single invocation from native code."));
+    return NO;
   } else {
-      *didInvoke = YES;
-      return YES;
+    *didInvoke = YES;
+    return YES;
   }
 }
 #endif
@@ -144,20 +143,20 @@ static BOOL checkCallbackMultipleInvocations(BOOL *didInvoke) {
     // Parse type
     if (RCTReadChar(&input, '(')) {
       RCTSkipWhitespace(&input);
-      
+
       // 5 cases that both nullable and __unused exist
       // 1: foo:(nullable __unused id)foo 2: foo:(nullable id __unused)foo
       // 3: foo:(__unused id _Nullable)foo 4: foo:(id __unused _Nullable)foo
       // 5: foo:(id _Nullable __unused)foo
       RCTNullability nullability = RCTParseNullability(&input);
       RCTSkipWhitespace(&input);
-      
+
       BOOL unused = RCTParseUnused(&input);
       RCTSkipWhitespace(&input);
 
       NSString *type = RCTParseType(&input);
       RCTSkipWhitespace(&input);
-      
+
       if (nullability == RCTNullabilityUnspecified) {
         nullability = RCTParseNullabilityPostfix(&input);
         RCTSkipWhitespace(&input);
@@ -173,17 +172,13 @@ static BOOL checkCallbackMultipleInvocations(BOOL *didInvoke) {
         unused = RCTParseUnused(&input);
         RCTSkipWhitespace(&input);
       }
-      [args addObject:[[RCTMethodArgument alloc] initWithType:type
-                                                  nullability:nullability
-                                                       unused:unused]];
+      [args addObject:[[RCTMethodArgument alloc] initWithType:type nullability:nullability unused:unused]];
       RCTSkipWhitespace(&input);
       RCTReadChar(&input, ')');
       RCTSkipWhitespace(&input);
     } else {
       // Type defaults to id if unspecified
-      [args addObject:[[RCTMethodArgument alloc] initWithType:@"id"
-                                                  nullability:RCTNullable
-                                                       unused:NO]];
+      [args addObject:[[RCTMethodArgument alloc] initWithType:@"id" nullability:RCTNullable unused:NO]];
     }
 
     // Argument name
@@ -197,8 +192,7 @@ static BOOL checkCallbackMultipleInvocations(BOOL *didInvoke) {
 
 RCT_EXTERN_C_END
 
-- (instancetype)initWithExportedMethod:(const RCTMethodInfo *)exportedMethod
-                           moduleClass:(Class)moduleClass
+- (instancetype)initWithExportedMethod:(const RCTMethodInfo *)exportedMethod moduleClass:(Class)moduleClass
 {
   if (self = [super init]) {
     _moduleClass = moduleClass;
@@ -224,33 +218,32 @@ - (void)processMethodSignature
 
   // Process arguments
   NSUInteger numberOfArguments = methodSignature.numberOfArguments;
-  NSMutableArray<RCTArgumentBlock> *argumentBlocks =
-    [[NSMutableArray alloc] initWithCapacity:numberOfArguments - 2];
+  NSMutableArray<RCTArgumentBlock> *argumentBlocks = [[NSMutableArray alloc] initWithCapacity:numberOfArguments - 2];
 
 #if RCT_DEBUG
   __weak RCTModuleMethod *weakSelf = self;
 #endif
 
-#define RCT_RETAINED_ARG_BLOCK(_logic) \
-[argumentBlocks addObject:^(__unused __weak RCTBridge *bridge, NSUInteger index, id json) { \
-  _logic                                                                             \
-  [invocation setArgument:&value atIndex:(index) + 2];                               \
-  if (value) {                                                                       \
-    [retainedObjects addObject:value];                                               \
-  }                                                                                  \
-  return YES;                                                                        \
-}]
-
-#define __PRIMITIVE_CASE(_type, _nullable) {                                           \
-  isNullableType = _nullable;                                                          \
-  _type (*convert)(id, SEL, id) = (__typeof__(convert))objc_msgSend;                   \
-  [argumentBlocks addObject:^(__unused RCTBridge *bridge, NSUInteger index, id json) { \
-    _type value = convert([RCTConvert class], selector, json);                         \
-    [invocation setArgument:&value atIndex:(index) + 2];                               \
-    return YES;                                                                        \
-  }];                                                                                  \
-  break;                                                                               \
-}
+#define RCT_RETAINED_ARG_BLOCK(_logic)                                                         \
+  [argumentBlocks addObject:^(__unused __weak RCTBridge * bridge, NSUInteger index, id json) { \
+    _logic [invocation setArgument:&value atIndex:(index) + 2];                                \
+    if (value) {                                                                               \
+      [retainedObjects addObject:value];                                                       \
+    }                                                                                          \
+    return YES;                                                                                \
+  }]
+
+#define __PRIMITIVE_CASE(_type, _nullable)                                                \
+  {                                                                                       \
+    isNullableType = _nullable;                                                           \
+    _type (*convert)(id, SEL, id) = (__typeof__(convert))objc_msgSend;                    \
+    [argumentBlocks addObject:^(__unused RCTBridge * bridge, NSUInteger index, id json) { \
+      _type value = convert([RCTConvert class], selector, json);                          \
+      [invocation setArgument:&value atIndex:(index) + 2];                                \
+      return YES;                                                                         \
+    }];                                                                                   \
+    break;                                                                                \
+  }
 
 #define PRIMITIVE_CASE(_type) __PRIMITIVE_CASE(_type, NO)
 #define NULLABLE_PRIMITIVE_CASE(_type) __PRIMITIVE_CASE(_type, YES)
@@ -260,22 +253,22 @@ - (void)processMethodSignature
   id value = [block copy];             \
   if (value) {                         \
     [retainedObjects addObject:value]; \
-  }                                    \
+  }
 
 #if RCT_DEBUG
-#define BLOCK_CASE(_block_args, _block) RCT_RETAINED_ARG_BLOCK(         \
-  if (json && ![json isKindOfClass:[NSNumber class]]) {                 \
-    RCTLogArgumentError(weakSelf, index, json, "should be a function"); \
-    return NO;                                                          \
-  }                                                                     \
-  __block BOOL didInvoke = NO;                                          \
-  __COPY_BLOCK(^_block_args {                                           \
-    if (checkCallbackMultipleInvocations(&didInvoke)) _block            \
-  });                                                                   \
-)
+#define BLOCK_CASE(_block_args, _block)                                        \
+  RCT_RETAINED_ARG_BLOCK(if (json && ![json isKindOfClass:[NSNumber class]]) { \
+    RCTLogArgumentError(weakSelf, index, json, "should be a function");        \
+    return NO;                                                                 \
+  } __block BOOL didInvoke = NO;                                               \
+                         __COPY_BLOCK(^_block_args {                           \
+                           if (checkCallbackMultipleInvocations(&didInvoke))   \
+                             _block                                            \
+                         });)
 #else
-#define BLOCK_CASE(_block_args, _block) \
-  RCT_RETAINED_ARG_BLOCK( __COPY_BLOCK(^_block_args { _block }); )
+#define BLOCK_CASE(_block_args, _block)             \
+  RCT_RETAINED_ARG_BLOCK(__COPY_BLOCK(^_block_args{ \
+      _block});)
 #endif
 
   for (NSUInteger i = 2; i < numberOfArguments; i++) {
@@ -287,29 +280,43 @@ - (void)processMethodSignature
     if ([RCTConvert respondsToSelector:selector]) {
       switch (objcType[0]) {
         // Primitives
-        case _C_CHR: PRIMITIVE_CASE(char)
-        case _C_UCHR: PRIMITIVE_CASE(unsigned char)
-        case _C_SHT: PRIMITIVE_CASE(short)
-        case _C_USHT: PRIMITIVE_CASE(unsigned short)
-        case _C_INT: PRIMITIVE_CASE(int)
-        case _C_UINT: PRIMITIVE_CASE(unsigned int)
-        case _C_LNG: PRIMITIVE_CASE(long)
-        case _C_ULNG: PRIMITIVE_CASE(unsigned long)
-        case _C_LNG_LNG: PRIMITIVE_CASE(long long)
-        case _C_ULNG_LNG: PRIMITIVE_CASE(unsigned long long)
-        case _C_FLT: PRIMITIVE_CASE(float)
-        case _C_DBL: PRIMITIVE_CASE(double)
-        case _C_BOOL: PRIMITIVE_CASE(BOOL)
-        case _C_SEL: NULLABLE_PRIMITIVE_CASE(SEL)
-        case _C_CHARPTR: NULLABLE_PRIMITIVE_CASE(const char *)
-        case _C_PTR: NULLABLE_PRIMITIVE_CASE(void *)
+        case _C_CHR:
+          PRIMITIVE_CASE(char)
+        case _C_UCHR:
+          PRIMITIVE_CASE(unsigned char)
+        case _C_SHT:
+          PRIMITIVE_CASE(short)
+        case _C_USHT:
+          PRIMITIVE_CASE(unsigned short)
+        case _C_INT:
+          PRIMITIVE_CASE(int)
+        case _C_UINT:
+          PRIMITIVE_CASE(unsigned int)
+        case _C_LNG:
+          PRIMITIVE_CASE(long)
+        case _C_ULNG:
+          PRIMITIVE_CASE(unsigned long)
+        case _C_LNG_LNG:
+          PRIMITIVE_CASE(long long)
+        case _C_ULNG_LNG:
+          PRIMITIVE_CASE(unsigned long long)
+        case _C_FLT:
+          PRIMITIVE_CASE(float)
+        case _C_DBL:
+          PRIMITIVE_CASE(double)
+        case _C_BOOL:
+          PRIMITIVE_CASE(BOOL)
+        case _C_SEL:
+          NULLABLE_PRIMITIVE_CASE(SEL)
+        case _C_CHARPTR:
+          NULLABLE_PRIMITIVE_CASE(const char *)
+        case _C_PTR:
+          NULLABLE_PRIMITIVE_CASE(void *)
 
         case _C_ID: {
           isNullableType = YES;
           id (*convert)(id, SEL, id) = (__typeof__(convert))objc_msgSend;
-          RCT_RETAINED_ARG_BLOCK(
-            id value = convert([RCTConvert class], selector, json);
-          );
+          RCT_RETAINED_ARG_BLOCK(id value = convert([RCTConvert class], selector, json););
           break;
         }
 
@@ -338,44 +345,35 @@ - (void)processMethodSignature
         }
 
         default: {
-          static const char *blockType = @encode(__typeof__(^{}));
+          static const char *blockType = @encode(__typeof__(^{
+          }));
           if (!strcmp(objcType, blockType)) {
-            BLOCK_CASE((NSArray *args), {
-              [bridge enqueueCallback:json args:args];
-            });
+            BLOCK_CASE((NSArray * args), { [bridge enqueueCallback:json args:args]; });
           } else {
-            RCTLogError(@"Unsupported argument type '%@' in method %@.",
-                        typeName, [self methodName]);
+            RCTLogError(@"Unsupported argument type '%@' in method %@.", typeName, [self methodName]);
           }
         }
       }
     } else if ([typeName isEqualToString:@"RCTResponseSenderBlock"]) {
-      BLOCK_CASE((NSArray *args), {
-        [bridge enqueueCallback:json args:args];
-      });
+      BLOCK_CASE((NSArray * args), { [bridge enqueueCallback:json args:args]; });
     } else if ([typeName isEqualToString:@"RCTResponseErrorBlock"]) {
-      BLOCK_CASE((NSError *error), {
-        [bridge enqueueCallback:json args:@[RCTJSErrorFromNSError(error)]];
-      });
+      BLOCK_CASE((NSError * error), { [bridge enqueueCallback:json args:@[ RCTJSErrorFromNSError(error) ]]; });
     } else if ([typeName isEqualToString:@"RCTPromiseResolveBlock"]) {
-      RCTAssert(i == numberOfArguments - 2,
-                @"The RCTPromiseResolveBlock must be the second to last parameter in %@",
-                [self methodName]);
-      BLOCK_CASE((id result), {
-        [bridge enqueueCallback:json args:result ? @[result] : @[]];
-      });
+      RCTAssert(
+          i == numberOfArguments - 2,
+          @"The RCTPromiseResolveBlock must be the second to last parameter in %@",
+          [self methodName]);
+      BLOCK_CASE((id result), { [bridge enqueueCallback:json args:result ? @[ result ] : @[]]; });
     } else if ([typeName isEqualToString:@"RCTPromiseRejectBlock"]) {
-      RCTAssert(i == numberOfArguments - 1,
-                @"The RCTPromiseRejectBlock must be the last parameter in %@",
-                [self methodName]);
-      BLOCK_CASE((NSString *code, NSString *message, NSError *error), {
+      RCTAssert(
+          i == numberOfArguments - 1, @"The RCTPromiseRejectBlock must be the last parameter in %@", [self methodName]);
+      BLOCK_CASE((NSString * code, NSString * message, NSError * error), {
         NSDictionary *errorJSON = RCTJSErrorFromCodeMessageAndNSError(code, message, error);
-        [bridge enqueueCallback:json args:@[errorJSON]];
+        [bridge enqueueCallback:json args:@[ errorJSON ]];
       });
     } else if ([typeName hasPrefix:@"JS::"]) {
       NSString *selectorNameForCxxType =
-      [[typeName stringByReplacingOccurrencesOfString:@"::" withString:@"_"]
-       stringByAppendingString:@":"];
+          [[typeName stringByReplacingOccurrencesOfString:@"::" withString:@"_"] stringByAppendingString:@":"];
       selector = NSSelectorFromString(selectorNameForCxxType);
 
       [argumentBlocks addObject:^(__unused RCTBridge *bridge, NSUInteger index, id json) {
@@ -390,16 +388,22 @@ - (void)processMethodSignature
       }];
     } else {
       // Unknown argument type
-      RCTLogError(@"Unknown argument type '%@' in method %@. Extend RCTConvert to support this type.",
-                  typeName, [self methodName]);
+      RCTLogError(
+          @"Unknown argument type '%@' in method %@. Extend RCTConvert to support this type.",
+          typeName,
+          [self methodName]);
     }
 
 #if RCT_DEBUG
     RCTNullability nullability = argument.nullability;
     if (!isNullableType) {
       if (nullability == RCTNullable) {
-        RCTLogArgumentError(weakSelf, i - 2, typeName, "is marked as "
-                            "nullable, but is not a nullable type.");
+        RCTLogArgumentError(
+            weakSelf,
+            i - 2,
+            typeName,
+            "is marked as "
+            "nullable, but is not a nullable type.");
       }
       nullability = RCTNonnullable;
     }
@@ -411,11 +415,15 @@ - (void)processMethodSignature
     if ([typeName isEqualToString:@"NSNumber"]) {
       BOOL unspecified = (nullability == RCTNullabilityUnspecified);
       if (!argument.unused && (nullability == RCTNullable || unspecified)) {
-        RCTLogArgumentError(weakSelf, i - 2, typeName,
-          [unspecified ? @"has unspecified nullability" : @"is marked as nullable"
-           stringByAppendingString: @" but React requires that all NSNumber "
-           "arguments are explicitly marked as `nonnull` to ensure "
-           "compatibility with Android."].UTF8String);
+        RCTLogArgumentError(
+            weakSelf,
+            i - 2,
+            typeName,
+            [unspecified ? @"has unspecified nullability" : @"is marked as nullable"
+                stringByAppendingString:@" but React requires that all NSNumber "
+                                         "arguments are explicitly marked as `nonnull` to ensure "
+                                         "compatibility with Android."]
+                .UTF8String);
       }
       nullability = RCTNonnullable;
     }
@@ -448,8 +456,10 @@ - (void)processMethodSignature
 #if RCT_DEBUG
   const char *objcType = _invocation.methodSignature.methodReturnType;
   if (_methodInfo->isSync && objcType[0] != _C_ID) {
-    RCTLogError(@"Return type of %@.%s should be (id) as the method is \"sync\"",
-                RCTBridgeModuleNameForClass(_moduleClass), self.JSMethodName);
+    RCTLogError(
+        @"Return type of %@.%s should be (id) as the method is \"sync\"",
+        RCTBridgeModuleNameForClass(_moduleClass),
+        self.JSMethodName);
   }
 #endif
 
@@ -459,8 +469,10 @@ - (void)processMethodSignature
 - (SEL)selector
 {
   if (_selector == NULL) {
-    RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"", (@{ @"module": NSStringFromClass(_moduleClass),
-                                                          @"method": @(_methodInfo->objcName) }));
+    RCT_PROFILE_BEGIN_EVENT(
+        RCTProfileTagAlways,
+        @"",
+        (@{@"module" : NSStringFromClass(_moduleClass), @"method" : @(_methodInfo->objcName)}));
     [self processMethodSignature];
     RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
   }
@@ -481,8 +493,11 @@ - (const char *)JSMethodName
         methodName = [methodName substringToIndex:colonRange.location];
       }
       methodName = [methodName stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
-      RCTAssert(methodName.length, @"%s is not a valid JS function name, please"
-                " supply an alternative using RCT_REMAP_METHOD()", _methodInfo->objcName);
+      RCTAssert(
+          methodName.length,
+          @"%s is not a valid JS function name, please"
+           " supply an alternative using RCT_REMAP_METHOD()",
+          _methodInfo->objcName);
     }
     _JSMethodName = methodName;
   }
@@ -501,9 +516,7 @@ - (RCTFunctionType)functionType
   }
 }
 
-- (id)invokeWithBridge:(RCTBridge *)bridge
-                module:(id)module
-             arguments:(NSArray *)arguments
+- (id)invokeWithBridge:(RCTBridge *)bridge module:(id)module arguments:(NSArray *)arguments
 {
   if (_argumentBlocks == nil) {
     [self processMethodSignature];
@@ -525,12 +538,15 @@ - (id)invokeWithBridge:(RCTBridge *)bridge
       expectedCount -= 2;
     }
 
-    RCTLogError(@"%@.%s was called with %lld arguments but expects %lld arguments. "
-                @"If you haven\'t changed this method yourself, this usually means that "
-                @"your versions of the native code and JavaScript code are out of sync. "
-                @"Updating both should make this error go away.",
-                RCTBridgeModuleNameForClass(_moduleClass), self.JSMethodName,
-                (long long)actualCount, (long long)expectedCount);
+    RCTLogError(
+        @"%@.%s was called with %lld arguments but expects %lld arguments. "
+        @"If you haven\'t changed this method yourself, this usually means that "
+        @"your versions of the native code and JavaScript code are out of sync. "
+        @"Updating both should make this error go away.",
+        RCTBridgeModuleNameForClass(_moduleClass),
+        self.JSMethodName,
+        (long long)actualCount,
+        (long long)expectedCount);
     return nil;
   }
 #endif
@@ -555,12 +571,11 @@ - (id)invokeWithBridge:(RCTBridge *)bridge
     CFTimeInterval duration = CACurrentMediaTime() - start;
     if (duration > RCT_MAIN_THREAD_WATCH_DOG_THRESHOLD) {
       RCTLogWarn(
-                 @"Main Thread Watchdog: Invocation of %@ blocked the main thread for %dms. "
-                 "Consider using background-threaded modules and asynchronous calls "
-                 "to spend less time on the main thread and keep the app's UI responsive.",
-                 [self methodName],
-                 (int)(duration * 1000)
-                 );
+          @"Main Thread Watchdog: Invocation of %@ blocked the main thread for %dms. "
+           "Consider using background-threaded modules and asynchronous calls "
+           "to spend less time on the main thread and keep the app's UI responsive.",
+          [self methodName],
+          (int)(duration * 1000));
     }
   } else {
     [_invocation invokeWithTarget:module];
@@ -590,7 +605,11 @@ - (NSString *)methodName
 - (NSString *)description
 {
   return [NSString stringWithFormat:@"<%@: %p; exports %@ as %s(); type: %s>",
-          [self class], self, [self methodName], self.JSMethodName, RCTFunctionDescriptorFromType(self.functionType)];
+                                    [self class],
+                                    self,
+                                    [self methodName],
+                                    self.JSMethodName,
+                                    RCTFunctionDescriptorFromType(self.functionType)];
 }
 
 @end
diff --git a/React/Base/RCTMultipartDataTask.h b/React/Base/RCTMultipartDataTask.h
index 51dde3dd269b0d..bcf0c5701b48a0 100644
--- a/React/Base/RCTMultipartDataTask.h
+++ b/React/Base/RCTMultipartDataTask.h
@@ -9,7 +9,12 @@
 
 #import <React/RCTMultipartStreamReader.h>
 
-typedef void (^RCTMultipartDataTaskCallback)(NSInteger statusCode, NSDictionary *headers, NSData *content, NSError *error, BOOL done);
+typedef void (^RCTMultipartDataTaskCallback)(
+    NSInteger statusCode,
+    NSDictionary *headers,
+    NSData *content,
+    NSError *error,
+    BOOL done);
 
 @interface RCTMultipartDataTask : NSObject
 
diff --git a/React/Base/RCTMultipartDataTask.m b/React/Base/RCTMultipartDataTask.m
index 984287fe5c1a6b..4b16e820a1bf3c 100644
--- a/React/Base/RCTMultipartDataTask.m
+++ b/React/Base/RCTMultipartDataTask.m
@@ -54,7 +54,8 @@ - (instancetype)initWithURL:(NSURL *)url
 - (void)startTask
 {
   NSURLSession *session = [NSURLSession sessionWithConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration]
-                                                        delegate:self delegateQueue:nil];
+                                                        delegate:self
+                                                   delegateQueue:nil];
   NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:_url];
   [request addValue:@"multipart/mixed" forHTTPHeaderField:@"Accept"];
   NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:request];
@@ -63,9 +64,9 @@ - (void)startTask
 }
 
 - (void)URLSession:(__unused NSURLSession *)session
-          dataTask:(__unused NSURLSessionDataTask *)dataTask
-didReceiveResponse:(NSURLResponse *)response
- completionHandler:(void (^)(NSURLSessionResponseDisposition disposition))completionHandler
+              dataTask:(__unused NSURLSessionDataTask *)dataTask
+    didReceiveResponse:(NSURLResponse *)response
+     completionHandler:(void (^)(NSURLSessionResponseDisposition disposition))completionHandler
 {
   if ([response isKindOfClass:[NSHTTPURLResponse class]]) {
     NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *)response;
@@ -80,8 +81,13 @@ - (void)URLSession:(__unused NSURLSession *)session
       }
     }
 
-    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"multipart/mixed;.*boundary=\"([^\"]+)\"" options:0 error:nil];
-    NSTextCheckingResult *match = [regex firstMatchInString:contentType options:0 range:NSMakeRange(0, contentType.length)];
+    NSRegularExpression *regex =
+        [NSRegularExpression regularExpressionWithPattern:@"multipart/mixed;.*boundary=\"([^\"]+)\""
+                                                  options:0
+                                                    error:nil];
+    NSTextCheckingResult *match = [regex firstMatchInString:contentType
+                                                    options:0
+                                                      range:NSMakeRange(0, contentType.length)];
     if (match) {
       _boundary = [contentType substringWithRange:[match rangeAtIndex:1]];
       if (@available(macOS 10.11, iOS 9.0, *)) { // TODO(OSS Candidate ISS#2710739)
@@ -96,21 +102,27 @@ - (void)URLSession:(__unused NSURLSession *)session
   completionHandler(NSURLSessionResponseAllow);
 }
 
-- (void)URLSession:(__unused NSURLSession *)session task:(__unused NSURLSessionTask *)task didCompleteWithError:(NSError *)error
+- (void)URLSession:(__unused NSURLSession *)session
+                    task:(__unused NSURLSessionTask *)task
+    didCompleteWithError:(NSError *)error
 {
   if (_partHandler) {
     _partHandler(_statusCode, _headers, _data, error, YES);
   }
 }
 
-- (void)URLSession:(__unused NSURLSession *)session dataTask:(__unused NSURLSessionDataTask *)dataTask didReceiveData:(NSData *)data
+- (void)URLSession:(__unused NSURLSession *)session
+          dataTask:(__unused NSURLSessionDataTask *)dataTask
+    didReceiveData:(NSData *)data
 {
   [_data appendData:data];
 }
 
 #pragma clang diagnostic push // TODO(OSS Candidate ISS#2710739)
 #pragma clang diagnostic ignored "-Wunguarded-availability"
-- (void)URLSession:(__unused NSURLSession *)session dataTask:(__unused NSURLSessionDataTask *)dataTask didBecomeStreamTask:(NSURLSessionStreamTask *)streamTask
+- (void)URLSession:(__unused NSURLSession *)session
+               dataTask:(__unused NSURLSessionDataTask *)dataTask
+    didBecomeStreamTask:(NSURLSessionStreamTask *)streamTask
 #pragma clang diagnostic pop
 {
   [streamTask captureStreams];
@@ -119,23 +131,26 @@ - (void)URLSession:(__unused NSURLSession *)session dataTask:(__unused NSURLSess
 #pragma clang diagnostic push // TODO(OSS Candidate ISS#2710739)
 #pragma clang diagnostic ignored "-Wunguarded-availability"
 - (void)URLSession:(__unused NSURLSession *)session
-        streamTask:(__unused NSURLSessionStreamTask *)streamTask
-didBecomeInputStream:(NSInputStream *)inputStream
-      outputStream:(__unused NSOutputStream *)outputStream
+              streamTask:(__unused NSURLSessionStreamTask *)streamTask
+    didBecomeInputStream:(NSInputStream *)inputStream
+            outputStream:(__unused NSOutputStream *)outputStream
 #pragma clang diagnostic pop
 {
-  RCTMultipartStreamReader *reader = [[RCTMultipartStreamReader alloc] initWithInputStream:inputStream boundary:_boundary];
+  RCTMultipartStreamReader *reader = [[RCTMultipartStreamReader alloc] initWithInputStream:inputStream
+                                                                                  boundary:_boundary];
   RCTMultipartDataTaskCallback partHandler = _partHandler;
   _partHandler = nil;
   NSInteger statusCode = _statusCode;
 
-  BOOL completed = [reader readAllPartsWithCompletionCallback:^(NSDictionary *headers, NSData *content, BOOL done) {
-    partHandler(statusCode, headers, content, nil, done);
-  } progressCallback:_progressHandler];
+  BOOL completed = [reader
+      readAllPartsWithCompletionCallback:^(NSDictionary *headers, NSData *content, BOOL done) {
+        partHandler(statusCode, headers, content, nil, done);
+      }
+                        progressCallback:_progressHandler];
   if (!completed) {
-    partHandler(statusCode, nil, nil, [NSError errorWithDomain:NSURLErrorDomain code:NSURLErrorCancelled userInfo:nil], YES);
+    partHandler(
+        statusCode, nil, nil, [NSError errorWithDomain:NSURLErrorDomain code:NSURLErrorCancelled userInfo:nil], YES);
   }
 }
 
-
 @end
diff --git a/React/Base/RCTMultipartStreamReader.h b/React/Base/RCTMultipartStreamReader.h
index ea5871bc3c2462..5ef5b61daa6a86 100644
--- a/React/Base/RCTMultipartStreamReader.h
+++ b/React/Base/RCTMultipartStreamReader.h
@@ -10,7 +10,6 @@
 typedef void (^RCTMultipartCallback)(NSDictionary *headers, NSData *content, BOOL done);
 typedef void (^RCTMultipartProgressCallback)(NSDictionary *headers, NSNumber *loaded, NSNumber *total);
 
-
 // RCTMultipartStreamReader can be used to parse responses with Content-Type: multipart/mixed
 // See https://www.w3.org/Protocols/rfc1341/7_2_Multipart.html
 @interface RCTMultipartStreamReader : NSObject
diff --git a/React/Base/RCTMultipartStreamReader.m b/React/Base/RCTMultipartStreamReader.m
index 9fb4ab49e521e4..efbbdf5bdd135e 100644
--- a/React/Base/RCTMultipartStreamReader.m
+++ b/React/Base/RCTMultipartStreamReader.m
@@ -38,7 +38,8 @@ - (NSDictionary *)parseHeaders:(NSData *)data
       continue;
     }
     NSString *key = [line substringToIndex:location];
-    NSString *value = [[line substringFromIndex:location + 1] stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
+    NSString *value = [[line substringFromIndex:location + 1]
+        stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
     [headers setValue:value forKey:key];
   }
   return headers;
@@ -87,8 +88,10 @@ - (BOOL)readAllPartsWithCompletionCallback:(RCTMultipartCallback)callback
   NSInteger chunkStart = 0;
   NSInteger bytesSeen = 0;
 
-  NSData *delimiter = [[NSString stringWithFormat:@"%@--%@%@", CRLF, _boundary, CRLF] dataUsingEncoding:NSUTF8StringEncoding];
-  NSData *closeDelimiter = [[NSString stringWithFormat:@"%@--%@--%@", CRLF, _boundary, CRLF] dataUsingEncoding:NSUTF8StringEncoding];
+  NSData *delimiter =
+      [[NSString stringWithFormat:@"%@--%@%@", CRLF, _boundary, CRLF] dataUsingEncoding:NSUTF8StringEncoding];
+  NSData *closeDelimiter =
+      [[NSString stringWithFormat:@"%@--%@--%@", CRLF, _boundary, CRLF] dataUsingEncoding:NSUTF8StringEncoding];
   NSMutableData *content = [[NSMutableData alloc] initWithCapacity:1];
   NSDictionary *currentHeaders = nil;
   NSUInteger currentHeadersLength = 0;
diff --git a/React/Base/RCTParserUtils.m b/React/Base/RCTParserUtils.m
index a8c59d87f5e0f5..64cabd532b6ff2 100644
--- a/React/Base/RCTParserUtils.m
+++ b/React/Base/RCTParserUtils.m
@@ -63,13 +63,11 @@ BOOL RCTParseArgumentIdentifier(const char **input, NSString **string)
       (*input)++;
     }
 
-  // allow namespace resolution operator
+    // allow namespace resolution operator
   } while (RCTReadString(input, "::"));
 
   if (string) {
-    *string = [[NSString alloc] initWithBytes:start
-                                       length:(NSInteger)(*input - start)
-                                     encoding:NSASCIIStringEncoding];
+    *string = [[NSString alloc] initWithBytes:start length:(NSInteger)(*input - start) encoding:NSASCIIStringEncoding];
   }
   return YES;
 }
@@ -85,9 +83,7 @@ BOOL RCTParseSelectorIdentifier(const char **input, NSString **string)
     (*input)++;
   }
   if (string) {
-    *string = [[NSString alloc] initWithBytes:start
-                                       length:(NSInteger)(*input - start)
-                                     encoding:NSASCIIStringEncoding];
+    *string = [[NSString alloc] initWithBytes:start length:(NSInteger)(*input - start) encoding:NSASCIIStringEncoding];
   }
   return YES;
 }
@@ -97,8 +93,7 @@ static BOOL RCTIsCollectionType(NSString *type)
   static NSSet *collectionTypes;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    collectionTypes = [[NSSet alloc] initWithObjects:
-                       @"NSArray", @"NSSet", @"NSDictionary", nil];
+    collectionTypes = [[NSSet alloc] initWithObjects:@"NSArray", @"NSSet", @"NSDictionary", nil];
   });
   return [collectionTypes containsObject:type];
 }
@@ -124,8 +119,7 @@ static BOOL RCTIsCollectionType(NSString *type)
         subtype = RCTParseType(input);
       }
       if (![subtype isEqualToString:@"id"]) {
-        type = [type stringByReplacingCharactersInRange:(NSRange){0, 2 /* "NS" */}
-                                             withString:subtype];
+        type = [type stringByReplacingCharactersInRange:(NSRange){0, 2 /* "NS" */} withString:subtype];
       }
     } else {
       // It's a protocol rather than a generic collection - ignore it
diff --git a/React/Base/RCTPerformanceLogger.m b/React/Base/RCTPerformanceLogger.m
index fafe3ccc29ea15..ea4c5d407aa0eb 100644
--- a/React/Base/RCTPerformanceLogger.m
+++ b/React/Base/RCTPerformanceLogger.m
@@ -7,13 +7,12 @@
 
 #import <QuartzCore/QuartzCore.h>
 
-#import "RCTPerformanceLogger.h"
-#import "RCTRootView.h"
 #import "RCTLog.h"
+#import "RCTPerformanceLogger.h"
 #import "RCTProfile.h"
+#import "RCTRootView.h"
 
-@interface RCTPerformanceLogger ()
-{
+@interface RCTPerformanceLogger () {
   int64_t _data[RCTPLSize][2];
   NSUInteger _cookies[RCTPLSize];
 }
@@ -64,12 +63,11 @@ - (void)markStartForTag:(RCTPLTag)tag
   _data[tag][1] = 0;
 }
 
-
 - (void)markStopForTag:(RCTPLTag)tag
 {
 #if RCT_PROFILE
   if (RCTProfileIsProfiling()) {
-    NSString *label =_labelsForTags[tag];
+    NSString *label = _labelsForTags[tag];
     RCTProfileEndAsyncEvent(RCTProfileTagAlways, @"native", _cookies[tag], label, @"RCTPerformanceLogger");
   }
 #endif
diff --git a/React/Base/RCTRedBoxSetEnabled.h b/React/Base/RCTRedBoxSetEnabled.h
index 5d65d7f89ae4ce..fd53eb7e11e119 100644
--- a/React/Base/RCTRedBoxSetEnabled.h
+++ b/React/Base/RCTRedBoxSetEnabled.h
@@ -7,7 +7,8 @@
 
 #import <React/RCTDefines.h>
 
-// In debug builds, the red box is enabled by default but it is further customizable using this method.
-// However, this method only has an effect in builds where RCTRedBox is actually compiled in.
+// In debug builds, the red box is enabled by default but it is further
+// customizable using this method. However, this method only has an effect in
+// builds where RCTRedBox is actually compiled in.
 RCT_EXTERN void RCTRedBoxSetEnabled(BOOL enabled);
 RCT_EXTERN BOOL RCTRedBoxGetEnabled(void);
diff --git a/React/Base/RCTRedBoxSetEnabled.m b/React/Base/RCTRedBoxSetEnabled.m
index 4d6a701df9f1f8..503e16fe9725c5 100644
--- a/React/Base/RCTRedBoxSetEnabled.m
+++ b/React/Base/RCTRedBoxSetEnabled.m
@@ -13,10 +13,12 @@
 static BOOL redBoxEnabled = NO;
 #endif
 
-void RCTRedBoxSetEnabled(BOOL enabled) {
+void RCTRedBoxSetEnabled(BOOL enabled)
+{
   redBoxEnabled = enabled;
 }
 
-BOOL RCTRedBoxGetEnabled() {
+BOOL RCTRedBoxGetEnabled()
+{
   return redBoxEnabled;
 }
diff --git a/React/Base/RCTReloadCommand.m b/React/Base/RCTReloadCommand.m
index bd63549d2c1751..4f080708523e6e 100644
--- a/React/Base/RCTReloadCommand.m
+++ b/React/Base/RCTReloadCommand.m
@@ -36,10 +36,9 @@ void RCTRegisterReloadCommandListener(id<RCTReloadListener> listener)
   dispatch_once(&onceToken, ^{
     [[RCTKeyCommands sharedInstance] registerKeyCommandWithInput:@"r"
                                                    modifierFlags:UIKeyModifierCommand
-                                                          action:
-     ^(__unused UIKeyCommand *command) {
-      RCTTriggerReloadCommandListeners(@"Command + R");
-    }];
+                                                          action:^(__unused UIKeyCommand *command) {
+                                                            RCTTriggerReloadCommandListeners(@"Command + R");
+                                                          }];
   });
 #endif
   [listeners addObject:listener];
@@ -51,8 +50,9 @@ void RCTTriggerReloadCommandListeners(NSString *reason)
   [listenersLock lock];
   [[NSNotificationCenter defaultCenter] postNotificationName:RCTTriggerReloadCommandNotification
                                                       object:nil
-                                                    userInfo:@{RCTTriggerReloadCommandReasonKey: RCTNullIfNil(reason),
-                                                               RCTTriggerReloadCommandBundleURLKey: RCTNullIfNil(bundleURL)
+                                                    userInfo:@{
+                                                      RCTTriggerReloadCommandReasonKey : RCTNullIfNil(reason),
+                                                      RCTTriggerReloadCommandBundleURLKey : RCTNullIfNil(bundleURL)
                                                     }];
 
   for (id<RCTReloadListener> l in [listeners allObjects]) {
diff --git a/React/Base/RCTRootContentView.m b/React/Base/RCTRootContentView.m
index 9196527f5fbd30..7e5d10bbf410bf 100644
--- a/React/Base/RCTRootContentView.m
+++ b/React/Base/RCTRootContentView.m
@@ -43,8 +43,8 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder:(nonnull NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (nonnull NSCoder *)aDecoder)
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 - (void)dealloc
@@ -100,8 +100,7 @@ - (void)insertReactSubview:(RCTUIView *)subview atIndex:(NSInteger)atIndex // TO
   dispatch_async(dispatch_get_main_queue(), ^{
     if (!self->_contentHasAppeared) {
       self->_contentHasAppeared = YES;
-      [[NSNotificationCenter defaultCenter] postNotificationName:RCTContentDidAppearNotification
-                                                          object:self.superview];
+      [[NSNotificationCenter defaultCenter] postNotificationName:RCTContentDidAppearNotification object:self.superview];
     }
   });
 }
@@ -121,8 +120,7 @@ - (CGSize)availableSize
   CGSize size = self.bounds.size;
   return CGSizeMake(
       _sizeFlexibility & RCTRootViewSizeFlexibilityWidth ? INFINITY : size.width,
-      _sizeFlexibility & RCTRootViewSizeFlexibilityHeight ? INFINITY : size.height
-    );
+      _sizeFlexibility & RCTRootViewSizeFlexibilityHeight ? INFINITY : size.height);
 }
 
 - (void)updateAvailableSize
@@ -152,7 +150,7 @@ - (void)invalidate
 
     [_bridge enqueueJSCall:@"AppRegistry"
                     method:@"unmountApplicationComponentAtRootTag"
-                      args:@[self.reactTag]
+                      args:@[ self.reactTag ]
                 completion:NULL];
   }
 }
diff --git a/React/Base/RCTRootView.h b/React/Base/RCTRootView.h
index 8cfc8b9acdcdc4..c0b7fc21df3f95 100644
--- a/React/Base/RCTRootView.h
+++ b/React/Base/RCTRootView.h
@@ -19,9 +19,9 @@
  * rootViewDidChangeIntrinsicSize method of the RCTRootViewDelegate will be called.
  */
 typedef NS_ENUM(NSInteger, RCTRootViewSizeFlexibility) {
-  RCTRootViewSizeFlexibilityNone           = 0,
-  RCTRootViewSizeFlexibilityWidth          = 1 << 0,
-  RCTRootViewSizeFlexibilityHeight         = 1 << 1,
+  RCTRootViewSizeFlexibilityNone = 0,
+  RCTRootViewSizeFlexibilityWidth = 1 << 0,
+  RCTRootViewSizeFlexibilityHeight = 1 << 1,
   RCTRootViewSizeFlexibilityWidthAndHeight = RCTRootViewSizeFlexibilityWidth | RCTRootViewSizeFlexibilityHeight,
 };
 
@@ -36,9 +36,9 @@ extern "C"
 extern
 #endif
 
-NS_ASSUME_NONNULL_BEGIN
+    NS_ASSUME_NONNULL_BEGIN
 
-NSString *const RCTContentDidAppearNotification;
+        NSString *const RCTContentDidAppearNotification;
 
 /**
  * Native view used to host React-managed views within the app. Can be used just
@@ -66,7 +66,6 @@ NSString *const RCTContentDidAppearNotification;
                 initialProperties:(nullable NSDictionary *)initialProperties
                     launchOptions:(nullable NSDictionary *)launchOptions;
 
-
 /**
  * The name of the JavaScript module to execute within the
  * specified scriptURL (required). Setting this will not have
@@ -95,6 +94,11 @@ NSString *const RCTContentDidAppearNotification;
  */
 @property (nonatomic, assign) RCTRootViewSizeFlexibility sizeFlexibility;
 
+/*
+ * The minimum size of the root view, defaults to CGSizeZero.
+ */
+@property (nonatomic, assign) CGSize minimumSize;
+
 /**
  * The delegate that handles intrinsic size updates.
  */
@@ -146,8 +150,7 @@ NSString *const RCTContentDidAppearNotification;
  * This property is deprecated and will be removed in next releases.
  * Use UIKit `intrinsicContentSize` property instead.
  */
-@property (readonly, nonatomic, assign) CGSize intrinsicSize
-__deprecated_msg("Use `intrinsicContentSize` instead.");
+@property (readonly, nonatomic, assign) CGSize intrinsicSize __deprecated_msg("Use `intrinsicContentSize` instead.");
 
 /**
  * This methods is deprecated and will be removed soon.
diff --git a/React/Base/RCTRootView.m b/React/Base/RCTRootView.m
index 82b75740a17d5f..46e925c3b69c8c 100644
--- a/React/Base/RCTRootView.m
+++ b/React/Base/RCTRootView.m
@@ -12,16 +12,17 @@
 #import <objc/runtime.h>
 
 #import "RCTAssert.h"
-#import "RCTBridge.h"
 #import "RCTBridge+Private.h"
+#import "RCTBridge.h"
 #import "RCTConstants.h"
-#import "RCTDevSettings.h"// TODO(OSS Candidate ISS#2710739)
+#import "RCTDevSettings.h" // TODO(OSS Candidate ISS#2710739)
 #import "RCTEventDispatcher.h"
 // TODO(OSS Candidate ISS#2710739): remove #import "RCTKeyCommands.h"
 #import "RCTLog.h"
 #import "RCTPerformanceLogger.h"
 #import "RCTProfile.h"
 #import "RCTRootContentView.h"
+#import "RCTRootShadowView.h"
 #import "RCTTouchHandler.h"
 #import "RCTUIManager.h"
 #import "RCTUIManagerUtils.h"
@@ -30,8 +31,8 @@
 #import "UIView+React.h"
 
 #if TARGET_OS_TV
-#import "RCTTVRemoteHandler.h"
 #import "RCTTVNavigationEventEmitter.h"
+#import "RCTTVRemoteHandler.h"
 #endif
 
 #if __has_include("RCTDevMenu.h") // [TODO(OSS Candidate ISS#2710739)
@@ -50,8 +51,7 @@ - (NSNumber *)allocateRootTag;
 
 @end
 
-@implementation RCTRootView
-{
+@implementation RCTRootView {
   RCTBridge *_bridge;
   NSString *_moduleName;
   RCTRootContentView *_contentView;
@@ -88,6 +88,7 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
     _loadingViewFadeDelay = 0.25;
     _loadingViewFadeDuration = 0.25;
     _sizeFlexibility = RCTRootViewSizeFlexibilityNone;
+    _minimumSize = CGSizeZero;
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     _lastLayout = [NSDate new];
@@ -132,15 +133,13 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
                 initialProperties:(NSDictionary *)initialProperties
                     launchOptions:(NSDictionary *)launchOptions
 {
-  RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:bundleURL
-                                            moduleProvider:nil
-                                             launchOptions:launchOptions];
+  RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:bundleURL moduleProvider:nil launchOptions:launchOptions];
 
   return [self initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 #if TARGET_OS_TV
 - (UIView *)preferredFocusedView
@@ -175,14 +174,10 @@ - (CGSize)sizeThatFits:(CGSize)size
   // Following the current `size` and current `sizeFlexibility` policy.
   fitSize = CGSizeMake(
       _sizeFlexibility & RCTRootViewSizeFlexibilityWidth ? fitSize.width : currentSize.width,
-      _sizeFlexibility & RCTRootViewSizeFlexibilityHeight ? fitSize.height : currentSize.height
-    );
+      _sizeFlexibility & RCTRootViewSizeFlexibilityHeight ? fitSize.height : currentSize.height);
 
   // Following the given size constraints.
-  fitSize = CGSizeMake(
-      MIN(size.width, fitSize.width),
-      MIN(size.height, fitSize.height)
-    );
+  fitSize = CGSizeMake(MIN(size.width, fitSize.width), MIN(size.height, fitSize.height));
 
   return fitSize;
 }
@@ -221,10 +216,7 @@ - (void)layoutSubviews
   [super layoutSubviews];
   _contentView.frame = self.bounds;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  _loadingView.center = (CGPoint){
-    CGRectGetMidX(self.bounds),
-    CGRectGetMidY(self.bounds)
-  };
+  _loadingView.center = (CGPoint){CGRectGetMidX(self.bounds), CGRectGetMidY(self.bounds)};
 #else // [TODO(macOS ISS#2323203)
   NSRect bounds = self.bounds;
   NSSize loadingViewSize = _loadingView.frame.size;
@@ -238,6 +230,23 @@ - (void)layoutSubviews
 #endif // ]TODO(macOS ISS#2323203)
 }
 
+- (void)setMinimumSize:(CGSize)minimumSize
+{
+  if (CGSizeEqualToSize(_minimumSize, minimumSize)) {
+    return;
+  }
+  _minimumSize = minimumSize;
+  __block NSNumber *tag = self.reactTag;
+  __weak typeof(self) weakSelf = self;
+  RCTExecuteOnUIManagerQueue(^{
+    __strong typeof(self) strongSelf = weakSelf;
+    if (strongSelf && strongSelf->_bridge.isValid) {
+      RCTRootShadowView *shadowView = (RCTRootShadowView *)[strongSelf->_bridge.uiManager shadowViewForReactTag:tag];
+      shadowView.minimumSize = minimumSize;
+    }
+  });
+}
+
 - (UIViewController *)reactViewController
 {
   return _reactViewController ?: [super reactViewController];
@@ -272,17 +281,20 @@ - (void)hideLoadingView
 {
   if (_loadingView.superview == self && _contentView.contentHasAppeared) {
     if (_loadingViewFadeDuration > 0) {
-      dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(_loadingViewFadeDelay * NSEC_PER_SEC)),
-                     dispatch_get_main_queue(), ^{
+      dispatch_after(
+          dispatch_time(DISPATCH_TIME_NOW, (int64_t)(_loadingViewFadeDelay * NSEC_PER_SEC)),
+          dispatch_get_main_queue(),
+          ^{
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-                       [UIView transitionWithView:self
-                                         duration:self->_loadingViewFadeDuration
-                                          options:UIViewAnimationOptionTransitionCrossDissolve
-                                       animations:^{
-                                         self->_loadingView.hidden = YES;
-                                       } completion:^(__unused BOOL finished) {
-                                         [self->_loadingView removeFromSuperview];
-                                       }];
+            [UIView transitionWithView:self
+                duration:self->_loadingViewFadeDuration
+                options:UIViewAnimationOptionTransitionCrossDissolve
+                animations:^{
+                  self->_loadingView.hidden = YES;
+                }
+                completion:^(__unused BOOL finished) {
+                  [self->_loadingView removeFromSuperview];
+                }];
 #elif TARGET_OS_OSX // [TODO(macOS ISS#2323203)
                        [NSAnimationContext runAnimationGroup:^(__unused NSAnimationContext *context) {
                          self->_loadingView.animator.alphaValue = 0.0;
@@ -361,15 +373,12 @@ - (void)runApplication:(RCTBridge *)bridge
 {
   NSString *moduleName = _moduleName ?: @"";
   NSDictionary *appParameters = @{
-    @"rootTag": _contentView.reactTag,
-    @"initialProps": _appProperties ?: @{},
+    @"rootTag" : _contentView.reactTag,
+    @"initialProps" : _appProperties ?: @{},
   };
 
   RCTLogInfo(@"Running application %@ (%@)", moduleName, appParameters);
-  [bridge enqueueJSCall:@"AppRegistry"
-                 method:@"runApplication"
-                   args:@[moduleName, appParameters]
-             completion:NULL];
+  [bridge enqueueJSCall:@"AppRegistry" method:@"runApplication" args:@[ moduleName, appParameters ] completion:NULL];
 }
 
 - (void)setSizeFlexibility:(RCTRootViewSizeFlexibility)sizeFlexibility
@@ -457,11 +466,12 @@ - (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection
 {
   [super traitCollectionDidChange:previousTraitCollection];
 
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTUserInterfaceStyleDidChangeNotification
-                                                      object:self
-                                                    userInfo:@{
-                                                      RCTUserInterfaceStyleDidChangeNotificationTraitCollectionKey: self.traitCollection,
-                                                    }];
+  [[NSNotificationCenter defaultCenter]
+      postNotificationName:RCTUserInterfaceStyleDidChangeNotification
+                    object:self
+                  userInfo:@{
+                    RCTUserInterfaceStyleDidChangeNotificationTraitCollectionKey : self.traitCollection,
+                  }];
 }
 #else // [TODO(macOS ISS#2323203)
 - (void)viewDidChangeEffectiveAppearance {
diff --git a/React/Base/RCTTVRemoteHandler.h b/React/Base/RCTTVRemoteHandler.h
index 1cc7215f7c52ba..10d56906901677 100644
--- a/React/Base/RCTTVRemoteHandler.h
+++ b/React/Base/RCTTVRemoteHandler.h
@@ -7,7 +7,6 @@
 
 #import <UIKit/UIKit.h>
 
-
 extern NSString *const RCTTVRemoteEventMenu;
 extern NSString *const RCTTVRemoteEventPlayPause;
 extern NSString *const RCTTVRemoteEventSelect;
diff --git a/React/Base/RCTTVRemoteHandler.m b/React/Base/RCTTVRemoteHandler.m
index fabed196e04ddd..aadbacec4b7eb5 100644
--- a/React/Base/RCTTVRemoteHandler.m
+++ b/React/Base/RCTTVRemoteHandler.m
@@ -41,7 +41,6 @@
 NSString *const RCTTVRemoteEventSwipeUp = @"swipeUp";
 NSString *const RCTTVRemoteEventSwipeDown = @"swipeDown";
 
-
 @implementation RCTTVRemoteHandler {
   NSMutableDictionary<NSString *, UIGestureRecognizer *> *_tvRemoteGestureRecognizers;
 }
@@ -120,7 +119,6 @@ - (instancetype)init
     [self addSwipeGestureRecognizerWithSelector:@selector(swipedRight:)
                                       direction:UISwipeGestureRecognizerDirectionRight
                                            name:RCTTVRemoteEventSwipeRight];
-
   }
 
   return self;
@@ -198,10 +196,12 @@ - (void)tappedRight:(UIGestureRecognizer *)r
 
 #pragma mark -
 
-- (void)addLongPressGestureRecognizerWithSelector:(nonnull SEL)selector pressType:(UIPressType)pressType name:(NSString *)name
+- (void)addLongPressGestureRecognizerWithSelector:(nonnull SEL)selector
+                                        pressType:(UIPressType)pressType
+                                             name:(NSString *)name
 {
   UILongPressGestureRecognizer *recognizer = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:selector];
-  recognizer.allowedPressTypes = @[@(pressType)];
+  recognizer.allowedPressTypes = @[ @(pressType) ];
 
   _tvRemoteGestureRecognizers[name] = recognizer;
 }
@@ -209,12 +209,14 @@ - (void)addLongPressGestureRecognizerWithSelector:(nonnull SEL)selector pressTyp
 - (void)addTapGestureRecognizerWithSelector:(nonnull SEL)selector pressType:(UIPressType)pressType name:(NSString *)name
 {
   UITapGestureRecognizer *recognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:selector];
-  recognizer.allowedPressTypes = @[@(pressType)];
+  recognizer.allowedPressTypes = @[ @(pressType) ];
 
   _tvRemoteGestureRecognizers[name] = recognizer;
 }
 
-- (void)addSwipeGestureRecognizerWithSelector:(nonnull SEL)selector direction:(UISwipeGestureRecognizerDirection)direction name:(NSString *)name
+- (void)addSwipeGestureRecognizerWithSelector:(nonnull SEL)selector
+                                    direction:(UISwipeGestureRecognizerDirection)direction
+                                         name:(NSString *)name
 {
   UISwipeGestureRecognizer *recognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:selector];
   recognizer.direction = direction;
@@ -225,8 +227,7 @@ - (void)addSwipeGestureRecognizerWithSelector:(nonnull SEL)selector direction:(U
 - (void)sendAppleTVEvent:(NSString *)eventType toView:(__unused UIView *)v
 {
   [[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification
-                                                      object:@{@"eventType":eventType}];
+                                                      object:@{@"eventType" : eventType}];
 }
 
-
 @end
diff --git a/React/Base/RCTTouchEvent.m b/React/Base/RCTTouchEvent.m
index 4c1199526eb93c..3fcc8d71ae8208 100644
--- a/React/Base/RCTTouchEvent.m
+++ b/React/Base/RCTTouchEvent.m
@@ -9,8 +9,7 @@
 
 #import "RCTAssert.h"
 
-@implementation RCTTouchEvent
-{
+@implementation RCTTouchEvent {
   NSArray<NSDictionary *> *_reactTouches;
   NSArray<NSNumber *> *_changedIndexes;
   uint16_t _coalescingKey;
@@ -35,7 +34,7 @@ - (instancetype)initWithEventName:(NSString *)eventName
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 #pragma mark - RCTEvent
 
@@ -44,27 +43,43 @@ - (BOOL)canCoalesce
   return [_eventName isEqual:@"touchMove"];
 }
 
-// We coalesce only move events, while holding some assumptions that seem reasonable but there are no explicit guarantees about them.
+// We coalesce only move events, while holding some assumptions that seem reasonable but there are no explicit
+// guarantees about them.
 - (id<RCTEvent>)coalesceWithEvent:(id<RCTEvent>)newEvent
 {
-  RCTAssert([newEvent isKindOfClass:[RCTTouchEvent class]], @"Touch event cannot be coalesced with any other type of event, such as provided %@", newEvent);
+  RCTAssert(
+      [newEvent isKindOfClass:[RCTTouchEvent class]],
+      @"Touch event cannot be coalesced with any other type of event, such as provided %@",
+      newEvent);
   RCTTouchEvent *newTouchEvent = (RCTTouchEvent *)newEvent;
-  RCTAssert([_reactTouches count] == [newTouchEvent->_reactTouches count], @"Touch events have different number of touches. %@ %@", self, newEvent);
+  RCTAssert(
+      [_reactTouches count] == [newTouchEvent->_reactTouches count],
+      @"Touch events have different number of touches. %@ %@",
+      self,
+      newEvent);
 
   BOOL newEventIsMoreRecent = NO;
   BOOL oldEventIsMoreRecent = NO;
   NSInteger count = _reactTouches.count;
-  for (int i = 0; i<count; i++) {
+  for (int i = 0; i < count; i++) {
     NSDictionary *touch = _reactTouches[i];
     NSDictionary *newTouch = newTouchEvent->_reactTouches[i];
-    RCTAssert([touch[@"identifier"] isEqual:newTouch[@"identifier"]], @"Touch events doesn't have touches in the same order. %@ %@", touch, newTouch);
+    RCTAssert(
+        [touch[@"identifier"] isEqual:newTouch[@"identifier"]],
+        @"Touch events doesn't have touches in the same order. %@ %@",
+        touch,
+        newTouch);
     if ([touch[@"timestamp"] doubleValue] > [newTouch[@"timestamp"] doubleValue]) {
       oldEventIsMoreRecent = YES;
     } else {
       newEventIsMoreRecent = YES;
     }
   }
-  RCTAssert(!(oldEventIsMoreRecent && newEventIsMoreRecent), @"Neither touch event is exclusively more recent than the other one. %@ %@", _reactTouches, newTouchEvent->_reactTouches);
+  RCTAssert(
+      !(oldEventIsMoreRecent && newEventIsMoreRecent),
+      @"Neither touch event is exclusively more recent than the other one. %@ %@",
+      _reactTouches,
+      newTouchEvent->_reactTouches);
   return newEventIsMoreRecent ? newEvent : self;
 }
 
@@ -75,7 +90,7 @@ + (NSString *)moduleDotMethod
 
 - (NSArray *)arguments
 {
-  return @[RCTNormalizeInputEventName(_eventName), _reactTouches, _changedIndexes];
+  return @[ RCTNormalizeInputEventName(_eventName), _reactTouches, _changedIndexes ];
 }
 
 - (uint16_t)coalescingKey
@@ -85,7 +100,8 @@ - (uint16_t)coalescingKey
 
 - (NSString *)description
 {
-  return [NSString stringWithFormat:@"<%@: %p; name = %@; coalescing key = %hu>", [self class], self, _eventName, _coalescingKey];
+  return [NSString
+      stringWithFormat:@"<%@: %p; name = %@; coalescing key = %hu>", [self class], self, _eventName, _coalescingKey];
 }
 
 @end
diff --git a/React/Base/RCTTouchHandler.m b/React/Base/RCTTouchHandler.m
index cf2c49f063e695..fd76cf45f842b5 100644
--- a/React/Base/RCTTouchHandler.m
+++ b/React/Base/RCTTouchHandler.m
@@ -26,8 +26,7 @@ @interface RCTTouchHandler () <UIGestureRecognizerDelegate>
 
 // TODO: this class behaves a lot like a module, and could be implemented as a
 // module if we were to assume that modules and RootViews had a 1:1 relationship
-@implementation RCTTouchHandler
-{
+@implementation RCTTouchHandler {
   __weak RCTEventDispatcher *_eventDispatcher;
 
   /**
@@ -77,7 +76,7 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithTarget:(id)target action:(SEL)action)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithTarget : (id)target action : (SEL)action)
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)coder)
 #endif // ]TODO(macOS ISS#2323203)
@@ -107,8 +106,7 @@ - (void)_recordNewTouches:(NSSet *)touches
   for (NSEvent *touch in touches) {
 #endif // ]TODO(macOS ISS#2323203)
 
-    RCTAssert(![_nativeTouches containsObject:touch],
-              @"Touch is already recorded. This is a critical bug.");
+    RCTAssert(![_nativeTouches containsObject:touch], @"Touch is already recorded. This is a critical bug.");
 
     // Find closest React-managed touchable view
     
@@ -183,7 +181,7 @@ - (NSInteger)_eventWithNumber:(NSInteger)touchID
     NSInteger usedID = [reactTouch[@"identifier"] integerValue];
     if (usedID == touchID) {
       // ID has already been used, try next value
-      touchID ++;
+      touchID++;
     } else if (usedID > touchID) {
       // If usedID > touchID, touchID must be unique, so we can stop looking
       break;
@@ -236,7 +234,8 @@ - (void)_updateReactTouchAtIndex:(NSInteger)touchIndex
   reactTouch[@"pageY"] = @(RCTSanitizeNaNValue(rootViewLocation.y, @"touchEvent.pageY"));
   reactTouch[@"locationX"] = @(RCTSanitizeNaNValue(touchViewLocation.x, @"touchEvent.locationX"));
   reactTouch[@"locationY"] = @(RCTSanitizeNaNValue(touchViewLocation.y, @"touchEvent.locationY"));
-  reactTouch[@"timestamp"] =  @(nativeTouch.timestamp * 1000); // in ms, for JS
+  reactTouch[@"timestamp"] = @(nativeTouch.timestamp * 1000); // in ms, for JS
+
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   // TODO: force for a 'normal' touch is usually 1.0;
   // should we expose a `normalTouchForce` constant somewhere (which would
@@ -283,8 +282,11 @@ - (void)_updateReactTouchAtIndex:(NSInteger)touchIndex
  * (start/end/move/cancel) and the indices that represent "changed" `Touch`es
  * from that array.
  */
-- (void)_updateAndDispatchTouches:(NSSet *)touches // TODO(macOS ISS#2323203)
-                        eventName:(NSString *)eventName
+#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+- (void)_updateAndDispatchTouches:(NSSet<UITouch *> *)touches eventName:(NSString *)eventName
+#else // [TODO(macOS ISS#2323203)
+- (void)_updateAndDispatchTouches:(NSSet<NSEvent *> *)touches eventName:(NSString *)eventName
+#endif // ]TODO(macOS ISS#2323203)
 {
   // Update touches
   NSMutableArray<NSNumber *> *changedIndexes = [NSMutableArray new];
@@ -316,8 +318,7 @@ - (void)_updateAndDispatchTouches:(NSSet *)touches // TODO(macOS ISS#2323203)
 
   // Deep copy the touches because they will be accessed from another thread
   // TODO: would it be safer to do this in the bridge or executor, rather than trusting caller?
-  NSMutableArray<NSDictionary *> *reactTouches =
-  [[NSMutableArray alloc] initWithCapacity:_reactTouches.count];
+  NSMutableArray<NSDictionary *> *reactTouches = [[NSMutableArray alloc] initWithCapacity:_reactTouches.count];
   for (NSDictionary *touch in _reactTouches) {
     [reactTouches addObject:[touch copy]];
   }
@@ -371,9 +372,7 @@ - (void)_cacheRootView
 static BOOL RCTAllTouchesAreCancelledOrEnded(NSSet *touches) // TODO(macOS ISS#2323203)
 {
   for (UITouch *touch in touches) {
-    if (touch.phase == UITouchPhaseBegan ||
-        touch.phase == UITouchPhaseMoved ||
-        touch.phase == UITouchPhaseStationary) {
+    if (touch.phase == UITouchPhaseBegan || touch.phase == UITouchPhaseMoved || touch.phase == UITouchPhaseStationary) {
       return NO;
     }
   }
@@ -383,8 +382,7 @@ static BOOL RCTAllTouchesAreCancelledOrEnded(NSSet *touches) // TODO(macOS ISS#2
 static BOOL RCTAnyTouchesChanged(NSSet *touches) // [TODO(macOS ISS#2323203)
 {
   for (UITouch *touch in touches) {
-    if (touch.phase == UITouchPhaseBegan ||
-        touch.phase == UITouchPhaseMoved) {
+    if (touch.phase == UITouchPhaseBegan || touch.phase == UITouchPhaseMoved) {
       return YES;
     }
   }
@@ -573,7 +571,8 @@ - (void)willShowMenuWithEvent:(NSEvent*)event
 
 #pragma mark - UIGestureRecognizerDelegate
 
-- (BOOL)gestureRecognizer:(__unused UIGestureRecognizer *)gestureRecognizer shouldRequireFailureOfGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
+- (BOOL)gestureRecognizer:(__unused UIGestureRecognizer *)gestureRecognizer
+    shouldRequireFailureOfGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
 {
   // Same condition for `failure of` as for `be prevented by`.
   return [self canBePreventedByGestureRecognizer:otherGestureRecognizer];
diff --git a/React/Base/RCTURLRequestHandler.h b/React/Base/RCTURLRequestHandler.h
index c244eb773a452e..89f48f5e3b5cc2 100644
--- a/React/Base/RCTURLRequestHandler.h
+++ b/React/Base/RCTURLRequestHandler.h
@@ -29,8 +29,7 @@
  * delegate methods, or the delegate won't recognize the token.
  * Following common Objective-C pattern, `delegate` will not be retained.
  */
-- (id)sendRequest:(NSURLRequest *)request
-     withDelegate:(id<RCTURLRequestDelegate>)delegate;
+- (id)sendRequest:(NSURLRequest *)request withDelegate:(id<RCTURLRequestDelegate>)delegate;
 
 @optional
 
diff --git a/React/Base/RCTUtils.h b/React/Base/RCTUtils.h
index 03cfd2dc1dd3df..2fe47c0eeba781 100644
--- a/React/Base/RCTUtils.h
+++ b/React/Base/RCTUtils.h
@@ -67,10 +67,13 @@ RCT_EXTERN BOOL RCTClassOverridesClassMethod(Class cls, SEL selector);
 RCT_EXTERN BOOL RCTClassOverridesInstanceMethod(Class cls, SEL selector);
 
 // Creates a standardized error object to return in callbacks
-RCT_EXTERN NSDictionary<NSString *, id> *RCTMakeError(NSString *message, id __nullable toStringify, NSDictionary<NSString *, id> *__nullable extraData);
-RCT_EXTERN NSDictionary<NSString *, id> *RCTMakeAndLogError(NSString *message, id __nullable toStringify, NSDictionary<NSString *, id> *__nullable extraData);
+RCT_EXTERN NSDictionary<NSString *, id>
+    *RCTMakeError(NSString *message, id __nullable toStringify, NSDictionary<NSString *, id> *__nullable extraData);
+RCT_EXTERN NSDictionary<NSString *, id> *
+RCTMakeAndLogError(NSString *message, id __nullable toStringify, NSDictionary<NSString *, id> *__nullable extraData);
 RCT_EXTERN NSDictionary<NSString *, id> *RCTJSErrorFromNSError(NSError *error);
-RCT_EXTERN NSDictionary<NSString *, id> *RCTJSErrorFromCodeMessageAndNSError(NSString *code, NSString *message, NSError *__nullable error);
+RCT_EXTERN NSDictionary<NSString *, id>
+    *RCTJSErrorFromCodeMessageAndNSError(NSString *code, NSString *message, NSError *__nullable error);
 
 // The default error code to use as the `code` property for callback error objects
 RCT_EXTERN NSString *const RCTErrorUnspecified;
@@ -104,8 +107,11 @@ RCT_EXTERN NSError *RCTErrorWithMessage(NSString *message);
 
 // Convert nil values to NSNull, and vice-versa
 #define RCTNullIfNil(value) ((value) ?: (id)kCFNull)
-#define RCTNilIfNull(value) \
-  ({ __typeof__(value) t = (value); (id)t == (id)kCFNull ? (__typeof(value))nil : t; })
+#define RCTNilIfNull(value)                           \
+  ({                                                  \
+    __typeof__(value) t = (value);                    \
+    (id) t == (id)kCFNull ? (__typeof(value))nil : t; \
+  })
 
 // Convert NaN or infinite values to zero, as these aren't JSON-safe
 RCT_EXTERN double RCTZeroIfNaN(double value);
@@ -152,7 +158,7 @@ RCT_EXTERN UIImage *__nullable RCTImageFromLocalBundleAssetURL(NSURL *imageURL);
 RCT_EXTERN NSString *__nullable RCTTempFilePath(NSString *__nullable extension, NSError **error);
 
 // Get RGBA components of CGColor
-RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnull 4]); // TODO(OSS Candidate ISS#2710739)
+RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnull 4]);
 
 // Converts a CGColor to a hex string
 RCT_EXTERN NSString *RCTColorToHexString(CGColorRef color);
@@ -170,13 +176,20 @@ RCT_EXTERN NSString *RCTHumanReadableType(NSObject *obj);
 
 // URL manipulation
 RCT_EXTERN NSString *__nullable RCTGetURLQueryParam(NSURL *__nullable URL, NSString *param);
-RCT_EXTERN NSURL *__nullable RCTURLByReplacingQueryParam(NSURL *__nullable URL, NSString *param, NSString *__nullable value);
+RCT_EXTERN NSURL *__nullable
+RCTURLByReplacingQueryParam(NSURL *__nullable URL, NSString *param, NSString *__nullable value);
 
 // Given a string, drop common RN prefixes (RCT, RK, etc.)
 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);
+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 9ccedb331e07d5..0418a046c8025e 100644
--- a/React/Base/RCTUtils.m
+++ b/React/Base/RCTUtils.m
@@ -17,9 +17,9 @@
 
 #import <CommonCrypto/CommonCrypto.h>
 
+#import <React/RCTUtilsUIOverride.h>
 #import "RCTAssert.h"
 #import "RCTLog.h"
-#import <React/RCTUtilsUIOverride.h>
 
 NSString *const RCTErrorUnspecified = @"EUNSPECIFIED";
 
@@ -46,33 +46,32 @@
     SEL selector = NSSelectorFromString(@"JSONStringWithOptions:error:");
     if ([NSDictionary instancesRespondToSelector:selector]) {
       JSONKitSelector = selector;
-      collectionTypes = [NSSet setWithObjects:
-                         [NSArray class], [NSMutableArray class],
-                         [NSDictionary class], [NSMutableDictionary class], nil];
+      collectionTypes = [NSSet setWithObjects:[NSArray class],
+                                              [NSMutableArray class],
+                                              [NSDictionary class],
+                                              [NSMutableDictionary class],
+                                              nil];
     }
   });
 
   @try {
-
     // Use JSONKit if available and object is not a fragment
     if (JSONKitSelector && [collectionTypes containsObject:[jsonObject classForCoder]]) {
-      return ((NSString *(*)(id, SEL, int, NSError **))objc_msgSend)(jsonObject, JSONKitSelector, 0, error);
+      return ((NSString * (*)(id, SEL, int, NSError **)) objc_msgSend)(jsonObject, JSONKitSelector, 0, error);
     }
 
     // Use Foundation JSON method
-    NSData *jsonData = [NSJSONSerialization
-                        dataWithJSONObject:jsonObject options:(NSJSONWritingOptions)NSJSONReadingAllowFragments
-                        error:error];
+    NSData *jsonData = [NSJSONSerialization dataWithJSONObject:jsonObject
+                                                       options:(NSJSONWritingOptions)NSJSONReadingAllowFragments
+                                                         error:error];
 
     return jsonData ? [[NSString alloc] initWithData:jsonData encoding:NSUTF8StringEncoding] : nil;
-  }
-  @catch (NSException *exception) {
-
+  } @catch (NSException *exception) {
     // Convert exception to error
     if (error) {
-      *error = [NSError errorWithDomain:RCTErrorDomain code:0 userInfo:@{
-        NSLocalizedDescriptionKey: exception.description ?: @""
-      }];
+      *error = [NSError errorWithDomain:RCTErrorDomain
+                                   code:0
+                               userInfo:@{NSLocalizedDescriptionKey : exception.description ?: @""}];
     }
     return nil;
   }
@@ -86,8 +85,7 @@
     NSError *localError;
     NSString *json = _RCTJSONStringifyNoRetry(jsonObject, &localError);
     if (localError) {
-      RCTLogError(@"RCTJSONStringify() encountered the following error: %@",
-                  localError.localizedDescription);
+      RCTLogError(@"RCTJSONStringify() encountered the following error: %@", localError.localizedDescription);
       // Sanitize the data, then retry. This is slow, but it prevents uncaught
       // data issues from crashing in production
       return _RCTJSONStringifyNoRetry(RCTJSONClean(jsonObject), NULL);
@@ -110,7 +108,6 @@ static id __nullable _RCTJSONParse(NSString *__nullable jsonString, BOOL mutable
   });
 
   if (jsonString) {
-
     // Use JSONKit if available and string is not a fragment
     if (JSONKitSelector) {
       NSInteger length = jsonString.length;
@@ -119,7 +116,7 @@ static id __nullable _RCTJSONParse(NSString *__nullable jsonString, BOOL mutable
         if (strchr("{[", c)) {
           static const int options = (1 << 2); // loose unicode
           SEL selector = mutable ? JSONKitMutableSelector : JSONKitSelector;
-          return ((id (*)(id, SEL, int, NSError **))objc_msgSend)(jsonString, selector, options, error);
+          return ((id(*)(id, SEL, int, NSError **))objc_msgSend)(jsonString, selector, options, error);
         }
         if (!strchr(" \r\n\t", c)) {
           break;
@@ -132,8 +129,10 @@ static id __nullable _RCTJSONParse(NSString *__nullable jsonString, BOOL mutable
     if (!jsonData) {
       jsonData = [jsonString dataUsingEncoding:NSUTF8StringEncoding allowLossyConversion:YES];
       if (jsonData) {
-        RCTLogWarn(@"RCTJSONParse received the following string, which could "
-                   "not be losslessly converted to UTF8 data: '%@'", jsonString);
+        RCTLogWarn(
+            @"RCTJSONParse received the following string, which could "
+             "not be losslessly converted to UTF8 data: '%@'",
+            jsonString);
       } else {
         NSString *errorMessage = @"RCTJSONParse received invalid UTF8 data";
         if (error) {
@@ -148,9 +147,7 @@ static id __nullable _RCTJSONParse(NSString *__nullable jsonString, BOOL mutable
     if (mutable) {
       options |= NSJSONReadingMutableContainers;
     }
-    return [NSJSONSerialization JSONObjectWithData:jsonData
-                                           options:options
-                                             error:error];
+    return [NSJSONSerialization JSONObjectWithData:jsonData options:options error:error];
   }
   return nil;
 }
@@ -170,12 +167,8 @@ id RCTJSONClean(id object)
   static dispatch_once_t onceToken;
   static NSSet<Class> *validLeafTypes;
   dispatch_once(&onceToken, ^{
-    validLeafTypes = [[NSSet alloc] initWithArray:@[
-      [NSString class],
-      [NSMutableString class],
-      [NSNumber class],
-      [NSNull class],
-    ]];
+    validLeafTypes =
+        [[NSSet alloc] initWithArray:@ [[NSString class], [NSMutableString class], [NSNumber class], [NSNull class], ]];
   });
 
   if ([validLeafTypes containsObject:[object classForCoder]]) {
@@ -231,11 +224,22 @@ id RCTJSONClean(id object)
   CC_MD5(str, (CC_LONG)strlen(str), result);
 
   return [NSString stringWithFormat:@"%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x",
-    result[0], result[1], result[2], result[3],
-    result[4], result[5], result[6], result[7],
-    result[8], result[9], result[10], result[11],
-    result[12], result[13], result[14], result[15]
-  ];
+                                    result[0],
+                                    result[1],
+                                    result[2],
+                                    result[3],
+                                    result[4],
+                                    result[5],
+                                    result[6],
+                                    result[7],
+                                    result[8],
+                                    result[9],
+                                    result[10],
+                                    result[11],
+                                    result[12],
+                                    result[13],
+                                    result[14],
+                                    result[15]];
 }
 
 BOOL RCTIsMainQueue()
@@ -243,8 +247,7 @@ BOOL RCTIsMainQueue()
   static void *mainQueueKey = &mainQueueKey;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    dispatch_queue_set_specific(dispatch_get_main_queue(),
-                                mainQueueKey, mainQueueKey, NULL);
+    dispatch_queue_set_specific(dispatch_get_main_queue(), mainQueueKey, mainQueueKey, NULL);
   });
   return dispatch_get_specific(mainQueueKey) == mainQueueKey;
 }
@@ -358,8 +361,8 @@ CGFloat RCTFloorPixelValue(CGFloat value, CGFloat scale)
 CGSize RCTSizeInPixels(CGSize pointSize, CGFloat scale)
 {
   return (CGSize){
-    ceil(pointSize.width * scale),
-    ceil(pointSize.height * scale),
+      ceil(pointSize.width * scale),
+      ceil(pointSize.height * scale),
   };
 }
 
@@ -420,9 +423,8 @@ BOOL RCTClassOverridesInstanceMethod(Class cls, SEL selector)
   return NO;
 }
 
-NSDictionary<NSString *, id> *RCTMakeError(NSString *message,
-                                           id __nullable toStringify,
-                                           NSDictionary<NSString *, id> *__nullable extraData)
+NSDictionary<NSString *, id>
+    *RCTMakeError(NSString *message, id __nullable toStringify, NSDictionary<NSString *, id> *__nullable extraData)
 {
   if (toStringify) {
     message = [message stringByAppendingString:[toStringify description]];
@@ -433,9 +435,8 @@ BOOL RCTClassOverridesInstanceMethod(Class cls, SEL selector)
   return error;
 }
 
-NSDictionary<NSString *, id> *RCTMakeAndLogError(NSString *message,
-                                                 id __nullable toStringify,
-                                                 NSDictionary<NSString *, id> *__nullable extraData)
+NSDictionary<NSString *, id> *
+RCTMakeAndLogError(NSString *message, id __nullable toStringify, NSDictionary<NSString *, id> *__nullable extraData)
 {
   NSDictionary<NSString *, id> *error = RCTMakeError(message, toStringify, extraData);
   RCTLogError(@"\nError: %@", error);
@@ -444,22 +445,20 @@ BOOL RCTClassOverridesInstanceMethod(Class cls, SEL selector)
 
 NSDictionary<NSString *, id> *RCTJSErrorFromNSError(NSError *error)
 {
-  NSString *codeWithDomain = [NSString stringWithFormat:@"E%@%lld", error.domain.uppercaseString, (long long)error.code];
-  return RCTJSErrorFromCodeMessageAndNSError(codeWithDomain,
-                                             error.localizedDescription,
-                                             error);
+  NSString *codeWithDomain =
+      [NSString stringWithFormat:@"E%@%lld", error.domain.uppercaseString, (long long)error.code];
+  return RCTJSErrorFromCodeMessageAndNSError(codeWithDomain, error.localizedDescription, error);
 }
 
 // TODO: Can we just replace RCTMakeError with this function instead?
-NSDictionary<NSString *, id> *RCTJSErrorFromCodeMessageAndNSError(NSString *code,
-                                                                  NSString *message,
-                                                                  NSError *__nullable error)
+NSDictionary<NSString *, id>
+    *RCTJSErrorFromCodeMessageAndNSError(NSString *code, NSString *message, NSError *__nullable error)
 {
   NSString *errorMessage;
   NSArray<NSString *> *stackTrace = [NSThread callStackSymbols];
   NSMutableDictionary *userInfo;
-  NSMutableDictionary<NSString *, id> *errorInfo =
-  [NSMutableDictionary dictionaryWithObject:stackTrace forKey:@"nativeStackIOS"];
+  NSMutableDictionary<NSString *, id> *errorInfo = [NSMutableDictionary dictionaryWithObject:stackTrace
+                                                                                      forKey:@"nativeStackIOS"];
 
   if (error) {
     errorMessage = error.localizedDescription ?: @"Unknown error from a native module";
@@ -469,7 +468,8 @@ BOOL RCTClassOverridesInstanceMethod(Class cls, SEL selector)
       if (userInfo != nil && userInfo[NSUnderlyingErrorKey] != nil) {
         NSError *underlyingError = error.userInfo[NSUnderlyingErrorKey];
         NSString *underlyingCode = [NSString stringWithFormat:@"%d", (int)underlyingError.code];
-        userInfo[NSUnderlyingErrorKey] = RCTJSErrorFromCodeMessageAndNSError(underlyingCode, @"underlying error", underlyingError);
+        userInfo[NSUnderlyingErrorKey] =
+            RCTJSErrorFromCodeMessageAndNSError(underlyingCode, @"underlying error", underlyingError);
       }
     }
   } else {
@@ -492,10 +492,8 @@ BOOL RCTRunningInTestEnvironment(void)
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     NSDictionary *environment = [[NSProcessInfo processInfo] environment];
-    isTestEnvironment = objc_lookUpClass("SenTestCase") ||
-    objc_lookUpClass("XCTest") ||
-    objc_lookUpClass("SnapshotTestAppDelegate") ||
-    [environment[@"IS_TESTING"] boolValue];
+    isTestEnvironment = objc_lookUpClass("SenTestCase") || objc_lookUpClass("XCTest") ||
+        objc_lookUpClass("SnapshotTestAppDelegate") || [environment[@"IS_TESTING"] boolValue];
   });
   return isTestEnvironment;
 }
@@ -556,8 +554,8 @@ BOOL RCTForceTouchAvailable(void)
   static BOOL forceSupported;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    forceSupported = [UITraitCollection class] &&
-    [UITraitCollection instancesRespondToSelector:@selector(forceTouchCapability)];
+    forceSupported =
+        [UITraitCollection class] && [UITraitCollection instancesRespondToSelector:@selector(forceTouchCapability)];
   });
 
   if (@available(iOS 9.0, *)) { // TODO(OSS Candidate ISS#2710739)
@@ -571,7 +569,7 @@ BOOL RCTForceTouchAvailable(void)
 
 NSError *RCTErrorWithMessage(NSString *message)
 {
-  NSDictionary<NSString *, id> *errorInfo = @{NSLocalizedDescriptionKey: message};
+  NSDictionary<NSString *, id> *errorInfo = @{NSLocalizedDescriptionKey : message};
   return [[NSError alloc] initWithDomain:RCTErrorDomain code:0 userInfo:errorInfo];
 }
 
@@ -592,9 +590,10 @@ BOOL RCTForceTouchAvailable(void)
 
 NSURL *RCTDataURL(NSString *mimeType, NSData *data)
 {
-  return [NSURL URLWithString:
-          [NSString stringWithFormat:@"data:%@;base64,%@", mimeType,
-           [data base64EncodedStringWithOptions:(NSDataBase64EncodingOptions)0]]];
+  return [NSURL
+      URLWithString:[NSString stringWithFormat:@"data:%@;base64,%@",
+                                               mimeType,
+                                               [data base64EncodedStringWithOptions:(NSDataBase64EncodingOptions)0]]];
 }
 
 BOOL RCTIsGzippedData(NSData *__nullable); // exposed for unit testing purposes
@@ -627,7 +626,7 @@ BOOL RCTIsGzippedData(NSData *__nullable data)
   static const NSUInteger RCTGZipChunkSize = 16384;
 
   NSMutableData *output = nil;
-  int compression = (level < 0.0f)? Z_DEFAULT_COMPRESSION: (int)(roundf(level * 9));
+  int compression = (level < 0.0f) ? Z_DEFAULT_COMPRESSION : (int)(roundf(level * 9));
   if (deflateInit2(&stream, compression, Z_DEFLATED, 31, 8, Z_DEFAULT_STRATEGY) == Z_OK) {
     output = [NSMutableData dataWithLength:RCTGZipChunkSize];
     while (stream.avail_out == 0) {
@@ -667,12 +666,12 @@ BOOL RCTIsGzippedData(NSData *__nullable data)
 
 NSString *__nullable RCTLibraryPath(void)
 {
-    static NSString *libraryPath = nil;
-    static dispatch_once_t onceToken;
-    dispatch_once(&onceToken, ^{
-        libraryPath = [NSSearchPathForDirectoriesInDomains(NSLibraryDirectory, NSUserDomainMask, YES) lastObject];
-    });
-    return libraryPath;
+  static NSString *libraryPath = nil;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    libraryPath = [NSSearchPathForDirectoriesInDomains(NSLibraryDirectory, NSUserDomainMask, YES) lastObject];
+  });
+  return libraryPath;
 }
 
 NSString *__nullable RCTHomePath(void)
@@ -688,7 +687,6 @@ BOOL RCTIsGzippedData(NSData *__nullable data)
 NSString *__nullable RCTBundlePathForURL(NSURL *__nullable URL)
 {
   return RCTRelativePathForURL([[NSBundle mainBundle] resourcePath], URL);
-
 }
 
 NSString *__nullable RCTLibraryPathForURL(NSURL *__nullable URL)
@@ -766,7 +764,8 @@ BOOL RCTIsLocalAssetURL(NSURL *__nullable imageURL)
   // Get the bundle URL, and add the image URL
   // Note that we have to add both host and path, since host is the first "assets" part
   // while path is the rest of the URL
-  NSURL *bundleImageUrl = [[[NSBundle mainBundle] bundleURL] URLByAppendingPathComponent:[imageURL.host stringByAppendingString:imageURL.path]];
+  NSURL *bundleImageUrl = [[[NSBundle mainBundle] bundleURL]
+      URLByAppendingPathComponent:[imageURL.host stringByAppendingString:imageURL.path]];
   return RCTImageFromLocalAssetURL(bundleImageUrl);
 }
 
@@ -818,7 +817,7 @@ BOOL RCTIsLocalAssetURL(NSURL *__nullable imageURL)
 
   if (!image) {
     // Attempt to load from the file system
-    const char* fileSystemCString = [imageURL fileSystemRepresentation];
+    const char *fileSystemCString = [imageURL fileSystemRepresentation];
     if (fileSystemCString != NULL) {
       NSString *filePath = [NSString stringWithUTF8String:fileSystemCString];
       if (filePath.pathExtension.length == 0) {
@@ -834,10 +833,11 @@ BOOL RCTIsLocalAssetURL(NSURL *__nullable imageURL)
 
   if (!image && !bundle) {
     // We did not find the image in the mainBundle, check in other shipped frameworks.
-    NSArray<NSURL *> *possibleFrameworks = [[NSFileManager defaultManager] contentsOfDirectoryAtURL:[[NSBundle mainBundle] privateFrameworksURL]
-                                                                        includingPropertiesForKeys:@[]
-                                                                                           options:0
-                                                                                             error:nil];
+    NSArray<NSURL *> *possibleFrameworks =
+        [[NSFileManager defaultManager] contentsOfDirectoryAtURL:[[NSBundle mainBundle] privateFrameworksURL]
+                                      includingPropertiesForKeys:@[]
+                                                         options:0
+                                                           error:nil];
     for (NSURL *frameworkURL in possibleFrameworks) {
       bundle = [NSBundle bundleWithURL:frameworkURL];
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -899,22 +899,19 @@ BOOL RCTIsLocalAssetURL(NSURL *__nullable imageURL)
   return [directory stringByAppendingPathComponent:filename];
 }
 
-RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnull 4]) // TODO(OSS Candidate ISS#2710739)
+RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[4])
 {
   CGColorSpaceModel model = CGColorSpaceGetModel(CGColorGetColorSpace(color));
   const CGFloat *components = CGColorGetComponents(color);
-  switch (model)
-  {
-    case kCGColorSpaceModelMonochrome:
-    {
+  switch (model) {
+    case kCGColorSpaceModelMonochrome: {
       rgba[0] = components[0];
       rgba[1] = components[0];
       rgba[2] = components[0];
       rgba[3] = components[1];
       break;
     }
-    case kCGColorSpaceModelRGB:
-    {
+    case kCGColorSpaceModelRGB: {
       rgba[0] = components[0];
       rgba[1] = components[1];
       rgba[2] = components[2];
@@ -928,11 +925,9 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
     case kCGColorSpaceModelPattern:
     case kCGColorSpaceModelUnknown:
     // TODO: kCGColorSpaceModelXYZ should be added sometime after Xcode 10 release.
-    default:
-    {
-
+    default: {
 #if RCT_DEBUG
-      //unsupported format
+      // unsupported format
       RCTLogError(@"Unsupported color model: %i", model);
 #endif
 
@@ -949,10 +944,10 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
 {
   CGFloat rgba[4];
   RCTGetRGBAColorComponents(color, rgba);
-  uint8_t r = rgba[0]*255;
-  uint8_t g = rgba[1]*255;
-  uint8_t b = rgba[2]*255;
-  uint8_t a = rgba[3]*255;
+  uint8_t r = rgba[0] * 255;
+  uint8_t g = rgba[1] * 255;
+  uint8_t b = rgba[2] * 255;
+  uint8_t a = rgba[3] * 255;
   if (a < 255) {
     return [NSString stringWithFormat:@"#%02x%02x%02x%02x", r, g, b, a];
   } else {
@@ -969,13 +964,13 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
 }
 #endif // TODO(macOS ISS#2323203)
 
-NSString  *RCTHumanReadableType(NSObject *obj)
+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) {
+    if (intVal == 0 || intVal == 1) {
       return @"boolean or number";
     }
 
@@ -992,8 +987,7 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
     return nil;
   }
 
-  NSURLComponents *components = [NSURLComponents componentsWithURL:URL
-                                           resolvingAgainstBaseURL:YES];
+  NSURLComponents *components = [NSURLComponents componentsWithURL:URL resolvingAgainstBaseURL:YES];
   for (NSURLQueryItem *queryItem in [components.queryItems reverseObjectEnumerator]) {
     if ([queryItem.name isEqualToString:param]) {
       return queryItem.value;
@@ -1010,26 +1004,24 @@ RCT_EXTERN void RCTGetRGBAColorComponents(CGColorRef color, CGFloat rgba[_Nonnul
     return nil;
   }
 
-  NSURLComponents *components = [NSURLComponents componentsWithURL:URL
-                                           resolvingAgainstBaseURL:YES];
+  NSURLComponents *components = [NSURLComponents componentsWithURL:URL resolvingAgainstBaseURL:YES];
 
   __block NSInteger paramIndex = NSNotFound;
   NSMutableArray<NSURLQueryItem *> *queryItems = [components.queryItems mutableCopy];
-  [queryItems enumerateObjectsWithOptions:NSEnumerationReverse usingBlock:
-   ^(NSURLQueryItem *item, NSUInteger i, BOOL *stop) {
-     if ([item.name isEqualToString:param]) {
-       paramIndex = i;
-       *stop = YES;
-     }
-   }];
+  [queryItems enumerateObjectsWithOptions:NSEnumerationReverse
+                               usingBlock:^(NSURLQueryItem *item, NSUInteger i, BOOL *stop) {
+                                 if ([item.name isEqualToString:param]) {
+                                   paramIndex = i;
+                                   *stop = YES;
+                                 }
+                               }];
 
   if (!value) {
     if (paramIndex != NSNotFound) {
       [queryItems removeObjectAtIndex:paramIndex];
     }
   } else {
-    NSURLQueryItem *newItem  = [NSURLQueryItem queryItemWithName:param
-                                                           value:value];
+    NSURLQueryItem *newItem = [NSURLQueryItem queryItemWithName:param value:value];
     if (paramIndex == NSNotFound) {
       [queryItems addObject:newItem];
     } else {
@@ -1057,18 +1049,24 @@ RCT_EXTERN BOOL RCTUIManagerTypeForTagIsFabric(NSNumber *reactTag)
   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)
+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);
+        @"%@ command %@ received %@ argument of type %@, expected %@.",
+        componentName,
+        commandName,
+        argPos,
+        kindOfClass,
+        expectedType);
     return false;
   }
 
diff --git a/React/Base/RCTVersion.h b/React/Base/RCTVersion.h
index b136fd4dba3642..5bc858ddf7bce2 100644
--- a/React/Base/RCTVersion.h
+++ b/React/Base/RCTVersion.h
@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-
 #import <Foundation/Foundation.h>
 
 #import <React/RCTDefines.h>
 
-RCT_EXTERN NSString* const RCTVersionMajor;
-RCT_EXTERN NSString* const RCTVersionMinor;
-RCT_EXTERN NSString* const RCTVersionPatch;
-RCT_EXTERN NSString* const RCTVersionPrerelease;
+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);
+RCT_EXTERN NSDictionary *RCTGetReactNativeVersion(void);
diff --git a/React/Base/RCTVersion.m b/React/Base/RCTVersion.m
index e5236b643b7de7..cb8461a596c7d7 100644
--- a/React/Base/RCTVersion.m
+++ b/React/Base/RCTVersion.m
@@ -22,7 +22,7 @@
   dispatch_once(&onceToken, ^(void){
     __rnVersion = @{
                   RCTVersionMajor: @(0),
-                  RCTVersionMinor: @(62),
+                  RCTVersionMinor: @(63),
                   RCTVersionPatch: @(2),
                   RCTVersionPrerelease: [NSNull null],
                   };
diff --git a/React/Base/Surface/RCTSurface.h b/React/Base/Surface/RCTSurface.h
index 5d4596978170de..a236bc4544777e 100644
--- a/React/Base/Surface/RCTSurface.h
+++ b/React/Base/Surface/RCTSurface.h
@@ -66,8 +66,7 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  * Sets `minimumSize` and `maximumSize` layout constraints for the Surface.
  */
-- (void)setMinimumSize:(CGSize)minimumSize
-           maximumSize:(CGSize)maximumSize;
+- (void)setMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize;
 
 /**
  * Previously set `minimumSize` layout constraint.
@@ -92,8 +91,7 @@ NS_ASSUME_NONNULL_BEGIN
  * Measures the Surface with given constraints.
  * This method does not cause any side effects on the surface object.
  */
-- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
-                      maximumSize:(CGSize)maximumSize;
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize;
 
 /**
  * Return the current size of the root view based on (but not clamp by) current
@@ -129,7 +127,9 @@ NS_ASSUME_NONNULL_BEGIN
  * Mount the React component specified by the given moduleName. This is typically
  * calling runApplication.js from the native side.
  */
-- (void)mountReactComponentWithBridge:(RCTBridge *)bridge moduleName:(NSString *)moduleName params:(NSDictionary *)params;
+- (void)mountReactComponentWithBridge:(RCTBridge *)bridge
+                           moduleName:(NSString *)moduleName
+                               params:(NSDictionary *)params;
 
 /**
  * Unmount the React component specified by the given rootViewTag, called from native.
diff --git a/React/Base/Surface/RCTSurface.mm b/React/Base/Surface/RCTSurface.mm
index e796bdc6bc286f..0aa7653b9bc1c3 100644
--- a/React/Base/Surface/RCTSurface.mm
+++ b/React/Base/Surface/RCTSurface.mm
@@ -9,6 +9,7 @@
 #import "RCTSurfaceView+Internal.h"
 
 #import <mutex>
+
 #import <stdatomic.h>
 
 #import "RCTAssert.h"
@@ -57,12 +58,11 @@ @implementation RCTSurface {
   atomic_bool _waitingForMountingStageOnMainQueue;
 }
 
-
 - (instancetype)initWithBridge:(RCTBridge *)bridge
                     moduleName:(NSString *)moduleName
              initialProperties:(NSDictionary *)initialProperties
 {
-  RCTAssert(bridge.valid, @"Valid bridge is required to instanciate `RCTSurface`.");
+  RCTAssert(bridge.valid, @"Valid bridge is required to instantiate `RCTSurface`.");
 
   if (self = [super init]) {
     _bridge = bridge;
@@ -165,14 +165,14 @@ - (void)_mountRootViewIfNeeded
     return;
   }
 
-  RCTSurfaceRootView *rootView =
-    (RCTSurfaceRootView *)[self._uiManager viewForReactTag:self->_rootViewTag];
+  RCTSurfaceRootView *rootView = (RCTSurfaceRootView *)[self._uiManager viewForReactTag:self->_rootViewTag];
   if (!rootView) {
     return;
   }
 
-  RCTAssert([rootView isKindOfClass:[RCTSurfaceRootView class]],
-    @"Received root view is not an instance of `RCTSurfaceRootView`.");
+  RCTAssert(
+      [rootView isKindOfClass:[RCTSurfaceRootView class]],
+      @"Received root view is not an instance of `RCTSurfaceRootView`.");
 
   if (rootView.superview != view) {
     view.rootView = rootView;
@@ -297,11 +297,10 @@ - (void)_run
     return;
   }
 
-  NSDictionary *applicationParameters =
-    @{
-      @"rootTag": _rootViewTag,
-      @"initialProps": properties,
-    };
+  NSDictionary *applicationParameters = @{
+    @"rootTag" : _rootViewTag,
+    @"initialProps" : properties,
+  };
 
   RCTLogInfo(@"Running surface %@ (%@)", _moduleName, applicationParameters);
 
@@ -336,33 +335,32 @@ - (void)_registerRootView
     [uiManager registerRootViewTag:self->_rootViewTag];
 
     RCTSurfaceRootShadowView *rootShadowView =
-      (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
-    RCTAssert([rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
-      @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
+        (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
+    RCTAssert(
+        [rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
+        @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
 
-    [rootShadowView setMinimumSize:minimumSize
-                       maximumSize:maximumSize];
+    [rootShadowView setMinimumSize:minimumSize maximumSize:maximumSize];
     rootShadowView.delegate = self;
   });
 }
 
 #pragma mark - Layout
 
-- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
-                      maximumSize:(CGSize)maximumSize
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize
 {
   RCTUIManager *uiManager = self._uiManager;
   __block CGSize fittingSize;
 
   RCTUnsafeExecuteOnUIManagerQueueSync(^{
     RCTSurfaceRootShadowView *rootShadowView =
-      (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
+        (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
 
-    RCTAssert([rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
-      @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
+    RCTAssert(
+        [rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
+        @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
 
-    fittingSize = [rootShadowView sizeThatFitsMinimumSize:minimumSize
-                                              maximumSize:maximumSize];
+    fittingSize = [rootShadowView sizeThatFitsMinimumSize:minimumSize maximumSize:maximumSize];
   });
 
   return fittingSize;
@@ -375,13 +373,11 @@ - (void)setSize:(CGSize)size
   [self setMinimumSize:size maximumSize:size];
 }
 
-- (void)setMinimumSize:(CGSize)minimumSize
-           maximumSize:(CGSize)maximumSize
+- (void)setMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize
 {
   {
     std::lock_guard<std::mutex> lock(_mutex);
-    if (CGSizeEqualToSize(minimumSize, _minimumSize) &&
-        CGSizeEqualToSize(maximumSize, _maximumSize)) {
+    if (CGSizeEqualToSize(minimumSize, _minimumSize) && CGSizeEqualToSize(maximumSize, _maximumSize)) {
       return;
     }
 
@@ -393,9 +389,10 @@ - (void)setMinimumSize:(CGSize)minimumSize
 
   RCTUnsafeExecuteOnUIManagerQueueSync(^{
     RCTSurfaceRootShadowView *rootShadowView =
-      (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
-    RCTAssert([rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
-      @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
+        (RCTSurfaceRootShadowView *)[uiManager shadowViewForReactTag:self->_rootViewTag];
+    RCTAssert(
+        [rootShadowView isKindOfClass:[RCTSurfaceRootShadowView class]],
+        @"Received shadow view is not an instance of `RCTSurfaceRootShadowView`.");
 
     [rootShadowView setMinimumSize:minimumSize maximumSize:maximumSize];
     [uiManager setNeedsLayout];
@@ -470,7 +467,9 @@ - (BOOL)synchronouslyWaitForStage:(RCTSurfaceStage)stage timeout:(NSTimeInterval
       semaphore = _uiManagerDidPerformMountingSemaphore;
       break;
     default:
-      RCTAssert(NO, @"Only waiting for `RCTSurfaceStageSurfaceDidInitialRendering`, `RCTSurfaceStageSurfaceDidInitialLayout` and `RCTSurfaceStageSurfaceDidInitialMounting` stages are supported.");
+      RCTAssert(
+          NO,
+          @"Only waiting for `RCTSurfaceStageSurfaceDidInitialRendering`, `RCTSurfaceStageSurfaceDidInitialLayout` and `RCTSurfaceStageSurfaceDidInitialMounting` stages are supported.");
   }
 
   BOOL timeoutOccurred = dispatch_semaphore_wait(semaphore, dispatch_time(DISPATCH_TIME_NOW, timeout * NSEC_PER_SEC));
@@ -530,7 +529,7 @@ - (void)rootShadowViewDidStartLayingOut:(__unused RCTSurfaceRootShadowView *)roo
 
 #pragma mark - RCTUIManagerObserver
 
-- (BOOL)uiManager:(__unused RCTUIManager *) manager performMountingWithBlock:(RCTUIManagerMountingBlock)block
+- (BOOL)uiManager:(__unused RCTUIManager *)manager performMountingWithBlock:(RCTUIManagerMountingBlock)block
 {
   if (atomic_load(&_waitingForMountingStageOnMainQueue) && (self.stage & RCTSurfaceStageSurfaceDidInitialLayout)) {
     // Atomic equivalent of `_waitingForMountingStageOnMainQueue = NO;`.
@@ -575,14 +574,19 @@ - (BOOL)stop
 
 #pragma mark - Mounting/Unmounting of React components
 
-- (void)mountReactComponentWithBridge:(RCTBridge *)bridge moduleName:(NSString *)moduleName params:(NSDictionary *)params
+- (void)mountReactComponentWithBridge:(RCTBridge *)bridge
+                           moduleName:(NSString *)moduleName
+                               params:(NSDictionary *)params
 {
-  [bridge enqueueJSCall:@"AppRegistry" method:@"runApplication" args:@[moduleName, params] completion:NULL];
+  [bridge enqueueJSCall:@"AppRegistry" method:@"runApplication" args:@[ moduleName, params ] completion:NULL];
 }
 
 - (void)unmountReactComponentWithBridge:(RCTBridge *)bridge rootViewTag:(NSNumber *)rootViewTag
 {
-  [bridge enqueueJSCall:@"AppRegistry" method:@"unmountApplicationComponentAtRootTag" args:@[rootViewTag] completion:NULL];
+  [bridge enqueueJSCall:@"AppRegistry"
+                 method:@"unmountApplicationComponentAtRootTag"
+                   args:@[ rootViewTag ]
+             completion:NULL];
 }
 
 @end
diff --git a/React/Base/Surface/RCTSurfaceRootShadowView.m b/React/Base/Surface/RCTSurfaceRootShadowView.m
index f69c8be7db984c..97525cba479fbd 100644
--- a/React/Base/Surface/RCTSurfaceRootShadowView.m
+++ b/React/Base/Surface/RCTSurfaceRootShadowView.m
@@ -65,8 +65,7 @@ - (void)layoutWithAffectedShadowViews:(NSHashTable<RCTShadowView *> *)affectedSh
 
 - (void)setMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize
 {
-  if (CGSizeEqualToSize(minimumSize, _minimumSize) &&
-      CGSizeEqualToSize(maximumSize, _maximumSize)) {
+  if (CGSizeEqualToSize(minimumSize, _minimumSize) && CGSizeEqualToSize(maximumSize, _maximumSize)) {
     return;
   }
 
diff --git a/React/Base/Surface/RCTSurfaceRootView.mm b/React/Base/Surface/RCTSurfaceRootView.mm
index da7bdfe72734fd..c1b929cd8ae20c 100644
--- a/React/Base/Surface/RCTSurfaceRootView.mm
+++ b/React/Base/Surface/RCTSurfaceRootView.mm
@@ -11,6 +11,6 @@
 
 @implementation RCTSurfaceRootView
 
-RCT_NOT_IMPLEMENTED(- (nullable instancetype)initWithCoder:(NSCoder *)coder)
+RCT_NOT_IMPLEMENTED(-(nullable instancetype)initWithCoder : (NSCoder *)coder)
 
 @end
diff --git a/React/Base/Surface/RCTSurfaceStage.h b/React/Base/Surface/RCTSurfaceStage.h
index 90cb75465c7c7c..4089a245700526 100644
--- a/React/Base/Surface/RCTSurfaceStage.h
+++ b/React/Base/Surface/RCTSurfaceStage.h
@@ -13,14 +13,14 @@
  * The stage of the Surface
  */
 typedef NS_OPTIONS(NSInteger, RCTSurfaceStage) {
-  RCTSurfaceStageSurfaceDidInitialize = 1 << 0,        // Surface object was created
-  RCTSurfaceStageBridgeDidLoad = 1 << 1,               // Bridge was loaded
-  RCTSurfaceStageModuleDidLoad = 1 << 2,               // Module (JavaScript code) was loaded
-  RCTSurfaceStageSurfaceDidRun = 1 << 3,               // Module (JavaScript code) was run
-  RCTSurfaceStageSurfaceDidInitialRendering = 1 << 4,  // UIManager created the first shadow views
-  RCTSurfaceStageSurfaceDidInitialLayout = 1 << 5,     // UIManager completed the first layout pass
-  RCTSurfaceStageSurfaceDidInitialMounting = 1 << 6,   // UIManager completed the first mounting pass
-  RCTSurfaceStageSurfaceDidStop = 1 << 7,              // Surface stopped
+  RCTSurfaceStageSurfaceDidInitialize = 1 << 0, // Surface object was created
+  RCTSurfaceStageBridgeDidLoad = 1 << 1, // Bridge was loaded
+  RCTSurfaceStageModuleDidLoad = 1 << 2, // Module (JavaScript code) was loaded
+  RCTSurfaceStageSurfaceDidRun = 1 << 3, // Module (JavaScript code) was run
+  RCTSurfaceStageSurfaceDidInitialRendering = 1 << 4, // UIManager created the first shadow views
+  RCTSurfaceStageSurfaceDidInitialLayout = 1 << 5, // UIManager completed the first layout pass
+  RCTSurfaceStageSurfaceDidInitialMounting = 1 << 6, // UIManager completed the first mounting pass
+  RCTSurfaceStageSurfaceDidStop = 1 << 7, // Surface stopped
 
   // Most of the previously existed stages make no sense in the new architecture;
   // now Surface exposes only three simple stages:
@@ -30,7 +30,8 @@ typedef NS_OPTIONS(NSInteger, RCTSurfaceStage) {
   // Surface was started.
   RCTSurfaceStageStarted = 1 << 8,
   // All off-main-thread work is done; we are ready to mount the UI.
-  RCTSurfaceStagePrepared = RCTSurfaceStageBridgeDidLoad | RCTSurfaceStageModuleDidLoad | RCTSurfaceStageSurfaceDidRun | RCTSurfaceStageSurfaceDidInitialRendering | RCTSurfaceStageSurfaceDidInitialLayout,
+  RCTSurfaceStagePrepared = RCTSurfaceStageBridgeDidLoad | RCTSurfaceStageModuleDidLoad | RCTSurfaceStageSurfaceDidRun |
+      RCTSurfaceStageSurfaceDidInitialRendering | RCTSurfaceStageSurfaceDidInitialLayout,
   // All main-thread work is done, the UI was mounted.
   RCTSurfaceStageMounted = RCTSurfaceStageSurfaceDidInitialMounting,
 };
diff --git a/React/Base/Surface/RCTSurfaceStage.m b/React/Base/Surface/RCTSurfaceStage.m
index b5f879a099b50e..d9760a1e1feb41 100644
--- a/React/Base/Surface/RCTSurfaceStage.m
+++ b/React/Base/Surface/RCTSurfaceStage.m
@@ -7,14 +7,12 @@
 
 #import "RCTSurfaceStage.h"
 
-BOOL RCTSurfaceStageIsRunning(RCTSurfaceStage stage) {
-  return
-    (stage & RCTSurfaceStageSurfaceDidInitialLayout) &&
-    !(stage & RCTSurfaceStageSurfaceDidStop);
+BOOL RCTSurfaceStageIsRunning(RCTSurfaceStage stage)
+{
+  return (stage & RCTSurfaceStageSurfaceDidInitialLayout) && !(stage & RCTSurfaceStageSurfaceDidStop);
 }
 
-BOOL RCTSurfaceStageIsPreparing(RCTSurfaceStage stage) {
-  return
-    !(stage & RCTSurfaceStageSurfaceDidInitialLayout) &&
-    !(stage & RCTSurfaceStageSurfaceDidStop);
+BOOL RCTSurfaceStageIsPreparing(RCTSurfaceStage stage)
+{
+  return !(stage & RCTSurfaceStageSurfaceDidInitialLayout) && !(stage & RCTSurfaceStageSurfaceDidStop);
 }
diff --git a/React/Base/Surface/RCTSurfaceView.mm b/React/Base/Surface/RCTSurfaceView.mm
index 38c60dc4162c10..4a5e35a4754985 100644
--- a/React/Base/Surface/RCTSurfaceView.mm
+++ b/React/Base/Surface/RCTSurfaceView.mm
@@ -17,9 +17,9 @@ @implementation RCTSurfaceView {
   RCTSurfaceStage _stage;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (nullable instancetype)initWithCoder:(NSCoder *)coder)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(nullable instancetype)initWithCoder : (NSCoder *)coder)
 
 - (instancetype)initWithSurface:(RCTSurface *)surface
 {
@@ -75,8 +75,7 @@ - (void)_updateStage
     if (_rootView.superview != self) {
       [self addSubview:_rootView];
     }
-  }
-  else {
+  } else {
     [_rootView removeFromSuperview];
   }
 }
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h
index 8b47f69b523ff6..defa680a5156cf 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.h
@@ -46,12 +46,10 @@ NS_ASSUME_NONNULL_BEGIN
                     launchOptions:(NSDictionary *)launchOptions;
 
 - (instancetype)initWithSurface:(RCTSurface *)surface
-                sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode
-                  NS_UNAVAILABLE;
+                sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode NS_UNAVAILABLE;
 
 - (void)cancelTouches;
 
 @end
 
 NS_ASSUME_NONNULL_END
-
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
index 472826eef67e19..a3f283f58c7908 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingProxyRootView.mm
@@ -19,7 +19,8 @@
 #import "RCTSurface.h"
 #import "UIView+React.h"
 
-static RCTSurfaceSizeMeasureMode convertToSurfaceSizeMeasureMode(RCTRootViewSizeFlexibility sizeFlexibility) {
+static RCTSurfaceSizeMeasureMode convertToSurfaceSizeMeasureMode(RCTRootViewSizeFlexibility sizeFlexibility)
+{
   switch (sizeFlexibility) {
     case RCTRootViewSizeFlexibilityWidthAndHeight:
       return RCTSurfaceSizeMeasureModeWidthUndefined | RCTSurfaceSizeMeasureModeHeightUndefined;
@@ -32,7 +33,8 @@ static RCTSurfaceSizeMeasureMode convertToSurfaceSizeMeasureMode(RCTRootViewSize
   }
 }
 
-static RCTRootViewSizeFlexibility convertToRootViewSizeFlexibility(RCTSurfaceSizeMeasureMode sizeMeasureMode) {
+static RCTRootViewSizeFlexibility convertToRootViewSizeFlexibility(RCTSurfaceSizeMeasureMode sizeMeasureMode)
+{
   switch (sizeMeasureMode) {
     case RCTSurfaceSizeMeasureModeWidthUndefined | RCTSurfaceSizeMeasureModeHeightUndefined:
       return RCTRootViewSizeFlexibilityWidthAndHeight;
@@ -67,7 +69,9 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
   // `RCTRootViewSizeFlexibilityNone` is the RCTRootView's default.
   RCTSurfaceSizeMeasureMode sizeMeasureMode = convertToSurfaceSizeMeasureMode(RCTRootViewSizeFlexibilityNone);
 
-  RCTSurface *surface = [[self class] createSurfaceWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
+  RCTSurface *surface = [[self class] createSurfaceWithBridge:bridge
+                                                   moduleName:moduleName
+                                            initialProperties:initialProperties];
   [surface start];
   if (self = [super initWithSurface:surface sizeMeasureMode:sizeMeasureMode]) {
     self.backgroundColor = [RCTUIColor whiteColor]; // TODO(macOS ISS#2323203)
@@ -83,17 +87,15 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
                 initialProperties:(NSDictionary *)initialProperties
                     launchOptions:(NSDictionary *)launchOptions
 {
-  RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:bundleURL
-                                            moduleProvider:nil
-                                             launchOptions:launchOptions];
+  RCTBridge *bridge = [[RCTBridge alloc] initWithBundleURL:bundleURL moduleProvider:nil launchOptions:launchOptions];
 
   return [self initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
-# pragma mark proxy methods to RCTSurfaceHostingView
+#pragma mark proxy methods to RCTSurfaceHostingView
 
 - (NSString *)moduleName
 {
@@ -137,7 +139,8 @@ - (RCTUIView *)loadingView // TODO(macOS ISS#2323203)
 
 - (void)setLoadingView:(RCTUIView *)loadingView // TODO(macOS ISS#2323203)
 {
-  super.activityIndicatorViewFactory = ^RCTUIView *(void) { // TODO(macOS ISS#2323203)
+  super.activityIndicatorViewFactory = ^RCTUIView *(void) // TODO(macOS ISS#2323203)
+  {
     return loadingView;
   };
 }
@@ -150,8 +153,7 @@ - (void)surface:(RCTSurface *)surface didChangeStage:(RCTSurfaceStage)stage
   if (RCTSurfaceStageIsRunning(stage)) {
     [_bridge.performanceLogger markStopForTag:RCTPLTTI];
     dispatch_async(dispatch_get_main_queue(), ^{
-      [[NSNotificationCenter defaultCenter] postNotificationName:RCTContentDidAppearNotification
-                                                          object:self];
+      [[NSNotificationCenter defaultCenter] postNotificationName:RCTContentDidAppearNotification object:self];
     });
   }
 }
@@ -178,4 +180,3 @@ - (void)cancelTouches
 }
 
 @end
-
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
index e1b7d7912ee821..83bec5048eb6a2 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.h
@@ -14,7 +14,7 @@
 @class RCTBridge;
 @class RCTSurface;
 
-typedef RCTUIView *_Nullable(^RCTSurfaceHostingViewActivityIndicatorViewFactory)(void); // TODO(macOS ISS#2323203)
+typedef RCTUIView *_Nullable (^RCTSurfaceHostingViewActivityIndicatorViewFactory)(void); // TODO(macOS ISS#2323203)
 
 NS_ASSUME_NONNULL_BEGIN
 
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
index 45b17317d19453..79b1a4a7997f7c 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceHostingView.mm
@@ -34,16 +34,18 @@ + (RCTSurface *)createSurfaceWithBridge:(RCTBridge *)bridge
   return [[RCTSurface alloc] initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (nullable instancetype)initWithCoder:(NSCoder *)coder)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(nullable instancetype)initWithCoder : (NSCoder *)coder)
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge
                     moduleName:(NSString *)moduleName
              initialProperties:(NSDictionary *)initialProperties
                sizeMeasureMode:(RCTSurfaceSizeMeasureMode)sizeMeasureMode
 {
-  RCTSurface *surface = [[self class] createSurfaceWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
+  RCTSurface *surface = [[self class] createSurfaceWithBridge:bridge
+                                                   moduleName:moduleName
+                                            initialProperties:initialProperties];
   [surface start];
   return [self initWithSurface:surface sizeMeasureMode:sizeMeasureMode];
 }
@@ -75,14 +77,9 @@ - (void)setFrame:(CGRect)frame
   CGSize maximumSize;
 
   RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
-    self.bounds.size,
-    _sizeMeasureMode,
-    &minimumSize,
-    &maximumSize
-  );
-
-    [_surface setMinimumSize:minimumSize
-                 maximumSize:maximumSize];
+      self.bounds.size, _sizeMeasureMode, &minimumSize, &maximumSize);
+
+  [_surface setMinimumSize:minimumSize maximumSize:maximumSize];
 }
 
 - (CGSize)intrinsicContentSize
@@ -115,15 +112,9 @@ - (CGSize)sizeThatFits:(CGSize)size
   CGSize minimumSize;
   CGSize maximumSize;
 
-  RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
-    size,
-    _sizeMeasureMode,
-    &minimumSize,
-    &maximumSize
-  );
-
-  return [_surface sizeThatFitsMinimumSize:minimumSize
-                               maximumSize:maximumSize];
+  RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(size, _sizeMeasureMode, &minimumSize, &maximumSize);
+
+  return [_surface sizeThatFitsMinimumSize:minimumSize maximumSize:maximumSize];
 }
 
 - (void)setStage:(RCTSurfaceStage)stage
@@ -132,9 +123,8 @@ - (void)setStage:(RCTSurfaceStage)stage
     return;
   }
 
-  BOOL shouldInvalidateLayout =
-    RCTSurfaceStageIsRunning(stage) != RCTSurfaceStageIsRunning(_stage) ||
-    RCTSurfaceStageIsPreparing(stage) != RCTSurfaceStageIsPreparing(_stage);
+  BOOL shouldInvalidateLayout = RCTSurfaceStageIsRunning(stage) != RCTSurfaceStageIsRunning(_stage) ||
+      RCTSurfaceStageIsPreparing(stage) != RCTSurfaceStageIsPreparing(_stage);
 
   _stage = stage;
 
@@ -215,11 +205,12 @@ - (void)setActivityIndicatorViewFactory:(RCTSurfaceHostingViewActivityIndicatorV
 - (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection
 {
   [super traitCollectionDidChange:previousTraitCollection];
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTUserInterfaceStyleDidChangeNotification
-                                                      object:self
-                                                    userInfo:@{
-                                                      RCTUserInterfaceStyleDidChangeNotificationTraitCollectionKey: self.traitCollection,
-                                                    }];
+  [[NSNotificationCenter defaultCenter]
+      postNotificationName:RCTUserInterfaceStyleDidChangeNotification
+                    object:self
+                  userInfo:@{
+                    RCTUserInterfaceStyleDidChangeNotificationTraitCollectionKey : self.traitCollection,
+                  }];
 }
 #endif // TODO(macOS ISS#2323203)
 
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
index c040d5cd1a5f97..1af6042644227e 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.h
@@ -14,20 +14,19 @@
  * are translated to `-[RCTSurface sizeThatFitsMinimumSize:maximumSize:]`.
  */
 typedef NS_OPTIONS(NSInteger, RCTSurfaceSizeMeasureMode) {
-  RCTSurfaceSizeMeasureModeWidthUndefined    = 0 << 0,
-  RCTSurfaceSizeMeasureModeWidthExact        = 1 << 0,
-  RCTSurfaceSizeMeasureModeWidthAtMost       = 2 << 0,
-  RCTSurfaceSizeMeasureModeHeightUndefined   = 0 << 2,
-  RCTSurfaceSizeMeasureModeHeightExact       = 1 << 2,
-  RCTSurfaceSizeMeasureModeHeightAtMost      = 2 << 2,
+  RCTSurfaceSizeMeasureModeWidthUndefined = 0 << 0,
+  RCTSurfaceSizeMeasureModeWidthExact = 1 << 0,
+  RCTSurfaceSizeMeasureModeWidthAtMost = 2 << 0,
+  RCTSurfaceSizeMeasureModeHeightUndefined = 0 << 2,
+  RCTSurfaceSizeMeasureModeHeightExact = 1 << 2,
+  RCTSurfaceSizeMeasureModeHeightAtMost = 2 << 2,
 };
 
 /**
  * Returns size constraints based on `size` and `sizeMeasureMode`.
  */
 RCT_EXTERN void RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
-  CGSize size,
-  RCTSurfaceSizeMeasureMode sizeMeasureMode,
-  CGSize *minimumSize,
-  CGSize *maximumSize
-);
+    CGSize size,
+    RCTSurfaceSizeMeasureMode sizeMeasureMode,
+    CGSize *minimumSize,
+    CGSize *maximumSize);
diff --git a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
index 2dcd370177a929..b6c92f04a8a921 100644
--- a/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
+++ b/React/Base/Surface/SurfaceHostingView/RCTSurfaceSizeMeasureMode.mm
@@ -10,27 +10,25 @@
 #import "RCTSurfaceSizeMeasureMode.h"
 
 void RCTSurfaceMinimumSizeAndMaximumSizeFromSizeAndSizeMeasureMode(
-  CGSize size,
-  RCTSurfaceSizeMeasureMode sizeMeasureMode,
-  CGSize *minimumSize,
-  CGSize *maximumSize
-) {
+    CGSize size,
+    RCTSurfaceSizeMeasureMode sizeMeasureMode,
+    CGSize *minimumSize,
+    CGSize *maximumSize)
+{
   *minimumSize = CGSizeZero;
   *maximumSize = CGSizeMake(CGFLOAT_MAX, CGFLOAT_MAX);
 
   if (sizeMeasureMode & RCTSurfaceSizeMeasureModeWidthExact) {
     minimumSize->width = size.width;
     maximumSize->width = size.width;
-  }
-  else if (sizeMeasureMode & RCTSurfaceSizeMeasureModeWidthAtMost) {
+  } else if (sizeMeasureMode & RCTSurfaceSizeMeasureModeWidthAtMost) {
     maximumSize->width = size.width;
   }
 
   if (sizeMeasureMode & RCTSurfaceSizeMeasureModeHeightExact) {
     minimumSize->height = size.height;
     maximumSize->height = size.height;
-  }
-  else if (sizeMeasureMode & RCTSurfaceSizeMeasureModeHeightAtMost) {
+  } else if (sizeMeasureMode & RCTSurfaceSizeMeasureModeHeightAtMost) {
     maximumSize->height = size.height;
   }
 }
diff --git a/React/CoreModules/BUCK b/React/CoreModules/BUCK
index f42fcca46f2485..2410d229f665ba 100644
--- a/React/CoreModules/BUCK
+++ b/React/CoreModules/BUCK
@@ -1,4 +1,4 @@
-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/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_fbobjc_enable_exception_lang_compiler_flags_DEPRECATED", "get_preprocessor_flags_for_build_mode")
 load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "rn_apple_library", "rn_extra_build_flags")
 load(
     "@fbsource//xplat/configurations/buck/apple/plugins/sad_xplat_hosted_configurations:react_module_registration.bzl",
@@ -26,12 +26,13 @@ rn_apple_library(
         "WebKit",
     ],
     exported_preprocessor_flags = rn_extra_build_flags(),
+    extension_api_only = True,
     frameworks = [
         "Foundation",
         "UIKit",
     ],
     header_path_prefix = "React",
-    labels = ["supermodule:ios/isolation/infra.react_native"],
+    labels = ["supermodule:ios/default/public.react_native.infra"],
     lang_compiler_flags = get_fbobjc_enable_exception_lang_compiler_flags_DEPRECATED(),
     link_whole = True,
     platform_preprocessor_flags = [(
@@ -108,17 +109,20 @@ rn_apple_library(
         ) + react_module_plugin_providers(
             name = "WebSocketModule",
             native_class_func = "RCTWebSocketModuleCls",
+        ) + react_module_plugin_providers(
+            name = "DevLoadingView",
+            native_class_func = "RCTDevLoadingViewCls",
         ),
     plugins_header = "FBCoreModulesPlugins.h",
-    preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_debug_preprocessor_flags() + rn_extra_build_flags() + [
+    preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_preprocessor_flags_for_build_mode() + rn_extra_build_flags() + [
         "-DRN_DISABLE_OSS_PLUGIN_HEADER",
     ],
     reexport_all_header_dependencies = True,
     visibility = ["PUBLIC"],
     exported_deps = [
-        "fbsource//xplat/js:RCTLinkingApple",
-        "fbsource//xplat/js:RCTPushNotificationApple",
-        "fbsource//xplat/js/react-native-github:ReactInternalApple",
-        "fbsource//xplat/js/react-native-github/Libraries/FBReactNativeSpec:FBReactNativeSpecApple",
+        "//xplat/js:RCTLinkingApple",
+        "//xplat/js:RCTPushNotificationApple",
+        "//xplat/js/react-native-github:ReactInternalApple",
+        "//xplat/js/react-native-github/Libraries/FBReactNativeSpec:FBReactNativeSpecApple",
     ],
 )
diff --git a/React/CoreModules/CoreModulesPlugins.h b/React/CoreModules/CoreModulesPlugins.h
index b158cb2aa3214f..478c7473a512ba 100644
--- a/React/CoreModules/CoreModulesPlugins.h
+++ b/React/CoreModules/CoreModulesPlugins.h
@@ -52,6 +52,7 @@ Class RCTLogBoxCls(void) __attribute__((used));
 Class RCTTVNavigationEventEmitterCls(void) __attribute__((used));
 Class RCTWebSocketExecutorCls(void) __attribute__((used));
 Class RCTWebSocketModuleCls(void) __attribute__((used));
+Class RCTDevLoadingViewCls(void) __attribute__((used));
 
 #ifdef __cplusplus
 }
diff --git a/React/CoreModules/CoreModulesPlugins.mm b/React/CoreModules/CoreModulesPlugins.mm
index 149a1970b59bd7..b75ee76c74f22e 100644
--- a/React/CoreModules/CoreModulesPlugins.mm
+++ b/React/CoreModules/CoreModulesPlugins.mm
@@ -47,6 +47,7 @@ Class RCTCoreModulesClassProvider(const char *name) {
     {"TVNavigationEventEmitter", RCTTVNavigationEventEmitterCls},
     {"WebSocketExecutor", RCTWebSocketExecutorCls},
     {"WebSocketModule", RCTWebSocketModuleCls},
+    {"DevLoadingView", RCTDevLoadingViewCls},
   };
 
   auto p = sCoreModuleClassMap.find(name);
diff --git a/React/CoreModules/RCTAccessibilityManager.mm b/React/CoreModules/RCTAccessibilityManager.mm
index 1f903c30550ca7..86538b8f0a8b0d 100644
--- a/React/CoreModules/RCTAccessibilityManager.mm
+++ b/React/CoreModules/RCTAccessibilityManager.mm
@@ -8,17 +8,18 @@
 #import "RCTAccessibilityManager.h"
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
-#import <React/RCTUIManager.h>
 #import <React/RCTBridge.h>
 #import <React/RCTConvert.h>
 #import <React/RCTEventDispatcher.h>
 #import <React/RCTLog.h>
+#import <React/RCTUIManager.h>
 
 #import "CoreModulesPlugins.h"
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 
-NSString *const RCTAccessibilityManagerDidUpdateMultiplierNotification = @"RCTAccessibilityManagerDidUpdateMultiplierNotification";
+NSString *const RCTAccessibilityManagerDidUpdateMultiplierNotification =
+    @"RCTAccessibilityManagerDidUpdateMultiplierNotification";
 
 @interface RCTAccessibilityManager () <NativeAccessibilityManagerSpec>
 
@@ -105,13 +106,14 @@ - (void)accessibilityAnnouncementDidFinish:(__unused NSNotification *)notificati
 {
   NSDictionary *userInfo = notification.userInfo;
   // Response dictionary to populate the event with.
-  NSDictionary *response = @{@"announcement": userInfo[UIAccessibilityAnnouncementKeyStringValue],
-                              @"success": userInfo[UIAccessibilityAnnouncementKeyWasSuccessful]};
+  NSDictionary *response = @{
+    @"announcement" : userInfo[UIAccessibilityAnnouncementKeyStringValue],
+    @"success" : userInfo[UIAccessibilityAnnouncementKeyWasSuccessful]
+  };
 
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-  [_bridge.eventDispatcher sendDeviceEventWithName:@"announcementFinished"
-                                              body:response];
+  [_bridge.eventDispatcher sendDeviceEventWithName:@"announcementFinished" body:response];
 #pragma clang diagnostic pop
 }
 
@@ -122,8 +124,7 @@ - (void)boldTextStatusDidChange:(__unused NSNotification *)notification
     _isBoldTextEnabled = newBoldTextEnabled;
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"boldTextChanged"
-                                                body:@(_isBoldTextEnabled)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"boldTextChanged" body:@(_isBoldTextEnabled)];
 #pragma clang diagnostic pop
   }
 }
@@ -135,8 +136,7 @@ - (void)grayscaleStatusDidChange:(__unused NSNotification *)notification
     _isGrayscaleEnabled = newGrayscaleEnabled;
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"grayscaleChanged"
-                                                body:@(_isGrayscaleEnabled)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"grayscaleChanged" body:@(_isGrayscaleEnabled)];
 #pragma clang diagnostic pop
   }
 }
@@ -148,8 +148,7 @@ - (void)invertColorsStatusDidChange:(__unused NSNotification *)notification
     _isInvertColorsEnabled = newInvertColorsEnabled;
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"invertColorsChanged"
-                                                body:@(_isInvertColorsEnabled)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"invertColorsChanged" body:@(_isInvertColorsEnabled)];
 #pragma clang diagnostic pop
   }
 }
@@ -161,8 +160,7 @@ - (void)reduceMotionStatusDidChange:(__unused NSNotification *)notification
     _isReduceMotionEnabled = newReduceMotionEnabled;
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"reduceMotionChanged"
-                                                body:@(_isReduceMotionEnabled)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"reduceMotionChanged" body:@(_isReduceMotionEnabled)];
 #pragma clang diagnostic pop
   }
 }
@@ -174,8 +172,7 @@ - (void)reduceTransparencyStatusDidChange:(__unused NSNotification *)notificatio
     _isReduceTransparencyEnabled = newReduceTransparencyEnabled;
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"reduceTransparencyChanged"
-                                                body:@(_isReduceTransparencyEnabled)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"reduceTransparencyChanged" body:@(_isReduceTransparencyEnabled)];
 #pragma clang diagnostic pop
   }
 }
@@ -187,8 +184,7 @@ - (void)voiceVoiceOverStatusDidChange:(__unused NSNotification *)notification
     _isVoiceOverEnabled = newIsVoiceOverEnabled;
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"screenReaderChanged"
-                                                body:@(_isVoiceOverEnabled)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"screenReaderChanged" body:@(_isVoiceOverEnabled)];
 #pragma clang diagnostic pop
   }
 }
@@ -204,7 +200,8 @@ - (void)setContentSizeCategory:(NSString *)contentSizeCategory
 - (void)invalidateMultiplier
 {
   self.multiplier = [self multiplierForContentSizeCategory:_contentSizeCategory];
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTAccessibilityManagerDidUpdateMultiplierNotification object:self];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTAccessibilityManagerDidUpdateMultiplierNotification
+                                                      object:self];
 }
 
 - (CGFloat)multiplierForContentSizeCategory:(NSString *)category
@@ -228,23 +225,27 @@ - (void)setMultipliers:(NSDictionary<NSString *, NSNumber *> *)multipliers
 - (NSDictionary<NSString *, NSNumber *> *)multipliers
 {
   if (_multipliers == nil) {
-    _multipliers = @{UIContentSizeCategoryExtraSmall: @0.823,
-                     UIContentSizeCategorySmall: @0.882,
-                     UIContentSizeCategoryMedium: @0.941,
-                     UIContentSizeCategoryLarge: @1.0,
-                     UIContentSizeCategoryExtraLarge: @1.118,
-                     UIContentSizeCategoryExtraExtraLarge: @1.235,
-                     UIContentSizeCategoryExtraExtraExtraLarge: @1.353,
-                     UIContentSizeCategoryAccessibilityMedium: @1.786,
-                     UIContentSizeCategoryAccessibilityLarge: @2.143,
-                     UIContentSizeCategoryAccessibilityExtraLarge: @2.643,
-                     UIContentSizeCategoryAccessibilityExtraExtraLarge: @3.143,
-                     UIContentSizeCategoryAccessibilityExtraExtraExtraLarge: @3.571};
+    _multipliers = @{
+      UIContentSizeCategoryExtraSmall : @0.823,
+      UIContentSizeCategorySmall : @0.882,
+      UIContentSizeCategoryMedium : @0.941,
+      UIContentSizeCategoryLarge : @1.0,
+      UIContentSizeCategoryExtraLarge : @1.118,
+      UIContentSizeCategoryExtraExtraLarge : @1.235,
+      UIContentSizeCategoryExtraExtraExtraLarge : @1.353,
+      UIContentSizeCategoryAccessibilityMedium : @1.786,
+      UIContentSizeCategoryAccessibilityLarge : @2.143,
+      UIContentSizeCategoryAccessibilityExtraLarge : @2.643,
+      UIContentSizeCategoryAccessibilityExtraExtraLarge : @3.143,
+      UIContentSizeCategoryAccessibilityExtraExtraExtraLarge : @3.571
+    };
   }
   return _multipliers;
 }
 
-RCT_EXPORT_METHOD(setAccessibilityContentSizeMultipliers:(JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultipliers &)JSMultipliers)
+RCT_EXPORT_METHOD(setAccessibilityContentSizeMultipliers
+                  : (JS::NativeAccessibilityManager::SpecSetAccessibilityContentSizeMultipliersJSMultipliers &)
+                      JSMultipliers)
 {
   NSMutableDictionary<NSString *, NSNumber *> *multipliers = [NSMutableDictionary new];
   setMultipliers(multipliers, UIContentSizeCategoryExtraSmall, JSMultipliers.extraSmall());
@@ -257,23 +258,26 @@ - (void)setMultipliers:(NSDictionary<NSString *, NSNumber *> *)multipliers
   setMultipliers(multipliers, UIContentSizeCategoryAccessibilityMedium, JSMultipliers.accessibilityMedium());
   setMultipliers(multipliers, UIContentSizeCategoryAccessibilityLarge, JSMultipliers.accessibilityLarge());
   setMultipliers(multipliers, UIContentSizeCategoryAccessibilityExtraLarge, JSMultipliers.accessibilityExtraLarge());
-  setMultipliers(multipliers, UIContentSizeCategoryAccessibilityExtraExtraLarge,
-                 JSMultipliers.accessibilityExtraExtraLarge());
-  setMultipliers(multipliers, UIContentSizeCategoryAccessibilityExtraExtraExtraLarge,
-                 JSMultipliers.accessibilityExtraExtraExtraLarge());
+  setMultipliers(
+      multipliers, UIContentSizeCategoryAccessibilityExtraExtraLarge, JSMultipliers.accessibilityExtraExtraLarge());
+  setMultipliers(
+      multipliers,
+      UIContentSizeCategoryAccessibilityExtraExtraExtraLarge,
+      JSMultipliers.accessibilityExtraExtraExtraLarge());
   self.multipliers = multipliers;
 }
 
-static void setMultipliers(NSMutableDictionary<NSString *, NSNumber *> *multipliers,
-                           NSString *key,
-                           folly::Optional<double> optionalDouble)
+static void setMultipliers(
+    NSMutableDictionary<NSString *, NSNumber *> *multipliers,
+    NSString *key,
+    folly::Optional<double> optionalDouble)
 {
   if (optionalDouble.hasValue()) {
     multipliers[key] = @(optionalDouble.value());
   }
 }
 
-RCT_EXPORT_METHOD(setAccessibilityFocus:(double)reactTag)
+RCT_EXPORT_METHOD(setAccessibilityFocus : (double)reactTag)
 {
   dispatch_async(dispatch_get_main_queue(), ^{
     UIView *view = [self.bridge.uiManager viewForReactTag:@(reactTag)];
@@ -281,59 +285,67 @@ static void setMultipliers(NSMutableDictionary<NSString *, NSNumber *> *multipli
   });
 }
 
-RCT_EXPORT_METHOD(announceForAccessibility:(NSString *)announcement)
+RCT_EXPORT_METHOD(announceForAccessibility : (NSString *)announcement)
 {
   UIAccessibilityPostNotification(UIAccessibilityAnnouncementNotification, announcement);
 }
 
-RCT_EXPORT_METHOD(getMultiplier:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(getMultiplier : (RCTResponseSenderBlock)callback)
 {
   if (callback) {
     callback(@[ @(self.multiplier) ]);
   }
 }
 
-RCT_EXPORT_METHOD(getCurrentBoldTextState:(RCTResponseSenderBlock)onSuccess
-                  onError:(__unused RCTResponseSenderBlock)onError)
+RCT_EXPORT_METHOD(getCurrentBoldTextState
+                  : (RCTResponseSenderBlock)onSuccess onError
+                  : (__unused RCTResponseSenderBlock)onError)
 {
-  onSuccess(@[@(_isBoldTextEnabled)]);
+  onSuccess(@[ @(_isBoldTextEnabled) ]);
 }
 
-RCT_EXPORT_METHOD(getCurrentGrayscaleState:(RCTResponseSenderBlock)onSuccess
-                  onError:(__unused RCTResponseSenderBlock)onError)
+RCT_EXPORT_METHOD(getCurrentGrayscaleState
+                  : (RCTResponseSenderBlock)onSuccess onError
+                  : (__unused RCTResponseSenderBlock)onError)
 {
-  onSuccess(@[@(_isGrayscaleEnabled)]);
+  onSuccess(@[ @(_isGrayscaleEnabled) ]);
 }
 
-RCT_EXPORT_METHOD(getCurrentInvertColorsState:(RCTResponseSenderBlock)onSuccess
-                  onError:(__unused RCTResponseSenderBlock)onError)
+RCT_EXPORT_METHOD(getCurrentInvertColorsState
+                  : (RCTResponseSenderBlock)onSuccess onError
+                  : (__unused RCTResponseSenderBlock)onError)
 {
-  onSuccess(@[@(_isInvertColorsEnabled)]);
+  onSuccess(@[ @(_isInvertColorsEnabled) ]);
 }
 
-RCT_EXPORT_METHOD(getCurrentReduceMotionState:(RCTResponseSenderBlock)onSuccess
-                  onError:(__unused RCTResponseSenderBlock)onError)
+RCT_EXPORT_METHOD(getCurrentReduceMotionState
+                  : (RCTResponseSenderBlock)onSuccess onError
+                  : (__unused RCTResponseSenderBlock)onError)
 {
-  onSuccess(@[@(_isReduceMotionEnabled)]);
+  onSuccess(@[ @(_isReduceMotionEnabled) ]);
 }
 
-RCT_EXPORT_METHOD(getCurrentReduceTransparencyState:(RCTResponseSenderBlock)onSuccess
-                  onError:(__unused RCTResponseSenderBlock)onError)
+RCT_EXPORT_METHOD(getCurrentReduceTransparencyState
+                  : (RCTResponseSenderBlock)onSuccess onError
+                  : (__unused RCTResponseSenderBlock)onError)
 {
-  onSuccess(@[@(_isReduceTransparencyEnabled)]);
+  onSuccess(@[ @(_isReduceTransparencyEnabled) ]);
 }
 
-RCT_EXPORT_METHOD(getCurrentVoiceOverState:(RCTResponseSenderBlock)onSuccess
-                  onError:(__unused RCTResponseSenderBlock)onError)
+RCT_EXPORT_METHOD(getCurrentVoiceOverState
+                  : (RCTResponseSenderBlock)onSuccess onError
+                  : (__unused RCTResponseSenderBlock)onError)
 {
-  onSuccess(@[@(_isVoiceOverEnabled)]);
+  onSuccess(@[ @(_isVoiceOverEnabled) ]);
 }
 
-
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeAccessibilityManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeAccessibilityManagerSpecJSI>(
+      self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/React/CoreModules/RCTActionSheetManager.mm b/React/CoreModules/RCTActionSheetManager.mm
index 27a879e7c44fbf..56e479a0094c7e 100644
--- a/React/CoreModules/RCTActionSheetManager.mm
+++ b/React/CoreModules/RCTActionSheetManager.mm
@@ -29,8 +29,7 @@ @interface RCTActionSheetManager () <
 , NativeActionSheetManagerSpec>
 @end
 
-@implementation RCTActionSheetManager
-{
+@implementation RCTActionSheetManager {
   // Use NSMapTable, as UIAlertViews do not implement <NSCopying>
   // which is required for NSDictionary keys
   NSMapTable *_callbacks;
@@ -70,8 +69,9 @@ - (void)presentViewController:(UIViewController *)alertController
 }
 #endif // TODO(macOS ISS#2323203)
 
-RCT_EXPORT_METHOD(showActionSheetWithOptions:(JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions &)options
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(showActionSheetWithOptions
+                  : (JS::NativeActionSheetManager::SpecShowActionSheetWithOptionsOptions &)options callback
+                  : (RCTResponseSenderBlock)callback)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (RCTRunningInAppExtension()) {
@@ -88,15 +88,20 @@ - (void)presentViewController:(UIViewController *)alertController
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   NSString *message = options.message();
 #endif // TODO(macOS ISS#2323203)
-  NSArray<NSString *> *buttons = RCTConvertOptionalVecToArray(options.options(), ^id(NSString *element) { return element; });
-  NSInteger cancelButtonIndex = options.cancelButtonIndex() ? [RCTConvert NSInteger:@(*options.cancelButtonIndex())] : -1;
+  NSArray<NSString *> *buttons = RCTConvertOptionalVecToArray(options.options(), ^id(NSString *element) {
+    return element;
+  });
+  NSInteger cancelButtonIndex =
+      options.cancelButtonIndex() ? [RCTConvert NSInteger:@(*options.cancelButtonIndex())] : -1;
   NSArray<NSNumber *> *destructiveButtonIndices;
   if (options.destructiveButtonIndices()) {
-    destructiveButtonIndices = RCTConvertVecToArray(*options.destructiveButtonIndices(), ^id(double element) { return @(element); });
+    destructiveButtonIndices = RCTConvertVecToArray(*options.destructiveButtonIndices(), ^id(double element) {
+      return @(element);
+    });
   } else {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
     NSNumber *destructiveButtonIndex = @-1;
-    destructiveButtonIndices = @[destructiveButtonIndex];
+    destructiveButtonIndices = @[ destructiveButtonIndex ];
 #endif // TODO(macOS ISS#2323203)
   }
 
@@ -108,13 +113,13 @@ - (void)presentViewController:(UIViewController *)alertController
 
   if (controller == nil) {
     RCTLogError(@"Tried to display action sheet but there is no application window. options: %@", @{
-                                                                                      @"title": title,
-                                                                                    @"message": message,
-                                                                                    @"options": buttons,
-                                                                          @"cancelButtonIndex": @(cancelButtonIndex),
-                                                                   @"destructiveButtonIndices": destructiveButtonIndices,
-                                                                                     @"anchor": anchor,
-                                                                                  @"tintColor": tintColor,
+      @"title" : title,
+      @"message" : message,
+      @"options" : buttons,
+      @"cancelButtonIndex" : @(cancelButtonIndex),
+      @"destructiveButtonIndices" : destructiveButtonIndices,
+      @"anchor" : anchor,
+      @"tintColor" : tintColor,
     });
     return;
   }
@@ -127,10 +132,9 @@ - (void)presentViewController:(UIViewController *)alertController
   NSNumber *anchorViewTag = anchor;
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  UIAlertController *alertController =
-  [UIAlertController alertControllerWithTitle:title
-                                      message:message
-                               preferredStyle:UIAlertControllerStyleActionSheet];
+  UIAlertController *alertController = [UIAlertController alertControllerWithTitle:title
+                                                                           message:message
+                                                                    preferredStyle:UIAlertControllerStyleActionSheet];
 
   NSInteger index = 0;
   for (NSString *option in buttons) {
@@ -144,14 +148,29 @@ - (void)presentViewController:(UIViewController *)alertController
     NSInteger localIndex = index;
     [alertController addAction:[UIAlertAction actionWithTitle:option
                                                         style:style
-                                                      handler:^(__unused UIAlertAction *action){
-      callback(@[@(localIndex)]);
-    }]];
+                                                      handler:^(__unused UIAlertAction *action) {
+                                                        callback(@[ @(localIndex) ]);
+                                                      }]];
 
     index++;
   }
 
   alertController.view.tintColor = tintColor;
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+  if (@available(iOS 13.0, *)) {
+    NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
+
+    if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
+    } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
+    } else if ([userInterfaceStyle isEqualToString:@"light"]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
+    }
+  }
+#endif
+
   [self presentViewController:alertController onParentViewController:controller anchorViewTag:anchorViewTag];
 
 #else // [TODO(macOS ISS#2323203)
@@ -189,9 +208,10 @@ - (void)presentViewController:(UIViewController *)alertController
 #endif // ]TODO(macOS ISS#2323203)
 }
 
-RCT_EXPORT_METHOD(showShareActionSheetWithOptions:(JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions &)options
-                  failureCallback:(RCTResponseSenderBlock)failureCallback
-                  successCallback:(RCTResponseSenderBlock)successCallback)
+RCT_EXPORT_METHOD(showShareActionSheetWithOptions
+                  : (JS::NativeActionSheetManager::SpecShowShareActionSheetWithOptionsOptions &)options failureCallback
+                  : (RCTResponseSenderBlock)failureCallback successCallback
+                  : (RCTResponseSenderBlock)successCallback)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (RCTRunningInAppExtension()) {
@@ -209,11 +229,9 @@ - (void)presentViewController:(UIViewController *)alertController
   if (URL) {
     if ([URL.scheme.lowercaseString isEqualToString:@"data"]) {
       NSError *error;
-      NSData *data = [NSData dataWithContentsOfURL:URL
-                                           options:(NSDataReadingOptions)0
-                                             error:&error];
+      NSData *data = [NSData dataWithContentsOfURL:URL options:(NSDataReadingOptions)0 error:&error];
       if (!data) {
-        failureCallback(@[RCTJSErrorFromNSError(error)]);
+        failureCallback(@[ RCTJSErrorFromNSError(error) ]);
         return;
       }
       [items addObject:data];
@@ -227,30 +245,50 @@ - (void)presentViewController:(UIViewController *)alertController
   }
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  UIActivityViewController *shareController = [[UIActivityViewController alloc] initWithActivityItems:items applicationActivities:nil];
+  UIActivityViewController *shareController = [[UIActivityViewController alloc] initWithActivityItems:items
+                                                                                applicationActivities:nil];
 
   NSString *subject = options.subject();
   if (subject) {
     [shareController setValue:subject forKey:@"subject"];
   }
 
-  NSArray *excludedActivityTypes = RCTConvertOptionalVecToArray(options.excludedActivityTypes(), ^id(NSString *element) { return element; });
+  NSArray *excludedActivityTypes =
+      RCTConvertOptionalVecToArray(options.excludedActivityTypes(), ^id(NSString *element) {
+        return element;
+      });
   if (excludedActivityTypes) {
     shareController.excludedActivityTypes = excludedActivityTypes;
   }
 
   UIViewController *controller = RCTPresentedViewController();
-  shareController.completionWithItemsHandler = ^(NSString *activityType, BOOL completed, __unused NSArray *returnedItems, NSError *activityError) {
-    if (activityError) {
-      failureCallback(@[RCTJSErrorFromNSError(activityError)]);
-    } else if (completed || activityType == nil) {
-      successCallback(@[@(completed), RCTNullIfNil(activityType)]);
-    }
-  };
+  shareController.completionWithItemsHandler =
+      ^(NSString *activityType, BOOL completed, __unused NSArray *returnedItems, NSError *activityError) {
+        if (activityError) {
+          failureCallback(@[ RCTJSErrorFromNSError(activityError) ]);
+        } else if (completed || activityType == nil) {
+          successCallback(@[ @(completed), RCTNullIfNil(activityType) ]);
+        }
+      };
 
   NSNumber *anchorViewTag = [RCTConvert NSNumber:options.anchor() ? @(*options.anchor()) : nil];
   shareController.view.tintColor = [RCTConvert UIColor:options.tintColor() ? @(*options.tintColor()) : nil];
 
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+  if (@available(iOS 13.0, *)) {
+    NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
+
+    if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
+      shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
+    } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
+      shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
+    } else if ([userInterfaceStyle isEqualToString:@"light"]) {
+      shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
+    }
+  }
+#endif
+
   [self presentViewController:shareController onParentViewController:controller anchorViewTag:anchorViewTag];
 #else // [TODO(macOS ISS#2323203)
   NSArray *excludedActivityTypes = RCTConvertOptionalVecToArray(options.excludedActivityTypes(), ^id(NSString *element) { return element; });
@@ -329,12 +367,15 @@ - (void)sharingService:(NSSharingService *)sharingService didShareItems:(NSArray
 #endif // ]TODO(macOS ISS#2323203)
   
 - (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeActionSheetManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeActionSheetManagerSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTActionSheetManagerCls(void) {
+Class RCTActionSheetManagerCls(void)
+{
   return RCTActionSheetManager.class;
 }
diff --git a/React/CoreModules/RCTAlertManager.h b/React/CoreModules/RCTAlertManager.h
index 18447f8be5a796..2da25cc8f9afd2 100644
--- a/React/CoreModules/RCTAlertManager.h
+++ b/React/CoreModules/RCTAlertManager.h
@@ -17,7 +17,6 @@ typedef NS_ENUM(NSInteger, RCTAlertViewStyle) {
   RCTAlertViewStyleLoginAndPasswordInput
 };
 
-
 @interface RCTAlertManager : NSObject <RCTBridgeModule, RCTInvalidating>
 
 @end
diff --git a/React/CoreModules/RCTAlertManager.mm b/React/CoreModules/RCTAlertManager.mm
index 735748785bf872..73e8a1dba6be06 100644
--- a/React/CoreModules/RCTAlertManager.mm
+++ b/React/CoreModules/RCTAlertManager.mm
@@ -18,21 +18,24 @@
 
 @implementation RCTConvert (UIAlertViewStyle)
 
-RCT_ENUM_CONVERTER(RCTAlertViewStyle, (@{
-  @"default": @(RCTAlertViewStyleDefault),
-  @"secure-text": @(RCTAlertViewStyleSecureTextInput),
-  @"plain-text": @(RCTAlertViewStylePlainTextInput),
-  @"login-password": @(RCTAlertViewStyleLoginAndPasswordInput),
-}), RCTAlertViewStyleDefault, integerValue)
+RCT_ENUM_CONVERTER(
+    RCTAlertViewStyle,
+    (@{
+      @"default" : @(RCTAlertViewStyleDefault),
+      @"secure-text" : @(RCTAlertViewStyleSecureTextInput),
+      @"plain-text" : @(RCTAlertViewStylePlainTextInput),
+      @"login-password" : @(RCTAlertViewStyleLoginAndPasswordInput),
+    }),
+    RCTAlertViewStyleDefault,
+    integerValue)
 
 @end
 
-@interface RCTAlertManager() <NativeAlertManagerSpec>
+@interface RCTAlertManager () <NativeAlertManagerSpec>
 
 @end
 
-@implementation RCTAlertManager
-{
+@implementation RCTAlertManager {
   NSHashTable *_alertControllers;
 }
 
@@ -74,13 +77,15 @@ - (void)invalidate
  * The key from the `buttons` dictionary is passed back in the callback on click.
  * Buttons are displayed in the order they are specified.
  */
-RCT_EXPORT_METHOD(alertWithArgs:(JS::NativeAlertManager::Args &)args
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(alertWithArgs : (JS::NativeAlertManager::Args &)args callback : (RCTResponseSenderBlock)callback)
 {
   NSString *title = [RCTConvert NSString:args.title()];
   NSString *message = [RCTConvert NSString:args.message()];
   RCTAlertViewStyle type = [RCTConvert RCTAlertViewStyle:args.type()];
-  NSArray<NSDictionary *> *buttons = [RCTConvert NSDictionaryArray:RCTConvertOptionalVecToArray(args.buttons(), ^id(id<NSObject> element) { return element; })];
+  NSArray<NSDictionary *> *buttons =
+      [RCTConvert NSDictionaryArray:RCTConvertOptionalVecToArray(args.buttons(), ^id(id<NSObject> element) {
+                    return element;
+                  })];
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   NSString *defaultValue = [RCTConvert NSString:args.defaultValue()];
   NSString *cancelButtonKey = [RCTConvert NSString:args.cancelButtonKey()];
@@ -99,12 +104,12 @@ - (void)invalidate
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (buttons.count == 0) {
     if (type == RCTAlertViewStyleDefault) {
-      buttons = @[@{@"0": RCTUIKitLocalizedString(@"OK")}];
+      buttons = @[ @{@"0" : RCTUIKitLocalizedString(@"OK")} ];
       cancelButtonKey = @"0";
     } else {
       buttons = @[
-        @{@"0": RCTUIKitLocalizedString(@"OK")},
-        @{@"1": RCTUIKitLocalizedString(@"Cancel")},
+        @{@"0" : RCTUIKitLocalizedString(@"OK")},
+        @{@"1" : RCTUIKitLocalizedString(@"Cancel")},
       ];
       cancelButtonKey = @"1";
     }
@@ -113,22 +118,26 @@ - (void)invalidate
   UIViewController *presentingController = RCTPresentedViewController();
   if (presentingController == nil) {
     RCTLogError(@"Tried to display alert view but there is no application window. args: %@", @{
-      @"title": args.title() ?: [NSNull null],
-      @"message": args.message() ?: [NSNull null],
-      @"buttons": RCTConvertOptionalVecToArray(args.buttons(), ^id(id<NSObject> element) { return element; }) ?: [NSNull null],
-      @"type": args.type() ?: [NSNull null],
-      @"defaultValue": args.defaultValue() ?: [NSNull null],
-      @"cancelButtonKey": args.cancelButtonKey() ?: [NSNull null],
-      @"destructiveButtonKey": args.destructiveButtonKey() ?: [NSNull null],
-      @"keyboardType": args.keyboardType() ?: [NSNull null],
+      @"title" : args.title() ?: [NSNull null],
+      @"message" : args.message() ?: [NSNull null],
+      @"buttons" : RCTConvertOptionalVecToArray(
+          args.buttons(),
+          ^id(id<NSObject> element) {
+            return element;
+          })
+          ?: [NSNull null],
+      @"type" : args.type() ?: [NSNull null],
+      @"defaultValue" : args.defaultValue() ?: [NSNull null],
+      @"cancelButtonKey" : args.cancelButtonKey() ?: [NSNull null],
+      @"destructiveButtonKey" : args.destructiveButtonKey() ?: [NSNull null],
+      @"keyboardType" : args.keyboardType() ?: [NSNull null],
     });
     return;
   }
 
-  UIAlertController *alertController = [UIAlertController
-                                        alertControllerWithTitle:title
-                                        message:nil
-                                        preferredStyle:UIAlertControllerStyleAlert];
+  UIAlertController *alertController = [UIAlertController alertControllerWithTitle:title
+                                                                           message:nil
+                                                                    preferredStyle:UIAlertControllerStyleAlert];
   switch (type) {
     case RCTAlertViewStylePlainTextInput: {
       [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
@@ -178,27 +187,29 @@ - (void)invalidate
       buttonStyle = UIAlertActionStyleDestructive;
     }
     __weak UIAlertController *weakAlertController = alertController;
-    [alertController addAction:[UIAlertAction actionWithTitle:buttonTitle
-                                                        style:buttonStyle
-                                                      handler:^(__unused UIAlertAction *action) {
-      switch (type) {
-        case RCTAlertViewStylePlainTextInput:
-        case RCTAlertViewStyleSecureTextInput:
-          callback(@[buttonKey, [weakAlertController.textFields.firstObject text]]);
-          break;
-        case RCTAlertViewStyleLoginAndPasswordInput: {
-          NSDictionary<NSString *, NSString *> *loginCredentials = @{
-            @"login": [weakAlertController.textFields.firstObject text],
-            @"password": [weakAlertController.textFields.lastObject text]
-          };
-          callback(@[buttonKey, loginCredentials]);
-          break;
-        }
-        case RCTAlertViewStyleDefault:
-          callback(@[buttonKey]);
-          break;
-      }
-    }]];
+    [alertController
+        addAction:[UIAlertAction
+                      actionWithTitle:buttonTitle
+                                style:buttonStyle
+                              handler:^(__unused UIAlertAction *action) {
+                                switch (type) {
+                                  case RCTAlertViewStylePlainTextInput:
+                                  case RCTAlertViewStyleSecureTextInput:
+                                    callback(@[ buttonKey, [weakAlertController.textFields.firstObject text] ]);
+                                    break;
+                                  case RCTAlertViewStyleLoginAndPasswordInput: {
+                                    NSDictionary<NSString *, NSString *> *loginCredentials = @{
+                                      @"login" : [weakAlertController.textFields.firstObject text],
+                                      @"password" : [weakAlertController.textFields.lastObject text]
+                                    };
+                                    callback(@[ buttonKey, loginCredentials ]);
+                                    break;
+                                  }
+                                  case RCTAlertViewStyleDefault:
+                                    callback(@[ buttonKey ]);
+                                    break;
+                                }
+                              }]];
   }
 
   if (!_alertControllers) {
@@ -306,13 +317,17 @@ - (void)invalidate
 #endif // ]TODO(macOS ISS#2323203)
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeAlertManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeAlertManagerSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTAlertManagerCls(void) {
+Class RCTAlertManagerCls(void)
+{
   return RCTAlertManager.class;
 }
diff --git a/React/CoreModules/RCTAppState.h b/React/CoreModules/RCTAppState.h
index 0921f70e44723b..6e0f19c3356f65 100644
--- a/React/CoreModules/RCTAppState.h
+++ b/React/CoreModules/RCTAppState.h
@@ -7,6 +7,6 @@
 
 #import <React/RCTEventEmitter.h>
 
-@interface RCTAppState : RCTEventEmitter
+@interface RCTAppState : RCTEventEmitter <RCTInvalidating>
 
 @end
diff --git a/React/CoreModules/RCTAppState.mm b/React/CoreModules/RCTAppState.mm
index de07f162a07931..1d8e9a20d1ca8f 100644
--- a/React/CoreModules/RCTAppState.mm
+++ b/React/CoreModules/RCTAppState.mm
@@ -22,10 +22,7 @@
   static NSDictionary *states;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    states = @{
-      @(UIApplicationStateActive): @"active",
-      @(UIApplicationStateBackground): @"background"
-    };
+    states = @{@(UIApplicationStateActive) : @"active", @(UIApplicationStateBackground) : @"background"};
   });
   if (RCTRunningInAppExtension()) {
     return @"extension";
@@ -44,11 +41,10 @@
   
 }
 
-@interface RCTAppState() <NativeAppStateSpec>
+@interface RCTAppState () <NativeAppStateSpec>
 @end
 
-@implementation RCTAppState
-{
+@implementation RCTAppState {
   NSString *_lastKnownState;
 }
 
@@ -72,7 +68,7 @@ - (dispatch_queue_t)methodQueue
 - (facebook::react::ModuleConstants<JS::NativeAppState::Constants>)getConstants
 {
   return facebook::react::typedConstants<JS::NativeAppState::Constants>({
-    .initialAppState = RCTCurrentAppState(),
+      .initialAppState = RCTCurrentAppState(),
   });
 }
 
@@ -80,17 +76,18 @@ - (dispatch_queue_t)methodQueue
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[@"appStateDidChange", @"memoryWarning"];
+  return @[ @"appStateDidChange", @"memoryWarning" ];
 }
 
 - (void)startObserving
 {
-  for (NSString *name in @[UIApplicationDidBecomeActiveNotification,
-                           UIApplicationDidEnterBackgroundNotification,
-                           UIApplicationDidFinishLaunchingNotification,
-                           UIApplicationWillResignActiveNotification,
-                           UIApplicationWillEnterForegroundNotification]) {
-
+  for (NSString *name in @[
+         UIApplicationDidBecomeActiveNotification,
+         UIApplicationDidEnterBackgroundNotification,
+         UIApplicationDidFinishLaunchingNotification,
+         UIApplicationWillResignActiveNotification,
+         UIApplicationWillEnterForegroundNotification
+       ]) {
     [[NSNotificationCenter defaultCenter] addObserver:self
                                              selector:@selector(handleAppStateDidChange:)
                                                  name:name
@@ -110,11 +107,18 @@ - (void)stopObserving
   [[NSNotificationCenter defaultCenter] removeObserver:self];
 }
 
+- (void)invalidate
+{
+  [self stopObserving];
+}
+
 #pragma mark - App Notification Methods
 
 - (void)handleMemoryWarning
 {
-  [self sendEventWithName:@"memoryWarning" body:nil];
+  if (self.bridge) {
+    [self sendEventWithName:@"memoryWarning" body:nil];
+  }
 }
 
 - (void)handleAppStateDidChange:(NSNotification *)notification
@@ -131,8 +135,9 @@ - (void)handleAppStateDidChange:(NSNotification *)notification
 
   if (![newState isEqualToString:_lastKnownState]) {
     _lastKnownState = newState;
-    [self sendEventWithName:@"appStateDidChange"
-                       body:@{@"app_state": _lastKnownState}];
+    if (self.bridge) {
+      [self sendEventWithName:@"appStateDidChange" body:@{@"app_state" : _lastKnownState}];
+    }
   }
 }
 
@@ -141,19 +146,22 @@ - (void)handleAppStateDidChange:(NSNotification *)notification
 /**
  * Get the current background/foreground state of the app
  */
-RCT_EXPORT_METHOD(getCurrentAppState:(RCTResponseSenderBlock)callback
-                  error:(__unused RCTResponseSenderBlock)error)
+RCT_EXPORT_METHOD(getCurrentAppState : (RCTResponseSenderBlock)callback error : (__unused RCTResponseSenderBlock)error)
 {
-  callback(@[@{@"app_state": RCTCurrentAppState()}]);
+  callback(@[ @{@"app_state" : RCTCurrentAppState()} ]);
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeAppStateSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeAppStateSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTAppStateCls(void) {
+Class RCTAppStateCls(void)
+{
   return RCTAppState.class;
 }
diff --git a/React/CoreModules/RCTAppearance.h b/React/CoreModules/RCTAppearance.h
index b195ba725d5731..899260c986f1d2 100644
--- a/React/CoreModules/RCTAppearance.h
+++ b/React/CoreModules/RCTAppearance.h
@@ -11,6 +11,7 @@
 #import <React/RCTEventEmitter.h>
 
 RCT_EXTERN void RCTEnableAppearancePreference(BOOL enabled);
+RCT_EXTERN void RCTOverrideAppearancePreference(NSString *const);
 
 @interface RCTAppearance : RCTEventEmitter <RCTBridgeModule>
 @end
diff --git a/React/CoreModules/RCTAppearance.mm b/React/CoreModules/RCTAppearance.mm
index 64bbd1b8c59600..f301eae3d49c95 100644
--- a/React/CoreModules/RCTAppearance.mm
+++ b/React/CoreModules/RCTAppearance.mm
@@ -19,23 +19,35 @@
 NSString *const RCTAppearanceColorSchemeDark = @"dark";
 
 static BOOL sAppearancePreferenceEnabled = YES;
-void RCTEnableAppearancePreference(BOOL enabled) {
+void RCTEnableAppearancePreference(BOOL enabled)
+{
   sAppearancePreferenceEnabled = enabled;
 }
 
+static NSString *sColorSchemeOverride = nil;
+void RCTOverrideAppearancePreference(NSString *const colorSchemeOverride)
+{
+  sColorSchemeOverride = colorSchemeOverride;
+}
+
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 static NSString *RCTColorSchemePreference(UITraitCollection *traitCollection)
 {
-#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
   if (@available(iOS 13.0, *)) {
     static NSDictionary *appearances;
     static dispatch_once_t onceToken;
 
+    if (sColorSchemeOverride) {
+      return sColorSchemeOverride;
+    }
+
     dispatch_once(&onceToken, ^{
       appearances = @{
-                      @(UIUserInterfaceStyleLight): RCTAppearanceColorSchemeLight,
-                      @(UIUserInterfaceStyleDark): RCTAppearanceColorSchemeDark
-                      };
+        @(UIUserInterfaceStyleLight) : RCTAppearanceColorSchemeLight,
+        @(UIUserInterfaceStyleDark) : RCTAppearanceColorSchemeDark
+      };
     });
 
     if (!sAppearancePreferenceEnabled) {
@@ -83,8 +95,7 @@ void RCTEnableAppearancePreference(BOOL enabled) {
 @interface RCTAppearance () <NativeAppearanceSpec>
 @end
 
-@implementation RCTAppearance
-{
+@implementation RCTAppearance {
   NSString *_currentColorScheme;
 }
 
@@ -101,8 +112,10 @@ - (dispatch_queue_t)methodQueue
 }
 
 - (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeAppearanceSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeAppearanceSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203): on macOS don't lazy init _currentColorScheme because [NSAppearance currentAppearance] cannot be executed on background thread.
@@ -118,7 +131,7 @@ - (instancetype)init
 RCT_EXPORT_SYNCHRONOUS_TYPED_METHOD(NSString *, getColorScheme)
 {
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  _currentColorScheme =  RCTColorSchemePreference(nil);
+  _currentColorScheme = RCTColorSchemePreference(nil);
 #endif // ]TODO(macOS ISS#2323203)
   return _currentColorScheme;
 }
@@ -141,7 +154,7 @@ - (void)appearanceChanged:(NSNotification *)notification
 #endif // ]TODO(macOS ISS#2323203)
   if (![_currentColorScheme isEqualToString:newColorScheme]) {
     _currentColorScheme = newColorScheme;
-    [self sendEventWithName:@"appearanceChanged" body:@{@"colorScheme": newColorScheme}];
+    [self sendEventWithName:@"appearanceChanged" body:@{@"colorScheme" : newColorScheme}];
   }
 }
 
@@ -149,7 +162,7 @@ - (void)appearanceChanged:(NSNotification *)notification
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[@"appearanceChanged"];
+  return @[ @"appearanceChanged" ];
 }
 
 - (void)startObserving
@@ -171,6 +184,7 @@ - (void)stopObserving
 
 @end
 
-Class RCTAppearanceCls(void) {
+Class RCTAppearanceCls(void)
+{
   return RCTAppearance.class;
 }
diff --git a/React/CoreModules/RCTAsyncLocalStorage.h b/React/CoreModules/RCTAsyncLocalStorage.h
index 24fc9280235c81..d43281cd10ee6b 100644
--- a/React/CoreModules/RCTAsyncLocalStorage.h
+++ b/React/CoreModules/RCTAsyncLocalStorage.h
@@ -19,7 +19,7 @@
  *
  * Keys and values must always be strings or an error is returned.
  */
-@interface RCTAsyncLocalStorage : NSObject <RCTBridgeModule,RCTInvalidating>
+@interface RCTAsyncLocalStorage : NSObject <RCTBridgeModule, RCTInvalidating>
 
 @property (nonatomic, assign) BOOL clearOnInvalidate;
 
@@ -31,11 +31,11 @@
 // For clearing data when the bridge may not exist, e.g. when logging out.
 + (void)clearAllData;
 
-// Grab data from the cache. ResponseBlock result array will have an error at position 0, and an array of arrays at position 1.
+// Grab data from the cache. ResponseBlock result array will have an error at position 0, and an array of arrays at
+// position 1.
 - (void)multiGet:(NSArray<NSString *> *)keys callback:(RCTResponseSenderBlock)callback;
 
 // Add multiple key value pairs to the cache.
 - (void)multiSet:(NSArray<NSArray<NSString *> *> *)kvPairs callback:(RCTResponseSenderBlock)callback;
 
-
 @end
diff --git a/React/CoreModules/RCTAsyncLocalStorage.mm b/React/CoreModules/RCTAsyncLocalStorage.mm
index 35801057b249a9..58364d90975d78 100644
--- a/React/CoreModules/RCTAsyncLocalStorage.mm
+++ b/React/CoreModules/RCTAsyncLocalStorage.mm
@@ -9,9 +9,9 @@
 
 #import <Foundation/Foundation.h>
 
-#import <FBReactNativeSpec/FBReactNativeSpec.h>
 #import <CommonCrypto/CommonCryptor.h>
 #import <CommonCrypto/CommonDigest.h>
+#import <FBReactNativeSpec/FBReactNativeSpec.h>
 
 #import <React/RCTConvert.h>
 #import <React/RCTLog.h>
@@ -28,9 +28,9 @@
 static NSDictionary *RCTErrorForKey(NSString *key)
 {
   if (![key isKindOfClass:[NSString class]]) {
-    return RCTMakeAndLogError(@"Invalid key - must be a string.  Key: ", key, @{@"key": key});
+    return RCTMakeAndLogError(@"Invalid key - must be a string.  Key: ", key, @{@"key" : key});
   } else if (key.length < 1) {
-    return RCTMakeAndLogError(@"Invalid key - must be at least one character.  Key: ", key, @{@"key": key});
+    return RCTMakeAndLogError(@"Invalid key - must be at least one character.  Key: ", key, @{@"key" : key});
   } else {
     return nil;
   }
@@ -52,15 +52,17 @@ static void RCTAppendError(NSDictionary *error, NSMutableArray<NSDictionary *> *
     NSError *error;
     NSStringEncoding encoding;
     NSString *entryString = [NSString stringWithContentsOfFile:filePath usedEncoding:&encoding error:&error];
-    NSDictionary *extraData = @{@"key": RCTNullIfNil(key)};
+    NSDictionary *extraData = @{@"key" : RCTNullIfNil(key)};
 
     if (error) {
-      if (errorOut) *errorOut = RCTMakeError(@"Failed to read storage file.", error, extraData);
+      if (errorOut)
+        *errorOut = RCTMakeError(@"Failed to read storage file.", error, extraData);
       return nil;
     }
 
     if (encoding != NSUTF8StringEncoding) {
-      if (errorOut) *errorOut = RCTMakeError(@"Incorrect encoding of storage file: ", @(encoding), extraData);
+      if (errorOut)
+        *errorOut = RCTMakeError(@"Incorrect encoding of storage file: ", @(encoding), extraData);
       return nil;
     }
     return entryString;
@@ -162,9 +164,12 @@ static dispatch_queue_t RCTGetMethodQueue()
     cache.totalCostLimit = 2 * 1024 * 1024; // 2MB
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
     // Clear cache in the event of a memory warning
-    [[NSNotificationCenter defaultCenter] addObserverForName:UIApplicationDidReceiveMemoryWarningNotification object:nil queue:nil usingBlock:^(__unused NSNotification *note) {
-      [cache removeAllObjects];
-    }];
+    [[NSNotificationCenter defaultCenter] addObserverForName:UIApplicationDidReceiveMemoryWarningNotification
+                                                      object:nil
+                                                       queue:nil
+                                                  usingBlock:^(__unused NSNotification *note) {
+                                                    [cache removeAllObjects];
+                                                  }];
 #endif // TODO(macOS ISS#2323203)
   });
   return cache;
@@ -181,11 +186,10 @@ static dispatch_queue_t RCTGetMethodQueue()
 
 #pragma mark - RCTAsyncLocalStorage
 
-@interface RCTAsyncLocalStorage() <NativeAsyncStorageSpec>
+@interface RCTAsyncLocalStorage () <NativeAsyncStorageSpec>
 @end
 
-@implementation RCTAsyncLocalStorage
-{
+@implementation RCTAsyncLocalStorage {
   BOOL _haveSetup;
   // The manifest is a dictionary of all keys with small values inlined.  Null values indicate values that are stored
   // in separate files (as opposed to nil values which don't exist).  The manifest is read off disk at startup, and
@@ -289,15 +293,14 @@ - (NSDictionary *)_writeManifest:(NSMutableArray<NSDictionary *> **)errors
   return errorOut;
 }
 
-- (NSDictionary *)_appendItemForKey:(NSString *)key
-                            toArray:(NSMutableArray<NSArray<NSString *> *> *)result
+- (NSDictionary *)_appendItemForKey:(NSString *)key toArray:(NSMutableArray<NSArray<NSString *> *> *)result
 {
   NSDictionary *errorOut = RCTErrorForKey(key);
   if (errorOut) {
     return errorOut;
   }
   NSString *value = [self _getValueForKey:key errorOut:&errorOut];
-  [result addObject:@[key, RCTNullIfNil(value)]]; // Insert null if missing or failure.
+  [result addObject:@[ key, RCTNullIfNil(value) ]]; // Insert null if missing or failure.
   return errorOut;
 }
 
@@ -347,7 +350,7 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
   [value writeToFile:filePath atomically:YES encoding:NSUTF8StringEncoding error:&error];
   [RCTGetCache() setObject:value forKey:key cost:value.length];
   if (error) {
-    errorOut = RCTMakeError(@"Failed to write value.", error, @{@"key": key});
+    errorOut = RCTMakeError(@"Failed to write value.", error, @{@"key" : key});
   } else if (_manifest[key] != (id)kCFNull) {
     *changedManifest = YES;
     _manifest[key] = (id)kCFNull;
@@ -357,12 +360,11 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
 
 #pragma mark - Exported JS Functions
 
-RCT_EXPORT_METHOD(multiGet:(NSArray<NSString *> *)keys
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(multiGet : (NSArray<NSString *> *)keys callback : (RCTResponseSenderBlock)callback)
 {
   NSDictionary *errorOut = [self _ensureSetup];
   if (errorOut) {
-    callback(@[@[errorOut], (id)kCFNull]);
+    callback(@[ @[ errorOut ], (id)kCFNull ]);
     return;
   }
   NSMutableArray<NSDictionary *> *errors;
@@ -370,18 +372,17 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
   for (NSString *key in keys) {
     id keyError;
     id value = [self _getValueForKey:key errorOut:&keyError];
-    [result addObject:@[key, RCTNullIfNil(value)]];
+    [result addObject:@[ key, RCTNullIfNil(value) ]];
     RCTAppendError(keyError, &errors);
   }
-  callback(@[RCTNullIfNil(errors), result]);
+  callback(@[ RCTNullIfNil(errors), result ]);
 }
 
-RCT_EXPORT_METHOD(multiSet:(NSArray<NSArray<NSString *> *> *)kvPairs
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(multiSet : (NSArray<NSArray<NSString *> *> *)kvPairs callback : (RCTResponseSenderBlock)callback)
 {
   NSDictionary *errorOut = [self _ensureSetup];
   if (errorOut) {
-    callback(@[@[errorOut]]);
+    callback(@[ @[ errorOut ] ]);
     return;
   }
   BOOL changedManifest = NO;
@@ -393,15 +394,14 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
   if (changedManifest) {
     [self _writeManifest:&errors];
   }
-  callback(@[RCTNullIfNil(errors)]);
+  callback(@[ RCTNullIfNil(errors) ]);
 }
 
-RCT_EXPORT_METHOD(multiMerge:(NSArray<NSArray<NSString *> *> *)kvPairs
-                    callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(multiMerge : (NSArray<NSArray<NSString *> *> *)kvPairs callback : (RCTResponseSenderBlock)callback)
 {
   NSDictionary *errorOut = [self _ensureSetup];
   if (errorOut) {
-    callback(@[@[errorOut]]);
+    callback(@[ @[ errorOut ] ]);
     return;
   }
   BOOL changedManifest = NO;
@@ -414,7 +414,7 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
         NSError *jsonError;
         NSMutableDictionary *mergedVal = RCTJSONParseMutable(value, &jsonError);
         if (RCTMergeRecursive(mergedVal, RCTJSONParse(entry[1], &jsonError))) {
-          entry = @[entry[0], RCTNullIfNil(RCTJSONStringify(mergedVal, NULL))];
+          entry = @[ entry[0], RCTNullIfNil(RCTJSONStringify(mergedVal, NULL)) ];
         }
         if (jsonError) {
           keyError = RCTJSErrorFromNSError(jsonError);
@@ -429,15 +429,14 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
   if (changedManifest) {
     [self _writeManifest:&errors];
   }
-  callback(@[RCTNullIfNil(errors)]);
+  callback(@[ RCTNullIfNil(errors) ]);
 }
 
-RCT_EXPORT_METHOD(multiRemove:(NSArray<NSString *> *)keys
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(multiRemove : (NSArray<NSString *> *)keys callback : (RCTResponseSenderBlock)callback)
 {
   NSDictionary *errorOut = [self _ensureSetup];
   if (errorOut) {
-    callback(@[@[errorOut]]);
+    callback(@[ @[ errorOut ] ]);
     return;
   }
   NSMutableArray<NSDictionary *> *errors;
@@ -460,34 +459,38 @@ - (NSDictionary *)_writeEntry:(NSArray<NSString *> *)entry changedManifest:(BOOL
   if (changedManifest) {
     [self _writeManifest:&errors];
   }
-  callback(@[RCTNullIfNil(errors)]);
+  callback(@[ RCTNullIfNil(errors) ]);
 }
 
-RCT_EXPORT_METHOD(clear:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(clear : (RCTResponseSenderBlock)callback)
 {
   [_manifest removeAllObjects];
   [RCTGetCache() removeAllObjects];
   NSDictionary *error = RCTDeleteStorageDirectory();
-  callback(@[RCTNullIfNil(error)]);
+  callback(@[ RCTNullIfNil(error) ]);
 }
 
-RCT_EXPORT_METHOD(getAllKeys:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(getAllKeys : (RCTResponseSenderBlock)callback)
 {
   NSDictionary *errorOut = [self _ensureSetup];
   if (errorOut) {
-    callback(@[errorOut, (id)kCFNull]);
+    callback(@[ errorOut, (id)kCFNull ]);
   } else {
-    callback(@[(id)kCFNull, _manifest.allKeys]);
+    callback(@[ (id)kCFNull, _manifest.allKeys ]);
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeAsyncStorageSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeAsyncStorageSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTAsyncLocalStorageCls(void) {
+Class RCTAsyncLocalStorageCls(void)
+{
   return RCTAsyncLocalStorage.class;
 }
diff --git a/React/CoreModules/RCTClipboard.mm b/React/CoreModules/RCTClipboard.mm
index d76049d1e50fe2..f3ad15827fce63 100644
--- a/React/CoreModules/RCTClipboard.mm
+++ b/React/CoreModules/RCTClipboard.mm
@@ -26,12 +26,11 @@ - (dispatch_queue_t)methodQueue
   return dispatch_get_main_queue();
 }
 
-
-RCT_EXPORT_METHOD(setString:(NSString *)content)
+RCT_EXPORT_METHOD(setString : (NSString *)content)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   UIPasteboard *clipboard = [UIPasteboard generalPasteboard];
-  clipboard.string = (content ? : @"");
+  clipboard.string = (content ?: @"");
 #else // [TODO(macOS ISS#2323203)
   NSPasteboard *pasteboard = [NSPasteboard generalPasteboard];
   [pasteboard clearContents];
@@ -39,12 +38,11 @@ - (dispatch_queue_t)methodQueue
 #endif // ]TODO(macOS ISS#2323203)
 }
 
-RCT_EXPORT_METHOD(getString:(RCTPromiseResolveBlock)resolve
-                  reject:(__unused RCTPromiseRejectBlock)reject)
+RCT_EXPORT_METHOD(getString : (RCTPromiseResolveBlock)resolve reject : (__unused RCTPromiseRejectBlock)reject)
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   UIPasteboard *clipboard = [UIPasteboard generalPasteboard];
-  resolve((clipboard.string ? : @""));
+  resolve((clipboard.string ?: @""));
 #else // [TODO(macOS ISS#2323203)
   NSPasteboard *pasteboard = [NSPasteboard generalPasteboard];
   resolve(([pasteboard stringForType:NSPasteboardTypeString] ? : @""));
@@ -52,12 +50,15 @@ - (dispatch_queue_t)methodQueue
 }
 
 - (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeClipboardSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeClipboardSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTClipboardCls(void) {
+Class RCTClipboardCls(void)
+{
   return RCTClipboard.class;
 }
diff --git a/React/CoreModules/RCTDevLoadingView.h b/React/CoreModules/RCTDevLoadingView.h
new file mode 100644
index 00000000000000..3dd6a2e480d974
--- /dev/null
+++ b/React/CoreModules/RCTDevLoadingView.h
@@ -0,0 +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.
+ */
+
+#import <React/RCTBridgeModule.h>
+#import <React/RCTDevLoadingViewProtocol.h>
+// TODO(OSS Candidate ISS#2710739)
+// Remove #import <UIKit/UIKit.h>
+
+@interface RCTDevLoadingView : NSObject <RCTDevLoadingViewProtocol, RCTBridgeModule>
+@end
diff --git a/React/DevSupport/RCTDevLoadingView.m b/React/CoreModules/RCTDevLoadingView.mm
similarity index 66%
rename from React/DevSupport/RCTDevLoadingView.m
rename to React/CoreModules/RCTDevLoadingView.mm
index dd87f69fb9ac18..0b7c226799dec4 100644
--- a/React/DevSupport/RCTDevLoadingView.m
+++ b/React/CoreModules/RCTDevLoadingView.mm
@@ -9,20 +9,28 @@
 
 #import <QuartzCore/QuartzCore.h>
 
+#import <FBReactNativeSpec/FBReactNativeSpec.h>
 #import <React/RCTBridge.h>
+#import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 #import <React/RCTDevSettings.h> // TODO(OSS Candidate ISS#2710739)
+#import <React/RCTDevLoadingViewSetEnabled.h>
 #if !TARGET_OS_OSX
 #import <React/RCTModalHostViewController.h>
 #endif // !TARGET_OS_OSX
 #import <React/RCTUtils.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
-#if RCT_DEV | RCT_ENABLE_LOADING_VIEW
+#import "CoreModulesPlugins.h"
 
-static BOOL isEnabled = YES;
+using namespace facebook::react;
 
-@implementation RCTDevLoadingView
-{
+@interface RCTDevLoadingView () <NativeDevLoadingViewSpec>
+@end
+
+#if RCT_DEV | RCT_ENABLE_LOADING_VIEW
+
+@implementation RCTDevLoadingView {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   UIWindow *_window;
   UILabel *_label;
@@ -39,7 +47,7 @@ @implementation RCTDevLoadingView
 
 + (void)setEnabled:(BOOL)enabled
 {
-  isEnabled = enabled;
+  RCTDevLoadingViewSetEnabled(enabled);
 }
 
 + (BOOL)requiresMainQueueSetup
@@ -65,9 +73,9 @@ - (void)setBridge:(RCTBridge *)bridge
   }
 }
 
-RCT_EXPORT_METHOD(showMessage:(NSString *)message color:(RCTUIColor *)color backgroundColor:(RCTUIColor *)backgroundColor) // TODO(OSS Candidate ISS#2710739)
+- (void)showMessage:(NSString *)message color:(RCTUIColor *)color backgroundColor:(RCTUIColor *)backgroundColor // TODO(OSS Candidate ISS#2710739)
 {
-  if (!isEnabled) {
+  if (!RCTDevLoadingViewGetEnabled()) {
     return;
   }
 
@@ -79,7 +87,8 @@ - (void)setBridge:(RCTBridge *)bridge
 
       if (@available(iOS 11.0, *)) {
         UIWindow *window = RCTSharedApplication().keyWindow;
-        self->_window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, window.safeAreaInsets.top + 30)];
+        self->_window =
+            [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, window.safeAreaInsets.top + 30)];
         self->_label = [[UILabel alloc] initWithFrame:CGRectMake(0, window.safeAreaInsets.top, screenSize.width, 30)];
       } else {
         self->_window = [[UIWindow alloc] initWithFrame:CGRectMake(0, 0, screenSize.width, 22)];
@@ -94,8 +103,7 @@ - (void)setBridge:(RCTBridge *)bridge
       // set a root VC so rotation is supported
       self->_window.rootViewController = [UIViewController new];
 
-      self->_label.font = [UIFont monospacedDigitSystemFontOfSize:12.0
-                                                           weight:UIFontWeightRegular];
+      self->_label.font = [UIFont monospacedDigitSystemFontOfSize:12.0 weight:UIFontWeightRegular];
       self->_label.textAlignment = NSTextAlignmentCenter;
 #elif TARGET_OS_OSX // [TODO(macOS ISS#2323203)
       NSRect screenFrame = [NSScreen mainScreen].visibleFrame;
@@ -126,12 +134,28 @@ - (void)setBridge:(RCTBridge *)bridge
     self->_label.backgroundColor = backgroundColor;
     [self->_window orderFront:nil];
 #endif // ]TODO(macOS ISS#2323203)
+
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+    if (@available(iOS 13.0, *)) {
+      UIWindowScene *scene = (UIWindowScene *)RCTSharedApplication().connectedScenes.anyObject;
+      self->_window.windowScene = scene;
+    }
+#endif
   });
 }
 
+RCT_EXPORT_METHOD(showMessage
+                  : (NSString *)message withColor
+                  : (NSNumber *__nonnull)color withBackgroundColor
+                  : (NSNumber *__nonnull)backgroundColor)
+{
+  [self showMessage:message color:[RCTConvert UIColor:color] backgroundColor:[RCTConvert UIColor:backgroundColor]];
+}
+
 RCT_EXPORT_METHOD(hide)
 {
-  if (!isEnabled) {
+  if (!RCTDevLoadingViewGetEnabled()) {
     return;
   }
 
@@ -142,15 +166,16 @@ - (void)setBridge:(RCTBridge *)bridge
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
     CGRect windowFrame = self->_window.frame;
     [UIView animateWithDuration:0.25
-                          delay:delay
-                        options:0
-                     animations:^{
-                       self->_window.frame = CGRectOffset(windowFrame, 0, -windowFrame.size.height);
-                     } completion:^(__unused BOOL finished) {
-                       self->_window.frame = windowFrame;
-                       self->_window.hidden = YES;
-                       self->_window = nil;
-                     }];
+        delay:delay
+        options:0
+        animations:^{
+          self->_window.frame = CGRectOffset(windowFrame, 0, -windowFrame.size.height);
+        }
+        completion:^(__unused BOOL finished) {
+          self->_window.frame = windowFrame;
+          self->_window.hidden = YES;
+          self->_window = nil;
+        }];
 #elif TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(delay * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
       [NSAnimationContext runAnimationGroup:^(__unused NSAnimationContext *context) {
@@ -179,13 +204,11 @@ - (void)showWithURL:(NSURL *)URL
     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)
+    backgroundColor = [RCTUIColor colorWithHue:1. / 3 saturation:1 brightness:.35 alpha:1]; // TODO(OSS Candidate ISS#2710739)
     message = [NSString stringWithFormat:@"Loading from %@:%@...", URL.host, URL.port];
   }
 
-  [self showMessage:message
-              color:color
-    backgroundColor:backgroundColor];
+  [self showMessage:message color:color backgroundColor:backgroundColor];
 }
 
 - (void)updateProgress:(RCTLoadingProgress *)progress
@@ -202,19 +225,53 @@ - (void)updateProgress:(RCTLoadingProgress *)progress
   });
 }
 
+- (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
+{
+  return std::make_shared<NativeDevLoadingViewSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
+}
+
 @end
 
 #else
 
 @implementation RCTDevLoadingView
 
-+ (NSString *)moduleName { return nil; }
-+ (void)setEnabled:(BOOL)enabled { }
-- (void)showMessage:(NSString *)message color:(UIColor *)color backgroundColor:(UIColor *)backgroundColor { }
-- (void)showWithURL:(NSURL *)URL { }
-- (void)updateProgress:(RCTLoadingProgress *)progress { }
-- (void)hide { }
++ (NSString *)moduleName
+{
+  return nil;
+}
++ (void)setEnabled:(BOOL)enabled
+{
+}
+- (void)showMessage:(NSString *)message color:(UIColor *)color backgroundColor:(UIColor *)backgroundColor
+{
+}
+- (void)showMessage:(NSString *)message withColor:(NSNumber *)color withBackgroundColor:(NSNumber *)backgroundColor
+{
+}
+- (void)showWithURL:(NSURL *)URL
+{
+}
+- (void)updateProgress:(RCTLoadingProgress *)progress
+{
+}
+- (void)hide
+{
+}
+- (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
+{
+  return std::make_shared<NativeDevLoadingViewSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
+}
 
 @end
 
 #endif
+
+Class RCTDevLoadingViewCls(void)
+{
+  return RCTDevLoadingView.class;
+}
diff --git a/React/CoreModules/RCTDevMenu.h b/React/CoreModules/RCTDevMenu.h
index 595e54dbaa343a..c2db0d05f847f4 100644
--- a/React/CoreModules/RCTDevMenu.h
+++ b/React/CoreModules/RCTDevMenu.h
@@ -17,7 +17,6 @@ RCT_EXTERN NSString *const RCTShowDevMenuNotification;
 
 #endif
 
-
 @class RCTDevMenuItem;
 
 /**
@@ -68,8 +67,7 @@ RCT_EXTERN NSString *const RCTShowDevMenuNotification;
 /**
  * Deprecated. Use the `-addItem:` method instead.
  */
-- (void)addItem:(NSString *)title
-        handler:(void(^)(void))handler DEPRECATED_ATTRIBUTE;
+- (void)addItem:(NSString *)title handler:(void (^)(void))handler DEPRECATED_ATTRIBUTE;
 
 /**
  * Add custom item to the development menu. The handler will be called
@@ -86,7 +84,7 @@ RCT_EXTERN NSString *const RCTShowDevMenuNotification;
 
 @end
 
-typedef NSString *(^RCTDevMenuItemTitleBlock)(void);
+typedef NSString * (^RCTDevMenuItemTitleBlock)(void);
 
 /**
  * Developer menu item, used to expose additional functionality via the menu.
@@ -97,16 +95,14 @@ typedef NSString *(^RCTDevMenuItemTitleBlock)(void);
  * This creates an item with a simple push-button interface, used to trigger an
  * action.
  */
-+ (instancetype)buttonItemWithTitle:(NSString *)title
-                            handler:(dispatch_block_t)handler;
++ (instancetype)buttonItemWithTitle:(NSString *)title handler:(dispatch_block_t)handler;
 
 /**
  * This creates an item with a simple push-button interface, used to trigger an
  * action. getTitleForPresentation is called each time the item is about to be
  * presented, and should return the item's title.
  */
-+ (instancetype)buttonItemWithTitleBlock:(RCTDevMenuItemTitleBlock)titleBlock
-                                 handler:(dispatch_block_t)handler;
++ (instancetype)buttonItemWithTitleBlock:(RCTDevMenuItemTitleBlock)titleBlock handler:(dispatch_block_t)handler;
 
 @end
 
diff --git a/React/CoreModules/RCTDevMenu.mm b/React/CoreModules/RCTDevMenu.mm
index f6eec3cd255c31..2a9c88ae7c7a40 100644
--- a/React/CoreModules/RCTDevMenu.mm
+++ b/React/CoreModules/RCTDevMenu.mm
@@ -140,7 +140,7 @@ - (instancetype)init
                                                object:nil];
     _extraMenuItems = [NSMutableArray new];
 
-#if TARGET_OS_SIMULATOR
+#if TARGET_OS_SIMULATOR || TARGET_OS_MACCATALYST
     RCTKeyCommands *commands = [RCTKeyCommands sharedInstance];
     __weak __typeof(self) weakSelf = self;
 
@@ -179,7 +179,8 @@ - (void)invalidate
   _presentedItems = nil;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   [_actionSheet dismissViewControllerAnimated:YES
-                                   completion:^(void){}];
+                                   completion:^(void){
+                                   }];
 #endif // TODO(macOS ISS#2323203)
 }
 
@@ -279,28 +280,12 @@ - (void)setDefaultJSBundle
     } 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";
-                             }
+                             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_OSX // TODO(macOS ISS#2323203) - No RCTPresentedViewController on macOS
-                                                     [RCTInspectorDevServerHelper
-                                                         attachDebugger:@"ReactNative"
-                                                          withBundleURL:bridge.bundleURL
-                                                               withView:RCTPresentedViewController()];
-#endif
-                                                   }]];
-    }
   }
 
   [items addObject:[RCTDevMenuItem
@@ -484,10 +469,7 @@ - (void)setDefaultJSBundle
   [NSMenu popUpContextMenu:menu withEvent:event forView:[window contentView]];
 #endif // ]TODO(macOS ISS#2323203)
 
-  [_bridge enqueueJSCall:@"RCTNativeAppEventEmitter"
-                  method:@"emit"
-                    args:@[@"RCTDevMenuShown"]
-              completion:NULL];
+  [_bridge enqueueJSCall:@"RCTNativeAppEventEmitter" method:@"emit" args:@[ @"RCTDevMenuShown" ] completion:NULL];
 }
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
@@ -601,16 +583,19 @@ - (BOOL)hotLoadingEnabled
   return _bridge.devSettings.isHotLoadingEnabled;
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeDevMenuSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeDevMenuSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
 #else // Unavailable when not in dev mode
 
-@interface RCTDevMenu() <NativeDevMenuSpec>
+@interface RCTDevMenu () <NativeDevMenuSpec>
 @end
 
 @implementation RCTDevMenu
@@ -628,7 +613,7 @@ - (void)addItem:(RCTDevMenu *)item
 {
 }
 
-- (void)debugRemotely : (BOOL)enableDebug
+- (void)debugRemotely:(BOOL)enableDebug
 {
 }
 
@@ -641,9 +626,12 @@ + (NSString *)moduleName
   return @"DevMenu";
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeDevMenuSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeDevMenuSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
@@ -676,6 +664,7 @@ - (RCTDevMenu *)devMenu
 
 @end
 
-Class RCTDevMenuCls(void) {
+Class RCTDevMenuCls(void)
+{
   return RCTDevMenu.class;
 }
diff --git a/React/CoreModules/RCTDevSettings.h b/React/CoreModules/RCTDevSettings.h
index 9dcdd2cbb727e8..4ae81f2257bb04 100644
--- a/React/CoreModules/RCTDevSettings.h
+++ b/React/CoreModules/RCTDevSettings.h
@@ -77,11 +77,6 @@
  */
 @property (nonatomic, assign, setter=setHotLoadingEnabled:) BOOL isHotLoadingEnabled;
 
-/**
- * Toggle the element inspector.
- */
-- (void)toggleElementInspector;
-
 /**
  * Enables starting of profiling sampler on launch
  */
@@ -97,6 +92,16 @@
  */
 @property (nonatomic, assign) BOOL isPerfMonitorShown;
 
+/**
+ * Toggle the element inspector.
+ */
+- (void)toggleElementInspector;
+
+/**
+ * If loading bundle from metro, sets up HMRClient.
+ */
+- (void)setupHotModuleReloadClientIfApplicableForURL:(NSURL *)bundleURL;
+
 #if RCT_DEV_MENU
 - (void)addHandler:(id<RCTPackagerClientMethod>)handler
     forPackagerMethod:(NSString *)name __deprecated_msg("Use RCTPackagerConnection directly instead");
diff --git a/React/CoreModules/RCTDevSettings.mm b/React/CoreModules/RCTDevSettings.mm
index 1b37614bf3d828..ed3c75d0164536 100644
--- a/React/CoreModules/RCTDevSettings.mm
+++ b/React/CoreModules/RCTDevSettings.mm
@@ -49,7 +49,8 @@
 static BOOL devSettingsMenuEnabled = NO;
 #endif
 
-void RCTDevSettingsSetEnabled(BOOL enabled) {
+void RCTDevSettingsSetEnabled(BOOL enabled)
+{
   devSettingsMenuEnabled = enabled;
 }
 
@@ -115,7 +116,7 @@ - (void)_reloadWithDefaults:(NSDictionary *)defaultValues
 
 @end
 
-@interface RCTDevSettings () <RCTBridgeModule, RCTInvalidating> {
+@interface RCTDevSettings () <RCTBridgeModule, RCTInvalidating, NativeDevSettingsSpec> {
   BOOL _isJSLoaded;
 #if ENABLE_PACKAGER_CONNECTION
   RCTHandlerToken _reloadToken;
@@ -131,14 +132,9 @@ @implementation RCTDevSettings
 
 RCT_EXPORT_MODULE()
 
-+ (BOOL)requiresMainQueueSetup
-{
-  return YES; // RCT_DEV-only
-}
-
 - (instancetype)init
 {
-  // default behavior is to use NSUserDefaults
+  // Default behavior is to use NSUserDefaults with shake and hot loading enabled.
   NSDictionary *defaultValues = @{
 #if DEBUG // [TODO(OSS Candidate ISS#2710739)
     kRCTDevSettingDevModeEnabled: @YES,
@@ -152,6 +148,11 @@ - (instancetype)init
   return [self initWithDataSource:dataSource];
 }
 
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+
 - (instancetype)initWithDataSource:(id<RCTDevSettingsDataSource>)dataSource
 {
   if (self = [super init]) {
@@ -183,11 +184,9 @@ - (void)setBridge:(RCTBridge *)bridge
 #endif
 
 #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
-  // relinquishes control of the main thread, so only queue on the JS thread
-  // after the current main thread operation is done.
+  // We need this dispatch to the main thread because the bridge is not yet
+  // finished with its initialisation. By the time it relinquishes control of
+  // the main thread, this operation can be performed.
   dispatch_async(dispatch_get_main_queue(), ^{
     [bridge
         dispatchBlock:^{
@@ -216,7 +215,7 @@ - (void)invalidate
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[@"didPressMenuItem"];
+  return @[ @"didPressMenuItem" ];
 }
 
 - (void)_updateSettingWithValue:(id)value forKey:(NSString *)key
@@ -269,14 +268,14 @@ - (BOOL)isHotLoadingAvailable
   RCTTriggerReloadCommandListeners(@"Unknown From JS");
 }
 
-RCT_EXPORT_METHOD(reloadWithReason : (NSString *) reason)
+RCT_EXPORT_METHOD(reloadWithReason : (NSString *)reason)
 {
   RCTTriggerReloadCommandListeners(reason);
 }
 
 RCT_EXPORT_METHOD(onFastRefresh)
 {
-    [self.bridge onFastRefresh];
+  [self.bridge onFastRefresh];
 }
 
 RCT_EXPORT_METHOD(setIsShakeToShowDevMenuEnabled : (BOOL)enabled)
@@ -385,12 +384,14 @@ - (BOOL)isHotLoadingEnabled
   }
 }
 
-RCT_EXPORT_METHOD(addMenuItem:(NSString *)title)
+RCT_EXPORT_METHOD(addMenuItem : (NSString *)title)
 {
   __weak __typeof(self) weakSelf = self;
-  [self.bridge.devMenu addItem:[RCTDevMenuItem buttonItemWithTitle:title handler:^{
-    [weakSelf sendEventWithName:@"didPressMenuItem" body:@{@"title": title}];
-  }]];
+  [self.bridge.devMenu addItem:[RCTDevMenuItem buttonItemWithTitle:title
+                                                           handler:^{
+                                                             [weakSelf sendEventWithName:@"didPressMenuItem"
+                                                                                    body:@{@"title" : title}];
+                                                           }]];
 }
 
 - (BOOL)isElementInspectorShown
@@ -425,8 +426,6 @@ - (void)setExecutorClass:(Class)executorClass
   }
 }
 
-#if RCT_DEV_MENU
-
 - (void)addHandler:(id<RCTPackagerClientMethod>)handler forPackagerMethod:(NSString *)name
 {
 #if ENABLE_PACKAGER_CONNECTION
@@ -434,7 +433,22 @@ - (void)addHandler:(id<RCTPackagerClientMethod>)handler forPackagerMethod:(NSStr
 #endif
 }
 
-#endif
+- (void)setupHotModuleReloadClientIfApplicableForURL:(NSURL *)bundleURL
+{
+  if (bundleURL && !bundleURL.fileURL) { // isHotLoadingAvailable check
+    NSString *const path = [bundleURL.path substringFromIndex:1]; // Strip initial slash.
+    NSString *const host = bundleURL.host;
+    NSNumber *const port = bundleURL.port;
+    if (self.bridge) {
+      [self.bridge enqueueJSCall:@"HMRClient"
+                          method:@"setup"
+                            args:@[ @"ios", path, host, RCTNullIfNil(port), @(YES) ]
+                      completion:NULL];
+    } else {
+      self.invokeJS(@"HMRClient", @"setup", @[ @"ios", path, host, RCTNullIfNil(port), @(YES) ]);
+    }
+  }
+}
 
 #pragma mark - Internal
 
@@ -469,9 +483,20 @@ - (void)jsLoaded:(NSNotification *)notification
   });
 }
 
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
+{
+  return std::make_shared<facebook::react::NativeDevSettingsSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
+}
+
 @end
 
-#else // #if RCT_DEV
+#else // #if RCT_DEV_MENU
+
+@interface RCTDevSettings () <NativeDevSettingsSpec>
+@end
 
 @implementation RCTDevSettings
 
@@ -487,6 +512,10 @@ - (BOOL)isRemoteDebuggingAvailable
 {
   return NO;
 }
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
 - (id)settingForKey:(NSString *)key
 {
   return nil;
@@ -512,6 +541,9 @@ - (void)setProfilingEnabled:(BOOL)isProfilingEnabled
 - (void)toggleElementInspector
 {
 }
+- (void)setupHotModuleReloadClientIfApplicableForURL:(NSURL *)bundleURL
+{
+}
 - (void)addMenuItem:(NSString *)title
 {
 }
@@ -519,9 +551,17 @@ - (void)setIsShakeToShowDevMenuEnabled:(BOOL)enabled
 {
 }
 
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
+{
+  return std::make_shared<facebook::react::NativeDevSettingsSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
+}
+
 @end
 
-#endif
+#endif // #if RCT_DEV_MENU
 
 @implementation RCTBridge (RCTDevSettings)
 
@@ -536,6 +576,7 @@ - (RCTDevSettings *)devSettings
 
 @end
 
-Class RCTDevSettingsCls(void) {
+Class RCTDevSettingsCls(void)
+{
   return RCTDevSettings.class;
 }
diff --git a/React/CoreModules/RCTDeviceInfo.mm b/React/CoreModules/RCTDeviceInfo.mm
index 14fccb6d50a3cc..ea57078a3d83ae 100644
--- a/React/CoreModules/RCTDeviceInfo.mm
+++ b/React/CoreModules/RCTDeviceInfo.mm
@@ -67,19 +67,20 @@ - (void)setBridge:(RCTBridge *)bridge
   _currentInterfaceDimensions = RCTExportedDimensions(_bridge);
 
   [[NSNotificationCenter defaultCenter] addObserver:self
-                                            selector:@selector(interfaceFrameDidChange)
-                                                name:UIApplicationDidBecomeActiveNotification
-                                              object:nil];
+                                           selector:@selector(interfaceFrameDidChange)
+                                               name:UIApplicationDidBecomeActiveNotification
+                                             object:nil];
 
   [[NSNotificationCenter defaultCenter] addObserver:self
-                                            selector:@selector(interfaceFrameDidChange)
-                                                name:RCTUserInterfaceStyleDidChangeNotification
-                                              object:nil];
+                                           selector:@selector(interfaceFrameDidChange)
+                                               name:RCTUserInterfaceStyleDidChangeNotification
+                                             object:nil];
 
 #endif
 }
 
-static BOOL RCTIsIPhoneX() {
+static BOOL RCTIsIPhoneX()
+{
   static BOOL isIPhoneX = NO;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   static dispatch_once_t onceToken;
@@ -92,10 +93,8 @@ static BOOL RCTIsIPhoneX() {
     CGSize iPhoneXMaxScreenSize = CGSizeMake(1242, 2688);
     CGSize iPhoneXRScreenSize = CGSizeMake(828, 1792);
 
-    isIPhoneX =
-      CGSizeEqualToSize(screenSize, iPhoneXScreenSize) ||
-      CGSizeEqualToSize(screenSize, iPhoneXMaxScreenSize) ||
-      CGSizeEqualToSize(screenSize, iPhoneXRScreenSize);
+    isIPhoneX = CGSizeEqualToSize(screenSize, iPhoneXScreenSize) ||
+        CGSizeEqualToSize(screenSize, iPhoneXMaxScreenSize) || CGSizeEqualToSize(screenSize, iPhoneXRScreenSize);
   });
 #endif // TODO(macOS ISS#2323203)
   return isIPhoneX;
@@ -115,24 +114,21 @@ static BOOL RCTIsIPhoneX() {
   RCTDimensions dimensions = RCTGetDimensions(rootView);
 #endif // ]TODO(macOS ISS#2323203)
 
-  __typeof (dimensions.window) window = dimensions.window;
+  __typeof(dimensions.window) window = dimensions.window;
   NSDictionary<NSString *, NSNumber *> *dimsWindow = @{
-      @"width": @(window.width),
-      @"height": @(window.height),
-      @"scale": @(window.scale),
-      @"fontScale": @(window.fontScale)
+    @"width" : @(window.width),
+    @"height" : @(window.height),
+    @"scale" : @(window.scale),
+    @"fontScale" : @(window.fontScale)
   };
   __typeof(dimensions.screen) screen = dimensions.screen;
   NSDictionary<NSString *, NSNumber *> *dimsScreen = @{
-      @"width": @(screen.width),
-      @"height": @(screen.height),
-      @"scale": @(screen.scale),
-      @"fontScale": @(screen.fontScale)
-  };
-  return @{
-      @"window": dimsWindow,
-      @"screen": dimsScreen
+    @"width" : @(screen.width),
+    @"height" : @(screen.height),
+    @"scale" : @(screen.scale),
+    @"fontScale" : @(screen.fontScale)
   };
+  return @{@"window" : dimsWindow, @"screen" : dimsScreen};
 }
 
 - (NSDictionary<NSString *, id> *)constantsToExport
@@ -144,7 +140,7 @@ static BOOL RCTIsIPhoneX() {
 {
   return @{
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    @"Dimensions": RCTExportedDimensions(_bridge),
+    @"Dimensions" : RCTExportedDimensions(_bridge),
 #else // [TODO(macOS ISS#2323203)
     @"Dimensions": RCTExportedDimensions(nil),
 #endif // ]TODO(macOS ISS#2323203)
@@ -152,7 +148,7 @@ static BOOL RCTIsIPhoneX() {
     // 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.
-    @"isIPhoneX_deprecated": @(RCTIsIPhoneX()),
+    @"isIPhoneX_deprecated" : @(RCTIsIPhoneX()),
   };
 }
 
@@ -160,7 +156,7 @@ - (void)didReceiveNewContentSizeMultiplier
 {
   RCTBridge *bridge = _bridge;
   RCTExecuteOnMainQueue(^{
-    // Report the event across the bridge.
+  // Report the event across the bridge.
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
     [bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateDimensions"
@@ -183,7 +179,6 @@ - (void)interfaceOrientationDidChange
   });
 }
 
-
 - (void)_interfaceOrientationDidChange
 {
   UIInterfaceOrientation nextOrientation = [RCTSharedApplication() statusBarOrientation];
@@ -195,15 +190,13 @@ - (void)_interfaceOrientationDidChange
        !UIInterfaceOrientationIsLandscape(nextOrientation))) {
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-        [_bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateDimensions"
-                                                    body:RCTExportedDimensions(_bridge)];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateDimensions" body:RCTExportedDimensions(_bridge)];
 #pragma clang diagnostic pop
-      }
+  }
 
   _currentInterfaceOrientation = nextOrientation;
 }
 
-
 - (void)interfaceFrameDidChange
 {
   __weak __typeof(self) weakSelf = self;
@@ -212,7 +205,6 @@ - (void)interfaceFrameDidChange
   });
 }
 
-
 - (void)_interfaceFrameDidChange
 {
   NSDictionary *nextInterfaceDimensions = RCTExportedDimensions(_bridge);
@@ -220,8 +212,7 @@ - (void)_interfaceFrameDidChange
   if (!([nextInterfaceDimensions isEqual:_currentInterfaceDimensions])) {
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-      [_bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateDimensions"
-                                                  body:nextInterfaceDimensions];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateDimensions" body:nextInterfaceDimensions];
 #pragma clang diagnostic pop
   }
 
@@ -231,12 +222,15 @@ - (void)_interfaceFrameDidChange
 #endif // TARGET_OS_TV
 
 - (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeDeviceInfoSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeDeviceInfoSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTDeviceInfoCls(void) {
+Class RCTDeviceInfoCls(void)
+{
   return RCTDeviceInfo.class;
 }
diff --git a/React/CoreModules/RCTExceptionsManager.h b/React/CoreModules/RCTExceptionsManager.h
index ce9faf1f10ef69..28ae105ef48cb3 100644
--- a/React/CoreModules/RCTExceptionsManager.h
+++ b/React/CoreModules/RCTExceptionsManager.h
@@ -13,11 +13,17 @@ NS_ASSUME_NONNULL_BEGIN
 
 @protocol RCTExceptionsManagerDelegate <NSObject>
 
-- (void)handleSoftJSExceptionWithMessage:(nullable NSString *)message stack:(nullable NSArray *)stack exceptionId:(NSNumber *)exceptionId;
-- (void)handleFatalJSExceptionWithMessage:(nullable NSString *)message stack:(nullable NSArray *)stack exceptionId:(NSNumber *)exceptionId;
+- (void)handleSoftJSExceptionWithMessage:(nullable NSString *)message
+                                   stack:(nullable NSArray *)stack
+                             exceptionId:(NSNumber *)exceptionId;
+- (void)handleFatalJSExceptionWithMessage:(nullable NSString *)message
+                                    stack:(nullable NSArray *)stack
+                              exceptionId:(NSNumber *)exceptionId;
 
 @optional
-- (void)updateJSExceptionWithMessage:(nullable NSString *)message stack:(nullable NSArray *)stack exceptionId:(NSNumber *)exceptionId;
+- (void)updateJSExceptionWithMessage:(nullable NSString *)message
+                               stack:(nullable NSArray *)stack
+                         exceptionId:(NSNumber *)exceptionId;
 
 @end
 
@@ -25,8 +31,12 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate;
 
-- (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;
+- (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/CoreModules/RCTExceptionsManager.mm b/React/CoreModules/RCTExceptionsManager.mm
index 3954b5cabf9b76..95275b6c11138e 100644
--- a/React/CoreModules/RCTExceptionsManager.mm
+++ b/React/CoreModules/RCTExceptionsManager.mm
@@ -17,7 +17,7 @@
 
 #import "CoreModulesPlugins.h"
 
-@interface RCTExceptionsManager() <NativeExceptionsManagerSpec>
+@interface RCTExceptionsManager () <NativeExceptionsManagerSpec>
 
 @end
 
@@ -35,54 +35,68 @@ - (instancetype)initWithDelegate:(id<RCTExceptionsManagerDelegate>)delegate
   return self;
 }
 
-- (void)reportSoft: (NSString *)message stack:(NSArray<NSDictionary *> *)stack exceptionId:(double)exceptionId suppressRedBox: (BOOL) suppressRedBox {
-    if (!suppressRedBox) {
-        [_bridge.redBox showErrorMessage:message withStack:stack errorCookie:((int)exceptionId)];
-    }
+- (void)reportSoft:(NSString *)message
+             stack:(NSArray<NSDictionary *> *)stack
+       exceptionId:(double)exceptionId
+    suppressRedBox:(BOOL)suppressRedBox
+{
+  if (!suppressRedBox) {
+    [_bridge.redBox showErrorMessage:message withStack:stack errorCookie:((int)exceptionId)];
+  }
 
-    if (_delegate) {
-      [_delegate handleSoftJSExceptionWithMessage:message stack:stack exceptionId:[NSNumber numberWithDouble:exceptionId]];
-    }
+  if (_delegate) {
+    [_delegate handleSoftJSExceptionWithMessage:message
+                                          stack:stack
+                                    exceptionId:[NSNumber numberWithDouble:exceptionId]];
+  }
 }
 
-- (void)reportFatal: (NSString *)message stack:(NSArray<NSDictionary *> *)stack exceptionId:(double)exceptionId suppressRedBox: (BOOL) suppressRedBox {
-    if (!suppressRedBox) {
-        [_bridge.redBox showErrorMessage:message withStack:stack errorCookie:((int)exceptionId)];
-    }
+- (void)reportFatal:(NSString *)message
+              stack:(NSArray<NSDictionary *> *)stack
+        exceptionId:(double)exceptionId
+     suppressRedBox:(BOOL)suppressRedBox
+{
+  if (!suppressRedBox) {
+    [_bridge.redBox showErrorMessage:message withStack:stack errorCookie:((int)exceptionId)];
+  }
 
-    if (_delegate) {
-      [_delegate handleFatalJSExceptionWithMessage:message stack:stack exceptionId:[NSNumber numberWithDouble:exceptionId]];
-    }
+  if (_delegate) {
+    [_delegate handleFatalJSExceptionWithMessage:message
+                                           stack:stack
+                                     exceptionId:[NSNumber numberWithDouble:exceptionId]];
+  }
 
-    static NSUInteger reloadRetries = 0;
-    if (!RCT_DEBUG && reloadRetries < _maxReloadAttempts) {
-      reloadRetries++;
-      RCTTriggerReloadCommandListeners(@"JS Crash Reload");
-    } else if (!RCT_DEV || !suppressRedBox) {
-      NSString *description = [@"Unhandled JS Exception: " stringByAppendingString:message];
-      NSDictionary *errorInfo = @{ NSLocalizedDescriptionKey: description, RCTJSStackTraceKey: stack };
-      RCTFatal([NSError errorWithDomain:RCTErrorDomain code:0 userInfo:errorInfo]);
-    }
+  static NSUInteger reloadRetries = 0;
+  if (!RCT_DEBUG && reloadRetries < _maxReloadAttempts) {
+    reloadRetries++;
+    RCTTriggerReloadCommandListeners(@"JS Crash Reload");
+  } else if (!RCT_DEV || !suppressRedBox) {
+    NSString *description = [@"Unhandled JS Exception: " stringByAppendingString:message];
+    NSDictionary *errorInfo = @{NSLocalizedDescriptionKey : description, RCTJSStackTraceKey : stack};
+    RCTFatal([NSError errorWithDomain:RCTErrorDomain code:0 userInfo:errorInfo]);
+  }
 }
 
-
-RCT_EXPORT_METHOD(reportSoftException:(NSString *)message
-                  stack:(NSArray<NSDictionary *> *)stack
-                  exceptionId:(double)exceptionId)
+RCT_EXPORT_METHOD(reportSoftException
+                  : (NSString *)message stack
+                  : (NSArray<NSDictionary *> *)stack exceptionId
+                  : (double)exceptionId)
 {
   [self reportSoft:message stack:stack exceptionId:exceptionId suppressRedBox:NO];
 }
 
-RCT_EXPORT_METHOD(reportFatalException:(NSString *)message
-                  stack:(NSArray<NSDictionary *> *)stack
-                  exceptionId:(double) exceptionId)
+RCT_EXPORT_METHOD(reportFatalException
+                  : (NSString *)message stack
+                  : (NSArray<NSDictionary *> *)stack exceptionId
+                  : (double)exceptionId)
 {
   [self reportFatal:message stack:stack exceptionId:exceptionId suppressRedBox:NO];
 }
 
-RCT_EXPORT_METHOD(updateExceptionMessage:(NSString *)message
-                  stack:(NSArray<NSDictionary *> *)stack
-                  exceptionId:(double)exceptionId)
+RCT_EXPORT_METHOD(updateExceptionMessage
+                  : (NSString *)message stack
+                  : (NSArray<NSDictionary *> *)stack exceptionId
+                  : (double)exceptionId)
 {
   [_bridge.redBox updateErrorMessage:message withStack:stack errorCookie:((int)exceptionId)];
 
@@ -92,18 +106,14 @@ - (void)reportFatal: (NSString *)message stack:(NSArray<NSDictionary *> *)stack
 }
 
 // Deprecated.  Use reportFatalException directly instead.
-RCT_EXPORT_METHOD(reportUnhandledException:(NSString *)message
-                  stack:(NSArray<NSDictionary *> *)stack)
+RCT_EXPORT_METHOD(reportUnhandledException : (NSString *)message stack : (NSArray<NSDictionary *> *)stack)
 {
   [self reportFatalException:message stack:stack exceptionId:-1];
 }
 
-RCT_EXPORT_METHOD(dismissRedbox)
-{
-
-}
+RCT_EXPORT_METHOD(dismissRedbox) {}
 
-RCT_EXPORT_METHOD(reportException:(JS::NativeExceptionsManager::ExceptionData &)data)
+RCT_EXPORT_METHOD(reportException : (JS::NativeExceptionsManager::ExceptionData &)data)
 {
   NSString *message = data.message();
   double exceptionId = data.id_();
@@ -113,23 +123,23 @@ - (void)reportFatal: (NSString *)message stack:(NSArray<NSDictionary *> *)stack
   // TODO: (moti) T53588496 Replace `(NSArray<NSDictionary *> *)stack` in
   // reportFatalException etc with a typed interface.
   NSMutableArray<NSDictionary *> *stackArray = [NSMutableArray<NSDictionary *> new];
-  for (auto frame: data.stack()) {
-    NSMutableDictionary * frameDict = [NSMutableDictionary new];
+  for (auto frame : data.stack()) {
+    NSMutableDictionary *frameDict = [NSMutableDictionary new];
     if (frame.column().hasValue()) {
       frameDict[@"column"] = @(frame.column().value());
     }
     frameDict[@"file"] = frame.file();
     if (frame.lineNumber().hasValue()) {
-        frameDict[@"lineNumber"] = @(frame.lineNumber().value());
+      frameDict[@"lineNumber"] = @(frame.lineNumber().value());
     }
     frameDict[@"methodName"] = frame.methodName();
     if (frame.collapse().hasValue()) {
-        frameDict[@"collapse"] = @(frame.collapse().value());
+      frameDict[@"collapse"] = @(frame.collapse().value());
     }
     [stackArray addObject:frameDict];
   }
   NSDictionary *dict = (NSDictionary *)extraData;
-    BOOL suppressRedBox = [[dict objectForKey:@"suppressRedBox"] boolValue];
+  BOOL suppressRedBox = [[dict objectForKey:@"suppressRedBox"] boolValue];
 
   if (data.isFatal()) {
     [self reportFatal:message stack:stackArray exceptionId:exceptionId suppressRedBox:suppressRedBox];
@@ -138,10 +148,12 @@ - (void)reportFatal: (NSString *)message stack:(NSArray<NSDictionary *> *)stack
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeExceptionsManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeExceptionsManagerSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
diff --git a/React/CoreModules/RCTFPSGraph.h b/React/CoreModules/RCTFPSGraph.h
index 5023cf7f1d78ac..499205b98815cd 100644
--- a/React/CoreModules/RCTFPSGraph.h
+++ b/React/CoreModules/RCTFPSGraph.h
@@ -17,8 +17,7 @@
 @property (nonatomic, assign, readonly) NSUInteger maxFPS;
 @property (nonatomic, assign, readonly) NSUInteger minFPS;
 
-- (instancetype)initWithFrame:(CGRect)frame
-                        color:(RCTUIColor *)color NS_DESIGNATED_INITIALIZER; // TODO(macOS ISS#2323203)
+- (instancetype)initWithFrame:(CGRect)frame color:(RCTUIColor *)color NS_DESIGNATED_INITIALIZER; // TODO(macOS ISS#2323203)
 
 - (void)onTick:(NSTimeInterval)timestamp;
 
diff --git a/React/CoreModules/RCTFPSGraph.m b/React/CoreModules/RCTFPSGraph.m
index 69fb1164e09b8d..01432a6491e1da 100644
--- a/React/CoreModules/RCTFPSGraph.m
+++ b/React/CoreModules/RCTFPSGraph.m
@@ -11,15 +11,14 @@
 
 #if RCT_DEV
 
-@interface RCTFPSGraph()
+@interface RCTFPSGraph ()
 
 @property (nonatomic, strong, readonly) CAShapeLayer *graph;
 @property (nonatomic, strong, readonly) UILabel *label;
 
 @end
 
-@implementation RCTFPSGraph
-{
+@implementation RCTFPSGraph {
   CAShapeLayer *_graph;
   UILabel *_label;
 
@@ -58,8 +57,8 @@ - (void)dealloc
   free(_frames);
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 - (CAShapeLayer *)graph
 {
diff --git a/React/CoreModules/RCTI18nManager.mm b/React/CoreModules/RCTI18nManager.mm
index 3d6b9815a62275..795e6c4ff84c0d 100644
--- a/React/CoreModules/RCTI18nManager.mm
+++ b/React/CoreModules/RCTI18nManager.mm
@@ -7,8 +7,8 @@
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
 
-#import "RCTI18nManager.h"
 #import <React/RCTI18nUtil.h>
+#import "RCTI18nManager.h"
 
 #import "CoreModulesPlugins.h"
 
@@ -26,17 +26,17 @@ + (BOOL)requiresMainQueueSetup
   return NO;
 }
 
-RCT_EXPORT_METHOD(allowRTL:(BOOL)value)
+RCT_EXPORT_METHOD(allowRTL : (BOOL)value)
 {
   [[RCTI18nUtil sharedInstance] allowRTL:value];
 }
 
-RCT_EXPORT_METHOD(forceRTL:(BOOL)value)
+RCT_EXPORT_METHOD(forceRTL : (BOOL)value)
 {
   [[RCTI18nUtil sharedInstance] forceRTL:value];
 }
 
-RCT_EXPORT_METHOD(swapLeftAndRightInRTL:(BOOL)value)
+RCT_EXPORT_METHOD(swapLeftAndRightInRTL : (BOOL)value)
 {
   [[RCTI18nUtil sharedInstance] swapLeftAndRightInRTL:value];
 }
@@ -49,18 +49,21 @@ - (NSDictionary *)constantsToExport
 - (NSDictionary *)getConstants
 {
   return @{
-    @"isRTL": @([[RCTI18nUtil sharedInstance] isRTL]),
-    @"doLeftAndRightSwapInRTL": @([[RCTI18nUtil sharedInstance] doLeftAndRightSwapInRTL])
+    @"isRTL" : @([[RCTI18nUtil sharedInstance] isRTL]),
+    @"doLeftAndRightSwapInRTL" : @([[RCTI18nUtil sharedInstance] doLeftAndRightSwapInRTL])
   };
 }
 
 - (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeI18nManagerSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeI18nManagerSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTI18nManagerCls(void) {
+Class RCTI18nManagerCls(void)
+{
   return RCTI18nManager.class;
 }
diff --git a/React/CoreModules/RCTKeyboardObserver.mm b/React/CoreModules/RCTKeyboardObserver.mm
index fd36695146d6a7..8ea0050344158a 100644
--- a/React/CoreModules/RCTKeyboardObserver.mm
+++ b/React/CoreModules/RCTKeyboardObserver.mm
@@ -14,7 +14,7 @@
 
 static NSDictionary *RCTParseKeyboardNotification(NSNotification *notification);
 
-@interface RCTKeyboardObserver() <NativeKeyboardObserverSpec>
+@interface RCTKeyboardObserver () <NativeKeyboardObserverSpec>
 @end
 
 @implementation RCTKeyboardObserver
@@ -27,8 +27,7 @@ - (void)startObserving
 
   NSNotificationCenter *nc = [NSNotificationCenter defaultCenter];
 
-#define ADD_KEYBOARD_HANDLER(NAME, SELECTOR) \
-  [nc addObserver:self selector:@selector(SELECTOR:) name:NAME object:nil]
+#define ADD_KEYBOARD_HANDLER(NAME, SELECTOR) [nc addObserver:self selector:@selector(SELECTOR:) name:NAME object:nil]
 
   ADD_KEYBOARD_HANDLER(UIKeyboardWillShowNotification, keyboardWillShow);
   ADD_KEYBOARD_HANDLER(UIKeyboardDidShowNotification, keyboardDidShow);
@@ -40,17 +39,18 @@ - (void)startObserving
 #undef ADD_KEYBOARD_HANDLER
 
 #endif
-
 }
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[@"keyboardWillShow",
-           @"keyboardDidShow",
-           @"keyboardWillHide",
-           @"keyboardDidHide",
-           @"keyboardWillChangeFrame",
-           @"keyboardDidChangeFrame"];
+  return @[
+    @"keyboardWillShow",
+    @"keyboardDidShow",
+    @"keyboardWillHide",
+    @"keyboardDidHide",
+    @"keyboardWillChangeFrame",
+    @"keyboardDidChangeFrame"
+  ];
 }
 
 - (void)stopObserving
@@ -61,15 +61,14 @@ - (void)stopObserving
 // Bridge might be already invalidated by the time the keyboard is about to be dismissed.
 // This might happen, for example, when reload from the packager is performed.
 // Thus we need to check against nil here.
-#define IMPLEMENT_KEYBOARD_HANDLER(EVENT) \
-- (void)EVENT:(NSNotification *)notification \
-{ \
-  if (!self.bridge) { \
-    return; \
-  } \
-  [self sendEventWithName:@#EVENT \
-    body:RCTParseKeyboardNotification(notification)]; \
-}
+#define IMPLEMENT_KEYBOARD_HANDLER(EVENT)                                              \
+  -(void)EVENT : (NSNotification *)notification                                        \
+  {                                                                                    \
+    if (!self.bridge) {                                                                \
+      return;                                                                          \
+    }                                                                                  \
+    [self sendEventWithName:@ #EVENT body:RCTParseKeyboardNotification(notification)]; \
+  }
 
 IMPLEMENT_KEYBOARD_HANDLER(keyboardWillShow)
 IMPLEMENT_KEYBOARD_HANDLER(keyboardDidShow)
@@ -78,9 +77,12 @@ - (void)EVENT:(NSNotification *)notification \
 IMPLEMENT_KEYBOARD_HANDLER(keyboardWillChangeFrame)
 IMPLEMENT_KEYBOARD_HANDLER(keyboardDidChangeFrame)
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeKeyboardObserverSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeKeyboardObserverSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
@@ -88,10 +90,10 @@ - (void)EVENT:(NSNotification *)notification \
 NS_INLINE NSDictionary *RCTRectDictionaryValue(CGRect rect)
 {
   return @{
-    @"screenX": @(rect.origin.x),
-    @"screenY": @(rect.origin.y),
-    @"width": @(rect.size.width),
-    @"height": @(rect.size.height),
+    @"screenX" : @(rect.origin.x),
+    @"screenY" : @(rect.origin.y),
+    @"width" : @(rect.size.width),
+    @"height" : @(rect.size.height),
   };
 }
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -121,19 +123,21 @@ - (void)EVENT:(NSNotification *)notification \
   CGRect beginFrame = [userInfo[UIKeyboardFrameBeginUserInfoKey] CGRectValue];
   CGRect endFrame = [userInfo[UIKeyboardFrameEndUserInfoKey] CGRectValue];
   NSTimeInterval duration = [userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue];
-  UIViewAnimationCurve curve = static_cast<UIViewAnimationCurve>([userInfo[UIKeyboardAnimationCurveUserInfoKey] integerValue]);
+  UIViewAnimationCurve curve =
+      static_cast<UIViewAnimationCurve>([userInfo[UIKeyboardAnimationCurveUserInfoKey] integerValue]);
   NSInteger isLocalUserInfoKey = [userInfo[UIKeyboardIsLocalUserInfoKey] integerValue];
 
   return @{
-    @"startCoordinates": RCTRectDictionaryValue(beginFrame),
-    @"endCoordinates": RCTRectDictionaryValue(endFrame),
-    @"duration": @(duration * 1000.0), // ms
-    @"easing": RCTAnimationNameForCurve(curve),
-    @"isEventFromThisApp": isLocalUserInfoKey == 1 ? @YES : @NO,
+    @"startCoordinates" : RCTRectDictionaryValue(beginFrame),
+    @"endCoordinates" : RCTRectDictionaryValue(endFrame),
+    @"duration" : @(duration * 1000.0), // ms
+    @"easing" : RCTAnimationNameForCurve(curve),
+    @"isEventFromThisApp" : isLocalUserInfoKey == 1 ? @YES : @NO,
   };
 #endif
 }
 
-Class RCTKeyboardObserverCls(void) {
+Class RCTKeyboardObserverCls(void)
+{
   return RCTKeyboardObserver.class;
 }
diff --git a/React/CoreModules/RCTLogBox.mm b/React/CoreModules/RCTLogBox.mm
index d988cf98b57e47..2ef88f18e00087 100644
--- a/React/CoreModules/RCTLogBox.mm
+++ b/React/CoreModules/RCTLogBox.mm
@@ -9,7 +9,6 @@
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
 #import <React/RCTBridge.h>
-#import <React/RCTRootView.h>
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 #import <React/RCTErrorInfo.h>
@@ -17,7 +16,7 @@
 #import <React/RCTJSStackFrame.h>
 #import <React/RCTRedBoxSetEnabled.h>
 #import <React/RCTReloadCommand.h>
-#import <React/RCTRedBoxSetEnabled.h>
+#import <React/RCTRootView.h>
 #import <React/RCTSurface.h>
 #import <React/RCTUtils.h>
 
@@ -32,8 +31,7 @@
 @interface RCTLogBoxView : UIWindow
 @end
 
-@implementation RCTLogBoxView
-{
+@implementation RCTLogBoxView {
   RCTSurface *_surface;
 }
 
@@ -77,8 +75,7 @@ - (void)show
 @interface RCTLogBox () <NativeLogBoxSpec>
 @end
 
-@implementation RCTLogBox
-{
+@implementation RCTLogBox {
   RCTLogBoxView *_view;
 }
 
@@ -94,11 +91,16 @@ + (BOOL)requiresMainQueueSetup
 RCT_EXPORT_METHOD(show)
 {
   if (RCTRedBoxGetEnabled()) {
+    __weak RCTLogBox *weakSelf = self;
     dispatch_async(dispatch_get_main_queue(), ^{
-      if (!self->_view) {
-        self->_view = [[RCTLogBoxView alloc] initWithFrame:[UIScreen mainScreen].bounds bridge: self->_bridge];
+      __strong RCTLogBox *strongSelf = weakSelf;
+      if (!strongSelf) {
+        return;
       }
-      [self->_view show];
+      if (!strongSelf->_view) {
+        strongSelf->_view = [[RCTLogBoxView alloc] initWithFrame:[UIScreen mainScreen].bounds bridge:self->_bridge];
+      }
+      [strongSelf->_view show];
     });
   }
 }
@@ -106,26 +108,30 @@ + (BOOL)requiresMainQueueSetup
 RCT_EXPORT_METHOD(hide)
 {
   if (RCTRedBoxGetEnabled()) {
+    __weak RCTLogBox *weakSelf = self;
     dispatch_async(dispatch_get_main_queue(), ^{
-      self->_view = nil;
+      __strong RCTLogBox *strongSelf = weakSelf;
+      if (!strongSelf) {
+        return;
+      }
+      strongSelf->_view = nil;
     });
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  if (RCTRedBoxGetEnabled()) {
-    return std::make_shared<facebook::react::NativeLogBoxSpecJSI>(self, jsInvoker);
-  }
-
-  return nullptr;
+  return std::make_shared<facebook::react::NativeLogBoxSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
 #else // Disabled
 
-@interface RCTLogBox() <NativeLogBoxSpec>
+@interface RCTLogBox () <NativeLogBoxSpec>
 @end
 
 @implementation RCTLogBox
@@ -135,22 +141,28 @@ + (NSString *)moduleName
   return nil;
 }
 
-- (void)show {
+- (void)show
+{
   // noop
 }
 
-- (void)hide {
+- (void)hide
+{
   // noop
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeLogBoxSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeLogBoxSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 @end
 
 #endif
 
-Class RCTLogBoxCls(void) {
+Class RCTLogBoxCls(void)
+{
   return RCTLogBox.class;
 }
diff --git a/React/CoreModules/RCTPerfMonitor.mm b/React/CoreModules/RCTPerfMonitor.mm
index 7f05f88291d37d..790591d3afcacd 100644
--- a/React/CoreModules/RCTPerfMonitor.mm
+++ b/React/CoreModules/RCTPerfMonitor.mm
@@ -17,6 +17,7 @@
 
 #import <React/RCTDevSettings.h>
 
+#import <React/RCTBridge+Private.h>
 #import <React/RCTBridge.h>
 #import <React/RCTFPSGraph.h>
 #import <React/RCTInvalidating.h>
@@ -24,7 +25,6 @@
 #import <React/RCTPerformanceLogger.h>
 #import <React/RCTRootView.h>
 #import <React/RCTUIManager.h>
-#import <React/RCTBridge+Private.h>
 #import <React/RCTUtils.h>
 #import <ReactCommon/RCTTurboModule.h>
 
@@ -74,17 +74,18 @@ static BOOL RCTJSCSetOption(const char *option)
 
 static vm_size_t RCTGetResidentMemorySize(void)
 {
-    vm_size_t memoryUsageInByte = 0;
-    task_vm_info_data_t vmInfo;
-    mach_msg_type_number_t count = TASK_VM_INFO_COUNT;
-    kern_return_t kernelReturn = task_info(mach_task_self(), TASK_VM_INFO, (task_info_t) &vmInfo, &count);
-    if(kernelReturn == KERN_SUCCESS) {
-        memoryUsageInByte = (vm_size_t) vmInfo.phys_footprint;
-    }
-    return memoryUsageInByte;
+  vm_size_t memoryUsageInByte = 0;
+  task_vm_info_data_t vmInfo;
+  mach_msg_type_number_t count = TASK_VM_INFO_COUNT;
+  kern_return_t kernelReturn = task_info(mach_task_self(), TASK_VM_INFO, (task_info_t)&vmInfo, &count);
+  if (kernelReturn == KERN_SUCCESS) {
+    memoryUsageInByte = (vm_size_t)vmInfo.phys_footprint;
+  }
+  return memoryUsageInByte;
 }
 
-@interface RCTPerfMonitor : NSObject <RCTBridgeModule, RCTTurboModule, RCTInvalidating, UITableViewDataSource, UITableViewDelegate>
+@interface RCTPerfMonitor
+    : NSObject <RCTBridgeModule, RCTTurboModule, RCTInvalidating, UITableViewDataSource, UITableViewDelegate>
 
 #if __has_include(<React/RCTDevMenu.h>)
 @property (nonatomic, strong, readonly) RCTDevMenuItem *devMenuItem;
@@ -171,20 +172,19 @@ - (RCTDevMenuItem *)devMenuItem
     if (devSettings.isPerfMonitorShown) {
       [weakSelf show];
     }
-    _devMenuItem =
-    [RCTDevMenuItem buttonItemWithTitleBlock:^NSString *{
-      return (devSettings.isPerfMonitorShown) ?
-        @"Hide Perf Monitor" :
-        @"Show Perf Monitor";
-    } handler:^{
-      if (devSettings.isPerfMonitorShown) {
-        [weakSelf hide];
-        devSettings.isPerfMonitorShown = NO;
-      } else {
-        [weakSelf show];
-        devSettings.isPerfMonitorShown = YES;
-      }
-    }];
+    _devMenuItem = [RCTDevMenuItem
+        buttonItemWithTitleBlock:^NSString * {
+          return (devSettings.isPerfMonitorShown) ? @"Hide Perf Monitor" : @"Show Perf Monitor";
+        }
+        handler:^{
+          if (devSettings.isPerfMonitorShown) {
+            [weakSelf hide];
+            devSettings.isPerfMonitorShown = NO;
+          } else {
+            [weakSelf show];
+            devSettings.isPerfMonitorShown = YES;
+          }
+        }];
   }
 
   return _devMenuItem;
@@ -194,8 +194,7 @@ - (RCTDevMenuItem *)devMenuItem
 - (UIPanGestureRecognizer *)gestureRecognizer
 {
   if (!_gestureRecognizer) {
-    _gestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self
-                                                                 action:@selector(gesture:)];
+    _gestureRecognizer = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(gesture:)];
   }
 
   return _gestureRecognizer;
@@ -208,16 +207,15 @@ - (UIView *)container
     _container.layer.borderWidth = 2;
     _container.layer.borderColor = [UIColor lightGrayColor].CGColor;
     [_container addGestureRecognizer:self.gestureRecognizer];
-    [_container addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self
-                                                                             action:@selector(tap)]];
-    
+    [_container addGestureRecognizer:[[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tap)]];
+
     _container.backgroundColor = [UIColor whiteColor];
-    #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
     __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
     if (@available(iOS 13.0, *)) {
       _container.backgroundColor = [UIColor systemBackgroundColor];
     }
-    #endif
+#endif
   }
 
   return _container;
@@ -262,8 +260,7 @@ - (UILabel *)views
 - (RCTFPSGraph *)uiGraph
 {
   if (!_uiGraph) {
-    _uiGraph = [[RCTFPSGraph alloc] initWithFrame:CGRectMake(134, 14, 40, 30)
-                                            color:[UIColor lightGrayColor]];
+    _uiGraph = [[RCTFPSGraph alloc] initWithFrame:CGRectMake(134, 14, 40, 30) color:[UIColor lightGrayColor]];
   }
   return _uiGraph;
 }
@@ -271,8 +268,7 @@ - (RCTFPSGraph *)uiGraph
 - (RCTFPSGraph *)jsGraph
 {
   if (!_jsGraph) {
-    _jsGraph = [[RCTFPSGraph alloc] initWithFrame:CGRectMake(178, 14, 40, 30)
-                                            color:[UIColor lightGrayColor]];
+    _jsGraph = [[RCTFPSGraph alloc] initWithFrame:CGRectMake(178, 14, 40, 30) color:[UIColor lightGrayColor]];
   }
   return _jsGraph;
 }
@@ -305,11 +301,10 @@ - (UITableView *)metrics
 {
   if (!_metrics) {
     _metrics = [[UITableView alloc] initWithFrame:CGRectMake(
-      0,
-      RCTPerfMonitorBarHeight,
-      self.container.frame.size.width,
-      self.container.frame.size.height - RCTPerfMonitorBarHeight
-    )];
+                                                      0,
+                                                      RCTPerfMonitorBarHeight,
+                                                      self.container.frame.size.width,
+                                                      self.container.frame.size.height - RCTPerfMonitorBarHeight)];
     _metrics.dataSource = self;
     _metrics.delegate = self;
     _metrics.autoresizingMask = UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth;
@@ -340,27 +335,20 @@ - (void)show
   UIWindow *window = RCTSharedApplication().delegate.window;
   [window addSubview:self.container];
 
+  _uiDisplayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(threadUpdate:)];
+  [_uiDisplayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
 
-  _uiDisplayLink = [CADisplayLink displayLinkWithTarget:self
-                                               selector:@selector(threadUpdate:)];
-  [_uiDisplayLink addToRunLoop:[NSRunLoop mainRunLoop]
-                       forMode:NSRunLoopCommonModes];
-
-  self.container.frame = (CGRect) {
-    self.container.frame.origin, {
-      self.container.frame.size.width + 44,
-      self.container.frame.size.height
-    }
-  };
+  self.container.frame =
+      (CGRect){self.container.frame.origin, {self.container.frame.size.width + 44, self.container.frame.size.height}};
   [self.container addSubview:self.jsGraph];
   [self.container addSubview:self.jsGraphLabel];
 
-  [_bridge dispatchBlock:^{
-    self->_jsDisplayLink = [CADisplayLink displayLinkWithTarget:self
-                                                       selector:@selector(threadUpdate:)];
-    [self->_jsDisplayLink addToRunLoop:[NSRunLoop currentRunLoop]
-                               forMode:NSRunLoopCommonModes];
-  } queue:RCTJSThread];
+  [_bridge
+      dispatchBlock:^{
+        self->_jsDisplayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(threadUpdate:)];
+        [self->_jsDisplayLink addToRunLoop:[NSRunLoop currentRunLoop] forMode:NSRunLoopCommonModes];
+      }
+              queue:RCTJSThread];
 }
 
 - (void)hide
@@ -399,40 +387,28 @@ - (void)redirectLogs
   __weak __typeof__(self) weakSelf = self;
   _queue = dispatch_queue_create("com.facebook.react.RCTPerfMonitor", DISPATCH_QUEUE_SERIAL);
   _io = dispatch_io_create(
-    DISPATCH_IO_STREAM,
-    _pipe[0],
-    _queue,
-    ^(__unused int error) {});
+      DISPATCH_IO_STREAM,
+      _pipe[0],
+      _queue,
+      ^(__unused int error){
+      });
 
   dispatch_io_set_low_water(_io, 20);
 
-  dispatch_io_read(
-    _io,
-    0,
-    SIZE_MAX,
-    _queue,
-    ^(__unused bool done, dispatch_data_t data, __unused int error) {
-      if (!data) {
-        return;
+  dispatch_io_read(_io, 0, SIZE_MAX, _queue, ^(__unused bool done, dispatch_data_t data, __unused int error) {
+    if (!data) {
+      return;
     }
 
-      dispatch_data_apply(
-        data,
-        ^bool(
-          __unused dispatch_data_t region,
-          __unused size_t offset,
-          const void *buffer,
-          size_t size
-        ) {
+    dispatch_data_apply(
+        data, ^bool(__unused dispatch_data_t region, __unused size_t offset, const void *buffer, size_t size) {
           write(self->_stderr, buffer, size);
 
-          NSString *log = [[NSString alloc] initWithBytes:buffer
-                                                   length:size
-                                                 encoding:NSUTF8StringEncoding];
+          NSString *log = [[NSString alloc] initWithBytes:buffer length:size encoding:NSUTF8StringEncoding];
           [weakSelf parse:log];
           return true;
         });
-    });
+  });
 }
 
 - (void)stopLogs
@@ -446,10 +422,9 @@ - (void)parse:(NSString *)log
   static NSRegularExpression *GCRegex;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
-    NSString *pattern = @"\\[GC: [\\d\\.]+ \\wb => (Eden|Full)Collection, (?:Skipped copying|Did copy), ([\\d\\.]+) \\wb, [\\d.]+ \\ws\\]";
-    GCRegex = [NSRegularExpression regularExpressionWithPattern:pattern
-                                                        options:0
-                                                          error:nil];
+    NSString *pattern =
+        @"\\[GC: [\\d\\.]+ \\wb => (Eden|Full)Collection, (?:Skipped copying|Did copy), ([\\d\\.]+) \\wb, [\\d.]+ \\ws\\]";
+    GCRegex = [NSRegularExpression regularExpressionWithPattern:pattern options:0 error:nil];
   });
 
   if (_remaining) {
@@ -484,31 +459,25 @@ - (void)updateStats
   }
 
   double mem = (double)RCTGetResidentMemorySize() / 1024 / 1024;
-  self.memory.text  =[NSString stringWithFormat:@"RAM\n%.2lf\nMB", mem];
+  self.memory.text = [NSString stringWithFormat:@"RAM\n%.2lf\nMB", mem];
   self.heap.text = [NSString stringWithFormat:@"JSC\n%.2lf\nMB", (double)_heapSize / 1024];
-  self.views.text = [NSString stringWithFormat:@"Views\n%lu\n%lu", (unsigned long)visibleViewCount, (unsigned long)viewCount];
+  self.views.text =
+      [NSString stringWithFormat:@"Views\n%lu\n%lu", (unsigned long)visibleViewCount, (unsigned long)viewCount];
 
   __weak __typeof__(self) weakSelf = self;
-  dispatch_after(
-    dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)),
-    dispatch_get_main_queue(),
-    ^{
-      __strong __typeof__(weakSelf) strongSelf = weakSelf;
-      if (strongSelf && strongSelf->_container.superview) {
-        [strongSelf updateStats];
-      }
-    });
+  dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
+    __strong __typeof__(weakSelf) strongSelf = weakSelf;
+    if (strongSelf && strongSelf->_container.superview) {
+      [strongSelf updateStats];
+    }
+  });
 }
 
 - (void)gesture:(UIPanGestureRecognizer *)gestureRecognizer
 {
   CGPoint translation = [gestureRecognizer translationInView:self.container.superview];
-  self.container.center = CGPointMake(
-    self.container.center.x + translation.x,
-    self.container.center.y + translation.y
-  );
-  [gestureRecognizer setTranslation:CGPointMake(0, 0)
-                             inView:self.container.superview];
+  self.container.center = CGPointMake(self.container.center.x + translation.x, self.container.center.y + translation.y);
+  [gestureRecognizer setTranslation:CGPointMake(0, 0) inView:self.container.superview];
 }
 
 - (void)tap
@@ -521,11 +490,12 @@ - (void)tap
     [_metrics reloadData];
   }
 
-  [UIView animateWithDuration:.25 animations:^{
-    CGRect tmp = self.container.frame;
-    self.container.frame = self->_storedMonitorFrame;
-    self->_storedMonitorFrame = tmp;
-  }];
+  [UIView animateWithDuration:.25
+                   animations:^{
+                     CGRect tmp = self.container.frame;
+                     self.container.frame = self->_storedMonitorFrame;
+                     self->_storedMonitorFrame = tmp;
+                   }];
 }
 
 - (void)threadUpdate:(CADisplayLink *)displayLink
@@ -541,7 +511,7 @@ - (void)loadPerformanceLoggerData
   RCTPerformanceLogger *performanceLogger = [_bridge performanceLogger];
   NSArray<NSNumber *> *values = [performanceLogger valuesForTags];
   for (NSString *label in [performanceLogger labelsForTags]) {
-    long long value = values[i+1].longLongValue - values[i].longLongValue;
+    long long value = values[i + 1].longLongValue - values[i].longLongValue;
     NSString *unit = @"ms";
     if ([label hasSuffix:@"Size"]) {
       unit = @"b";
@@ -561,14 +531,12 @@ - (NSInteger)numberOfSectionsInTableView:(__unused UITableView *)tableView
   return 1;
 }
 
-- (NSInteger)tableView:(__unused UITableView *)tableView
- numberOfRowsInSection:(__unused NSInteger)section
+- (NSInteger)tableView:(__unused UITableView *)tableView numberOfRowsInSection:(__unused NSInteger)section
 {
   return _perfLoggerMarks.count;
 }
 
-- (UITableViewCell *)tableView:(UITableView *)tableView
-         cellForRowAtIndexPath:(NSIndexPath *)indexPath
+- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
   UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:RCTPerfMonitorCellIdentifier
                                                           forIndexPath:indexPath];
@@ -586,8 +554,7 @@ - (UITableViewCell *)tableView:(UITableView *)tableView
 
 #pragma mark - UITableViewDelegate
 
-- (CGFloat)tableView:(__unused UITableView *)tableView
-heightForRowAtIndexPath:(__unused NSIndexPath *)indexPath
+- (CGFloat)tableView:(__unused UITableView *)tableView heightForRowAtIndexPath:(__unused NSIndexPath *)indexPath
 {
   return 20;
 }
@@ -596,7 +563,8 @@ - (CGFloat)tableView:(__unused UITableView *)tableView
 
 #endif
 
-Class RCTPerfMonitorCls(void) {
+Class RCTPerfMonitorCls(void)
+{
 #if RCT_DEV
   return RCTPerfMonitor.class;
 #else
diff --git a/React/CoreModules/RCTPlatform.mm b/React/CoreModules/RCTPlatform.mm
index 11baf3b5254d7b..4c0ea72c011101 100644
--- a/React/CoreModules/RCTPlatform.mm
+++ b/React/CoreModules/RCTPlatform.mm
@@ -17,8 +17,9 @@
 
 using namespace facebook::react;
 
-static NSString *interfaceIdiom(UIUserInterfaceIdiom idiom) {
-  switch(idiom) {
+static NSString *interfaceIdiom(UIUserInterfaceIdiom idiom)
+{
+  switch (idiom) {
     case UIUserInterfaceIdiomPhone:
       return @"phone";
     case UIUserInterfaceIdiomPad:
@@ -60,27 +61,31 @@ - (dispatch_queue_t)methodQueue
   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]
-    }),
+      .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<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativePlatformConstantsIOSSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativePlatformConstantsIOSSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTPlatformCls(void) {
+Class RCTPlatformCls(void)
+{
   return RCTPlatform.class;
 }
diff --git a/React/CoreModules/RCTRedBox.h b/React/CoreModules/RCTRedBox.h
index 468a954ba65a01..f74f571329e11f 100644
--- a/React/CoreModules/RCTRedBox.h
+++ b/React/CoreModules/RCTRedBox.h
@@ -29,8 +29,12 @@ typedef void (^RCTRedBoxButtonPressHandler)(void);
 - (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie;
 - (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack;
 - (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack;
-- (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie;
-- (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie;
+- (void)showErrorMessage:(NSString *)message
+         withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+             errorCookie:(int)errorCookie;
+- (void)updateErrorMessage:(NSString *)message
+           withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+               errorCookie:(int)errorCookie;
 
 - (void)dismiss;
 
diff --git a/React/CoreModules/RCTRedBox.mm b/React/CoreModules/RCTRedBox.mm
index 817f0141ab5c1f..424046613cde90 100644
--- a/React/CoreModules/RCTRedBox.mm
+++ b/React/CoreModules/RCTRedBox.mm
@@ -75,105 +75,121 @@ - (void)loadExtraDataViewController;
 @end
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-@interface RCTRedBoxWindow : UIWindow <UITableViewDelegate, UITableViewDataSource>
+@interface RCTRedBoxWindow : NSObject <UITableViewDelegate, UITableViewDataSource>
+@property (nonatomic, strong) UIViewController *rootViewController;
 @property (nonatomic, weak) id<RCTRedBoxWindowActionDelegate> actionDelegate;
 @end
 
-@implementation RCTRedBoxWindow
-{
-    UITableView *_stackTraceTableView;
-    NSString *_lastErrorMessage;
-    NSArray<RCTJSStackFrame *> *_lastStackTrace;
-    int _lastErrorCookie;
+@implementation RCTRedBoxWindow {
+  UITableView *_stackTraceTableView;
+  NSString *_lastErrorMessage;
+  NSArray<RCTJSStackFrame *> *_lastStackTrace;
+  int _lastErrorCookie;
 }
 
-- (instancetype)initWithFrame:(CGRect)frame customButtonTitles:(NSArray<NSString *>*)customButtonTitles customButtonHandlers:(NSArray<RCTRedBoxButtonPressHandler> *)customButtonHandlers
+- (instancetype)initWithFrame:(CGRect)frame
+           customButtonTitles:(NSArray<NSString *> *)customButtonTitles
+         customButtonHandlers:(NSArray<RCTRedBoxButtonPressHandler> *)customButtonHandlers
 {
+  if (self = [super init]) {
     _lastErrorCookie = -1;
-    if ((self = [super initWithFrame:frame])) {
-#if TARGET_OS_TV
-        self.windowLevel = UIWindowLevelAlert + 1000;
-#else
-        self.windowLevel = UIWindowLevelStatusBar - 1;
-#endif
-        self.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
-        self.hidden = YES;
 
-        UIViewController *rootController = [UIViewController new];
-        self.rootViewController = rootController;
-        UIView *rootView = rootController.view;
-        rootView.backgroundColor = [UIColor clearColor];
+    _rootViewController = [UIViewController new];
+    UIView *rootView = _rootViewController.view;
+    rootView.frame = frame;
+    rootView.backgroundColor = [UIColor blackColor];
 
-        const CGFloat buttonHeight = 60;
+    const CGFloat buttonHeight = 60;
 
-        CGRect detailsFrame = rootView.bounds;
-        detailsFrame.size.height -= buttonHeight + [self bottomSafeViewHeight];
+    CGRect detailsFrame = rootView.bounds;
+    detailsFrame.size.height -= buttonHeight + [self bottomSafeViewHeight];
 
-        _stackTraceTableView = [[UITableView alloc] initWithFrame:detailsFrame style:UITableViewStylePlain];
-        _stackTraceTableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
-        _stackTraceTableView.delegate = self;
-        _stackTraceTableView.dataSource = self;
-        _stackTraceTableView.backgroundColor = [UIColor clearColor];
+    _stackTraceTableView = [[UITableView alloc] initWithFrame:detailsFrame style:UITableViewStylePlain];
+    _stackTraceTableView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
+    _stackTraceTableView.delegate = self;
+    _stackTraceTableView.dataSource = self;
+    _stackTraceTableView.backgroundColor = [UIColor clearColor];
 #if !TARGET_OS_TV
-        _stackTraceTableView.separatorColor = [UIColor colorWithWhite:1 alpha:0.3];
-        _stackTraceTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
+    _stackTraceTableView.separatorColor = [UIColor colorWithWhite:1 alpha:0.3];
+    _stackTraceTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
 #endif
-        _stackTraceTableView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
-        [rootView addSubview:_stackTraceTableView];
-
-#if TARGET_OS_SIMULATOR
-        NSString *reloadText = @"Reload\n(\u2318R)";
-        NSString *dismissText = @"Dismiss\n(ESC)";
-        NSString *copyText = @"Copy\n(\u2325\u2318C)";
-        NSString *extraText = @"Extra Info\n(\u2318E)";
+    _stackTraceTableView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
+    [rootView addSubview:_stackTraceTableView];
+
+#if TARGET_OS_SIMULATOR || TARGET_OS_MACCATALYST
+    NSString *reloadText = @"Reload\n(\u2318R)";
+    NSString *dismissText = @"Dismiss\n(ESC)";
+    NSString *copyText = @"Copy\n(\u2325\u2318C)";
+    NSString *extraText = @"Extra Info\n(\u2318E)";
 #else
-        NSString *reloadText = @"Reload JS";
-        NSString *dismissText = @"Dismiss";
-        NSString *copyText = @"Copy";
-        NSString *extraText = @"Extra Info";
+    NSString *reloadText = @"Reload JS";
+    NSString *dismissText = @"Dismiss";
+    NSString *copyText = @"Copy";
+    NSString *extraText = @"Extra Info";
 #endif
 
-        UIButton *dismissButton = [self redBoxButton:dismissText accessibilityIdentifier:@"redbox-dismiss" selector:@selector(dismiss) block:nil];
-        UIButton *reloadButton = [self redBoxButton:reloadText accessibilityIdentifier:@"redbox-reload" selector:@selector(reload) block:nil];
-        UIButton *copyButton = [self redBoxButton:copyText accessibilityIdentifier:@"redbox-copy" selector:@selector(copyStack) block:nil];
-        UIButton *extraButton = [self redBoxButton:extraText accessibilityIdentifier:@"redbox-extra" selector:@selector(showExtraDataViewController) block:nil];
-
-        CGFloat buttonWidth = self.bounds.size.width / (4 + [customButtonTitles count]);
-        CGFloat bottomButtonHeight = self.bounds.size.height - buttonHeight - [self bottomSafeViewHeight];
-        dismissButton.frame = CGRectMake(0, bottomButtonHeight, buttonWidth, buttonHeight);
-        reloadButton.frame = CGRectMake(buttonWidth, bottomButtonHeight, buttonWidth, buttonHeight);
-        copyButton.frame = CGRectMake(buttonWidth * 2, bottomButtonHeight, buttonWidth, buttonHeight);
-        extraButton.frame = CGRectMake(buttonWidth * 3, bottomButtonHeight, buttonWidth, buttonHeight);
-
-        [rootView addSubview:dismissButton];
-        [rootView addSubview:reloadButton];
-        [rootView addSubview:copyButton];
-        [rootView addSubview:extraButton];
-
-        for (NSUInteger i = 0; i < [customButtonTitles count]; i++) {
-          UIButton *button = [self redBoxButton:customButtonTitles[i] accessibilityIdentifier:@"" selector:nil block:customButtonHandlers[i]];
-          button.frame = CGRectMake(buttonWidth * (4 + i), bottomButtonHeight, buttonWidth, buttonHeight);
-          [rootView addSubview:button];
-        }
+    UIButton *dismissButton = [self redBoxButton:dismissText
+                         accessibilityIdentifier:@"redbox-dismiss"
+                                        selector:@selector(dismiss)
+                                           block:nil];
+    UIButton *reloadButton = [self redBoxButton:reloadText
+                        accessibilityIdentifier:@"redbox-reload"
+                                       selector:@selector(reload)
+                                          block:nil];
+    UIButton *copyButton = [self redBoxButton:copyText
+                      accessibilityIdentifier:@"redbox-copy"
+                                     selector:@selector(copyStack)
+                                        block:nil];
+    UIButton *extraButton = [self redBoxButton:extraText
+                       accessibilityIdentifier:@"redbox-extra"
+                                      selector:@selector(showExtraDataViewController)
+                                         block:nil];
+
+    CGFloat buttonWidth = frame.size.width / (4 + [customButtonTitles count]);
+    CGFloat bottomButtonHeight = frame.size.height - buttonHeight - [self bottomSafeViewHeight];
+    dismissButton.frame = CGRectMake(0, bottomButtonHeight, buttonWidth, buttonHeight);
+    reloadButton.frame = CGRectMake(buttonWidth, bottomButtonHeight, buttonWidth, buttonHeight);
+    copyButton.frame = CGRectMake(buttonWidth * 2, bottomButtonHeight, buttonWidth, buttonHeight);
+    extraButton.frame = CGRectMake(buttonWidth * 3, bottomButtonHeight, buttonWidth, buttonHeight);
+
+    [rootView addSubview:dismissButton];
+    [rootView addSubview:reloadButton];
+    [rootView addSubview:copyButton];
+    [rootView addSubview:extraButton];
+
+    for (NSUInteger i = 0; i < [customButtonTitles count]; i++) {
+      UIButton *button = [self redBoxButton:customButtonTitles[i]
+                    accessibilityIdentifier:@""
+                                   selector:nil
+                                      block:customButtonHandlers[i]];
+      button.frame = CGRectMake(buttonWidth * (4 + i), bottomButtonHeight, buttonWidth, buttonHeight);
+      [rootView addSubview:button];
+    }
 
-        UIView *topBorder = [[UIView alloc] initWithFrame:CGRectMake(0, bottomButtonHeight + 1, rootView.frame.size.width, 1)];
-        topBorder.backgroundColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
+    UIView *topBorder =
+        [[UIView alloc] initWithFrame:CGRectMake(0, bottomButtonHeight + 1, rootView.frame.size.width, 1)];
+    topBorder.backgroundColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
 
-        [rootView addSubview:topBorder];
+    [rootView addSubview:topBorder];
 
-        UIView *bottomSafeView = [UIView new];
-        bottomSafeView.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
-        bottomSafeView.frame = CGRectMake(0, frame.size.height - [self bottomSafeViewHeight], frame.size.width, [self bottomSafeViewHeight]);
+    UIView *bottomSafeView = [UIView new];
+    bottomSafeView.backgroundColor = [UIColor colorWithRed:0.1 green:0.1 blue:0.1 alpha:1];
+    bottomSafeView.frame =
+        CGRectMake(0, frame.size.height - [self bottomSafeViewHeight], frame.size.width, [self bottomSafeViewHeight]);
 
-        [rootView addSubview:bottomSafeView];
-    }
-    return self;
+    [rootView addSubview:bottomSafeView];
+  }
+  return self;
 }
 
-- (UIButton *)redBoxButton:(NSString *)title accessibilityIdentifier:(NSString *)accessibilityIdentifier selector:(SEL)selector block:(RCTRedBoxButtonPressHandler)block
+- (UIButton *)redBoxButton:(NSString *)title
+    accessibilityIdentifier:(NSString *)accessibilityIdentifier
+                   selector:(SEL)selector
+                      block:(RCTRedBoxButtonPressHandler)block
 {
   UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
-  button.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleRightMargin;
+  button.autoresizingMask =
+      UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleRightMargin;
   button.accessibilityIdentifier = accessibilityIdentifier;
   button.titleLabel.font = [UIFont systemFontOfSize:13];
   button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
@@ -192,244 +208,241 @@ - (UIButton *)redBoxButton:(NSString *)title accessibilityIdentifier:(NSString *
 
 - (NSInteger)bottomSafeViewHeight
 {
-    if (@available(iOS 11.0, *)) {
-        return RCTSharedApplication().delegate.window.safeAreaInsets.bottom;
-    } else {
-        return 0;
-    }
+  if (@available(iOS 11.0, *)) {
+    return RCTSharedApplication().delegate.window.safeAreaInsets.bottom;
+  } else {
+    return 0;
+  }
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 - (void)dealloc
 {
-    _stackTraceTableView.dataSource = nil;
-    _stackTraceTableView.delegate = nil;
+  _stackTraceTableView.dataSource = nil;
+  _stackTraceTableView.delegate = nil;
 }
 
 - (NSString *)stripAnsi:(NSString *)text
 {
-    NSError *error = nil;
-    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"\\x1b\\[[0-9;]*m" options:NSRegularExpressionCaseInsensitive error:&error];
-    return [regex stringByReplacingMatchesInString:text options:0 range:NSMakeRange(0, [text length]) withTemplate:@""];
+  NSError *error = nil;
+  NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:@"\\x1b\\[[0-9;]*m"
+                                                                         options:NSRegularExpressionCaseInsensitive
+                                                                           error:&error];
+  return [regex stringByReplacingMatchesInString:text options:0 range:NSMakeRange(0, [text length]) withTemplate:@""];
 }
 
-- (void)showErrorMessage:(NSString *)message withStack:(NSArray<RCTJSStackFrame *> *)stack isUpdate:(BOOL)isUpdate errorCookie:(int)errorCookie
+- (void)showErrorMessage:(NSString *)message
+               withStack:(NSArray<RCTJSStackFrame *> *)stack
+                isUpdate:(BOOL)isUpdate
+             errorCookie:(int)errorCookie
 {
-    // Remove ANSI color codes from the message
-    NSString *messageWithoutAnsi = [self stripAnsi:message];
-
-    // Show if this is a new message, or if we're updating the previous message
-    BOOL isNew = self.hidden && !isUpdate;
-    BOOL isUpdateForSameMessage = !isNew && (
-      !self.hidden && isUpdate && (
-        (errorCookie == -1 && [_lastErrorMessage isEqualToString:messageWithoutAnsi]) ||
-        (errorCookie == _lastErrorCookie)
-      )
-    );
-    if (isNew || isUpdateForSameMessage) {
-        _lastStackTrace = stack;
-        // message is displayed using UILabel, which is unable to render text of
-        // unlimited length, so we truncate it
-        _lastErrorMessage = [messageWithoutAnsi substringToIndex:MIN((NSUInteger)10000, messageWithoutAnsi.length)];
-        _lastErrorCookie = errorCookie;
-
-        [_stackTraceTableView reloadData];
-
-        if (self.hidden) {
-            [_stackTraceTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0]
-                                        atScrollPosition:UITableViewScrollPositionTop
-                                                animated:NO];
-            [RCTKeyWindow().rootViewController presentViewController:self.rootViewController
-                                                            animated:YES
-                                                          completion:nil];
-        }
+  // Remove ANSI color codes from the message
+  NSString *messageWithoutAnsi = [self stripAnsi:message];
+
+  // Show if this is a new message, or if we're updating the previous message
+  BOOL isNew = !self.rootViewController.isBeingPresented && !isUpdate;
+  BOOL isUpdateForSameMessage = !isNew &&
+      (self.rootViewController.isBeingPresented && isUpdate &&
+       ((errorCookie == -1 && [_lastErrorMessage isEqualToString:messageWithoutAnsi]) ||
+        (errorCookie == _lastErrorCookie)));
+  if (isNew || isUpdateForSameMessage) {
+    _lastStackTrace = stack;
+    // message is displayed using UILabel, which is unable to render text of
+    // unlimited length, so we truncate it
+    _lastErrorMessage = [messageWithoutAnsi substringToIndex:MIN((NSUInteger)10000, messageWithoutAnsi.length)];
+    _lastErrorCookie = errorCookie;
+
+    [_stackTraceTableView reloadData];
+
+    if (!self.rootViewController.isBeingPresented) {
+      [_stackTraceTableView scrollToRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0]
+                                  atScrollPosition:UITableViewScrollPositionTop
+                                          animated:NO];
+      [RCTKeyWindow().rootViewController presentViewController:self.rootViewController animated:YES completion:nil];
     }
+  }
 }
 
 - (void)dismiss
 {
-    [self.rootViewController dismissViewControllerAnimated:YES completion:nil];
+  [self.rootViewController dismissViewControllerAnimated:YES completion:nil];
 }
 
 - (void)reload
 {
-    [_actionDelegate reloadFromRedBoxWindow:self];
+  [_actionDelegate reloadFromRedBoxWindow:self];
 }
 
 - (void)showExtraDataViewController
 {
-    [_actionDelegate loadExtraDataViewController];
+  [_actionDelegate loadExtraDataViewController];
 }
 
 - (void)copyStack
 {
-    NSMutableString *fullStackTrace;
+  NSMutableString *fullStackTrace;
 
-    if (_lastErrorMessage != nil) {
-        fullStackTrace = [_lastErrorMessage mutableCopy];
-        [fullStackTrace appendString:@"\n\n"];
-    }
-    else {
-        fullStackTrace = [NSMutableString string];
-    }
+  if (_lastErrorMessage != nil) {
+    fullStackTrace = [_lastErrorMessage mutableCopy];
+    [fullStackTrace appendString:@"\n\n"];
+  } else {
+    fullStackTrace = [NSMutableString string];
+  }
 
-    for (RCTJSStackFrame *stackFrame in _lastStackTrace) {
-        [fullStackTrace appendString:[NSString stringWithFormat:@"%@\n", stackFrame.methodName]];
-        if (stackFrame.file) {
-            [fullStackTrace appendFormat:@"    %@\n", [self formatFrameSource:stackFrame]];
-        }
+  for (RCTJSStackFrame *stackFrame in _lastStackTrace) {
+    [fullStackTrace appendString:[NSString stringWithFormat:@"%@\n", stackFrame.methodName]];
+    if (stackFrame.file) {
+      [fullStackTrace appendFormat:@"    %@\n", [self formatFrameSource:stackFrame]];
     }
+  }
 #if !TARGET_OS_TV
-    UIPasteboard *pb = [UIPasteboard generalPasteboard];
-    [pb setString:fullStackTrace];
+  UIPasteboard *pb = [UIPasteboard generalPasteboard];
+  [pb setString:fullStackTrace];
 #endif
 }
 
 - (NSString *)formatFrameSource:(RCTJSStackFrame *)stackFrame
 {
-    NSString *fileName = RCTNilIfNull(stackFrame.file) ? [stackFrame.file lastPathComponent] : @"<unknown file>";
-    NSString *lineInfo = [NSString stringWithFormat:@"%@:%lld",
-                          fileName,
-                          (long long)stackFrame.lineNumber];
+  NSString *fileName = RCTNilIfNull(stackFrame.file) ? [stackFrame.file lastPathComponent] : @"<unknown file>";
+  NSString *lineInfo = [NSString stringWithFormat:@"%@:%lld", fileName, (long long)stackFrame.lineNumber];
 
-    if (stackFrame.column != 0) {
-        lineInfo = [lineInfo stringByAppendingFormat:@":%lld", (long long)stackFrame.column];
-    }
-    return lineInfo;
+  if (stackFrame.column != 0) {
+    lineInfo = [lineInfo stringByAppendingFormat:@":%lld", (long long)stackFrame.column];
+  }
+  return lineInfo;
 }
 
 #pragma mark - TableView
 
 - (NSInteger)numberOfSectionsInTableView:(__unused UITableView *)tableView
 {
-    return 2;
+  return 2;
 }
 
 - (NSInteger)tableView:(__unused UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 {
-    return section == 0 ? 1 : _lastStackTrace.count;
+  return section == 0 ? 1 : _lastStackTrace.count;
 }
 
 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
-    if (indexPath.section == 0) {
-        UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"msg-cell"];
-        return [self reuseCell:cell forErrorMessage:_lastErrorMessage];
-    }
-    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
-    NSUInteger index = indexPath.row;
-    RCTJSStackFrame *stackFrame = _lastStackTrace[index];
-    return [self reuseCell:cell forStackFrame:stackFrame];
+  if (indexPath.section == 0) {
+    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"msg-cell"];
+    return [self reuseCell:cell forErrorMessage:_lastErrorMessage];
+  }
+  UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
+  NSUInteger index = indexPath.row;
+  RCTJSStackFrame *stackFrame = _lastStackTrace[index];
+  return [self reuseCell:cell forStackFrame:stackFrame];
 }
 
 - (UITableViewCell *)reuseCell:(UITableViewCell *)cell forErrorMessage:(NSString *)message
 {
-    if (!cell) {
-        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"msg-cell"];
-        cell.textLabel.accessibilityIdentifier = @"redbox-error";
-        cell.textLabel.textColor = [UIColor whiteColor];
-        cell.textLabel.font = [UIFont boldSystemFontOfSize:16];
-        cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
-        cell.textLabel.numberOfLines = 0;
-        cell.detailTextLabel.textColor = [UIColor whiteColor];
-        cell.backgroundColor = [UIColor colorWithRed:0.82 green:0.10 blue:0.15 alpha:1.0];
-        cell.selectionStyle = UITableViewCellSelectionStyleNone;
-    }
+  if (!cell) {
+    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"msg-cell"];
+    cell.textLabel.accessibilityIdentifier = @"redbox-error";
+    cell.textLabel.textColor = [UIColor whiteColor];
+    cell.textLabel.font = [UIFont boldSystemFontOfSize:16];
+    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
+    cell.textLabel.numberOfLines = 0;
+    cell.detailTextLabel.textColor = [UIColor whiteColor];
+    cell.backgroundColor = [UIColor colorWithRed:0.82 green:0.10 blue:0.15 alpha:1.0];
+    cell.selectionStyle = UITableViewCellSelectionStyleNone;
+  }
 
-    cell.textLabel.text = message;
+  cell.textLabel.text = message;
 
-    return cell;
+  return cell;
 }
 
 - (UITableViewCell *)reuseCell:(UITableViewCell *)cell forStackFrame:(RCTJSStackFrame *)stackFrame
 {
-    if (!cell) {
-        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
-        cell.textLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:14];
-        cell.textLabel.lineBreakMode = NSLineBreakByCharWrapping;
-        cell.textLabel.numberOfLines = 2;
-        cell.detailTextLabel.textColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
-        cell.detailTextLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:11];
-        cell.detailTextLabel.lineBreakMode = NSLineBreakByTruncatingMiddle;
-        cell.backgroundColor = [UIColor clearColor];
-        cell.selectedBackgroundView = [UIView new];
-        cell.selectedBackgroundView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.2];
-    }
+  if (!cell) {
+    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
+    cell.textLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:14];
+    cell.textLabel.lineBreakMode = NSLineBreakByCharWrapping;
+    cell.textLabel.numberOfLines = 2;
+    cell.detailTextLabel.textColor = [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
+    cell.detailTextLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:11];
+    cell.detailTextLabel.lineBreakMode = NSLineBreakByTruncatingMiddle;
+    cell.backgroundColor = [UIColor clearColor];
+    cell.selectedBackgroundView = [UIView new];
+    cell.selectedBackgroundView.backgroundColor = [UIColor colorWithWhite:0 alpha:0.2];
+  }
 
-    cell.textLabel.text = stackFrame.methodName ?: @"(unnamed method)";
-    if (stackFrame.file) {
-        cell.detailTextLabel.text = [self formatFrameSource:stackFrame];
-    } else {
-        cell.detailTextLabel.text = @"";
-    }
-    cell.textLabel.textColor = stackFrame.collapse ? [UIColor lightGrayColor] : [UIColor whiteColor];
-    cell.detailTextLabel.textColor = stackFrame.collapse ?
-      [UIColor colorWithRed:0.50 green:0.50 blue:0.50 alpha:1.0] :
-      [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
-    return cell;
+  cell.textLabel.text = stackFrame.methodName ?: @"(unnamed method)";
+  if (stackFrame.file) {
+    cell.detailTextLabel.text = [self formatFrameSource:stackFrame];
+  } else {
+    cell.detailTextLabel.text = @"";
+  }
+  cell.textLabel.textColor = stackFrame.collapse ? [UIColor lightGrayColor] : [UIColor whiteColor];
+  cell.detailTextLabel.textColor = stackFrame.collapse ? [UIColor colorWithRed:0.50 green:0.50 blue:0.50 alpha:1.0]
+                                                       : [UIColor colorWithRed:0.70 green:0.70 blue:0.70 alpha:1.0];
+  return cell;
 }
 
 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
 {
-    if (indexPath.section == 0) {
-        NSMutableParagraphStyle *paragraphStyle = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
-        paragraphStyle.lineBreakMode = NSLineBreakByWordWrapping;
-
-        NSDictionary *attributes = @{NSFontAttributeName: [UIFont boldSystemFontOfSize:16],
-                                     NSParagraphStyleAttributeName: paragraphStyle};
-        CGRect boundingRect = [_lastErrorMessage boundingRectWithSize:CGSizeMake(tableView.frame.size.width - 30, CGFLOAT_MAX) options:NSStringDrawingUsesLineFragmentOrigin attributes:attributes context:nil];
-        return ceil(boundingRect.size.height) + 40;
-    } else {
-        return 50;
-    }
+  if (indexPath.section == 0) {
+    NSMutableParagraphStyle *paragraphStyle = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
+    paragraphStyle.lineBreakMode = NSLineBreakByWordWrapping;
+
+    NSDictionary *attributes =
+        @{NSFontAttributeName : [UIFont boldSystemFontOfSize:16], NSParagraphStyleAttributeName : paragraphStyle};
+    CGRect boundingRect =
+        [_lastErrorMessage boundingRectWithSize:CGSizeMake(tableView.frame.size.width - 30, CGFLOAT_MAX)
+                                        options:NSStringDrawingUsesLineFragmentOrigin
+                                     attributes:attributes
+                                        context:nil];
+    return ceil(boundingRect.size.height) + 40;
+  } else {
+    return 50;
+  }
 }
 
 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
 {
-    if (indexPath.section == 1) {
-        NSUInteger row = indexPath.row;
-        RCTJSStackFrame *stackFrame = _lastStackTrace[row];
-        [_actionDelegate redBoxWindow:self openStackFrameInEditor:stackFrame];
-    }
-    [tableView deselectRowAtIndexPath:indexPath animated:YES];
+  if (indexPath.section == 1) {
+    NSUInteger row = indexPath.row;
+    RCTJSStackFrame *stackFrame = _lastStackTrace[row];
+    [_actionDelegate redBoxWindow:self openStackFrameInEditor:stackFrame];
+  }
+  [tableView deselectRowAtIndexPath:indexPath animated:YES];
 }
 
 #pragma mark - Key commands
 
 - (NSArray<UIKeyCommand *> *)keyCommands
 {
-    // NOTE: We could use RCTKeyCommands for this, but since
-    // we control this window, we can use the standard, non-hacky
-    // mechanism instead
+  // NOTE: We could use RCTKeyCommands for this, but since
+  // we control this window, we can use the standard, non-hacky
+  // mechanism instead
 
-    return @[
-             // Dismiss red box
-             [UIKeyCommand keyCommandWithInput:UIKeyInputEscape
-                                 modifierFlags:0
-                                        action:@selector(dismiss)],
+  return @[
+    // Dismiss red box
+    [UIKeyCommand keyCommandWithInput:UIKeyInputEscape modifierFlags:0 action:@selector(dismiss)],
 
-             // Reload
-             [UIKeyCommand keyCommandWithInput:@"r"
-                                 modifierFlags:UIKeyModifierCommand
-                                        action:@selector(reload)],
+    // Reload
+    [UIKeyCommand keyCommandWithInput:@"r" modifierFlags:UIKeyModifierCommand action:@selector(reload)],
 
-             // Copy = Cmd-Option C since Cmd-C in the simulator copies the pasteboard from
-             // the simulator to the desktop pasteboard.
-             [UIKeyCommand keyCommandWithInput:@"c"
-                                 modifierFlags:UIKeyModifierCommand | UIKeyModifierAlternate
-                                        action:@selector(copyStack)],
+    // Copy = Cmd-Option C since Cmd-C in the simulator copies the pasteboard from
+    // the simulator to the desktop pasteboard.
+    [UIKeyCommand keyCommandWithInput:@"c"
+                        modifierFlags:UIKeyModifierCommand | UIKeyModifierAlternate
+                               action:@selector(copyStack)],
 
-             // Extra data
-             [UIKeyCommand keyCommandWithInput:@"e"
-                                 modifierFlags:UIKeyModifierCommand
-                                        action:@selector(showExtraDataViewController)]
-             ];
+    // Extra data
+    [UIKeyCommand keyCommandWithInput:@"e"
+                        modifierFlags:UIKeyModifierCommand
+                               action:@selector(showExtraDataViewController)]
+  ];
 }
 
 - (BOOL)canBecomeFirstResponder
 {
-    return YES;
+  return YES;
 }
 
 @end
@@ -782,24 +795,22 @@ - (NSAttributedString *)attributedStringForRow:(NSUInteger)row
 #endif // ]TODO(macOS ISS#2323203)
 
 @interface RCTRedBox () <
-  RCTInvalidating,
-  RCTRedBoxWindowActionDelegate,
+    RCTInvalidating,
+    RCTRedBoxWindowActionDelegate,
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  RCTRedBoxExtraDataActionDelegate,
+    RCTRedBoxExtraDataActionDelegate,
 #endif
-  NativeRedBoxSpec
->
+    NativeRedBoxSpec>
 @end
 
-@implementation RCTRedBox
-{
-    RCTRedBoxWindow *_window;
-    NSMutableArray<id<RCTErrorCustomizer>> *_errorCustomizers;
+@implementation RCTRedBox {
+  RCTRedBoxWindow *_window;
+  NSMutableArray<id<RCTErrorCustomizer>> *_errorCustomizers;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    RCTRedBoxExtraDataViewController *_extraDataViewController;
+  RCTRedBoxExtraDataViewController *_extraDataViewController;
 #endif
-    NSMutableArray<NSString *> *_customButtonTitles;
-    NSMutableArray<RCTRedBoxButtonPressHandler> *_customButtonHandlers;
+  NSMutableArray<NSString *> *_customButtonTitles;
+  NSMutableArray<RCTRedBoxButtonPressHandler> *_customButtonHandlers;
 }
 
 @synthesize bridge = _bridge;
@@ -808,151 +819,171 @@ @implementation RCTRedBox
 
 - (void)registerErrorCustomizer:(id<RCTErrorCustomizer>)errorCustomizer
 {
-    dispatch_async(dispatch_get_main_queue(), ^{
-        if (!self->_errorCustomizers) {
-            self->_errorCustomizers = [NSMutableArray array];
-        }
-        if (![self->_errorCustomizers containsObject:errorCustomizer]) {
-            [self->_errorCustomizers addObject:errorCustomizer];
-        }
-    });
+  dispatch_async(dispatch_get_main_queue(), ^{
+    if (!self->_errorCustomizers) {
+      self->_errorCustomizers = [NSMutableArray array];
+    }
+    if (![self->_errorCustomizers containsObject:errorCustomizer]) {
+      [self->_errorCustomizers addObject:errorCustomizer];
+    }
+  });
 }
 
 // WARNING: Should only be called from the main thread/dispatch queue.
 - (RCTErrorInfo *)_customizeError:(RCTErrorInfo *)error
 {
-    RCTAssertMainQueue();
-    if (!self->_errorCustomizers) {
-        return error;
-    }
-    for (id<RCTErrorCustomizer> customizer in self->_errorCustomizers) {
-        RCTErrorInfo *newInfo = [customizer customizeErrorInfo:error];
-        if (newInfo) {
-            error = newInfo;
-        }
-    }
+  RCTAssertMainQueue();
+  if (!self->_errorCustomizers) {
     return error;
+  }
+  for (id<RCTErrorCustomizer> customizer in self->_errorCustomizers) {
+    RCTErrorInfo *newInfo = [customizer customizeErrorInfo:error];
+    if (newInfo) {
+      error = newInfo;
+    }
+  }
+  return error;
 }
 
 - (void)showError:(NSError *)error
 {
-    [self showErrorMessage:error.localizedDescription
-               withDetails:error.localizedFailureReason
-                     stack:error.userInfo[RCTJSStackTraceKey]
-                     errorCookie:-1];
+  [self showErrorMessage:error.localizedDescription
+             withDetails:error.localizedFailureReason
+                   stack:error.userInfo[RCTJSStackTraceKey]
+             errorCookie:-1];
 }
 
 - (void)showErrorMessage:(NSString *)message
 {
-    [self showErrorMessage:message withParsedStack:nil isUpdate:NO errorCookie:-1];
+  [self showErrorMessage:message withParsedStack:nil isUpdate:NO errorCookie:-1];
 }
 
 - (void)showErrorMessage:(NSString *)message withDetails:(NSString *)details
 {
-    [self showErrorMessage:message withDetails:details stack:nil errorCookie:-1];
+  [self showErrorMessage:message withDetails:details stack:nil errorCookie:-1];
 }
 
-- (void)showErrorMessage:(NSString *)message withDetails:(NSString *)details stack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie {
-    NSString *combinedMessage = message;
-    if (details) {
-        combinedMessage = [NSString stringWithFormat:@"%@\n\n%@", message, details];
-    }
-    [self showErrorMessage:combinedMessage withParsedStack:stack isUpdate:NO errorCookie:errorCookie];
+- (void)showErrorMessage:(NSString *)message
+             withDetails:(NSString *)details
+                   stack:(NSArray<RCTJSStackFrame *> *)stack
+             errorCookie:(int)errorCookie
+{
+  NSString *combinedMessage = message;
+  if (details) {
+    combinedMessage = [NSString stringWithFormat:@"%@\n\n%@", message, details];
+  }
+  [self showErrorMessage:combinedMessage withParsedStack:stack isUpdate:NO errorCookie:errorCookie];
 }
 
 - (void)showErrorMessage:(NSString *)message withRawStack:(NSString *)rawStack
 {
-    [self showErrorMessage:message withRawStack:rawStack errorCookie:-1];
+  [self showErrorMessage:message withRawStack:rawStack errorCookie:-1];
 }
 
 - (void)showErrorMessage:(NSString *)message withRawStack:(NSString *)rawStack errorCookie:(int)errorCookie
 {
-    NSArray<RCTJSStackFrame *> *stack = [RCTJSStackFrame stackFramesWithLines:rawStack];
-    [self showErrorMessage:message withParsedStack:stack isUpdate:NO errorCookie:errorCookie];
+  NSArray<RCTJSStackFrame *> *stack = [RCTJSStackFrame stackFramesWithLines:rawStack];
+  [self showErrorMessage:message withParsedStack:stack isUpdate:NO errorCookie:errorCookie];
 }
 
 - (void)showErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack
 {
-    [self showErrorMessage:message withStack:stack errorCookie:-1];
+  [self showErrorMessage:message withStack:stack errorCookie:-1];
 }
 
 - (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack
 {
-    [self updateErrorMessage:message withStack:stack errorCookie:-1];
+  [self updateErrorMessage:message withStack:stack errorCookie:-1];
 }
 
 - (void)showErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie
 {
-    [self showErrorMessage:message withParsedStack:[RCTJSStackFrame stackFramesWithDictionaries:stack] isUpdate:NO errorCookie:errorCookie];
+  [self showErrorMessage:message
+         withParsedStack:[RCTJSStackFrame stackFramesWithDictionaries:stack]
+                isUpdate:NO
+             errorCookie:errorCookie];
 }
 
 - (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie
 {
-    [self showErrorMessage:message withParsedStack:[RCTJSStackFrame stackFramesWithDictionaries:stack] isUpdate:YES errorCookie:errorCookie];
+  [self showErrorMessage:message
+         withParsedStack:[RCTJSStackFrame stackFramesWithDictionaries:stack]
+                isUpdate:YES
+             errorCookie:errorCookie];
 }
 
 - (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
 {
-    [self showErrorMessage:message withParsedStack:stack errorCookie:-1];
+  [self showErrorMessage:message withParsedStack:stack errorCookie:-1];
 }
 
 - (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
 {
-    [self updateErrorMessage:message withParsedStack:stack errorCookie:-1];
+  [self updateErrorMessage:message withParsedStack:stack errorCookie:-1];
 }
 
-- (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie
+- (void)showErrorMessage:(NSString *)message
+         withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+             errorCookie:(int)errorCookie
 {
-    [self showErrorMessage:message withParsedStack:stack isUpdate:NO errorCookie:errorCookie];
+  [self showErrorMessage:message withParsedStack:stack isUpdate:NO errorCookie:errorCookie];
 }
 
-- (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie
+- (void)updateErrorMessage:(NSString *)message
+           withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+               errorCookie:(int)errorCookie
 {
-    [self showErrorMessage:message withParsedStack:stack isUpdate:YES errorCookie:errorCookie];
+  [self showErrorMessage:message withParsedStack:stack isUpdate:YES errorCookie:errorCookie];
 }
 
-- (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack isUpdate:(BOOL)isUpdate errorCookie:(int)errorCookie
+- (void)showErrorMessage:(NSString *)message
+         withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+                isUpdate:(BOOL)isUpdate
+             errorCookie:(int)errorCookie
 {
-    dispatch_async(dispatch_get_main_queue(), ^{
+  dispatch_async(dispatch_get_main_queue(), ^{
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-        if (self->_extraDataViewController == nil) {
-            self->_extraDataViewController = [RCTRedBoxExtraDataViewController new];
-            self->_extraDataViewController.actionDelegate = self;
-        }
+    if (self->_extraDataViewController == nil) {
+      self->_extraDataViewController = [RCTRedBoxExtraDataViewController new];
+      self->_extraDataViewController.actionDelegate = self;
+    }
 #endif // TODO(macOS ISS#2323203)
 
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-        [self->_bridge.eventDispatcher sendDeviceEventWithName:@"collectRedBoxExtraData" body:nil];
+    [self->_bridge.eventDispatcher sendDeviceEventWithName:@"collectRedBoxExtraData" body:nil];
 #pragma clang diagnostic pop
 
-        if (!self->_window) {
+    if (!self->_window) {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-            self->_window = [[RCTRedBoxWindow alloc] initWithFrame:[UIScreen mainScreen].bounds customButtonTitles:self->_customButtonTitles customButtonHandlers:self->_customButtonHandlers];
+      self->_window = [[RCTRedBoxWindow alloc] initWithFrame:[UIScreen mainScreen].bounds
+                                    customButtonTitles:self->_customButtonTitles
+                                  customButtonHandlers:self->_customButtonHandlers];
 #else // [TODO(macOS ISS#2323203)
-            self->_window = [RCTRedBoxWindow new];
+      self->_window = [RCTRedBoxWindow new];
 #endif // ]TODO(macOS ISS#2323203)
-            self->_window.actionDelegate = self;
-        }
+      self->_window.actionDelegate = self;
+    }
 
-        RCTErrorInfo *errorInfo = [[RCTErrorInfo alloc] initWithErrorMessage:message
-                                                                       stack:stack];
-        errorInfo = [self _customizeError:errorInfo];
-        [self->_window showErrorMessage:errorInfo.errorMessage
-                              withStack:errorInfo.stack
-                               isUpdate:isUpdate
-                               errorCookie:errorCookie];
-    });
+    RCTErrorInfo *errorInfo = [[RCTErrorInfo alloc] initWithErrorMessage:message stack:stack];
+    errorInfo = [self _customizeError:errorInfo];
+    [self->_window showErrorMessage:errorInfo.errorMessage
+                          withStack:errorInfo.stack
+                           isUpdate:isUpdate
+                        errorCookie:errorCookie];
+  });
 }
 
 - (void)loadExtraDataViewController {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    dispatch_async(dispatch_get_main_queue(), ^{
-        // Make sure the CMD+E shortcut doesn't call this twice
-        if (self->_extraDataViewController != nil && ![self->_window.rootViewController presentedViewController]) {
-            [self->_window.rootViewController presentViewController:self->_extraDataViewController animated:YES completion:nil];
-        }
-    });
+  dispatch_async(dispatch_get_main_queue(), ^{
+    // Make sure the CMD+E shortcut doesn't call this twice
+    if (self->_extraDataViewController != nil && ![self->_window.rootViewController presentedViewController]) {
+      [self->_window.rootViewController presentViewController:self->_extraDataViewController
+                                                     animated:YES
+                                                   completion:nil];
+    }
+  });
 #endif
 }
 
@@ -965,54 +996,54 @@ - (void)loadExtraDataViewController {
 RCT_EXPORT_METHOD(dismiss)
 {
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-    [self->_window performSelectorOnMainThread:@selector(dismiss) withObject:nil waitUntilDone:NO];
+  [self->_window performSelectorOnMainThread:@selector(dismiss) withObject:nil waitUntilDone:NO];
 #else // ]TODO(macOS ISS#2323203)
-    dispatch_async(dispatch_get_main_queue(), ^{
-        [self->_window dismiss];
-        self->_window = nil; // TODO(OSS Candidate ISS#2710739): release _window now to ensure its UIKit ivars are dealloc'd on the main thread as the RCTRedBox can be dealloc'd on a background thread.
-    });
+  dispatch_async(dispatch_get_main_queue(), ^{
+    [self->_window dismiss];
+    self->_window = nil; // TODO(OSS Candidate ISS#2710739): release _window now to ensure its UIKit ivars are dealloc'd on the main thread as the RCTRedBox can be dealloc'd on a background thread.
+  });
 #endif // TODO(macOS ISS#2323203)
 }
 
 - (void)invalidate
 {
-    [self dismiss];
+  [self dismiss];
 }
 
 - (void)redBoxWindow:(__unused RCTRedBoxWindow *)redBoxWindow openStackFrameInEditor:(RCTJSStackFrame *)stackFrame
 {
-    NSURL *const bundleURL = _overrideBundleURL ?: _bridge.bundleURL;
-    if (![bundleURL.scheme hasPrefix:@"http"]) {
-        RCTLogWarn(@"Cannot open stack frame in editor because you're not connected to the packager.");
-        return;
-    }
+  NSURL *const bundleURL = _overrideBundleURL ?: _bridge.bundleURL;
+  if (![bundleURL.scheme hasPrefix:@"http"]) {
+    RCTLogWarn(@"Cannot open stack frame in editor because you're not connected to the packager.");
+    return;
+  }
 
-    NSData *stackFrameJSON = [RCTJSONStringify([stackFrame toDictionary], NULL) dataUsingEncoding:NSUTF8StringEncoding];
-    NSString *postLength = [NSString stringWithFormat:@"%tu", stackFrameJSON.length];
-    NSMutableURLRequest *request = [NSMutableURLRequest new];
-    request.URL = [NSURL URLWithString:@"/open-stack-frame" relativeToURL:bundleURL];
-    request.HTTPMethod = @"POST";
-    request.HTTPBody = stackFrameJSON;
-    [request setValue:postLength forHTTPHeaderField:@"Content-Length"];
-    [request setValue:@"application/json" forHTTPHeaderField:@"Content-Type"];
+  NSData *stackFrameJSON = [RCTJSONStringify([stackFrame toDictionary], NULL) dataUsingEncoding:NSUTF8StringEncoding];
+  NSString *postLength = [NSString stringWithFormat:@"%tu", stackFrameJSON.length];
+  NSMutableURLRequest *request = [NSMutableURLRequest new];
+  request.URL = [NSURL URLWithString:@"/open-stack-frame" relativeToURL:bundleURL];
+  request.HTTPMethod = @"POST";
+  request.HTTPBody = stackFrameJSON;
+  [request setValue:postLength forHTTPHeaderField:@"Content-Length"];
+  [request setValue:@"application/json" forHTTPHeaderField:@"Content-Type"];
 
-    [[[NSURLSession sharedSession] dataTaskWithRequest:request] resume];
+  [[[NSURLSession sharedSession] dataTaskWithRequest:request] resume];
 }
 
 - (void)reload
 {
-    // Window is not used and can be nil
-    [self reloadFromRedBoxWindow:nil];
+  // Window is not used and can be nil
+  [self reloadFromRedBoxWindow:nil];
 }
 
 - (void)reloadFromRedBoxWindow:(__unused RCTRedBoxWindow *)redBoxWindow
 {
-    if (_overrideReloadAction) {
-        _overrideReloadAction();
-    } else {
-      RCTTriggerReloadCommandListeners(@"Redbox");
-    }
-    [self dismiss];
+  if (_overrideReloadAction) {
+    _overrideReloadAction();
+  } else {
+    RCTTriggerReloadCommandListeners(@"Redbox");
+  }
+  [self dismiss];
 }
 
 - (void)addCustomButton:(NSString *)title onPressHandler:(RCTRedBoxButtonPressHandler)handler
@@ -1026,9 +1057,12 @@ - (void)addCustomButton:(NSString *)title onPressHandler:(RCTRedBoxButtonPressHa
   [_customButtonHandlers addObject:handler];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeRedBoxSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeRedBoxSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
@@ -1044,46 +1078,94 @@ - (RCTRedBox *)redBox
 
 #else // Disabled
 
-@interface RCTRedBox() <NativeRedBoxSpec>
+@interface RCTRedBox () <NativeRedBoxSpec>
 @end
 
 @implementation RCTRedBox
 
-+ (NSString *)moduleName { return nil; }
-- (void)registerErrorCustomizer:(id<RCTErrorCustomizer>)errorCustomizer {}
-- (void)showError:(NSError *)error {}
-- (void)showErrorMessage:(NSString *)message {}
-- (void)showErrorMessage:(NSString *)message withDetails:(NSString *)details {}
-- (void)showErrorMessage:(NSString *)message withRawStack:(NSString *)rawStack {}
-- (void)showErrorMessage:(NSString *)message withRawStack:(NSString *)rawStack errorCookie:(int)errorCookie {}
-- (void)showErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack {}
-- (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack {}
-- (void)showErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie {}
-- (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie {}
-- (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack {}
-- (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack {}
-- (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie {}
-- (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack errorCookie:(int)errorCookie {}
-- (void)setExtraData:(NSDictionary *)extraData forIdentifier:(NSString *)identifier {}
++ (NSString *)moduleName
+{
+  return nil;
+}
+- (void)registerErrorCustomizer:(id<RCTErrorCustomizer>)errorCustomizer
+{
+}
+- (void)showError:(NSError *)error
+{
+}
+- (void)showErrorMessage:(NSString *)message
+{
+}
+- (void)showErrorMessage:(NSString *)message withDetails:(NSString *)details
+{
+}
+- (void)showErrorMessage:(NSString *)message withRawStack:(NSString *)rawStack
+{
+}
+- (void)showErrorMessage:(NSString *)message withRawStack:(NSString *)rawStack errorCookie:(int)errorCookie
+{
+}
+- (void)showErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack
+{
+}
+- (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack
+{
+}
+- (void)showErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie
+{
+}
+- (void)updateErrorMessage:(NSString *)message withStack:(NSArray<NSDictionary *> *)stack errorCookie:(int)errorCookie
+{
+}
+- (void)showErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+{
+}
+- (void)updateErrorMessage:(NSString *)message withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+{
+}
+- (void)showErrorMessage:(NSString *)message
+         withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+             errorCookie:(int)errorCookie
+{
+}
+- (void)updateErrorMessage:(NSString *)message
+           withParsedStack:(NSArray<RCTJSStackFrame *> *)stack
+               errorCookie:(int)errorCookie
+{
+}
+- (void)setExtraData:(NSDictionary *)extraData forIdentifier:(NSString *)identifier
+{
+}
 
-- (void)dismiss {}
+- (void)dismiss
+{
+}
 
-- (void)addCustomButton:(NSString *)title onPressHandler:(RCTRedBoxButtonPressHandler)handler {}
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (void)addCustomButton:(NSString *)title onPressHandler:(RCTRedBoxButtonPressHandler)handler
+{
+}
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeRedBoxSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeRedBoxSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
 @implementation RCTBridge (RCTRedBox)
 
-- (RCTRedBox *)redBox { return nil; }
+- (RCTRedBox *)redBox
+{
+  return nil;
+}
 
 @end
 
 #endif
 
-Class RCTRedBoxCls(void) {
+Class RCTRedBoxCls(void)
+{
   return RCTRedBox.class;
 }
diff --git a/React/CoreModules/RCTSourceCode.mm b/React/CoreModules/RCTSourceCode.mm
index 761016f7d943f7..9b57b804563567 100644
--- a/React/CoreModules/RCTSourceCode.mm
+++ b/React/CoreModules/RCTSourceCode.mm
@@ -37,17 +37,20 @@ + (BOOL)requiresMainQueueSetup
 - (NSDictionary<NSString *, id> *)getConstants
 {
   return @{
-    @"scriptURL": self.bridge.bundleURL.absoluteString ?: @"",
+    @"scriptURL" : self.bridge.bundleURL.absoluteString ?: @"",
   };
 }
 
 - (std::shared_ptr<TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<CallInvoker>)jsInvoker
+                                              nativeInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+                                                 perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeSourceCodeSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeSourceCodeSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTSourceCodeCls(void) {
+Class RCTSourceCodeCls(void)
+{
   return RCTSourceCode.class;
 }
diff --git a/React/CoreModules/RCTStatusBarManager.mm b/React/CoreModules/RCTStatusBarManager.mm
index 4d11bc8f3ae0b4..cdacf6653864f5 100644
--- a/React/CoreModules/RCTStatusBarManager.mm
+++ b/React/CoreModules/RCTStatusBarManager.mm
@@ -43,7 +43,8 @@ + (UIStatusBarStyle)UIStatusBarStyle:(id)json RCT_DYNAMIC
     }
   });
   return _RCT_CAST(
-      UIStatusBarStyle, [RCTConvertEnumValue("UIStatusBarStyle", mapping, @(UIStatusBarStyleDefault), json) integerValue]);
+      UIStatusBarStyle,
+      [RCTConvertEnumValue("UIStatusBarStyle", mapping, @(UIStatusBarStyleDefault), json) integerValue]);
 }
 
 RCT_ENUM_CONVERTER(
@@ -61,7 +62,7 @@ + (UIStatusBarStyle)UIStatusBarStyle:(id)json RCT_DYNAMIC
 
 #if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 
-@interface RCTStatusBarManager() <NativeStatusBarManagerIOSSpec>
+@interface RCTStatusBarManager () <NativeStatusBarManagerIOSSpec>
 @end
 
 #endif
@@ -185,8 +186,8 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
 - (facebook::react::ModuleConstants<JS::NativeStatusBarManagerIOS::Constants>)getConstants
 {
   return facebook::react::typedConstants<JS::NativeStatusBarManagerIOS::Constants>({
-    .HEIGHT = RCTSharedApplication().statusBarFrame.size.height,
-    .DEFAULT_BACKGROUND_COLOR = folly::none,
+      .HEIGHT = RCTSharedApplication().statusBarFrame.size.height,
+      .DEFAULT_BACKGROUND_COLOR = folly::none,
   });
 }
 
@@ -195,15 +196,20 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
   return (facebook::react::ModuleConstants<JS::NativeStatusBarManagerIOS::Constants>)[self getConstants];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeStatusBarManagerIOSSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeStatusBarManagerIOSSpecJSI>(
+      self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 #endif // TARGET_OS_TV
 
 @end
 
-Class RCTStatusBarManagerCls(void) {
+Class RCTStatusBarManagerCls(void)
+{
   return RCTStatusBarManager.class;
 }
diff --git a/React/CoreModules/RCTTVNavigationEventEmitter.mm b/React/CoreModules/RCTTVNavigationEventEmitter.mm
index c38bf68a8358c2..6052428f608520 100644
--- a/React/CoreModules/RCTTVNavigationEventEmitter.mm
+++ b/React/CoreModules/RCTTVNavigationEventEmitter.mm
@@ -14,7 +14,7 @@
 
 static NSString *const TVNavigationEventName = @"onHWKeyEvent";
 
-@interface RCTTVNavigationEventEmitter() <NativeTVNavigationEventEmitterSpec>
+@interface RCTTVNavigationEventEmitter () <NativeTVNavigationEventEmitterSpec>
 @end
 
 @implementation RCTTVNavigationEventEmitter
@@ -33,14 +33,13 @@ - (instancetype)init
                                              selector:@selector(handleTVNavigationEventNotification:)
                                                  name:RCTTVNavigationEventNotification
                                                object:nil];
-
   }
   return self;
 }
 
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[TVNavigationEventName];
+  return @[ TVNavigationEventName ];
 }
 
 - (void)handleTVNavigationEventNotification:(NSNotification *)notif
@@ -50,13 +49,18 @@ - (void)handleTVNavigationEventNotification:(NSNotification *)notif
   }
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeTVNavigationEventEmitterSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeTVNavigationEventEmitterSpecJSI>(
+      self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
 
-Class RCTTVNavigationEventEmitterCls(void) {
+Class RCTTVNavigationEventEmitterCls(void)
+{
   return RCTTVNavigationEventEmitter.class;
 }
diff --git a/React/CoreModules/RCTTiming.h b/React/CoreModules/RCTTiming.h
index f004bd302f651f..4776f85e2b7673 100644
--- a/React/CoreModules/RCTTiming.h
+++ b/React/CoreModules/RCTTiming.h
@@ -21,7 +21,7 @@
 
 @interface RCTTiming : NSObject <RCTBridgeModule, RCTInvalidating, RCTFrameUpdateObserver>
 
-- (instancetype)initWithDelegate:(id<RCTTimingDelegate>) delegate;
+- (instancetype)initWithDelegate:(id<RCTTimingDelegate>)delegate;
 - (void)createTimerForNextFrame:(nonnull NSNumber *)callbackID
                        duration:(NSTimeInterval)jsDuration
                jsSchedulingTime:(NSDate *)jsSchedulingTime
@@ -29,4 +29,3 @@
 - (void)deleteTimer:(double)timerID;
 
 @end
-
diff --git a/React/CoreModules/RCTWebSocketExecutor.mm b/React/CoreModules/RCTWebSocketExecutor.mm
index f1225e21fd7fdf..3422cf049f6d38 100644
--- a/React/CoreModules/RCTWebSocketExecutor.mm
+++ b/React/CoreModules/RCTWebSocketExecutor.mm
@@ -12,8 +12,8 @@
 #import <React/RCTConvert.h>
 #import <React/RCTDefines.h>
 #import <React/RCTLog.h>
-#import <React/RCTUtils.h>
 #import <React/RCTSRWebSocket.h>
+#import <React/RCTUtils.h>
 
 #import <ReactCommon/RCTTurboModule.h>
 
@@ -27,8 +27,7 @@ @interface RCTWebSocketExecutor () <RCTSRWebSocketDelegate, RCTTurboModule>
 
 @end
 
-@implementation RCTWebSocketExecutor
-{
+@implementation RCTWebSocketExecutor {
   RCTSRWebSocket *_socket;
   dispatch_queue_t _jsQueue;
   NSMutableDictionary<NSNumber *, RCTWSMessageCallback> *_callbacks;
@@ -57,7 +56,8 @@ - (void)setUp
   if (!_url) {
     NSInteger port = [[[_bridge bundleURL] port] integerValue] ?: RCT_METRO_PORT;
     NSString *host = [[_bridge bundleURL] host] ?: @"localhost";
-    NSString *URLString = [NSString stringWithFormat:@"http://%@:%lld/debugger-proxy?role=client", host, (long long)port];
+    NSString *URLString =
+        [NSString stringWithFormat:@"http://%@:%lld/debugger-proxy?role=client", host, (long long)port];
     _url = [RCTConvert NSURL:URLString];
   }
 
@@ -71,14 +71,18 @@ - (void)setUp
   NSURL *startDevToolsURL = [NSURL URLWithString:@"/launch-js-devtools" relativeToURL:_url];
 
   NSURLSession *session = [NSURLSession sharedSession];
-  NSURLSessionDataTask *dataTask = [session dataTaskWithRequest:[NSURLRequest requestWithURL:startDevToolsURL]
-                                              completionHandler:^(NSData *data, NSURLResponse *response, NSError *error){}];
+  NSURLSessionDataTask *dataTask =
+      [session dataTaskWithRequest:[NSURLRequest requestWithURL:startDevToolsURL]
+                 completionHandler:^(NSData *data, NSURLResponse *response, NSError *error){
+                 }];
   [dataTask resume];
   if (![self connectToProxy]) {
     [self invalidate];
-    NSString *error = [NSString stringWithFormat:@"Connection to %@ timed out. Are you "
-                       "running node proxy? If you are running on the device, check if "
-                       "you have the right IP address in `RCTWebSocketExecutor.m`.", _url];
+    NSString *error = [NSString stringWithFormat:
+                                    @"Connection to %@ timed out. Are you "
+                                     "running node proxy? If you are running on the device, check if "
+                                     "you have the right IP address in `RCTWebSocketExecutor.m`.",
+                                    _url];
     _setupError = RCTErrorWithMessage(error);
     RCTFatal(_setupError);
     return;
@@ -92,10 +96,11 @@ - (void)setUp
   }
   if (!runtimeIsReady) {
     [self invalidate];
-    NSString *error = @"Runtime is not ready for debugging.\n "
-                      "- Make sure Packager server is running.\n"
-                      "- Make sure the JavaScript Debugger is running and not paused on a "
-                      "breakpoint or exception and try reloading again.";
+    NSString *error =
+        @"Runtime is not ready for debugging.\n "
+         "- Make sure Packager server is running.\n"
+         "- Make sure the JavaScript Debugger is running and not paused on a "
+         "breakpoint or exception and try reloading again.";
     _setupError = RCTErrorWithMessage(error);
     RCTFatal(_setupError);
     return;
@@ -114,10 +119,11 @@ - (BOOL)prepareJSRuntime
 {
   __block NSError *initError;
   dispatch_semaphore_t s = dispatch_semaphore_create(0);
-  [self sendMessage:@{@"method": @"prepareJSRuntime"} onReply:^(NSError *error, NSDictionary<NSString *, id> *reply) {
-    initError = error;
-    dispatch_semaphore_signal(s);
-  }];
+  [self sendMessage:@{@"method" : @"prepareJSRuntime"}
+            onReply:^(NSError *error, NSDictionary<NSString *, id> *reply) {
+              initError = error;
+              dispatch_semaphore_signal(s);
+            }];
   long runtimeIsReady = dispatch_semaphore_wait(s, dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 10));
   if (initError) {
     RCTLogInfo(@"Websocket runtime setup failed: %@", initError);
@@ -171,7 +177,9 @@ - (void)sendMessage:(NSDictionary<NSString *, id> *)message onReply:(RCTWSMessag
   });
 }
 
-- (void)executeApplicationScript:(NSData *)script sourceURL:(NSURL *)URL onComplete:(RCTJavaScriptCompleteBlock)onComplete
+- (void)executeApplicationScript:(NSData *)script
+                       sourceURL:(NSURL *)URL
+                      onComplete:(RCTJavaScriptCompleteBlock)onComplete
 {
   // Hack: the bridge transitions out of loading state as soon as this method returns, which prevents us
   // from completely invalidating the bridge and preventing an endless barage of RCTLog.logIfNoNativeHook
@@ -179,19 +187,20 @@ - (void)executeApplicationScript:(NSData *)script sourceURL:(NSURL *)URL onCompl
   dispatch_semaphore_t scriptSem = dispatch_semaphore_create(0);
 
   NSDictionary<NSString *, id> *message = @{
-    @"method": @"executeApplicationScript",
-    @"url": RCTNullIfNil(URL.absoluteString),
-    @"inject": _injectedObjects,
+    @"method" : @"executeApplicationScript",
+    @"url" : RCTNullIfNil(URL.absoluteString),
+    @"inject" : _injectedObjects,
   };
-  [self sendMessage:message onReply:^(NSError *socketError, NSDictionary<NSString *, id> *reply) {
-    if (socketError) {
-      onComplete(socketError);
-    } else {
-      NSString *error = reply[@"error"];
-      onComplete(error ? RCTErrorWithMessage(error) : nil);
-    }
-    dispatch_semaphore_signal(scriptSem);
-  }];
+  [self sendMessage:message
+            onReply:^(NSError *socketError, NSDictionary<NSString *, id> *reply) {
+              if (socketError) {
+                onComplete(socketError);
+              } else {
+                NSString *error = reply[@"error"];
+                onComplete(error ? RCTErrorWithMessage(error) : nil);
+              }
+              dispatch_semaphore_signal(scriptSem);
+            }];
 
   dispatch_semaphore_wait(scriptSem, DISPATCH_TIME_FOREVER);
 }
@@ -206,37 +215,35 @@ - (void)callFunctionOnModule:(NSString *)module
                    arguments:(NSArray *)args
                     callback:(RCTJavaScriptCallback)onComplete
 {
-  [self _executeJSCall:@"callFunctionReturnFlushedQueue" arguments:@[module, method, args] callback:onComplete];
+  [self _executeJSCall:@"callFunctionReturnFlushedQueue" arguments:@[ module, method, args ] callback:onComplete];
 }
 
-- (void)invokeCallbackID:(NSNumber *)cbID
-               arguments:(NSArray *)args
-                callback:(RCTJavaScriptCallback)onComplete
+- (void)invokeCallbackID:(NSNumber *)cbID arguments:(NSArray *)args callback:(RCTJavaScriptCallback)onComplete
 {
-  [self _executeJSCall:@"invokeCallbackAndReturnFlushedQueue" arguments:@[cbID, args] callback:onComplete];
+  [self _executeJSCall:@"invokeCallbackAndReturnFlushedQueue" arguments:@[ cbID, args ] callback:onComplete];
 }
 
 - (void)_executeJSCall:(NSString *)method arguments:(NSArray *)arguments callback:(RCTJavaScriptCallback)onComplete
 {
   RCTAssert(onComplete != nil, @"callback was missing for exec JS call");
-  NSDictionary<NSString *, id> *message = @{
-    @"method": method,
-    @"arguments": arguments
-  };
-  [self sendMessage:message onReply:^(NSError *socketError, NSDictionary<NSString *, id> *reply) {
-    if (socketError) {
-      onComplete(nil, socketError);
-      return;
-    }
-
-    NSError *jsonError;
-    id result = RCTJSONParse(reply[@"result"], &jsonError);
-    NSString *error = reply[@"error"];
-    onComplete(result, error ? RCTErrorWithMessage(error) : jsonError);
-  }];
+  NSDictionary<NSString *, id> *message = @{@"method" : method, @"arguments" : arguments};
+  [self sendMessage:message
+            onReply:^(NSError *socketError, NSDictionary<NSString *, id> *reply) {
+              if (socketError) {
+                onComplete(nil, socketError);
+                return;
+              }
+
+              NSError *jsonError;
+              id result = RCTJSONParse(reply[@"result"], &jsonError);
+              NSString *error = reply[@"error"];
+              onComplete(result, error ? RCTErrorWithMessage(error) : jsonError);
+            }];
 }
 
-- (void)injectJSONText:(NSString *)script asGlobalObjectNamed:(NSString *)objectName callback:(RCTJavaScriptCompleteBlock)onComplete
+- (void)injectJSONText:(NSString *)script
+    asGlobalObjectNamed:(NSString *)objectName
+               callback:(RCTJavaScriptCompleteBlock)onComplete
 {
   dispatch_async(_jsQueue, ^{
     self->_injectedObjects[objectName] = script;
@@ -275,7 +282,8 @@ - (void)dealloc
 
 #endif
 
-Class RCTWebSocketExecutorCls(void) {
+Class RCTWebSocketExecutorCls(void)
+{
 #if RCT_DEV
   return RCTWebSocketExecutor.class;
 #else
diff --git a/React/CoreModules/RCTWebSocketModule.mm b/React/CoreModules/RCTWebSocketModule.mm
index 06734d324ccf6b..9648b18e4fed45 100644
--- a/React/CoreModules/RCTWebSocketModule.mm
+++ b/React/CoreModules/RCTWebSocketModule.mm
@@ -11,8 +11,8 @@
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
 #import <React/RCTConvert.h>
-#import <React/RCTUtils.h>
 #import <React/RCTSRWebSocket.h>
+#import <React/RCTUtils.h>
 
 #import "CoreModulesPlugins.h"
 
@@ -34,8 +34,7 @@ @interface RCTWebSocketModule () <RCTSRWebSocketDelegate, NativeWebSocketModuleS
 
 @end
 
-@implementation RCTWebSocketModule
-{
+@implementation RCTWebSocketModule {
   NSMutableDictionary<NSNumber *, RCTSRWebSocket *> *_sockets;
   NSMutableDictionary<NSNumber *, id<RCTWebSocketContentHandler>> *_contentHandlers;
 }
@@ -49,10 +48,7 @@ - (dispatch_queue_t)methodQueue
 
 - (NSArray *)supportedEvents
 {
-  return @[@"websocketMessage",
-           @"websocketOpen",
-           @"websocketFailed",
-           @"websocketClosed"];
+  return @[ @"websocketMessage", @"websocketOpen", @"websocketFailed", @"websocketClosed" ];
 }
 
 - (void)invalidate
@@ -64,7 +60,11 @@ - (void)invalidate
   }
 }
 
-RCT_EXPORT_METHOD(connect:(NSURL *)URL protocols:(NSArray *)protocols options:(JS::NativeWebSocketModule::SpecConnectOptions &)options socketID:(double)socketID)
+RCT_EXPORT_METHOD(connect
+                  : (NSURL *)URL protocols
+                  : (NSArray *)protocols options
+                  : (JS::NativeWebSocketModule::SpecConnectOptions &)options socketID
+                  : (double)socketID)
 {
   NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
 
@@ -99,27 +99,27 @@ - (void)invalidate
   [webSocket open];
 }
 
-RCT_EXPORT_METHOD(send:(NSString *)message forSocketID:(double)socketID)
+RCT_EXPORT_METHOD(send : (NSString *)message forSocketID : (double)socketID)
 {
   [_sockets[@(socketID)] send:message];
 }
 
-RCT_EXPORT_METHOD(sendBinary:(NSString *)base64String forSocketID:(double)socketID)
+RCT_EXPORT_METHOD(sendBinary : (NSString *)base64String forSocketID : (double)socketID)
 {
   [self sendData:[[NSData alloc] initWithBase64EncodedString:base64String options:0] forSocketID:@(socketID)];
 }
 
-- (void)sendData:(NSData *)data forSocketID:(NSNumber * __nonnull)socketID
+- (void)sendData:(NSData *)data forSocketID:(NSNumber *__nonnull)socketID
 {
   [_sockets[socketID] send:data];
 }
 
-RCT_EXPORT_METHOD(ping:(double)socketID)
+RCT_EXPORT_METHOD(ping : (double)socketID)
 {
   [_sockets[@(socketID)] sendPing:NULL];
 }
 
-RCT_EXPORT_METHOD(close:(double)code reason:(NSString *)reason socketID:(double)socketID)
+RCT_EXPORT_METHOD(close : (double)code reason : (NSString *)reason socketID : (double)socketID)
 {
   [_sockets[@(socketID)] closeWithCode:code reason:reason];
   [_sockets removeObjectForKey:@(socketID)];
@@ -152,19 +152,13 @@ - (void)webSocket:(RCTSRWebSocket *)webSocket didReceiveMessage:(id)message
     }
   }
 
-  [self sendEventWithName:@"websocketMessage" body:@{
-    @"data": message,
-    @"type": type,
-    @"id": webSocket.reactTag
-  }];
+  [self sendEventWithName:@"websocketMessage" body:@{@"data" : message, @"type" : type, @"id" : webSocket.reactTag}];
 }
 
 - (void)webSocketDidOpen:(RCTSRWebSocket *)webSocket
 {
-  [self sendEventWithName:@"websocketOpen" body:@{
-    @"id": webSocket.reactTag,
-    @"protocol": webSocket.protocol ? webSocket.protocol : @""
-  }];
+  [self sendEventWithName:@"websocketOpen"
+                     body:@{@"id" : webSocket.reactTag, @"protocol" : webSocket.protocol ? webSocket.protocol : @""}];
 }
 
 - (void)webSocket:(RCTSRWebSocket *)webSocket didFailWithError:(NSError *)error
@@ -172,31 +166,32 @@ - (void)webSocket:(RCTSRWebSocket *)webSocket didFailWithError:(NSError *)error
   NSNumber *socketID = [webSocket reactTag];
   _contentHandlers[socketID] = nil;
   _sockets[socketID] = nil;
-  [self sendEventWithName:@"websocketFailed" body:@{
-    @"message": error.localizedDescription,
-    @"id": socketID
-  }];
+  [self sendEventWithName:@"websocketFailed" body:@{@"message" : error.localizedDescription, @"id" : socketID}];
 }
 
 - (void)webSocket:(RCTSRWebSocket *)webSocket
- didCloseWithCode:(NSInteger)code
-           reason:(NSString *)reason
-         wasClean:(BOOL)wasClean
+    didCloseWithCode:(NSInteger)code
+              reason:(NSString *)reason
+            wasClean:(BOOL)wasClean
 {
   NSNumber *socketID = [webSocket reactTag];
   _contentHandlers[socketID] = nil;
   _sockets[socketID] = nil;
-  [self sendEventWithName:@"websocketClosed" body:@{
-    @"code": @(code),
-    @"reason": RCTNullIfNil(reason),
-    @"clean": @(wasClean),
-    @"id": socketID
-  }];
+  [self sendEventWithName:@"websocketClosed"
+                     body:@{
+                       @"code" : @(code),
+                       @"reason" : RCTNullIfNil(reason),
+                       @"clean" : @(wasClean),
+                       @"id" : socketID
+                     }];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<facebook::react::NativeWebSocketModuleSpecJSI>(self, jsInvoker);
+  return std::make_shared<facebook::react::NativeWebSocketModuleSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 @end
@@ -210,6 +205,7 @@ - (RCTWebSocketModule *)webSocketModule
 
 @end
 
-Class RCTWebSocketModuleCls(void) {
+Class RCTWebSocketModuleCls(void)
+{
   return RCTWebSocketModule.class;
 }
diff --git a/React/CoreModules/React-CoreModules.podspec b/React/CoreModules/React-CoreModules.podspec
index ed807d307c9396..35edbdee2c9c11 100644
--- a/React/CoreModules/React-CoreModules.podspec
+++ b/React/CoreModules/React-CoreModules.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-CoreModules"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS ISS#2323203)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS ISS#2323203)
   s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
   s.source                 = source
   s.source_files           = "**/*.{c,m,mm,cpp}"
@@ -47,4 +47,5 @@ Pod::Spec.new do |s|
   s.dependency "React-Core/CoreModulesHeaders", version
   s.dependency "React-RCTImage", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
 end
diff --git a/React/CxxBridge/JSCExecutorFactory.h b/React/CxxBridge/JSCExecutorFactory.h
index d75af7ff719381..27296f88f74d69 100644
--- a/React/CxxBridge/JSCExecutorFactory.h
+++ b/React/CxxBridge/JSCExecutorFactory.h
@@ -13,16 +13,15 @@ namespace facebook {
 namespace react {
 
 class JSCExecutorFactory : public JSExecutorFactory {
-public:
-  explicit JSCExecutorFactory(
-      JSIExecutor::RuntimeInstaller runtimeInstaller)
+ public:
+  explicit JSCExecutorFactory(JSIExecutor::RuntimeInstaller runtimeInstaller)
       : runtimeInstaller_(std::move(runtimeInstaller)) {}
 
   std::unique_ptr<JSExecutor> createJSExecutor(
       std::shared_ptr<ExecutorDelegate> delegate,
       std::shared_ptr<MessageQueueThread> jsQueue) override;
 
-private:
+ private:
   JSIExecutor::RuntimeInstaller runtimeInstaller_;
 };
 
diff --git a/React/CxxBridge/JSCExecutorFactory.mm b/React/CxxBridge/JSCExecutorFactory.mm
index 61e87e99d01061..104375b1f694bc 100644
--- a/React/CxxBridge/JSCExecutorFactory.mm
+++ b/React/CxxBridge/JSCExecutorFactory.mm
@@ -9,19 +9,17 @@
 
 #import <jsi/JSCRuntime.h>
 
-#import<memory>
+#import <memory>
 
 namespace facebook {
 namespace react {
 
 std::unique_ptr<JSExecutor> JSCExecutorFactory::createJSExecutor(
     std::shared_ptr<ExecutorDelegate> delegate,
-    std::shared_ptr<MessageQueueThread> __unused jsQueue) {
+    std::shared_ptr<MessageQueueThread> __unused jsQueue)
+{
   return std::make_unique<JSIExecutor>(
-      facebook::jsc::makeJSCRuntime(),
-      delegate,
-      JSIExecutor::defaultTimeoutInvoker,
-      runtimeInstaller_);
+      facebook::jsc::makeJSCRuntime(), delegate, JSIExecutor::defaultTimeoutInvoker, runtimeInstaller_);
 }
 
 } // namespace react
diff --git a/React/CxxBridge/NSDataBigString.h b/React/CxxBridge/NSDataBigString.h
index b6dabbf53659cb..8bf0706d278e35 100644
--- a/React/CxxBridge/NSDataBigString.h
+++ b/React/CxxBridge/NSDataBigString.h
@@ -13,26 +13,30 @@ namespace facebook {
 namespace react {
 
 class NSDataBigString : public JSBigString {
-public:
+ public:
   // The NSData passed in must be be null-terminated.
   NSDataBigString(NSData *data);
 
   // The ASCII optimization is not enabled on iOS
-  bool isAscii() const override {
+  bool isAscii() const override
+  {
     return false;
   }
 
-  const char *c_str() const override {
+  const char *c_str() const override
+  {
     return (const char *)[m_data bytes];
   }
 
-  size_t size() const override {
+  size_t size() const override
+  {
     return m_length;
   }
 
-private:
+ private:
   NSData *m_data;
   size_t m_length;
 };
 
-} }
+}
+}
diff --git a/React/CxxBridge/NSDataBigString.mm b/React/CxxBridge/NSDataBigString.mm
index bec684ce26fce7..b31daabac89fc0 100644
--- a/React/CxxBridge/NSDataBigString.mm
+++ b/React/CxxBridge/NSDataBigString.mm
@@ -39,4 +39,5 @@
   m_data = ensureNullTerminated(data);
 }
 
-} }
+}
+}
diff --git a/React/CxxBridge/RCTCxxBridge.mm b/React/CxxBridge/RCTCxxBridge.mm
index d69086371b8b3f..db824c019864f6 100644
--- a/React/CxxBridge/RCTCxxBridge.mm
+++ b/React/CxxBridge/RCTCxxBridge.mm
@@ -18,6 +18,7 @@
 #import <React/RCTCxxUtils.h>
 #import <React/RCTDevSettings.h>
 #import <React/RCTDisplayLink.h>
+#import <React/RCTFollyConvert.h>
 #import <React/RCTJavaScriptLoader.h>
 #import <React/RCTLog.h>
 #import <React/RCTModuleData.h>
@@ -26,7 +27,6 @@
 #import <React/RCTRedBox.h>
 #import <React/RCTReloadCommand.h>
 #import <React/RCTUtils.h>
-#import <React/RCTFollyConvert.h>
 #import <React/RCTBundleURLProvider.h> // TODO(macOS ISS#2323203)
 #import <cxxreact/CxxNativeModule.h>
 #import <cxxreact/Instance.h>
@@ -45,6 +45,7 @@
 #else
 #import "JSCExecutorFactory.h"
 #endif
+#import "RCTJSIExecutorRuntimeInstaller.h"
 
 #import "NSDataBigString.h"
 #import "RCTMessageThread.h"
@@ -54,14 +55,10 @@
 #import <React/RCTFBSystrace.h>
 #endif
 
-#if (RCT_DEV | RCT_ENABLE_LOADING_VIEW) && __has_include(<React/RCTDevLoadingView.h>)
-#import <React/RCTDevLoadingView.h>
+#if (RCT_DEV | RCT_ENABLE_LOADING_VIEW) && __has_include(<React/RCTDevLoadingViewProtocol.h>)
+#import <React/RCTDevLoadingViewProtocol.h>
 #endif
 
-#define RCTAssertJSThread() \
-  RCTAssert(self.executorClass || self->_jsThread == [NSThread currentThread], \
-            @"This method must be called on JS thread")
-
 static NSString *const RCTJSThreadName = @"com.facebook.react.JavaScript";
 
 typedef void (^RCTPendingCall)();
@@ -82,47 +79,52 @@ typedef NS_ENUM(NSUInteger, RCTBridgeFields) {
 namespace {
 
 class GetDescAdapter : public JSExecutorFactory {
-public:
-  GetDescAdapter(RCTCxxBridge *bridge, std::shared_ptr<JSExecutorFactory> factory)
-    : bridge_(bridge)
-    , factory_(factory) {}
+ public:
+  GetDescAdapter(RCTCxxBridge *bridge, std::shared_ptr<JSExecutorFactory> factory) : bridge_(bridge), factory_(factory)
+  {
+  }
   std::unique_ptr<JSExecutor> createJSExecutor(
       std::shared_ptr<ExecutorDelegate> delegate,
-      std::shared_ptr<MessageQueueThread> jsQueue) override {
+      std::shared_ptr<MessageQueueThread> jsQueue) override
+  {
     auto ret = factory_->createJSExecutor(delegate, jsQueue);
     bridge_.bridgeDescription = @(ret->getDescription().c_str());
     return ret;
   }
 
-private:
+ private:
   RCTCxxBridge *bridge_;
   std::shared_ptr<JSExecutorFactory> factory_;
 };
 
 }
 
-static bool isRAMBundle(NSData *script) {
+static bool isRAMBundle(NSData *script)
+{
   BundleHeader header;
   [script getBytes:&header length:sizeof(header)];
   return parseTypeFromHeader(header) == ScriptTag::RAMBundle;
 }
 
-static void notifyAboutModuleSetup(RCTPerformanceLogger *performanceLogger, const char *tag) {
+static void notifyAboutModuleSetup(RCTPerformanceLogger *performanceLogger, const char *tag)
+{
   NSString *moduleName = [[NSString alloc] initWithUTF8String:tag];
   if (moduleName) {
     int64_t setupTime = [performanceLogger durationForTag:RCTPLNativeModuleSetup];
     [[NSNotificationCenter defaultCenter] postNotificationName:RCTDidSetupModuleNotification
                                                         object:nil
                                                       userInfo:@{
-                                                                 RCTDidSetupModuleNotificationModuleNameKey: moduleName,
-                                                                 RCTDidSetupModuleNotificationSetupTimeKey: @(setupTime)
-                                                                 }];
+                                                        RCTDidSetupModuleNotificationModuleNameKey : moduleName,
+                                                        RCTDidSetupModuleNotificationSetupTimeKey : @(setupTime)
+                                                      }];
   }
 }
 
-static void registerPerformanceLoggerHooks(RCTPerformanceLogger *performanceLogger) {
+static void registerPerformanceLoggerHooks(RCTPerformanceLogger *performanceLogger)
+{
   __weak RCTPerformanceLogger *weakPerformanceLogger = performanceLogger;
-  ReactMarker::logTaggedMarker = [weakPerformanceLogger](const ReactMarker::ReactMarkerId markerId, const char *__unused tag) {
+  ReactMarker::logTaggedMarker = [weakPerformanceLogger](
+                                     const ReactMarker::ReactMarkerId markerId, const char *__unused tag) {
     switch (markerId) {
       case ReactMarker::RUN_JS_BUNDLE_START:
         [weakPerformanceLogger markStartForTag:RCTPLScriptExecution];
@@ -168,16 +170,16 @@ - (void)batchDidComplete;
 
 struct RCTInstanceCallback : public InstanceCallback {
   __weak RCTCxxBridge *bridge_;
-  RCTInstanceCallback(RCTCxxBridge *bridge): bridge_(bridge) {};
-  void onBatchComplete() override {
+  RCTInstanceCallback(RCTCxxBridge *bridge) : bridge_(bridge){};
+  void onBatchComplete() override
+  {
     // There's no interface to call this per partial batch
     [bridge_ partialBatchDidFlush];
     [bridge_ batchDidComplete];
   }
 };
 
-@implementation RCTCxxBridge
-{
+@implementation RCTCxxBridge {
   BOOL _didInvalidate;
   BOOL _moduleRegistryCreated;
 
@@ -208,7 +210,7 @@ @implementation RCTCxxBridge
 @synthesize performanceLogger = _performanceLogger;
 @synthesize valid = _valid;
 
-- (void) setRCTTurboModuleLookupDelegate:(id<RCTTurboModuleLookupDelegate>)turboModuleLookupDelegate
+- (void)setRCTTurboModuleLookupDelegate:(id<RCTTurboModuleLookupDelegate>)turboModuleLookupDelegate
 {
   _turboModuleLookupDelegate = turboModuleLookupDelegate;
 }
@@ -218,11 +220,6 @@ - (void) setRCTTurboModuleLookupDelegate:(id<RCTTurboModuleLookupDelegate>)turbo
   return _jsMessageThread;
 }
 
-- (std::weak_ptr<Instance>)reactInstance
-{
-  return _reactInstance;
-}
-
 - (BOOL)isInspectable
 {
   return _reactInstance ? _reactInstance->isInspectable() : NO;
@@ -275,7 +272,9 @@ + (void)runRunLoop
     RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
 
     // run the run loop
-    while (kCFRunLoopRunStopped != CFRunLoopRunInMode(kCFRunLoopDefaultMode, ((NSDate *)[NSDate distantFuture]).timeIntervalSinceReferenceDate, NO)) {
+    while (kCFRunLoopRunStopped !=
+           CFRunLoopRunInMode(
+               kCFRunLoopDefaultMode, ((NSDate *)[NSDate distantFuture]).timeIntervalSinceReferenceDate, NO)) {
       RCTAssert(NO, @"not reached assertion"); // runloop spun. that's bad.
     }
   }
@@ -305,10 +304,7 @@ - (void)ensureOnJavaScriptThread:(dispatch_block_t)block
   if ([NSThread currentThread] == _jsThread) {
     [self _tryAndHandleError:block];
   } else {
-    [self performSelector:@selector(_tryAndHandleError:)
-          onThread:_jsThread
-          withObject:block
-          waitUntilDone:NO];
+    [self performSelector:@selector(_tryAndHandleError:) onThread:_jsThread withObject:block waitUntilDone:NO];
   }
 }
 
@@ -316,14 +312,12 @@ - (void)start
 {
   RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"-[RCTCxxBridge start]", nil);
 
-  [[NSNotificationCenter defaultCenter]
-    postNotificationName:RCTJavaScriptWillStartLoadingNotification
-    object:_parentBridge userInfo:@{@"bridge": self}];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTJavaScriptWillStartLoadingNotification
+                                                      object:_parentBridge
+                                                    userInfo:@{@"bridge" : self}];
 
   // Set up the JS thread early
-  _jsThread = [[NSThread alloc] initWithTarget:[self class]
-                                      selector:@selector(runRunLoop)
-                                        object:nil];
+  _jsThread = [[NSThread alloc] initWithTarget:[self class] selector:@selector(runRunLoop) object:nil];
   _jsThread.name = RCTJSThreadName;
   _jsThread.qualityOfService = NSOperationQualityOfServiceUserInteractive;
 #if RCT_DEBUG
@@ -351,25 +345,16 @@ - (void)start
   std::shared_ptr<JSExecutorFactory> executorFactory;
   if (!self.executorClass) {
     if ([self.delegate conformsToProtocol:@protocol(RCTCxxBridgeDelegate)]) {
-      id<RCTCxxBridgeDelegate> cxxDelegate = (id<RCTCxxBridgeDelegate>) self.delegate;
+      id<RCTCxxBridgeDelegate> cxxDelegate = (id<RCTCxxBridgeDelegate>)self.delegate;
       executorFactory = [cxxDelegate jsExecutorFactoryForBridge:self];
     }
     if (!executorFactory) {
-      auto installBindings =
-        [](facebook::jsi::Runtime &runtime) {
-          facebook::react::Logger iosLoggingBinder =
-            [](const std::string &message, unsigned int logLevel) {
-              _RCTLogJavaScriptInternal(
-                static_cast<RCTLogLevel>(logLevel),
-                [NSString stringWithUTF8String:message.c_str()]);
-            };
-          facebook::react::bindNativeLogger(runtime, iosLoggingBinder);
-        };
-#if RCT_USE_HERMES
+      auto installBindings = RCTJSIExecutorRuntimeInstaller(nullptr);
+ #if RCT_USE_HERMES
       executorFactory = std::make_shared<HermesExecutorFactory>(installBindings);
-#else
+ #else
       executorFactory = std::make_shared<JSCExecutorFactory>(installBindings);
-#endif
+ #endif
     }
   } else {
     id<RCTJavaScriptExecutor> objcExecutor = [self moduleForClass:self.executorClass];
@@ -391,23 +376,26 @@ - (void)start
   // Load the source asynchronously, then store it for later execution.
   dispatch_group_enter(prepareBridge);
   __block NSData *sourceCode;
-  [self loadSource:^(NSError *error, RCTSource *source) {
-    if (error) {
-      [weakSelf handleError:error];
-    }
+  [self
+      loadSource:^(NSError *error, RCTSource *source) {
+        if (error) {
+          [weakSelf handleError:error];
+        }
 
-    sourceCode = source.data;
-    dispatch_group_leave(prepareBridge);
-  } onProgress:^(RCTLoadingProgress *progressData) {
-#if (RCT_DEV | RCT_ENABLE_LOADING_VIEW) && __has_include(<React/RCTDevLoadingView.h>)
-    if ([weakSelf isValid] && [[weakSelf 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])
-                                        lazilyLoadIfNecessary:NO];
-      [loadingView updateProgress:progressData];
-    } // TODO(OSS Candidate ISS#2710739)
+        sourceCode = source.data;
+        dispatch_group_leave(prepareBridge);
+      }
+      onProgress:^(RCTLoadingProgress *progressData) {
+#if (RCT_DEV | RCT_ENABLE_LOADING_VIEW) && __has_include(<React/RCTDevLoadingViewProtocol.h>)
+        // [TODO(OSS Candidate ISS#2710739)
+        // Note: RCTDevLoadingView should have been loaded at this point, so no need to allow lazy loading.
+        if ([weakSelf isValid] && [[weakSelf devSettings] isDevModeEnabled]) {
+          id<RCTDevLoadingViewProtocol> loadingView = [weakSelf moduleForName:@"DevLoadingView"
+                                                        lazilyLoadIfNecessary:YES];
+          [loadingView updateProgress:progressData];
+        } // ]TODO(OSS Candidate ISS#2710739)
 #endif
-  }];
+      }];
 
   // Wait for both the modules and source code to have finished loading
   dispatch_group_notify(prepareBridge, dispatch_get_global_queue(QOS_CLASS_USER_INTERACTIVE, 0), ^{
@@ -436,8 +424,8 @@ - (void)loadSource:(RCTSourceLoadBlock)_onSourceLoad onProgress:(RCTSourceLoadPr
     [performanceLogger setValue:source.length forTag:RCTPLBundleSize];
 
     NSDictionary *userInfo = @{
-      RCTBridgeDidDownloadScriptNotificationSourceKey: source ?: [NSNull null],
-      RCTBridgeDidDownloadScriptNotificationBridgeDescriptionKey: self->_bridgeDescription ?: [NSNull null],
+      RCTBridgeDidDownloadScriptNotificationSourceKey : source ?: [NSNull null],
+      RCTBridgeDidDownloadScriptNotificationBridgeDescriptionKey : self->_bridgeDescription ?: [NSNull null],
     };
 
     [center postNotificationName:RCTBridgeDidDownloadScriptNotification object:self->_parentBridge userInfo:userInfo];
@@ -450,26 +438,30 @@ - (void)loadSource:(RCTSourceLoadBlock)_onSourceLoad onProgress:(RCTSourceLoadPr
   } else if ([self.delegate respondsToSelector:@selector(loadSourceForBridge:withBlock:)]) {
     [self.delegate loadSourceForBridge:_parentBridge withBlock:onSourceLoad];
   } else if (!self.bundleURL) {
-    NSError *error = RCTErrorWithMessage(@"No bundle URL present.\n\nMake sure you're running a packager " \
-                                         "server or have included a .jsbundle file in your application bundle.");
+    NSError *error = RCTErrorWithMessage(
+        @"No bundle URL present.\n\nMake sure you're running a packager "
+         "server or have included a .jsbundle file in your application bundle.");
     onSourceLoad(error, nil);
   } else {
     __weak RCTCxxBridge *weakSelf = self;
-    [RCTJavaScriptLoader loadBundleAtURL:self.bundleURL onProgress:onProgress onComplete:^(NSError *error, RCTSource *source) {
-      if (error) {
-        [weakSelf handleError:error];
-        return;
-      }
-      onSourceLoad(error, source);
-    }];
+    [RCTJavaScriptLoader loadBundleAtURL:self.bundleURL
+                              onProgress:onProgress
+                              onComplete:^(NSError *error, RCTSource *source) {
+                                if (error) {
+                                  [weakSelf handleError:error];
+                                  return;
+                                }
+                                onSourceLoad(error, source);
+                              }];
   }
 }
 
 - (NSArray<Class> *)moduleClasses
 {
   if (RCT_DEBUG && _valid && _moduleClassesByID == nil) {
-    RCTLogError(@"Bridge modules have not yet been initialized. You may be "
-                "trying to access a module too early in the startup procedure.");
+    RCTLogError(
+        @"Bridge modules have not yet been initialized. You may be "
+         "trying to access a module too early in the startup procedure.");
   }
   return _moduleClassesByID;
 }
@@ -490,7 +482,7 @@ - (id)moduleForName:(NSString *)moduleName
 - (id)moduleForName:(NSString *)moduleName lazilyLoadIfNecessary:(BOOL)lazilyLoad
 {
   if (RCTTurboModuleEnabled() && _turboModuleLookupDelegate) {
-    const char* moduleNameCStr = [moduleName UTF8String];
+    const char *moduleNameCStr = [moduleName UTF8String];
     if (lazilyLoad || [_turboModuleLookupDelegate moduleIsInitialized:moduleNameCStr]) {
       id<RCTTurboModule> module = [_turboModuleLookupDelegate moduleForName:moduleNameCStr warnOnLookupFailure:NO];
       if (module != nil) {
@@ -513,27 +505,30 @@ - (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:)] &&
-    [self.delegate bridge:self didNotFindModule:moduleName];
+      [self.delegate bridge:self didNotFindModule:moduleName];
   if (result) {
     // Try again.
     moduleData = _moduleDataByName[moduleName];
-  } else if ([ignoredModuleLoadFailures containsObject: moduleName]) {
-    RCTLogWarn(@"Unable to find module for %@", moduleName);
+#if RCT_DEV
+    // If the `_moduleDataByName` is nil, it must have been cleared by the reload.
+  } else if (_moduleDataByName != nil) {
+    RCTLogError(@"Unable to find module for %@", moduleName);
+  }
+#else
   } else {
     RCTLogError(@"Unable to find module for %@", moduleName);
   }
+#endif
 
   return moduleData.instance;
 }
 
 - (BOOL)moduleIsInitialized:(Class)moduleClass
 {
-  NSString* moduleName = RCTBridgeModuleNameForClass(moduleClass);
+  NSString *moduleName = RCTBridgeModuleNameForClass(moduleClass);
   if (_moduleDataByName[moduleName].hasInstance) {
     return YES;
   }
@@ -563,12 +558,11 @@ - (id)moduleForClass:(Class)moduleClass
   ModuleRegistry::ModuleNotFoundCallback moduleNotFoundCallback = ^bool(const std::string &name) {
     __strong __typeof(weakSelf) strongSelf = weakSelf;
     return [strongSelf.delegate respondsToSelector:@selector(bridge:didNotFindModule:)] &&
-           [strongSelf.delegate bridge:strongSelf didNotFindModule:@(name.c_str())];
+        [strongSelf.delegate bridge:strongSelf didNotFindModule:@(name.c_str())];
   };
 
   auto registry = std::make_shared<ModuleRegistry>(
-         createNativeModules(_moduleDataByID, self, _reactInstance),
-         moduleNotFoundCallback);
+      createNativeModules(_moduleDataByID, self, _reactInstance), moduleNotFoundCallback);
 
   [_performanceLogger markStopForTag:RCTPLNativeModulePrepareConfig];
   RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
@@ -582,7 +576,6 @@ - (void)_initializeBridge:(std::shared_ptr<JSExecutorFactory>)executorFactory
     return;
   }
 
-  RCTAssertJSThread();
   __weak RCTCxxBridge *weakSelf = self;
   _jsMessageThread = std::make_shared<RCTMessageThread>([NSRunLoop currentRunLoop], ^(NSError *error) {
     if (error) {
@@ -603,9 +596,7 @@ - (void)_initializeBridge:(std::shared_ptr<JSExecutorFactory>)executorFactory
 
 #if RCT_PROFILE
     if (RCTProfileIsProfiling()) {
-      _reactInstance->setGlobalVariable(
-        "__RCTProfileIsProfiling",
-        std::make_unique<JSBigStdString>("true"));
+      _reactInstance->setGlobalVariable("__RCTProfileIsProfiling", std::make_unique<JSBigStdString>("true"));
     }
 #endif
   }
@@ -623,8 +614,7 @@ - (void)_initializeBridgeLocked:(std::shared_ptr<JSExecutorFactory>)executorFact
       executorFactory,
       _jsMessageThread,
       [self _buildModuleRegistryUnlocked]);
-
-   _moduleRegistryCreated = YES;
+  _moduleRegistryCreated = YES;
 }
 
 - (void)updateModuleWithInstance:(id<RCTBridgeModule>)instance
@@ -646,8 +636,8 @@ - (void)updateModuleWithInstance:(id<RCTBridgeModule>)instance
 - (NSArray<RCTModuleData *> *)_registerModulesForClasses:(NSArray<Class> *)moduleClasses
                                         lazilyDiscovered:(BOOL)lazilyDiscovered
 {
-  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways,
-                          @"-[RCTCxxBridge initModulesWithDispatchGroup:] autoexported moduleData", nil);
+  RCT_PROFILE_BEGIN_EVENT(
+      RCTProfileTagAlways, @"-[RCTCxxBridge initModulesWithDispatchGroup:] autoexported moduleData", nil);
 
   NSArray *moduleClassesCopy = [moduleClasses copy];
   NSMutableArray<RCTModuleData *> *moduleDataByID = [NSMutableArray arrayWithCapacity:moduleClassesCopy.count];
@@ -668,9 +658,12 @@ - (void)updateModuleWithInstance:(id<RCTBridgeModule>)instance
         continue;
       } else if ([moduleData.moduleClass new] != nil) {
         // Both modules were non-nil, so it's unclear which should take precedence
-        RCTLogWarn(@"Attempted to register RCTBridgeModule class %@ for the "
-                   "name '%@', but name was already registered by class %@",
-                   moduleClass, moduleName, moduleData.moduleClass);
+        RCTLogWarn(
+            @"Attempted to register RCTBridgeModule class %@ for the "
+             "name '%@', but name was already registered by class %@",
+            moduleClass,
+            moduleName,
+            moduleData.moduleClass);
       }
     }
 
@@ -691,8 +684,7 @@ - (void)updateModuleWithInstance:(id<RCTBridgeModule>)instance
 
 - (void)registerExtraModules
 {
-  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways,
-                          @"-[RCTCxxBridge initModulesWithDispatchGroup:] extraModules", nil);
+  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"-[RCTCxxBridge initModulesWithDispatchGroup:] extraModules", nil);
 
   NSArray<id<RCTBridgeModule>> *extraModules = nil;
   if ([self.delegate respondsToSelector:@selector(extraModulesForBridge:)]) {
@@ -703,15 +695,8 @@ - (void)registerExtraModules
 
   RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
 
-#if RCT_DEBUG
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    RCTVerifyAllModulesExported(extraModules);
-  });
-#endif
-
-  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways,
-                          @"-[RCTCxxBridge initModulesWithDispatchGroup:] preinitialized moduleData", nil);
+  RCT_PROFILE_BEGIN_EVENT(
+      RCTProfileTagAlways, @"-[RCTCxxBridge initModulesWithDispatchGroup:] preinitialized moduleData", nil);
   // Set up moduleData for pre-initialized module instances
   for (id<RCTBridgeModule> module in extraModules) {
     Class moduleClass = [module class];
@@ -721,9 +706,12 @@ - (void)registerExtraModules
       // Check for name collisions between preregistered modules
       RCTModuleData *moduleData = _moduleDataByName[moduleName];
       if (moduleData) {
-        RCTLogError(@"Attempted to register RCTBridgeModule class %@ for the "
-                    "name '%@', but name was already registered by class %@",
-                    moduleClass, moduleName, moduleData.moduleClass);
+        RCTLogError(
+            @"Attempted to register RCTBridgeModule class %@ for the "
+             "name '%@', but name was already registered by class %@",
+            moduleClass,
+            moduleName,
+            moduleData.moduleClass);
         continue;
       }
     }
@@ -731,9 +719,11 @@ - (void)registerExtraModules
     if (RCTTurboModuleEnabled() && [module conformsToProtocol:@protocol(RCTTurboModule)]) {
 #if RCT_DEBUG
       // TODO: don't ask for extra module for when TurboModule is enabled.
-      RCTLogError(@"NativeModule '%@' was marked as TurboModule, but provided as an extra NativeModule "
-                  "by the class '%@', ignoring.",
-                  moduleName, moduleClass);
+      RCTLogError(
+          @"NativeModule '%@' was marked as TurboModule, but provided as an extra NativeModule "
+           "by the class '%@', ignoring.",
+          moduleName,
+          moduleClass);
 #endif
       continue;
     }
@@ -796,12 +786,13 @@ - (void)registerExtraLazyModules
 #endif
 }
 
-- (NSArray<RCTModuleData *> *)_initializeModules:(NSArray<id<RCTBridgeModule>> *)modules
+- (NSArray<RCTModuleData *> *)_initializeModules:(NSArray<Class> *)modules
                                withDispatchGroup:(dispatch_group_t)dispatchGroup
                                 lazilyDiscovered:(BOOL)lazilyDiscovered
 {
   // Set up moduleData for automatically-exported modules
-  NSArray<RCTModuleData *> *moduleDataById = [self _registerModulesForClasses:modules lazilyDiscovered:lazilyDiscovered];
+  NSArray<RCTModuleData *> *moduleDataById = [self _registerModulesForClasses:modules
+                                                             lazilyDiscovered:lazilyDiscovered];
 
   if (lazilyDiscovered) {
 #if RCT_DEBUG
@@ -809,13 +800,15 @@ - (void)registerExtraLazyModules
     // as they are not allowed to have pre-instantiated instance
     // and must not require the main queue.
     for (RCTModuleData *moduleData in moduleDataById) {
-      RCTAssert(!(moduleData.requiresMainQueueSetup || moduleData.hasInstance),
-        @"Module \'%@\' requires initialization on the Main Queue or has pre-instantiated, which is not supported for the lazily discovered modules.", moduleData.name);
+      RCTAssert(
+          !(moduleData.requiresMainQueueSetup || moduleData.hasInstance),
+          @"Module \'%@\' requires initialization on the Main Queue or has pre-instantiated, which is not supported for the lazily discovered modules.",
+          moduleData.name);
     }
 #endif
   } else {
-    RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways,
-                            @"-[RCTCxxBridge initModulesWithDispatchGroup:] moduleData.hasInstance", nil);
+    RCT_PROFILE_BEGIN_EVENT(
+        RCTProfileTagAlways, @"-[RCTCxxBridge initModulesWithDispatchGroup:] moduleData.hasInstance", nil);
     // Dispatch module init onto main thread for those modules that require it
     // For non-lazily discovered modules we run through the entire set of modules
     // that we have, otherwise some modules coming from the delegate
@@ -852,8 +845,11 @@ - (void)registerAdditionalModuleClasses:(NSArray<Class> *)modules
 {
   std::lock_guard<std::mutex> guard(_moduleRegistryLock);
   if (_moduleRegistryCreated) {
-    NSArray<RCTModuleData *> *newModules = [self _initializeModules:modules withDispatchGroup:NULL lazilyDiscovered:YES];
-    assert(_reactInstance); // at this point you must have reactInstance as you already called reactInstance->initialzeBridge
+    NSArray<RCTModuleData *> *newModules = [self _initializeModules:modules
+                                                  withDispatchGroup:NULL
+                                                   lazilyDiscovered:YES];
+    assert(_reactInstance); // at this point you must have reactInstance as you already called
+                            // reactInstance->initialzeBridge
     _reactInstance->getModuleRegistry().registerModules(createNativeModules(newModules, self, _reactInstance));
   } else {
     [self registerModulesForClasses:modules];
@@ -907,8 +903,7 @@ - (void)_prepareModulesWithDispatchGroup:(dispatch_group_t)dispatchGroup
   RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
 }
 
-- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module
-                       withModuleData:(RCTModuleData *)moduleData
+- (void)registerModuleForFrameUpdates:(id<RCTBridgeModule>)module withModuleData:(RCTModuleData *)moduleData
 {
   [_displayLink registerModuleForFrameUpdates:module withModuleData:moduleData];
 }
@@ -925,9 +920,9 @@ - (void)executeSourceCode:(NSData *)sourceCode sync:(BOOL)sync
     // Perform the state update and notification on the main thread, so we can't run into
     // timing issues with RCTRootView
     dispatch_async(dispatch_get_main_queue(), ^{
-      [[NSNotificationCenter defaultCenter]
-       postNotificationName:RCTJavaScriptDidLoadNotification
-       object:self->_parentBridge userInfo:@{@"bridge": self}];
+      [[NSNotificationCenter defaultCenter] postNotificationName:RCTJavaScriptDidLoadNotification
+                                                          object:self->_parentBridge
+                                                        userInfo:@{@"bridge" : self}];
 
       // Starting the display link is not critical to startup, so do it last
       [self ensureOnJavaScriptThread:^{
@@ -944,16 +939,8 @@ - (void)executeSourceCode:(NSData *)sourceCode sync:(BOOL)sync
     [self enqueueApplicationScript:sourceCode url:self.bundleURL onComplete:completion];
   }
 
-  RCTDevSettings *devSettings = [self devSettings]; // TODO(OSS Candidate ISS#2710739)
-  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 = self.devSettings.isHotLoadingEnabled;
-    [self enqueueJSCall:@"HMRClient"
-                 method:@"setup"
-                   args:@[kRCTPlatformName, path, host, RCTNullIfNil(port), @(isHotLoadingEnabled)] // TODO(macOS ISS#2323203)
-             completion:NULL];
+  if (self.devSettings.isDevModeEnabled) { // TODO(OSS Candidate ISS#2710739)
+    [self.devSettings setupHotModuleReloadClientIfApplicableForURL:self.bundleURL];
   }
 }
 
@@ -976,8 +963,7 @@ - (void)handleError:(NSError *)error
 
   if (self->_valid && !self->_loading) {
     if ([error userInfo][RCTJSRawStackTraceKey]) {
-      [self.redBox showErrorMessage:[error localizedDescription]
-                       withRawStack:[error userInfo][RCTJSRawStackTraceKey]];
+      [self.redBox showErrorMessage:[error localizedDescription] withRawStack:[error userInfo][RCTJSRawStackTraceKey]];
     }
 
     RCTFatal(error);
@@ -1007,37 +993,42 @@ - (void)handleError:(NSError *)error
     self->_reactInstance.reset();
     self->_jsMessageThread.reset();
 
-    [[NSNotificationCenter defaultCenter]
-     postNotificationName:RCTJavaScriptDidFailToLoadNotification
-     object:self->_parentBridge userInfo:@{@"bridge": self, @"error": error}];
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTJavaScriptDidFailToLoadNotification
+                                                        object:self->_parentBridge
+                                                      userInfo:@{@"bridge" : self, @"error" : error}];
 
     if ([error userInfo][RCTJSRawStackTraceKey]) {
-      [redBox showErrorMessage:[error localizedDescription]
-                  withRawStack:[error userInfo][RCTJSRawStackTraceKey]];
+      [redBox showErrorMessage:[error localizedDescription] withRawStack:[error userInfo][RCTJSRawStackTraceKey]];
     }
 
     RCTFatal(error);
   });
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithDelegate:(__unused id<RCTBridgeDelegate>)delegate
-                                           bundleURL:(__unused NSURL *)bundleURL
-                                      moduleProvider:(__unused RCTBridgeModuleListProvider)block
-                                       launchOptions:(__unused NSDictionary *)launchOptions)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithDelegate
+                    : (__unused id<RCTBridgeDelegate>)delegate bundleURL
+                    : (__unused NSURL *)bundleURL moduleProvider
+                    : (__unused RCTBridgeModuleListProvider)block launchOptions
+                    : (__unused NSDictionary *)launchOptions)
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithBundleURL:(__unused NSURL *)bundleURL
-                                       moduleProvider:(__unused RCTBridgeModuleListProvider)block
-                                        launchOptions:(__unused NSDictionary *)launchOptions)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithBundleURL
+                    : (__unused NSURL *)bundleURL moduleProvider
+                    : (__unused RCTBridgeModuleListProvider)block launchOptions
+                    : (__unused NSDictionary *)launchOptions)
 
 /**
  * Prevent super from calling setUp (that'd create another batchedBridge)
  */
-- (void)setUp {}
+- (void)setUp
+{
+}
 
 - (void)reload
 {
   if (!_valid) {
-    RCTLogWarn(@"Attempting to reload bridge before it's valid: %@. Try restarting the development server if connected.", self);
+    RCTLogWarn(
+        @"Attempting to reload bridge before it's valid: %@. Try restarting the development server if connected.",
+        self);
   }
   RCTTriggerReloadCommandListeners(@"Unknown from cxx bridge");
 }
@@ -1045,7 +1036,9 @@ - (void)reload
 - (void)reloadWithReason:(NSString *)reason
 {
   if (!_valid) {
-    RCTLogWarn(@"Attempting to reload bridge before it's valid: %@. Try restarting the development server if connected.", self);
+    RCTLogWarn(
+        @"Attempting to reload bridge before it's valid: %@. Try restarting the development server if connected.",
+        self);
   }
   RCTTriggerReloadCommandListeners(reason);
 }
@@ -1077,8 +1070,7 @@ - (void)setBundleURL:(NSURL *)bundleURL
   return _parentBridge.delegate;
 }
 
-- (void)dispatchBlock:(dispatch_block_t)block
-                queue:(dispatch_queue_t)queue
+- (void)dispatchBlock:(dispatch_block_t)block queue:(dispatch_queue_t)queue
 {
   if (queue == RCTJSThread) {
     [self ensureOnJavaScriptThread:block];
@@ -1120,7 +1112,7 @@ - (void)invalidate
 
     [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillInvalidateModulesNotification
                                                         object:self->_parentBridge
-                                                      userInfo:@{@"bridge": self}];
+                                                      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
@@ -1135,10 +1127,12 @@ - (void)invalidate
 
       if ([moduleData.instance respondsToSelector:@selector(invalidate)]) {
         dispatch_group_enter(moduleInvalidation);
-        [self dispatchBlock:^{
-          [(id<RCTInvalidating>)moduleData.instance invalidate];
-          dispatch_group_leave(moduleInvalidation);
-        } queue:moduleData.methodQueue];
+        [self
+            dispatchBlock:^{
+              [(id<RCTInvalidating>)moduleData.instance invalidate];
+              dispatch_group_leave(moduleInvalidation);
+            }
+                    queue:moduleData.methodQueue];
       }
       [moduleData invalidate];
     }
@@ -1149,7 +1143,7 @@ - (void)invalidate
 
     [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeDidInvalidateModulesNotification
                                                         object:self->_parentBridge
-                                                      userInfo:@{@"bridge": self}];
+                                                      userInfo:@{@"bridge" : self}];
 
     self->_reactInstance.reset();
     self->_jsMessageThread.reset();
@@ -1168,10 +1162,7 @@ - (void)invalidate
 - (void)logMessage:(NSString *)message level:(NSString *)level
 {
   if (RCT_DEBUG && _valid) {
-    [self enqueueJSCall:@"RCTLog"
-                 method:@"logIfNoNativeHook"
-                   args:@[level, message]
-             completion:NULL];
+    [self enqueueJSCall:@"RCTLog" method:@"logIfNoNativeHook" args:@[ level, message ] completion:NULL];
   }
 }
 
@@ -1229,7 +1220,7 @@ - (void)logStartupFinish
 
 - (void)_flushPendingCalls
 {
-  RCT_PROFILE_BEGIN_EVENT(0, @"Processing pendingCalls", @{ @"count": [@(_pendingCalls.count) stringValue] });
+  RCT_PROFILE_BEGIN_EVENT(0, @"Processing pendingCalls", @{@"count" : [@(_pendingCalls.count) stringValue]});
   // Phase B: _flushPendingCalls happens.  Each block in _pendingCalls is
   // executed, adding work to the queue, and _pendingCount is decremented.
   // loading is set to NO.
@@ -1246,7 +1237,10 @@ - (void)_flushPendingCalls
 /**
  * Public. Can be invoked from any thread.
  */
-- (void)enqueueJSCall:(NSString *)module method:(NSString *)method args:(NSArray *)args completion:(dispatch_block_t)completion
+- (void)enqueueJSCall:(NSString *)module
+               method:(NSString *)method
+                 args:(NSArray *)args
+           completion:(dispatch_block_t)completion
 {
   if (!self.valid) {
     return;
@@ -1259,7 +1253,7 @@ - (void)enqueueJSCall:(NSString *)module method:(NSString *)method args:(NSArray
 
   RCTProfileBeginFlowEvent();
   __weak __typeof(self) weakSelf = self;
-  [self _runAfterLoad:^(){
+  [self _runAfterLoad:^() {
     RCTProfileEndFlowEvent();
     __strong __typeof(weakSelf) strongSelf = weakSelf;
     if (!strongSelf) {
@@ -1267,8 +1261,8 @@ - (void)enqueueJSCall:(NSString *)module method:(NSString *)method args:(NSArray
     }
 
     if (strongSelf->_reactInstance) {
-      strongSelf->_reactInstance->callJSFunction([module UTF8String], [method UTF8String],
-                                             convertIdToFollyDynamic(args ?: @[]));
+      strongSelf->_reactInstance->callJSFunction(
+          [module UTF8String], [method UTF8String], convertIdToFollyDynamic(args ?: @[]));
 
       // ensureOnJavaScriptThread may execute immediately, so use jsMessageThread, to make sure
       // the block is invoked after callJSFunction
@@ -1300,7 +1294,7 @@ - (void)enqueueCallback:(NSNumber *)cbID args:(NSArray *)args
 
   RCTProfileBeginFlowEvent();
   __weak __typeof(self) weakSelf = self;
-  [self _runAfterLoad:^(){
+  [self _runAfterLoad:^() {
     RCTProfileEndFlowEvent();
     __strong __typeof(weakSelf) strongSelf = weakSelf;
     if (!strongSelf) {
@@ -1318,17 +1312,13 @@ - (void)enqueueCallback:(NSNumber *)cbID args:(NSArray *)args
  */
 - (void)_immediatelyCallTimer:(NSNumber *)timer
 {
-  RCTAssertJSThread();
-
   if (_reactInstance) {
-    _reactInstance->callJSFunction("JSTimers", "callTimers",
-                                   folly::dynamic::array(folly::dynamic::array([timer doubleValue])));
+    _reactInstance->callJSFunction(
+        "JSTimers", "callTimers", folly::dynamic::array(folly::dynamic::array([timer doubleValue])));
   }
 }
 
-- (void)enqueueApplicationScript:(NSData *)script
-                             url:(NSURL *)url
-                      onComplete:(dispatch_block_t)onComplete
+- (void)enqueueApplicationScript:(NSData *)script url:(NSURL *)url onComplete:(dispatch_block_t)onComplete
 {
   RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"-[RCTCxxBridge enqueueApplicationScript]", nil);
 
@@ -1348,16 +1338,16 @@ - (void)executeApplicationScriptSync:(NSData *)script url:(NSURL *)url
   [self executeApplicationScript:script url:url async:NO];
 }
 
-- (void)executeApplicationScript:(NSData *)script
-                             url:(NSURL *)url
-                           async:(BOOL)async
+- (void)executeApplicationScript:(NSData *)script url:(NSURL *)url async:(BOOL)async
 {
   [self _tryAndHandleError:^{
     NSString *sourceUrlStr = deriveSourceURL(url);
-    [[NSNotificationCenter defaultCenter]
-      postNotificationName:RCTJavaScriptWillStartExecutingNotification
-      object:self->_parentBridge userInfo:@{@"bridge": self}];
-    // TODO(OSS Candidate ISS#2710739) - use local reactInstance, instance can be null'd while constructing NSDataBigString
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTJavaScriptWillStartExecutingNotification
+                                                        object:self->_parentBridge
+                                                      userInfo:@{@"bridge" : self}];
+
+    // hold a local reference to reactInstance in case a parallel thread
+    // resets it between null check and usage
     auto reactInstance = self->_reactInstance;
     if (isRAMBundle(script)) {
       [self->_performanceLogger markStartForTag:RCTPLRAMBundleLoad];
@@ -1366,14 +1356,14 @@ - (void)executeApplicationScript:(NSData *)script
       [self->_performanceLogger markStopForTag:RCTPLRAMBundleLoad];
       [self->_performanceLogger setValue:scriptStr->size() forTag:RCTPLRAMStartupCodeSize];
       if (reactInstance) {
-        auto registry = RAMBundleRegistry::multipleBundlesRegistry(std::move(ramBundle), JSIndexedRAMBundle::buildFactory());
-        reactInstance->loadRAMBundle(std::move(registry), std::move(scriptStr),
-                                            sourceUrlStr.UTF8String, !async);
+        auto registry =
+            RAMBundleRegistry::multipleBundlesRegistry(std::move(ramBundle), JSIndexedRAMBundle::buildFactory());
+        reactInstance->loadRAMBundle(std::move(registry), std::move(scriptStr), sourceUrlStr.UTF8String, !async);
       }
     } else if (reactInstance) {
       reactInstance->loadScriptFromString(std::make_unique<NSDataBigString>(script), sourceUrlStr.UTF8String, !async);
     } else {
-      std::string methodName = async ? "loadApplicationScript" : "loadApplicationScriptSync";
+      std::string methodName = async ? "loadBundle" : "loadBundleSync";
       throw std::logic_error("Attempt to call " + methodName + ": on uninitialized bridge");
     }
   }];
@@ -1392,9 +1382,11 @@ - (void)partialBatchDidFlush
 {
   for (RCTModuleData *moduleData in _moduleDataByID) {
     if (moduleData.implementsPartialBatchDidFlush) {
-      [self dispatchBlock:^{
-        [moduleData.instance partialBatchDidFlush];
-      } queue:moduleData.methodQueue];
+      [self
+          dispatchBlock:^{
+            [moduleData.instance partialBatchDidFlush];
+          }
+                  queue:moduleData.methodQueue];
     }
   }
 }
@@ -1405,9 +1397,11 @@ - (void)batchDidComplete
   // can we eliminate this special case?
   for (RCTModuleData *moduleData in _moduleDataByID) {
     if (moduleData.implementsBatchDidComplete) {
-      [self dispatchBlock:^{
-        [moduleData.instance batchDidComplete];
-      } queue:moduleData.methodQueue];
+      [self
+          dispatchBlock:^{
+            [moduleData.instance batchDidComplete];
+          }
+                  queue:moduleData.methodQueue];
     }
   }
 }
@@ -1417,12 +1411,12 @@ - (void)startProfiling
   RCTAssertMainQueue();
 
   [self ensureOnJavaScriptThread:^{
-    #if WITH_FBSYSTRACE
+#if WITH_FBSYSTRACE
     [RCTFBSystrace registerCallbacks];
-    #endif
+#endif
     RCTProfileInit(self);
 
-    [self enqueueJSCall:@"Systrace" method:@"setEnabled" args:@[@YES] completion:NULL];
+    [self enqueueJSCall:@"Systrace" method:@"setEnabled" args:@[ @YES ] completion:NULL];
   }];
 }
 
@@ -1431,17 +1425,18 @@ - (void)stopProfiling:(void (^)(NSData *))callback
   RCTAssertMainQueue();
 
   [self ensureOnJavaScriptThread:^{
-    [self enqueueJSCall:@"Systrace" method:@"setEnabled" args:@[@NO] completion:NULL];
+    [self enqueueJSCall:@"Systrace" method:@"setEnabled" args:@[ @NO ] completion:NULL];
     RCTProfileEnd(self, ^(NSString *log) {
       NSData *logData = [log dataUsingEncoding:NSUTF8StringEncoding];
       callback(logData);
-      #if WITH_FBSYSTRACE
+#if WITH_FBSYSTRACE
       if (![RCTFBSystrace verifyTraceSize:logData.length]) {
-        RCTLogWarn(@"Your FBSystrace trace might be truncated, try to bump up the buffer size"
-                   " in RCTFBSystrace.m or capture a shorter trace");
+        RCTLogWarn(
+            @"Your FBSystrace trace might be truncated, try to bump up the buffer size"
+             " in RCTFBSystrace.m or capture a shorter trace");
       }
       [RCTFBSystrace unregisterCallbacks];
-      #endif
+#endif
     });
   }];
 }
@@ -1460,17 +1455,29 @@ - (void *)runtime
   return _reactInstance->getJavaScriptContext();
 }
 
-- (void)invokeAsync:(std::function<void()>&&)func
+- (void)invokeAsync:(std::function<void()> &&)func
 {
   __block auto retainedFunc = std::move(func);
   __weak __typeof(self) weakSelf = self;
   [self _runAfterLoad:^{
     __strong __typeof(self) strongSelf = weakSelf;
-    if (strongSelf->_reactInstance == nullptr) {
-      return;
+
+    if (std::shared_ptr<CallInvoker> jsInvoker = strongSelf.jsCallInvoker) {
+      jsInvoker->invokeAsync(std::move(retainedFunc));
     }
-    strongSelf->_reactInstance->invokeAsync(std::move(retainedFunc));
   }];
 }
 
+#pragma mark - RCTBridge (RCTTurboModule)
+
+- (std::shared_ptr<CallInvoker>)jsCallInvoker
+{
+  return _reactInstance ? _reactInstance->getJSCallInvoker() : nullptr;
+}
+
+- (std::shared_ptr<CallInvoker>)decorateNativeCallInvoker:(std::shared_ptr<CallInvoker>)nativeInvoker
+{
+  return _reactInstance ? _reactInstance->getDecoratedNativeCallInvoker(nativeInvoker) : nullptr;
+}
+
 @end
diff --git a/React/CxxBridge/RCTJSIExecutorRuntimeInstaller.h b/React/CxxBridge/RCTJSIExecutorRuntimeInstaller.h
new file mode 100644
index 00000000000000..cc9fc8e5acde33
--- /dev/null
+++ b/React/CxxBridge/RCTJSIExecutorRuntimeInstaller.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.
+ */
+
+#pragma once
+
+#include <jsireact/JSIExecutor.h>
+
+namespace facebook {
+namespace react {
+
+/**
+ * Creates a lambda used to bind a JSIRuntime in the context of
+ * Apple platforms, such as console logging, performance metrics, etc.
+ */
+JSIExecutor::RuntimeInstaller RCTJSIExecutorRuntimeInstaller(JSIExecutor::RuntimeInstaller runtimeInstallerToWrap);
+
+} // namespace react
+} // namespace facebook
diff --git a/React/CxxBridge/RCTJSIExecutorRuntimeInstaller.mm b/React/CxxBridge/RCTJSIExecutorRuntimeInstaller.mm
new file mode 100644
index 00000000000000..40867e178e3d32
--- /dev/null
+++ b/React/CxxBridge/RCTJSIExecutorRuntimeInstaller.mm
@@ -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 "RCTJSIExecutorRuntimeInstaller.h"
+
+#import <React/RCTLog.h>
+
+namespace facebook {
+namespace react {
+
+JSIExecutor::RuntimeInstaller RCTJSIExecutorRuntimeInstaller(JSIExecutor::RuntimeInstaller runtimeInstallerToWrap) {
+  return [runtimeInstaller = runtimeInstallerToWrap](jsi::Runtime &runtime) {
+    Logger iosLoggingBinder = [](const std::string &message, unsigned int logLevel) {
+      _RCTLogJavaScriptInternal(static_cast<RCTLogLevel>(logLevel), [NSString stringWithUTF8String:message.c_str()]);
+    };
+    bindNativeLogger(runtime, iosLoggingBinder);
+
+    PerformanceNow iosPerformanceNowBinder = []() {
+      // CACurrentMediaTime() returns the current absolute time, in seconds
+      return CACurrentMediaTime() * 1000;
+    };
+    bindNativePerformanceNow(runtime, iosPerformanceNowBinder);
+
+    // Wrap over the original runtimeInstaller
+    if (runtimeInstaller) {
+      runtimeInstaller(runtime);
+    }
+  };
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/React/CxxBridge/RCTMessageThread.h b/React/CxxBridge/RCTMessageThread.h
index ec280e55464fa4..1c0394d6ac2893 100644
--- a/React/CxxBridge/RCTMessageThread.h
+++ b/React/CxxBridge/RCTMessageThread.h
@@ -19,13 +19,13 @@ class RCTMessageThread : public MessageQueueThread, public std::enable_shared_fr
  public:
   RCTMessageThread(NSRunLoop *runLoop, RCTJavaScriptCompleteBlock errorBlock);
   ~RCTMessageThread() override;
-  void runOnQueue(std::function<void()>&&) override;
-  void runOnQueueSync(std::function<void()>&&) override;
+  void runOnQueue(std::function<void()> &&) override;
+  void runOnQueueSync(std::function<void()> &&) override;
   void quitSynchronous() override;
   void setRunLoop(NSRunLoop *runLoop);
 
  private:
-  void tryFunc(const std::function<void()>& func);
+  void tryFunc(const std::function<void()> &func);
   void runAsync(std::function<void()> func);
   void runSync(std::function<void()> func);
 
@@ -34,5 +34,5 @@ class RCTMessageThread : public MessageQueueThread, public std::enable_shared_fr
   std::atomic_bool m_shutdown;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/React/CxxBridge/RCTMessageThread.mm b/React/CxxBridge/RCTMessageThread.mm
index fa37d8714d3efb..e550fe1afbaac8 100644
--- a/React/CxxBridge/RCTMessageThread.mm
+++ b/React/CxxBridge/RCTMessageThread.mm
@@ -24,21 +24,22 @@
 namespace react {
 
 RCTMessageThread::RCTMessageThread(NSRunLoop *runLoop, RCTJavaScriptCompleteBlock errorBlock)
-  : m_cfRunLoop([runLoop getCFRunLoop])
-  , m_errorBlock(errorBlock)
-  , m_shutdown(false) {
+    : m_cfRunLoop([runLoop getCFRunLoop]), m_errorBlock(errorBlock), m_shutdown(false)
+{
   CFRetain(m_cfRunLoop);
 }
 
-RCTMessageThread::~RCTMessageThread() {
+RCTMessageThread::~RCTMessageThread()
+{
   CFRelease(m_cfRunLoop);
 }
 
 // This is analogous to dispatch_async
-void RCTMessageThread::runAsync(std::function<void()> func) {
-    // Cherry picked from https://github.com/facebook/react-native/pull/27395/files to fix autorelease pool memory growth
+void RCTMessageThread::runAsync(std::function<void()> func)
+{
   CFRunLoopPerformBlock(m_cfRunLoop, kCFRunLoopCommonModes, ^{
-    // Create an autorelease pool each run loop to prevent memory footprint from growing too large, which can lead to performance problems.
+    // Create an autorelease pool each run loop to prevent memory footprint from growing too large, which can lead to
+    // performance problems.
     @autoreleasepool {
       func();
     }
@@ -47,60 +48,65 @@
 }
 
 // This is analogous to dispatch_sync
-void RCTMessageThread::runSync(std::function<void()> func) {
+void RCTMessageThread::runSync(std::function<void()> func)
+{
   if (m_cfRunLoop == CFRunLoopGetCurrent()) {
     func();
     return;
   }
 
   dispatch_semaphore_t sema = dispatch_semaphore_create(0);
-  runAsync([func=std::make_shared<std::function<void()>>(std::move(func)), &sema] {
+  runAsync([func = std::make_shared<std::function<void()>>(std::move(func)), &sema] {
     (*func)();
     dispatch_semaphore_signal(sema);
   });
   dispatch_semaphore_wait(sema, DISPATCH_TIME_FOREVER);
 }
 
-void RCTMessageThread::tryFunc(const std::function<void()>& func) {
+void RCTMessageThread::tryFunc(const std::function<void()> &func)
+{
   NSError *error = tryAndReturnError(func);
   if (error) {
     m_errorBlock(error);
   }
 }
 
-void RCTMessageThread::runOnQueue(std::function<void()>&& func) {
+void RCTMessageThread::runOnQueue(std::function<void()> &&func)
+{
   if (m_shutdown) {
     return;
   }
 
   auto sharedThis = shared_from_this(); // TODO(OSS Candidate ISS#2710739): `this` can be deleted before the RunLoop executes the block as revealed by ASAN test runs.
-  runAsync([sharedThis, func=std::make_shared<std::function<void()>>(std::move(func))] {
+  runAsync([sharedThis, func = std::make_shared<std::function<void()>>(std::move(func))] {
     if (sharedThis->m_shutdown == false) {
       sharedThis->tryFunc(*func);
     }
   });
 }
 
-void RCTMessageThread::runOnQueueSync(std::function<void()>&& func) {
+void RCTMessageThread::runOnQueueSync(std::function<void()> &&func)
+{
   if (m_shutdown) {
     return;
   }
-
   auto sharedThis = shared_from_this(); // TODO(OSS Candidate ISS#2710739): `this` can be deleted before the RunLoop executes the block as revealed by ASAN test runs.
-  runSync([sharedThis, func=std::move(func)] {
+  runSync([sharedThis, func = std::move(func)] {
     if (sharedThis->m_shutdown == false) {
       sharedThis->tryFunc(func);
     }
   });
 }
 
-void RCTMessageThread::quitSynchronous() {
+void RCTMessageThread::quitSynchronous()
+{
   m_shutdown = true;
-  runSync([]{});
+  runSync([] {});
   CFRunLoopStop(m_cfRunLoop);
 }
 
-void RCTMessageThread::setRunLoop(NSRunLoop *runLoop) {
+void RCTMessageThread::setRunLoop(NSRunLoop *runLoop)
+{
   CFRelease(m_cfRunLoop);
   m_cfRunLoop = [runLoop getCFRunLoop];
   CFRetain(m_cfRunLoop);
diff --git a/React/CxxBridge/RCTObjcExecutor.h b/React/CxxBridge/RCTObjcExecutor.h
index 79278ec8d733ec..49f21de2c0c8b1 100644
--- a/React/CxxBridge/RCTObjcExecutor.h
+++ b/React/CxxBridge/RCTObjcExecutor.h
@@ -16,16 +16,18 @@ namespace facebook {
 namespace react {
 
 class RCTObjcExecutorFactory : public JSExecutorFactory {
-public:
-  RCTObjcExecutorFactory(id<RCTJavaScriptExecutor> jse, RCTJavaScriptCompleteBlock errorBlock);
+ public:
+  RCTObjcExecutorFactory(
+      id<RCTJavaScriptExecutor> jse,
+      RCTJavaScriptCompleteBlock errorBlock);
   std::unique_ptr<JSExecutor> createJSExecutor(
-    std::shared_ptr<ExecutorDelegate> delegate,
-    std::shared_ptr<MessageQueueThread> jsQueue) override;
+      std::shared_ptr<ExecutorDelegate> delegate,
+      std::shared_ptr<MessageQueueThread> jsQueue) override;
 
-private:
+ private:
   id<RCTJavaScriptExecutor> m_jse;
   RCTJavaScriptCompleteBlock m_errorBlock;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/React/CxxBridge/RCTObjcExecutor.mm b/React/CxxBridge/RCTObjcExecutor.mm
index ead98eb7fd0402..7eebcfcdde2372 100644
--- a/React/CxxBridge/RCTObjcExecutor.mm
+++ b/React/CxxBridge/RCTObjcExecutor.mm
@@ -26,21 +26,18 @@
 namespace {
 
 class JSEException : public std::runtime_error {
-public:
-  JSEException(NSError *error)
-    : runtime_error([[error description] UTF8String]) {}
+ public:
+  JSEException(NSError *error) : runtime_error([[error description] UTF8String]) {}
 };
 
 class RCTObjcExecutor : public JSExecutor {
-public:
-  RCTObjcExecutor(id<RCTJavaScriptExecutor> jse,
-                  RCTJavaScriptCompleteBlock errorBlock,
-                  std::shared_ptr<MessageQueueThread> jsThread,
-                  std::shared_ptr<ExecutorDelegate> delegate)
-    : m_jse(jse)
-    , m_errorBlock(errorBlock)
-    , m_delegate(std::move(delegate))
-    , m_jsThread(std::move(jsThread))
+ public:
+  RCTObjcExecutor(
+      id<RCTJavaScriptExecutor> jse,
+      RCTJavaScriptCompleteBlock errorBlock,
+      std::shared_ptr<MessageQueueThread> jsThread,
+      std::shared_ptr<ExecutorDelegate> delegate)
+      : m_jse(jse), m_errorBlock(errorBlock), m_delegate(std::move(delegate)), m_jsThread(std::move(jsThread))
   {
     m_jsCallback = ^(id json, NSError *error) {
       if (error) {
@@ -51,9 +48,8 @@
         return;
       }
 
-      m_jsThread->runOnQueue([this, json]{
-        m_delegate->callNativeModules(*this, convertIdToFollyDynamic(json), true);
-      });
+      m_jsThread->runOnQueue(
+          [this, json] { m_delegate->callNativeModules(*this, convertIdToFollyDynamic(json), true); });
     };
 
     // Synchronously initialize the executor
@@ -66,68 +62,67 @@
       nativeModuleConfig.push_back(config ? config->config : nullptr);
     }
 
-    folly::dynamic config =
-      folly::dynamic::object("remoteModuleConfig", std::move(nativeModuleConfig));
+    folly::dynamic config = folly::dynamic::object("remoteModuleConfig", std::move(nativeModuleConfig));
 
-    setGlobalVariable(
-      "__fbBatchedBridgeConfig",
-      std::make_unique<JSBigStdString>(folly::toJson(config)));
+    setGlobalVariable("__fbBatchedBridgeConfig", std::make_unique<JSBigStdString>(folly::toJson(config)));
   }
 
-  void loadApplicationScript(
-      std::unique_ptr<const JSBigString> script,
-      std::string sourceURL) override {
+  void initializeRuntime() override
+  {
+    // We do nothing here since initialization is done in the constructor
+  }
+
+  void loadBundle(std::unique_ptr<const JSBigString> script, std::string sourceURL) override
+  {
     RCTProfileBeginFlowEvent();
     [m_jse executeApplicationScript:[NSData dataWithBytes:script->c_str() length:script->size()]
-           sourceURL:[[NSURL alloc]
-                         initWithString:@(sourceURL.c_str())]
-           onComplete:^(NSError *error) {
-        RCTProfileEndFlowEvent();
-
-        if (error) {
-          m_errorBlock(error);
-          return;
-        }
-
-        [m_jse flushedQueue:m_jsCallback];
-      }];
+                          sourceURL:[[NSURL alloc] initWithString:@(sourceURL.c_str())]
+                         onComplete:^(NSError *error) {
+                           RCTProfileEndFlowEvent();
+
+                           if (error) {
+                             m_errorBlock(error);
+                             return;
+                           }
+
+                           [m_jse flushedQueue:m_jsCallback];
+                         }];
   }
 
-  void setBundleRegistry(std::unique_ptr<RAMBundleRegistry>) override {
+  void setBundleRegistry(std::unique_ptr<RAMBundleRegistry>) override
+  {
     RCTAssert(NO, @"RAM bundles are not supported in RCTObjcExecutor");
   }
 
-  void registerBundle(uint32_t __unused bundleId, const std::string __unused &bundlePath) override {
+  void registerBundle(uint32_t __unused bundleId, const std::string __unused &bundlePath) override
+  {
     RCTAssert(NO, @"RAM bundles are not supported in RCTObjcExecutor");
   }
 
-  void callFunction(const std::string &module, const std::string &method,
-                    const folly::dynamic &arguments) override {
+  void callFunction(const std::string &module, const std::string &method, const folly::dynamic &arguments) override
+  {
     [m_jse callFunctionOnModule:@(module.c_str())
-           method:@(method.c_str())
-           arguments:convertFollyDynamicToId(arguments)
-           callback:m_jsCallback];
+                         method:@(method.c_str())
+                      arguments:convertFollyDynamicToId(arguments)
+                       callback:m_jsCallback];
   }
 
-  void invokeCallback(double callbackId, const folly::dynamic &arguments) override {
-    [m_jse invokeCallbackID:@(callbackId)
-           arguments:convertFollyDynamicToId(arguments)
-           callback:m_jsCallback];
+  void invokeCallback(double callbackId, const folly::dynamic &arguments) override
+  {
+    [m_jse invokeCallbackID:@(callbackId) arguments:convertFollyDynamicToId(arguments) callback:m_jsCallback];
   }
 
-  virtual void setGlobalVariable(
-      std::string propName,
-      std::unique_ptr<const JSBigString> jsonValue) override {
-    [m_jse injectJSONText:@(jsonValue->c_str())
-           asGlobalObjectNamed:@(propName.c_str())
-           callback:m_errorBlock];
+  virtual void setGlobalVariable(std::string propName, std::unique_ptr<const JSBigString> jsonValue) override
+  {
+    [m_jse injectJSONText:@(jsonValue->c_str()) asGlobalObjectNamed:@(propName.c_str()) callback:m_errorBlock];
   }
 
-  virtual std::string getDescription() override {
+  virtual std::string getDescription() override
+  {
     return [NSStringFromClass([m_jse class]) UTF8String];
   }
 
-private:
+ private:
   id<RCTJavaScriptExecutor> m_jse;
   RCTJavaScriptCompleteBlock m_errorBlock;
   std::shared_ptr<ExecutorDelegate> m_delegate;
@@ -137,16 +132,16 @@ virtual void setGlobalVariable(
 
 }
 
-RCTObjcExecutorFactory::RCTObjcExecutorFactory(
-  id<RCTJavaScriptExecutor> jse, RCTJavaScriptCompleteBlock errorBlock)
-  : m_jse(jse)
-  , m_errorBlock(errorBlock) {}
+RCTObjcExecutorFactory::RCTObjcExecutorFactory(id<RCTJavaScriptExecutor> jse, RCTJavaScriptCompleteBlock errorBlock)
+    : m_jse(jse), m_errorBlock(errorBlock)
+{
+}
 
 std::unique_ptr<JSExecutor> RCTObjcExecutorFactory::createJSExecutor(
     std::shared_ptr<ExecutorDelegate> delegate,
-    std::shared_ptr<MessageQueueThread> jsQueue) {
-  return std::unique_ptr<JSExecutor>(
-    new RCTObjcExecutor(m_jse, m_errorBlock, jsQueue, delegate));
+    std::shared_ptr<MessageQueueThread> jsQueue)
+{
+  return std::unique_ptr<JSExecutor>(new RCTObjcExecutor(m_jse, m_errorBlock, jsQueue, delegate));
 }
 
 }
diff --git a/React/CxxModule/DispatchMessageQueueThread.h b/React/CxxModule/DispatchMessageQueueThread.h
index 0064a0e8459e33..b6ca75a3de7eac 100644
--- a/React/CxxModule/DispatchMessageQueueThread.h
+++ b/React/CxxModule/DispatchMessageQueueThread.h
@@ -18,27 +18,30 @@ namespace react {
 // adapter does the work.
 
 class DispatchMessageQueueThread : public MessageQueueThread {
-public:
-  DispatchMessageQueueThread(RCTModuleData *moduleData)
-    : moduleData_(moduleData) {}
+ public:
+  DispatchMessageQueueThread(RCTModuleData *moduleData) : moduleData_(moduleData) {}
 
-  void runOnQueue(std::function<void()>&& func) override {
+  void runOnQueue(std::function<void()> &&func) override
+  {
     dispatch_queue_t queue = moduleData_.methodQueue;
-    dispatch_block_t block = [func=std::move(func)] { func(); };
+    dispatch_block_t block = [func = std::move(func)] { func(); };
     RCTAssert(block != nullptr, @"Invalid block generated in call to %@", moduleData_);
     if (queue && block) {
       dispatch_async(queue, block);
     }
   }
-  void runOnQueueSync(std::function<void()>&& __unused func) override {
+  void runOnQueueSync(std::function<void()> &&__unused func) override
+  {
     LOG(FATAL) << "Unsupported operation";
   }
-  void quitSynchronous() override {
+  void quitSynchronous() override
+  {
     LOG(FATAL) << "Unsupported operation";
   }
 
-private:
+ private:
   RCTModuleData *moduleData_;
 };
 
-} }
+}
+}
diff --git a/React/CxxModule/RCTCxxMethod.mm b/React/CxxModule/RCTCxxMethod.mm
index 40d6be72c4aaf4..7ae1419a5a5d91 100644
--- a/React/CxxModule/RCTCxxMethod.mm
+++ b/React/CxxModule/RCTCxxMethod.mm
@@ -20,8 +20,7 @@
 using facebook::xplat::module::CxxModule;
 using namespace facebook::react;
 
-@implementation RCTCxxMethod
-{
+@implementation RCTCxxMethod {
   std::unique_ptr<CxxModule::Method> _method;
 }
 
@@ -50,9 +49,7 @@ - (RCTFunctionType)functionType
   }
 }
 
-- (id)invokeWithBridge:(RCTBridge *)bridge
-                module:(id)module
-             arguments:(NSArray *)arguments
+- (id)invokeWithBridge:(RCTBridge *)bridge module:(id)module arguments:(NSArray *)arguments
 {
   // module is unused except for printing errors. The C++ object it represents
   // is also baked into _method.
@@ -65,26 +62,35 @@ - (id)invokeWithBridge:(RCTBridge *)bridge
   CxxModule::Callback second;
 
   if (arguments.count < _method->callbacks) {
-    RCTLogError(@"Method %@.%s expects at least %zu arguments, but got %tu",
-                RCTBridgeModuleNameForClass([module class]), _method->name.c_str(),
-                _method->callbacks, arguments.count);
+    RCTLogError(
+        @"Method %@.%s expects at least %zu arguments, but got %tu",
+        RCTBridgeModuleNameForClass([module class]),
+        _method->name.c_str(),
+        _method->callbacks,
+        arguments.count);
     return nil;
   }
 
   if (_method->callbacks >= 1) {
     if (![arguments[arguments.count - 1] isKindOfClass:[NSNumber class]]) {
-      RCTLogError(@"Argument %tu (%@) of %@.%s should be a function",
-                  arguments.count - 1, arguments[arguments.count - 1],
-                  RCTBridgeModuleNameForClass([module class]), _method->name.c_str());
+      RCTLogError(
+          @"Argument %tu (%@) of %@.%s should be a function",
+          arguments.count - 1,
+          arguments[arguments.count - 1],
+          RCTBridgeModuleNameForClass([module class]),
+          _method->name.c_str());
       return nil;
     }
 
     NSNumber *id1;
     if (_method->callbacks == 2) {
       if (![arguments[arguments.count - 2] isKindOfClass:[NSNumber class]]) {
-        RCTLogError(@"Argument %tu (%@) of %@.%s should be a function",
-                    arguments.count - 2, arguments[arguments.count - 2],
-                    RCTBridgeModuleNameForClass([module class]), _method->name.c_str());
+        RCTLogError(
+            @"Argument %tu (%@) of %@.%s should be a function",
+            arguments.count - 2,
+            arguments[arguments.count - 2],
+            RCTBridgeModuleNameForClass([module class]),
+            _method->name.c_str());
         return nil;
       }
 
@@ -116,9 +122,11 @@ - (id)invokeWithBridge:(RCTBridge *)bridge
       return convertFollyDynamicToId(result);
     }
   } catch (const facebook::xplat::JsArgumentException &ex) {
-    RCTLogError(@"Method %@.%s argument error: %s",
-                RCTBridgeModuleNameForClass([module class]), _method->name.c_str(),
-                ex.what());
+    RCTLogError(
+        @"Method %@.%s argument error: %s",
+        RCTBridgeModuleNameForClass([module class]),
+        _method->name.c_str(),
+        ex.what());
     return nil;
   }
 }
diff --git a/React/CxxModule/RCTCxxModule.mm b/React/CxxModule/RCTCxxModule.mm
index 9e6d59b0e70dc1..dd90009d417581 100644
--- a/React/CxxModule/RCTCxxModule.mm
+++ b/React/CxxModule/RCTCxxModule.mm
@@ -16,8 +16,7 @@
 
 using namespace facebook::react;
 
-@implementation RCTCxxModule
-{
+@implementation RCTCxxModule {
   std::unique_ptr<facebook::xplat::module::CxxModule> _module;
 }
 
@@ -37,9 +36,11 @@ - (void)lazyInit
     _module = [self createModule];
 
     if (_module) {
-      RCTAssert([RCTBridgeModuleNameForClass([self class]) isEqualToString:@(_module->getName().c_str())],
-                @"CxxModule class name %@ does not match runtime name %s",
-                RCTBridgeModuleNameForClass([self class]), _module->getName().c_str());
+      RCTAssert(
+          [RCTBridgeModuleNameForClass([self class]) isEqualToString:@(_module->getName().c_str())],
+          @"CxxModule class name %@ does not match runtime name %s",
+          RCTBridgeModuleNameForClass([self class]),
+          _module->getName().c_str());
     }
   }
 }
diff --git a/React/CxxModule/RCTCxxUtils.h b/React/CxxModule/RCTCxxUtils.h
index a9219dddc4bed5..caf584f35e463c 100644
--- a/React/CxxModule/RCTCxxUtils.h
+++ b/React/CxxModule/RCTCxxUtils.h
@@ -19,9 +19,11 @@ namespace react {
 class Instance;
 class NativeModule;
 
-std::vector<std::unique_ptr<NativeModule>> createNativeModules(NSArray<RCTModuleData *> *modules, RCTBridge *bridge, const std::shared_ptr<Instance> &instance);
+std::vector<std::unique_ptr<NativeModule>>
+createNativeModules(NSArray<RCTModuleData *> *modules, RCTBridge *bridge, const std::shared_ptr<Instance> &instance);
 
-NSError *tryAndReturnError(const std::function<void()>& func);
+NSError *tryAndReturnError(const std::function<void()> &func);
 NSString *deriveSourceURL(NSURL *url);
 
-} }
+}
+}
diff --git a/React/CxxModule/RCTCxxUtils.mm b/React/CxxModule/RCTCxxUtils.mm
index 6f538dda5d210e..a25328fac75371 100644
--- a/React/CxxModule/RCTCxxUtils.mm
+++ b/React/CxxModule/RCTCxxUtils.mm
@@ -22,16 +22,17 @@
 
 using facebook::jsi::JSError;
 
-std::vector<std::unique_ptr<NativeModule>> createNativeModules(NSArray<RCTModuleData *> *modules, RCTBridge *bridge, const std::shared_ptr<Instance> &instance)
+std::vector<std::unique_ptr<NativeModule>>
+createNativeModules(NSArray<RCTModuleData *> *modules, RCTBridge *bridge, const std::shared_ptr<Instance> &instance)
 {
   std::vector<std::unique_ptr<NativeModule>> nativeModules;
   for (RCTModuleData *moduleData in modules) {
     if ([moduleData.moduleClass isSubclassOfClass:[RCTCxxModule class]]) {
       nativeModules.emplace_back(std::make_unique<CxxNativeModule>(
-        instance,
-        [moduleData.name UTF8String],
-        [moduleData] { return [(RCTCxxModule *)(moduleData.instance) createModule]; },
-        std::make_shared<DispatchMessageQueueThread>(moduleData)));
+          instance,
+          [moduleData.name UTF8String],
+          [moduleData] { return [(RCTCxxModule *)(moduleData.instance) createModule]; },
+          std::make_shared<DispatchMessageQueueThread>(moduleData)));
     } else {
       nativeModules.emplace_back(std::make_unique<RCTNativeModule>(bridge, moduleData));
     }
@@ -44,7 +45,7 @@
   NSString *msg = @(e.what());
   NSMutableDictionary *errorInfo = [NSMutableDictionary dictionary];
 
-  const auto *jsError = dynamic_cast<const JSError*>(&e);
+  const auto *jsError = dynamic_cast<const JSError *>(&e);
   if (jsError) {
     errorInfo[RCTJSRawStackTraceKey] = @(jsError->getStack().c_str());
     msg = [@"Unhandled JS Exception: " stringByAppendingString:msg];
@@ -53,9 +54,10 @@
   NSError *nestedError;
   try {
     std::rethrow_if_nested(e);
-  } catch(const std::exception &e) {
+  } catch (const std::exception &e) {
     nestedError = errorWithException(e);
-  } catch(...) {}
+  } catch (...) {
+  }
 
   if (nestedError) {
     msg = [NSString stringWithFormat:@"%@\n\n%@", msg, [nestedError localizedDescription]];
@@ -65,19 +67,16 @@
   return [NSError errorWithDomain:RCTErrorDomain code:1 userInfo:errorInfo];
 }
 
-NSError *tryAndReturnError(const std::function<void()>& func)
+NSError *tryAndReturnError(const std::function<void()> &func)
 {
   try {
     @try {
       func();
       return nil;
-    }
-    @catch (NSException *exception) {
-      NSString *message =
-      [NSString stringWithFormat:@"Exception '%@' was thrown from JS thread", exception];
+    } @catch (NSException *exception) {
+      NSString *message = [NSString stringWithFormat:@"Exception '%@' was thrown from JS thread", exception];
       return RCTErrorWithMessage(message);
-    }
-    @catch (id exception) {
+    } @catch (id exception) {
       // This will catch any other ObjC exception, but no C++ exceptions
       return RCTErrorWithMessage(@"non-std ObjC Exception");
     }
@@ -103,4 +102,5 @@
   return sourceUrl ?: @"";
 }
 
-} }
+}
+}
diff --git a/React/CxxModule/RCTNativeModule.h b/React/CxxModule/RCTNativeModule.h
index d22e21efe77fd7..c73cf5f4ab7e8d 100644
--- a/React/CxxModule/RCTNativeModule.h
+++ b/React/CxxModule/RCTNativeModule.h
@@ -18,13 +18,16 @@ class RCTNativeModule : public NativeModule {
   std::string getName() override;
   std::vector<MethodDescriptor> getMethods() override;
   folly::dynamic getConstants() override;
-  void invoke(unsigned int methodId, folly::dynamic &&params, int callId) override;
-  MethodCallResult callSerializableNativeHook(unsigned int reactMethodId, folly::dynamic &&params) override;
+  void invoke(unsigned int methodId, folly::dynamic &&params, int callId)
+      override;
+  MethodCallResult callSerializableNativeHook(
+      unsigned int reactMethodId,
+      folly::dynamic &&params) override;
 
  private:
   __weak RCTBridge *m_bridge;
   RCTModuleData *m_moduleData;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/React/CxxModule/RCTNativeModule.mm b/React/CxxModule/RCTNativeModule.mm
index 4fbbc7123c5339..00737371518d77 100644
--- a/React/CxxModule/RCTNativeModule.mm
+++ b/React/CxxModule/RCTNativeModule.mm
@@ -23,53 +23,55 @@
 namespace facebook {
 namespace react {
 
-static MethodCallResult invokeInner(RCTBridge *bridge, RCTModuleData *moduleData, unsigned int methodId, const folly::dynamic &params);
+static MethodCallResult
+invokeInner(RCTBridge *bridge, RCTModuleData *moduleData, unsigned int methodId, const folly::dynamic &params);
 
 RCTNativeModule::RCTNativeModule(RCTBridge *bridge, RCTModuleData *moduleData)
-    : m_bridge(bridge)
-    , m_moduleData(moduleData) {}
+    : m_bridge(bridge), m_moduleData(moduleData)
+{
+}
 
-std::string RCTNativeModule::getName() {
+std::string RCTNativeModule::getName()
+{
   return [m_moduleData.name UTF8String];
 }
 
-std::vector<MethodDescriptor> RCTNativeModule::getMethods() {
+std::vector<MethodDescriptor> RCTNativeModule::getMethods()
+{
   std::vector<MethodDescriptor> descs;
 
   for (id<RCTBridgeMethod> method in m_moduleData.methods) {
-    descs.emplace_back(
-      method.JSMethodName,
-      RCTFunctionDescriptorFromType(method.functionType)
-    );
+    descs.emplace_back(method.JSMethodName, RCTFunctionDescriptorFromType(method.functionType));
   }
 
   return descs;
 }
 
-folly::dynamic RCTNativeModule::getConstants() {
-  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways,
-    @"[RCTNativeModule getConstants] moduleData.exportedConstants", nil);
+folly::dynamic RCTNativeModule::getConstants()
+{
+  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"[RCTNativeModule getConstants] moduleData.exportedConstants", nil);
   NSDictionary *constants = m_moduleData.exportedConstants;
   folly::dynamic ret = convertIdToFollyDynamic(constants);
   RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
   return ret;
 }
 
-void RCTNativeModule::invoke(unsigned int methodId, folly::dynamic &&params, int callId) {
+void RCTNativeModule::invoke(unsigned int methodId, folly::dynamic &&params, int callId)
+{
   // capture by weak pointer so that we can safely use these variables in a callback
   __weak RCTBridge *weakBridge = m_bridge;
   __weak RCTModuleData *weakModuleData = m_moduleData;
   // The BatchedBridge version of this buckets all the callbacks by thread, and
   // queues one block on each.  This is much simpler; we'll see how it goes and
   // iterate.
-  dispatch_block_t block = [weakBridge, weakModuleData, methodId, params=std::move(params), callId] {
-    #ifdef WITH_FBSYSTRACE
+  dispatch_block_t block = [weakBridge, weakModuleData, methodId, params = std::move(params), callId] {
+#ifdef WITH_FBSYSTRACE
     if (callId != -1) {
       fbsystrace_end_async_flow(TRACE_TAG_REACT_APPS, "native", callId);
     }
-    #else
+#else
     (void)(callId);
-    #endif
+#endif
     invokeInner(weakBridge, weakModuleData, methodId, std::move(params));
   };
 
@@ -80,44 +82,51 @@
     dispatch_async(queue, block);
   }
 
-  #ifdef RCT_DEV
+#ifdef RCT_DEV
   if (!queue) {
-    RCTLog(@"Attempted to invoke `%u` (method ID) on `%@` (NativeModule name) without a method queue.",
-           methodId, m_moduleData.name);
+    RCTLog(
+        @"Attempted to invoke `%u` (method ID) on `%@` (NativeModule name) without a method queue.",
+        methodId,
+        m_moduleData.name);
   }
-  #endif
+#endif
 }
 
-MethodCallResult RCTNativeModule::callSerializableNativeHook(unsigned int reactMethodId, folly::dynamic &&params) {
+MethodCallResult RCTNativeModule::callSerializableNativeHook(unsigned int reactMethodId, folly::dynamic &&params)
+{
   return invokeInner(m_bridge, m_moduleData, reactMethodId, params);
 }
 
-static MethodCallResult invokeInner(RCTBridge *bridge, RCTModuleData *moduleData, unsigned int methodId, const folly::dynamic &params) {
+static MethodCallResult
+invokeInner(RCTBridge *bridge, RCTModuleData *moduleData, unsigned int methodId, const folly::dynamic &params)
+{
   if (!bridge || !bridge.valid || !moduleData) {
     return folly::none;
   }
 
   id<RCTBridgeMethod> method = moduleData.methods[methodId];
   if (RCT_DEBUG && !method) {
-    RCTLogError(@"Unknown methodID: %ud for module: %@",
-                methodId, moduleData.name);
+    RCTLogError(@"Unknown methodID: %ud for module: %@", methodId, moduleData.name);
   }
 
   NSArray *objcParams = convertFollyDynamicToId(params);
   @try {
     id result = [method invokeWithBridge:bridge module:moduleData.instance arguments:objcParams];
     return convertIdToFollyDynamic(result);
-  }
-  @catch (NSException *exception) {
+  } @catch (NSException *exception) {
     // Pass on JS exceptions
     if ([exception.name hasPrefix:RCTFatalExceptionName]) {
       @throw exception;
     }
 
 #if RCT_DEBUG
-    NSString *message = [NSString stringWithFormat:
-                         @"Exception '%@' was thrown while invoking %s on target %@ with params %@\ncallstack: %@",
-                         exception, method.JSMethodName, moduleData.name, objcParams, exception.callStackSymbols];
+    NSString *message = [NSString
+        stringWithFormat:@"Exception '%@' was thrown while invoking %s on target %@ with params %@\ncallstack: %@",
+                         exception,
+                         method.JSMethodName,
+                         moduleData.name,
+                         objcParams,
+                         exception.callStackSymbols];
     RCTFatal(RCTErrorWithMessage(message));
 #else
     RCTFatalException(exception);
diff --git a/React/CxxUtils/RCTFollyConvert.h b/React/CxxUtils/RCTFollyConvert.h
index 2be033c70585b5..cd87ddcb5948d8 100644
--- a/React/CxxUtils/RCTFollyConvert.h
+++ b/React/CxxUtils/RCTFollyConvert.h
@@ -15,4 +15,5 @@ namespace react {
 folly::dynamic convertIdToFollyDynamic(id json);
 id convertFollyDynamicToId(const folly::dynamic &dyn);
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/React/CxxUtils/RCTFollyConvert.mm b/React/CxxUtils/RCTFollyConvert.mm
index ca1264e32c957d..59f10e321db0fe 100644
--- a/React/CxxUtils/RCTFollyConvert.mm
+++ b/React/CxxUtils/RCTFollyConvert.mm
@@ -12,7 +12,8 @@
 namespace facebook {
 namespace react {
 
-id convertFollyDynamicToId(const folly::dynamic &dyn) {
+id convertFollyDynamicToId(const folly::dynamic &dyn)
+{
   // I could imagine an implementation which avoids copies by wrapping the
   // dynamic in a derived class of NSDictionary.  We can do that if profiling
   // implies it will help.
@@ -27,8 +28,7 @@ id convertFollyDynamicToId(const folly::dynamic &dyn) {
     case folly::dynamic::DOUBLE:
       return @(dyn.getDouble());
     case folly::dynamic::STRING:
-      return [[NSString alloc] initWithBytes:dyn.c_str() length:dyn.size()
-                                   encoding:NSUTF8StringEncoding];
+      return [[NSString alloc] initWithBytes:dyn.c_str() length:dyn.size() encoding:NSUTF8StringEncoding];
     case folly::dynamic::ARRAY: {
       NSMutableArray *array = [[NSMutableArray alloc] initWithCapacity:dyn.size()];
       for (auto &elem : dyn) {
@@ -55,14 +55,14 @@ id convertFollyDynamicToId(const folly::dynamic &dyn) {
     switch (objCType[0]) {
       // This is a c++ bool or C99 _Bool.  On some platforms, BOOL is a bool.
       case _C_BOOL:
-        return (bool) [json boolValue];
+        return (bool)[json boolValue];
       case _C_CHR:
         // On some platforms, objc BOOL is a signed char, but it
         // might also be a small number.  Use the same hack JSC uses
         // to distinguish them:
         // https://phabricator.intern.facebook.com/diffusion/FBS/browse/master/fbobjc/xplat/third-party/jsc/safari-600-1-4-17/JavaScriptCore/API/JSValue.mm;b8ee03916489f8b12143cd5c0bca546da5014fc9$901
         if ([json isKindOfClass:[@YES class]]) {
-          return (bool) [json boolValue];
+          return (bool)[json boolValue];
         } else {
           return [json longLongValue];
         }
@@ -81,13 +81,12 @@ id convertFollyDynamicToId(const folly::dynamic &dyn) {
       case _C_DBL:
         return [json doubleValue];
 
-      // default:
-      //   fall through
+        // default:
+        //   fall through
     }
   } else if ([json isKindOfClass:[NSString class]]) {
     NSData *data = [json dataUsingEncoding:NSUTF8StringEncoding];
-    return std::string(reinterpret_cast<const char*>(data.bytes),
-                       data.length);
+    return std::string(reinterpret_cast<const char *>(data.bytes), data.length);
   } else if ([json isKindOfClass:[NSArray class]]) {
     folly::dynamic array = folly::dynamic::array;
     for (id element in json) {
@@ -98,9 +97,8 @@ id convertFollyDynamicToId(const folly::dynamic &dyn) {
     __block folly::dynamic object = folly::dynamic::object();
 
     [json enumerateKeysAndObjectsUsingBlock:^(NSString *key, NSString *value, __unused BOOL *stop) {
-      object.insert(convertIdToFollyDynamic(key),
-                    convertIdToFollyDynamic(value));
-      }];
+      object.insert(convertIdToFollyDynamic(key), convertIdToFollyDynamic(value));
+    }];
 
     return object;
   }
@@ -108,4 +106,5 @@ id convertFollyDynamicToId(const folly::dynamic &dyn) {
   return nil;
 }
 
-} }
+}
+}
diff --git a/React/DevSupport/RCTDevLoadingView.h b/React/DevSupport/RCTDevLoadingViewProtocol.h
similarity index 85%
rename from React/DevSupport/RCTDevLoadingView.h
rename to React/DevSupport/RCTDevLoadingViewProtocol.h
index 4f4b9afb7162cb..3864690b5e8ce6 100644
--- a/React/DevSupport/RCTDevLoadingView.h
+++ b/React/DevSupport/RCTDevLoadingViewProtocol.h
@@ -7,16 +7,12 @@
 
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
-#import <React/RCTBridgeModule.h>
-
 @class RCTLoadingProgress;
 
-@interface RCTDevLoadingView : NSObject <RCTBridgeModule>
-
+@protocol RCTDevLoadingViewProtocol <NSObject>
 + (void)setEnabled:(BOOL)enabled;
 - (void)showMessage:(NSString *)message color:(RCTUIColor *)color backgroundColor:(RCTUIColor *)backgroundColor; // TODO(OSS Candidate ISS#2710739)
 - (void)showWithURL:(NSURL *)URL;
 - (void)updateProgress:(RCTLoadingProgress *)progress;
 - (void)hide;
-
 @end
diff --git a/React/DevSupport/RCTDevLoadingViewSetEnabled.h b/React/DevSupport/RCTDevLoadingViewSetEnabled.h
new file mode 100644
index 00000000000000..1ad182578cdefe
--- /dev/null
+++ b/React/DevSupport/RCTDevLoadingViewSetEnabled.h
@@ -0,0 +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.
+ */
+
+#import <React/RCTDefines.h>
+
+RCT_EXTERN void RCTDevLoadingViewSetEnabled(BOOL enabled);
+RCT_EXTERN BOOL RCTDevLoadingViewGetEnabled(void);
diff --git a/React/DevSupport/RCTDevLoadingViewSetEnabled.m b/React/DevSupport/RCTDevLoadingViewSetEnabled.m
new file mode 100644
index 00000000000000..0c90e66385200f
--- /dev/null
+++ b/React/DevSupport/RCTDevLoadingViewSetEnabled.m
@@ -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.
+ */
+
+#import "RCTDevLoadingViewSetEnabled.h"
+
+#if RCT_DEV | RCT_ENABLE_LOADING_VIEW
+static BOOL isDevLoadingViewEnabled = YES;
+#else
+static BOOL isDevLoadingViewEnabled = NO;
+#endif
+
+void RCTDevLoadingViewSetEnabled(BOOL enabled)
+{
+  isDevLoadingViewEnabled = enabled;
+}
+
+BOOL RCTDevLoadingViewGetEnabled()
+{
+  return isDevLoadingViewEnabled;
+}
diff --git a/React/DevSupport/RCTInspectorDevServerHelper.h b/React/DevSupport/RCTInspectorDevServerHelper.h
index 81d98d970595e8..549a21d195abff 100644
--- a/React/DevSupport/RCTInspectorDevServerHelper.h
+++ b/React/DevSupport/RCTInspectorDevServerHelper.h
@@ -10,15 +10,12 @@
 #import <React/RCTDefines.h>
 #import <React/RCTInspectorPackagerConnection.h>
 
-#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+#if RCT_DEV
 
 @interface RCTInspectorDevServerHelper : NSObject
 
 + (RCTInspectorPackagerConnection *)connectWithBundleURL:(NSURL *)bundleURL;
 + (void)disableDebugger;
-+ (void)attachDebugger:(NSString *)owner
-         withBundleURL:(NSURL *)bundleURL
-              withView:(UIViewController *)view;
 @end
 
 #endif
diff --git a/React/DevSupport/RCTInspectorDevServerHelper.mm b/React/DevSupport/RCTInspectorDevServerHelper.mm
index 27964f8f40fafe..d6c931d3fcb930 100644
--- a/React/DevSupport/RCTInspectorDevServerHelper.mm
+++ b/React/DevSupport/RCTInspectorDevServerHelper.mm
@@ -7,7 +7,7 @@
 
 #import <React/RCTInspectorDevServerHelper.h>
 
-#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+#if RCT_DEV
 
 #import <React/RCTLog.h>
 #import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
@@ -53,28 +53,6 @@
                                                          escapedAppName]];
 }
 
-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)
-  NSString *escapedDeviceName = @"";
-#endif // ]TODO(macOS ISS#2323203)
-  NSString *escapedAppName = [[[NSBundle mainBundle] bundleIdentifier]
-      stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLHostAllowedCharacterSet];
-  return [NSURL URLWithString:[NSString stringWithFormat:@"http://%@/attach-debugger-nuclide?title=%@&device=%@&app=%@",
-                                                         getServerHost(bundleURL, metroBundlerPort),
-                                                         title,
-                                                         escapedDeviceName,
-                                                         escapedAppName]];
-}
-
 @implementation RCTInspectorDevServerHelper
 
 RCT_NOT_IMPLEMENTED(-(instancetype)init)
@@ -88,51 +66,6 @@ static void sendEventToAllConnections(NSString *event)
   }
 }
 
-static void displayErrorAlert(UIViewController *view, NSString *message)
-{
-#if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  UIAlertController *alert = [UIAlertController alertControllerWithTitle:nil
-                                                                 message:message
-                                                          preferredStyle:UIAlertControllerStyleAlert];
-  [view presentViewController:alert animated:YES completion:nil];
-  dispatch_after(dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 2.5), dispatch_get_main_queue(), ^{
-    [alert dismissViewControllerAnimated:YES completion:nil];
-  });
-#else // [TODO(macOS ISS#2323203)
-  NSAlert *alert = [[NSAlert alloc] init];
-  [alert setMessageText:message];
-  [alert addButtonWithTitle:@"OK"];
-  [alert setAlertStyle:NSWarningAlertStyle];
-  [alert beginSheetModalForWindow:[NSApp keyWindow] completionHandler:nil];
-  
-  dispatch_after(
-      dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC * 2.5),
-      dispatch_get_main_queue(),
-      ^{
-        [[NSApp keyWindow] endSheet:[alert window]];
-      });
-#endif // ]TODO(macOS ISS#2323203)
-}
-
-+ (void)attachDebugger:(NSString *)owner withBundleURL:(NSURL *)bundleURL withView:(UIViewController *)view
-{
-  NSURL *url = getAttachDeviceUrl(bundleURL, owner);
-
-  NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];
-  [request setHTTPMethod:@"GET"];
-
-  __weak UIViewController *viewCapture = view;
-  [[[NSURLSession sharedSession]
-      dataTaskWithRequest:request
-        completionHandler:^(
-            __unused NSData *_Nullable data, __unused NSURLResponse *_Nullable response, NSError *_Nullable error) {
-          UIViewController *viewCaptureStrong = viewCapture;
-          if (error != nullptr && viewCaptureStrong != nullptr) {
-            displayErrorAlert(viewCaptureStrong, @"The request to attach Nuclide couldn't reach Metro!");
-          }
-        }] resume];
-}
-
 + (void)disableDebugger
 {
   sendEventToAllConnections(kDebuggerMsgDisable);
diff --git a/React/DevSupport/RCTPackagerClient.m b/React/DevSupport/RCTPackagerClient.m
index 2e138d798c1bd7..1cd9a07a576fef 100644
--- a/React/DevSupport/RCTPackagerClient.m
+++ b/React/DevSupport/RCTPackagerClient.m
@@ -32,10 +32,10 @@ - (instancetype)initWithId:(id)msgId socket:(RCTReconnectingWebSocket *)socket
 - (void)respondWithResult:(id)result
 {
   NSDictionary<NSString *, id> *msg = @{
-                                        @"version": @(RCT_PACKAGER_CLIENT_PROTOCOL_VERSION),
-                                        @"id": _msgId,
-                                        @"result": result,
-                                        };
+    @"version" : @(RCT_PACKAGER_CLIENT_PROTOCOL_VERSION),
+    @"id" : _msgId,
+    @"result" : result,
+  };
   NSError *jsError = nil;
   NSString *message = RCTJSONStringify(msg, &jsError);
   if (jsError) {
@@ -48,10 +48,10 @@ - (void)respondWithResult:(id)result
 - (void)respondWithError:(id)error
 {
   NSDictionary<NSString *, id> *msg = @{
-                                        @"version": @(RCT_PACKAGER_CLIENT_PROTOCOL_VERSION),
-                                        @"id": _msgId,
-                                        @"error": error,
-                                        };
+    @"version" : @(RCT_PACKAGER_CLIENT_PROTOCOL_VERSION),
+    @"id" : _msgId,
+    @"error" : error,
+  };
   NSError *jsError = nil;
   NSString *message = RCTJSONStringify(msg, &jsError);
   if (jsError) {
diff --git a/React/DevSupport/RCTPackagerConnection.h b/React/DevSupport/RCTPackagerConnection.h
index 497fb10b783c5a..7f1bbd1d0ea3ea 100644
--- a/React/DevSupport/RCTPackagerConnection.h
+++ b/React/DevSupport/RCTPackagerConnection.h
@@ -9,7 +9,7 @@
 
 #import <React/RCTDefines.h>
 
-#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+#if RCT_DEV
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -51,8 +51,7 @@ typedef void (^RCTConnectedHandler)(void);
  * packager has been established. The handler will be dispatched immediately
  * if the connection is already established.
  */
-- (RCTHandlerToken)addConnectedHandler:(RCTConnectedHandler)handler
-                                 queue:(dispatch_queue_t)queue;
+- (RCTHandlerToken)addConnectedHandler:(RCTConnectedHandler)handler queue:(dispatch_queue_t)queue;
 
 /** Removes a handler. Silently does nothing if the token is not valid. */
 - (void)removeHandler:(RCTHandlerToken)token;
diff --git a/React/DevSupport/RCTPackagerConnection.mm b/React/DevSupport/RCTPackagerConnection.mm
index dba5506c14a485..3a6120be2d137b 100644
--- a/React/DevSupport/RCTPackagerConnection.mm
+++ b/React/DevSupport/RCTPackagerConnection.mm
@@ -7,8 +7,8 @@
 
 #import <React/RCTPackagerConnection.h>
 
-#import <algorithm>
 #import <objc/runtime.h>
+#import <algorithm>
 #import <vector>
 
 #import <React/RCTAssert.h>
@@ -40,7 +40,7 @@ @implementation RCTPackagerConnection {
   std::mutex _mutex; // protects all ivars
   RCTReconnectingWebSocket *_socket;
   BOOL _socketConnected;
-  NSString *_jsLocationForSocket;
+  NSString *_serverHostForSocket;
   id _bundleURLChangeObserver;
   uint32_t _nextToken;
   std::vector<Registration<RCTNotificationHandler>> _notificationRegistrations;
@@ -62,32 +62,31 @@ - (instancetype)init
 {
   if (self = [super init]) {
     _nextToken = 1; // Prevent randomly erasing a handler if you pass a bogus 0 token
-    _jsLocationForSocket = [RCTBundleURLProvider sharedSettings].jsLocation;
-    _socket = socketForLocation(_jsLocationForSocket);
+    _serverHostForSocket = [[RCTBundleURLProvider sharedSettings] packagerServerHost];
+    _socket = socketForLocation(_serverHostForSocket);
     _socket.delegate = self;
     [_socket start];
 
     RCTPackagerConnection *const __weak weakSelf = self;
     _bundleURLChangeObserver =
-    [[NSNotificationCenter defaultCenter]
-     addObserverForName:RCTBundleURLProviderUpdatedNotification
-     object:nil
-     queue:[NSOperationQueue mainQueue]
-     usingBlock:^(NSNotification *_Nonnull __unused note) {
-       [weakSelf bundleURLSettingsChanged];
-     }];
+        [[NSNotificationCenter defaultCenter] addObserverForName:RCTBundleURLProviderUpdatedNotification
+                                                          object:nil
+                                                           queue:[NSOperationQueue mainQueue]
+                                                      usingBlock:^(NSNotification *_Nonnull __unused note) {
+                                                        [weakSelf bundleURLSettingsChanged];
+                                                      }];
   }
   return self;
 }
 
-static RCTReconnectingWebSocket *socketForLocation(NSString *const jsLocation)
+static RCTReconnectingWebSocket *socketForLocation(NSString *const serverHost)
 {
   NSURLComponents *const components = [NSURLComponents new];
-  components.host = jsLocation ?: @"localhost";
+  components.host = serverHost ?: @"localhost";
   components.scheme = @"http";
   components.port = @(kRCTBundleURLProviderDefaultPort);
   components.path = @"/message";
-  components.queryItems = @[[NSURLQueryItem queryItemWithName:@"role" value:kRCTPlatformName]]; // TODO(macOS ISS#2323203)
+  components.queryItems = @[ [NSURLQueryItem queryItemWithName:@"role" value:kRCTPlatformName] ]; // TODO(macOS ISS#2323203)
   static dispatch_queue_t queue;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
@@ -119,20 +118,22 @@ - (void)bundleURLSettingsChanged
     return; // already stopped
   }
 
-  NSString *const jsLocation = [RCTBundleURLProvider sharedSettings].jsLocation;
-  if ([jsLocation isEqual:_jsLocationForSocket]) {
+  NSString *const serverHost = [[RCTBundleURLProvider sharedSettings] packagerServerHost];
+  if ([serverHost isEqual:_serverHostForSocket]) {
     return; // unchanged
   }
 
   _socket.delegate = nil;
   [_socket stop];
-  _jsLocationForSocket = jsLocation;
-  _socket = socketForLocation(jsLocation);
+  _serverHostForSocket = serverHost;
+  _socket = socketForLocation(serverHost);
   _socket.delegate = self;
   [_socket start];
 }
 
-- (RCTHandlerToken)addNotificationHandler:(RCTNotificationHandler)handler queue:(dispatch_queue_t)queue forMethod:(NSString *)method
+- (RCTHandlerToken)addNotificationHandler:(RCTNotificationHandler)handler
+                                    queue:(dispatch_queue_t)queue
+                                forMethod:(NSString *)method
 {
   std::lock_guard<std::mutex> l(_mutex);
   const auto token = _nextToken++;
@@ -140,7 +141,9 @@ - (RCTHandlerToken)addNotificationHandler:(RCTNotificationHandler)handler queue:
   return token;
 }
 
-- (RCTHandlerToken)addRequestHandler:(RCTRequestHandler)handler queue:(dispatch_queue_t)queue forMethod:(NSString *)method
+- (RCTHandlerToken)addRequestHandler:(RCTRequestHandler)handler
+                               queue:(dispatch_queue_t)queue
+                           forMethod:(NSString *)method
 {
   std::lock_guard<std::mutex> l(_mutex);
   const auto token = _nextToken++;
@@ -174,22 +177,29 @@ - (void)removeHandler:(RCTHandlerToken)token
 template <typename Handler>
 static void eraseRegistrationsWithToken(std::vector<Registration<Handler>> &registrations, RCTHandlerToken token)
 {
-  registrations.erase(std::remove_if(registrations.begin(), registrations.end(),
-                                     [&token](const auto &reg) { return reg.token == token; }),
-                      registrations.end());
+  registrations.erase(
+      std::remove_if(
+          registrations.begin(), registrations.end(), [&token](const auto &reg) { return reg.token == token; }),
+      registrations.end());
 }
 
 - (void)addHandler:(id<RCTPackagerClientMethod>)handler forMethod:(NSString *)method
 {
-  dispatch_queue_t queue = [handler respondsToSelector:@selector(methodQueue)]
-  ? [handler methodQueue] : dispatch_get_main_queue();
-
-  [self addNotificationHandler:^(NSDictionary<NSString *, id> *notification) {
-    [handler handleNotification:notification];
-  } queue:queue forMethod:method];
-  [self addRequestHandler:^(NSDictionary<NSString *, id> *request, RCTPackagerClientResponder *responder) {
-    [handler handleRequest:request withResponder:responder];
-  } queue:queue forMethod:method];
+  dispatch_queue_t queue =
+      [handler respondsToSelector:@selector(methodQueue)] ? [handler methodQueue] : dispatch_get_main_queue();
+
+  [self
+      addNotificationHandler:^(NSDictionary<NSString *, id> *notification) {
+        [handler handleNotification:notification];
+      }
+                       queue:queue
+                   forMethod:method];
+  [self
+      addRequestHandler:^(NSDictionary<NSString *, id> *request, RCTPackagerClientResponder *responder) {
+        [handler handleRequest:request withResponder:responder];
+      }
+                  queue:queue
+              forMethod:method];
 }
 
 static BOOL isSupportedVersion(NSNumber *version)
@@ -212,7 +222,9 @@ - (void)reconnectingWebSocketDidOpen:(__unused RCTReconnectingWebSocket *)webSoc
   for (const auto &registration : registrations) {
     // Beware: don't capture the reference to handler in a dispatched block!
     RCTConnectedHandler handler = registration.handler;
-    dispatch_async(registration.queue, ^{ handler(); });
+    dispatch_async(registration.queue, ^{
+      handler();
+    });
   }
 }
 
@@ -236,13 +248,12 @@ - (void)reconnectingWebSocket:(RCTReconnectingWebSocket *)webSocket didReceiveMe
   id messageId = msg[@"id"];
 
   if (messageId) { // Request
-    const std::vector<Registration<RCTRequestHandler>> registrations(registrationsWithMethod(_mutex, _requestRegistrations, method));
+    const std::vector<Registration<RCTRequestHandler>> registrations(
+        registrationsWithMethod(_mutex, _requestRegistrations, method));
     if (registrations.empty()) {
       RCTLogError(@"No handler found for packager method %@", msg[@"method"]);
-      [[[RCTPackagerClientResponder alloc] initWithId:messageId
-                                               socket:webSocket]
-       respondWithError:
-       [NSString stringWithFormat:@"No handler found for packager method %@", msg[@"method"]]];
+      [[[RCTPackagerClientResponder alloc] initWithId:messageId socket:webSocket]
+          respondWithError:[NSString stringWithFormat:@"No handler found for packager method %@", msg[@"method"]]];
     } else {
       // If there are multiple matching request registrations, only one can win;
       // otherwise the packager would get multiple responses. Choose the last one.
@@ -252,11 +263,14 @@ - (void)reconnectingWebSocket:(RCTReconnectingWebSocket *)webSocket didReceiveMe
       });
     }
   } else { // Notification
-    const std::vector<Registration<RCTNotificationHandler>> registrations(registrationsWithMethod(_mutex, _notificationRegistrations, method));
+    const std::vector<Registration<RCTNotificationHandler>> registrations(
+        registrationsWithMethod(_mutex, _notificationRegistrations, method));
     for (const auto &registration : registrations) {
       // Beware: don't capture the reference to handler in a dispatched block!
       RCTNotificationHandler handler = registration.handler;
-      dispatch_async(registration.queue, ^{ handler(params); });
+      dispatch_async(registration.queue, ^{
+        handler(params);
+      });
     }
   }
 }
@@ -268,7 +282,8 @@ - (void)reconnectingWebSocketDidClose:(__unused RCTReconnectingWebSocket *)webSo
 }
 
 template <typename Handler>
-static std::vector<Registration<Handler>> registrationsWithMethod(std::mutex &mutex, const std::vector<Registration<Handler>> &registrations, NSString *method)
+static std::vector<Registration<Handler>>
+registrationsWithMethod(std::mutex &mutex, const std::vector<Registration<Handler>> &registrations, NSString *method)
 {
   std::lock_guard<std::mutex> l(mutex); // Scope lock acquisition to prevent deadlock when calling out
   std::vector<Registration<Handler>> matches;
diff --git a/React/Fabric/Mounting/ComponentViews/ART/RCTARTSurfaceViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ART/RCTARTSurfaceViewComponentView.mm
index c2607ecf618f3b..0a5e9a531d83cc 100644
--- a/React/Fabric/Mounting/ComponentViews/ART/RCTARTSurfaceViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ART/RCTARTSurfaceViewComponentView.mm
@@ -9,6 +9,8 @@
 #import <react/uimanager/ComponentDescriptorProvider.h>
 #import "RCTARTSurfaceViewComponentDescriptor.h"
 
+#import "FBRCTFabricComponentsPlugins.h"
+
 using namespace facebook::react;
 
 @implementation RCTARTSurfaceViewComponentView {
@@ -32,3 +34,8 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTARTSurfaceViewCls(void)
+{
+  return RCTARTSurfaceViewComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
index f04e0fe81dfd1a..a1eafa66906a47 100644
--- a/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
@@ -11,6 +11,8 @@
 #import <react/components/rncore/EventEmitters.h>
 #import <react/components/rncore/Props.h>
 
+#import "FBRCTFabricComponentsPlugins.h"
+
 using namespace facebook::react;
 
 static UIActivityIndicatorViewStyle convertActivityIndicatorViewStyle(const ActivityIndicatorViewSize &size)
@@ -88,3 +90,8 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTActivityIndicatorViewCls(void)
+{
+  return RCTActivityIndicatorViewComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
index 90c490d083f241..e393dae3dabd51 100644
--- a/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
@@ -11,19 +11,23 @@
 #import <React/RCTImageResponseObserverProxy.h>
 #import <react/components/image/ImageComponentDescriptor.h>
 #import <react/components/image/ImageEventEmitter.h>
-#import <react/components/image/ImageLocalData.h>
 #import <react/components/image/ImageProps.h>
+#import <react/imagemanager/ImageInstrumentation.h>
 #import <react/imagemanager/ImageRequest.h>
+#import <react/imagemanager/RCTImageInstrumentationProxy.h>
 #import <react/imagemanager/RCTImagePrimitivesConversions.h>
 
 #import "RCTConversions.h"
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
 
 @interface RCTImageComponentView () <RCTImageResponseDelegate>
 @end
 
 @implementation RCTImageComponentView {
   UIImageView *_imageView;
-  SharedImageLocalData _imageLocalData;
+  ImageShadowNode::ConcreteState::Shared _state;
   ImageResponseObserverCoordinator const *_coordinator;
   RCTImageResponseObserverProxy _imageResponseObserverProxy;
 }
@@ -77,29 +81,30 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
   [super updateProps:props oldProps:oldProps];
 }
 
-- (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData)oldLocalData
+- (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState
 {
-  auto imageLocalData = std::static_pointer_cast<ImageLocalData const>(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;
+  _state = std::static_pointer_cast<ImageShadowNode::ConcreteState const>(state);
+  auto _oldState = std::static_pointer_cast<ImageShadowNode::ConcreteState const>(oldState);
+  auto data = _state->getData();
 
-  auto previousData = _imageLocalData;
-  _imageLocalData = imageLocalData;
+  // This call (setting `coordinator`) must be unconditional (at the same block as setting `State`)
+  // because the setter stores a raw pointer to object that `State` owns.
+  self.coordinator = &data.getImageRequest().getObserverCoordinator();
 
-  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 = _oldState && _oldState->getData().getImageSource() != ImageSource{};
 
-  bool havePreviousData = previousData != nullptr;
-
-  if (!havePreviousData || _imageLocalData->getImageSource() != previousData->getImageSource()) {
+  if (!havePreviousData || data.getImageSource() != _oldState->getData().getImageSource()) {
     // 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<ImageEventEmitter const>(_eventEmitter)->onLoadStart();
+
+    // TODO (T58941612): Tracking for visibility should be done directly on this class.
+    // For now, we consolidate instrumentation logic in the image loader, so that pre-Fabric gets the same treatment.
+    auto instrumentation = std::static_pointer_cast<RCTImageInstrumentationProxy const>(
+        data.getImageRequest().getSharedImageInstrumentation());
+    if (instrumentation) {
+      instrumentation->trackNativeImageView(self);
+    }
   }
 }
 
@@ -119,7 +124,7 @@ - (void)prepareForRecycle
   [super prepareForRecycle];
   self.coordinator = nullptr;
   _imageView.image = nil;
-  _imageLocalData.reset();
+  _state.reset();
 }
 
 - (void)dealloc
@@ -131,7 +136,7 @@ - (void)dealloc
 
 - (void)didReceiveImage:(UIImage *)image fromObserver:(void const *)observer
 {
-  if (!_eventEmitter) {
+  if (!_eventEmitter || !_state) {
     // 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.
@@ -161,6 +166,13 @@ - (void)didReceiveImage:(UIImage *)image fromObserver:(void const *)observer
   // Apply trilinear filtering to smooth out mis-sized images.
   self->_imageView.layer.minificationFilter = kCAFilterTrilinear;
   self->_imageView.layer.magnificationFilter = kCAFilterTrilinear;
+
+  auto data = _state->getData();
+  auto instrumentation = std::static_pointer_cast<RCTImageInstrumentationProxy const>(
+      data.getImageRequest().getSharedImageInstrumentation());
+  if (instrumentation) {
+    instrumentation->didSetImage();
+  }
 }
 
 - (void)didReceiveProgress:(float)progress fromObserver:(void const *)observer
@@ -185,3 +197,8 @@ - (void)didReceiveFailureFromObserver:(void const *)observer
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTImageCls(void)
+{
+  return RCTImageComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
index 0da7300e45f1a3..29b7b12e8990ae 100644
--- a/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
@@ -13,6 +13,7 @@
 #import <react/components/rncore/EventEmitters.h>
 #import <react/components/rncore/Props.h>
 
+#import "FBRCTFabricComponentsPlugins.h"
 #import "RCTConversions.h"
 #import "RCTFabricModalHostViewController.h"
 
@@ -84,10 +85,12 @@ static UIModalPresentationStyle presentationConfiguration(ModalHostViewProps con
   }
 }
 
-static ModalHostViewOnOrientationChangeStruct onOrientationChangeStruct(CGRect rect)
+static ModalHostViewEventEmitter::OnOrientationChange onOrientationChangeStruct(CGRect rect)
 {
-  auto orientation = rect.size.width < rect.size.height ? ModalHostViewOnOrientationChangeOrientationStruct::Portrait
-                                                        : ModalHostViewOnOrientationChangeOrientationStruct::Landscape;
+  ;
+  auto orientation = rect.size.width < rect.size.height
+      ? ModalHostViewEventEmitter::OnOrientationChangeOrientation::Portrait
+      : ModalHostViewEventEmitter::OnOrientationChangeOrientation::Landscape;
   return {orientation};
 }
 
@@ -99,6 +102,7 @@ @implementation RCTModalHostViewComponentView {
   RCTFabricModalHostViewController *_viewController;
   ModalHostViewShadowNode::ConcreteState::Shared _state;
   BOOL _shouldAnimatePresentation;
+  BOOL _isPresented;
 }
 
 - (instancetype)initWithFrame:(CGRect)frame
@@ -110,21 +114,18 @@ - (instancetype)initWithFrame:(CGRect)frame
     _viewController = [RCTFabricModalHostViewController new];
     _viewController.modalTransitionStyle = UIModalTransitionStyleCoverVertical;
     _viewController.delegate = self;
+    _isPresented = NO;
   }
 
   return self;
 }
 
-- (BOOL)isViewControllerPresented
-{
-  return _viewController.presentingViewController != nil;
-}
-
 - (void)ensurePresentedOnlyIfNeeded
 {
-  BOOL shouldBePresented = !self.isViewControllerPresented && self.window;
+  BOOL shouldBePresented = !_isPresented && self.window;
   if (shouldBePresented) {
     UIViewController *controller = [self reactViewController];
+    _isPresented = YES;
     return [controller
         presentViewController:_viewController
                      animated:_shouldAnimatePresentation
@@ -135,12 +136,13 @@ - (void)ensurePresentedOnlyIfNeeded
 
                      assert(std::dynamic_pointer_cast<ModalHostViewEventEmitter const>(self->_eventEmitter));
                      auto eventEmitter = std::static_pointer_cast<ModalHostViewEventEmitter const>(self->_eventEmitter);
-                     eventEmitter->onShow(ModalHostViewOnShowStruct{});
+                     eventEmitter->onShow(ModalHostViewEventEmitter::OnShow{});
                    }];
   }
 
-  BOOL shouldBeHidden = self.isViewControllerPresented && !self.superview;
+  BOOL shouldBeHidden = _isPresented && !self.superview;
   if (shouldBeHidden) {
+    _isPresented = NO;
     [_viewController dismissViewControllerAnimated:_shouldAnimatePresentation completion:nil];
   }
 }
@@ -181,6 +183,13 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
   return concreteComponentDescriptorProvider<ModalHostViewComponentDescriptor>();
 }
 
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _state.reset();
+  _isPresented = NO;
+}
+
 - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
 {
   const auto &newProps = *std::static_pointer_cast<const ModalHostViewProps>(props);
@@ -215,3 +224,8 @@ - (void)unmountChildComponentView:(UIView<RCTComponentViewProtocol> *)childCompo
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTModalHostViewCls(void)
+{
+  return RCTModalHostViewComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h b/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h
index 5aa2adb05c9407..3bf14b7394b3c7 100644
--- a/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h
+++ b/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h
@@ -31,6 +31,14 @@ Class<RCTComponentViewProtocol> RCTFabricComponentsProvider(const char *name);
 // Lookup functions
 Class<RCTComponentViewProtocol> RCTSafeAreaViewCls(void) __attribute__((used));
 Class<RCTComponentViewProtocol> RCTScrollViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTPullToRefreshViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTActivityIndicatorViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTSliderCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTSwitchCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTUnimplementedNativeViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTModalHostViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTARTSurfaceViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTImageCls(void) __attribute__((used));
 
 #ifdef __cplusplus
 }
diff --git a/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm b/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm
index bace21d2fba31e..ccb07bcbb8e28a 100644
--- a/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm
+++ b/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm
@@ -20,6 +20,14 @@
   static std::unordered_map<std::string, Class (*)(void)> sFabricComponentsClassMap = {
     {"SafeAreaView", RCTSafeAreaViewCls},
     {"ScrollView", RCTScrollViewCls},
+    {"PullToRefreshView", RCTPullToRefreshViewCls},
+    {"ActivityIndicatorView", RCTActivityIndicatorViewCls},
+    {"Slider", RCTSliderCls},
+    {"Switch", RCTSwitchCls},
+    {"UnimplementedNativeView", RCTUnimplementedNativeViewCls},
+    {"ModalHostView", RCTModalHostViewCls},
+    {"ARTSurfaceView", RCTARTSurfaceViewCls},
+    {"Image", RCTImageCls},
   };
 
   auto p = sFabricComponentsClassMap.find(name);
diff --git a/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm
index f1815892359543..00a1cb35a02ef8 100644
--- a/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm
@@ -7,6 +7,7 @@
 
 #import "RCTSafeAreaViewComponentView.h"
 
+#import <React/RCTUtils.h>
 #import <react/components/safeareaview/SafeAreaViewComponentDescriptor.h>
 #import <react/components/safeareaview/SafeAreaViewState.h>
 #import "FBRCTFabricComponentsPlugins.h"
@@ -22,7 +23,7 @@ @implementation RCTSafeAreaViewComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const SafeAreaViewProps>();
+    static auto const defaultProps = std::make_shared<SafeAreaViewProps const>();
     _props = defaultProps;
     self.clipsToBounds = YES;
   }
@@ -47,10 +48,33 @@ - (void)layoutSubviews
 - (void)safeAreaInsetsDidChange
 {
   [super safeAreaInsetsDidChange];
-  if (_state != nullptr) {
-    auto newState = SafeAreaViewState{RCTEdgeInsetsFromUIEdgeInsets(self._safeAreaInsets)};
-    _state->updateState(std::move(newState));
+
+  [self _updateStateIfNecessary];
+}
+
+- (void)_updateStateIfNecessary
+{
+  if (!_state) {
+    return;
   }
+
+  UIEdgeInsets insets = [self _safeAreaInsets];
+  insets.left = RCTRoundPixelValue(insets.left);
+  insets.top = RCTRoundPixelValue(insets.top);
+  insets.right = RCTRoundPixelValue(insets.right);
+  insets.bottom = RCTRoundPixelValue(insets.bottom);
+
+  auto oldPadding = _state->getData().padding;
+  auto newPadding = RCTEdgeInsetsFromUIEdgeInsets(insets);
+  auto threshold = 1.0 / RCTScreenScale() + 0.01; // Size of a pixel plus some small threshold.
+  auto deltaPadding = newPadding - oldPadding;
+
+  if (std::abs(deltaPadding.left) < threshold && std::abs(deltaPadding.top) < threshold &&
+      std::abs(deltaPadding.right) < threshold && std::abs(deltaPadding.bottom) < threshold) {
+    return;
+  }
+
+  _state->updateState(SafeAreaViewState{newPadding});
 }
 
 #pragma mark - RCTComponentViewProtocol
@@ -58,7 +82,8 @@ - (void)safeAreaInsetsDidChange
 - (void)updateState:(facebook::react::State::Shared const &)state
            oldState:(facebook::react::State::Shared const &)oldState
 {
-  _state = std::static_pointer_cast<const SafeAreaViewShadowNode::ConcreteState>(state);
+  _state = std::static_pointer_cast<SafeAreaViewShadowNode::ConcreteState const>(state);
+  [self _updateStateIfNecessary];
 }
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
index 17934989415947..33ff40c52e9060 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTEnhancedScrollView.mm
@@ -41,12 +41,6 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-- (void)dealloc
-{
-  // This is not strictly necessary but that prevents a crash caused by a bug in UIKit.
-  [self setPrivateDelegate:nil];
-}
-
 - (void)setPrivateDelegate:(id<UIScrollViewDelegate>)delegate
 {
   [super setDelegate:delegate];
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
index 6bb0c800e44282..f8db5e3da23777 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
@@ -16,6 +16,8 @@
 #import <React/RCTRefreshableProtocol.h>
 #import <React/RCTScrollViewComponentView.h>
 
+#import "FBRCTFabricComponentsPlugins.h"
+
 using namespace facebook::react;
 
 @interface RCTPullToRefreshViewComponentView () <RCTPullToRefreshViewViewProtocol, RCTRefreshableProtocol>
@@ -130,7 +132,7 @@ - (void)_attach
     return;
   }
 
-  if (@available(iOS 10.0, macOS 13.0, *)) {
+  if (@available(macOS 13.0, *)) {
     _scrollViewComponentView.scrollView.refreshControl = _refreshControl;
   }
 }
@@ -144,7 +146,7 @@ - (void)_detach
   // iOS requires to end refreshing before unmounting.
   [_refreshControl endRefreshing];
 
-  if (@available(iOS 10.0, macOS 13.0, *)) {
+  if (@available(macOS 13.0, *)) {
     _scrollViewComponentView.scrollView.refreshControl = nil;
   }
   _scrollViewComponentView = nil;
@@ -181,3 +183,8 @@ - (NSString *)componentViewName_DO_NOT_USE_THIS_IS_BROKEN
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTPullToRefreshViewCls(void)
+{
+  return RCTPullToRefreshViewComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
index 1117f806183e29..7a22c36c032eee 100644
--- a/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
@@ -48,6 +48,11 @@ @implementation RCTScrollViewComponentView {
   CGSize _contentSize;
   NSTimeInterval _lastScrollEventDispatchTime;
   NSTimeInterval _scrollEventThrottle;
+  // Flag indicating whether the scrolling that is currently happening
+  // is triggered by user or not.
+  // This helps to only update state from `scrollViewDidScroll` in case
+  // some other part of the system scrolls scroll view.
+  BOOL _isUserTriggeredScrolling;
 }
 
 + (RCTScrollViewComponentView *_Nullable)findScrollViewComponentViewForView:(UIView *)view
@@ -67,6 +72,7 @@ - (instancetype)initWithFrame:(CGRect)frame
     _scrollView = [[RCTEnhancedScrollView alloc] initWithFrame:self.bounds];
     _scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
     _scrollView.delaysContentTouches = NO;
+    _isUserTriggeredScrolling = NO;
     [self addSubview:_scrollView];
 
     _containerView = [[UIView alloc] initWithFrame:CGRectZero];
@@ -80,6 +86,13 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
+- (void)dealloc
+{
+  // Removing all delegates from the splitter nils the actual delegate which prevents a crash on UIScrollView
+  // deallocation.
+  [self.scrollViewDelegateSplitter removeAllDelegates];
+}
+
 - (RCTGenericDelegateSplitter<id<UIScrollViewDelegate>> *)scrollViewDelegateSplitter
 {
   return ((RCTEnhancedScrollView *)_scrollView).delegateSplitter;
@@ -197,23 +210,22 @@ - (ScrollViewMetrics)_scrollViewMetrics
 
 - (void)_updateStateWithContentOffset
 {
-  /*
-  Propagation ScrollView's contentOffset value to ShadowNode tree is temporarily disabled.
-
+  if (!_state) {
+    return;
+  }
   auto contentOffset = RCTPointFromCGPoint(_scrollView.contentOffset);
-
   _state->updateState([contentOffset](ScrollViewShadowNode::ConcreteState::Data const &data) {
     auto newData = data;
     newData.contentOffset = contentOffset;
     return newData;
   });
-  */
 }
 
 - (void)prepareForRecycle
 {
   _scrollView.contentOffset = CGPointZero;
   _state.reset();
+  _isUserTriggeredScrolling = NO;
   [super prepareForRecycle];
 }
 
@@ -221,6 +233,9 @@ - (void)prepareForRecycle
 
 - (void)scrollViewDidScroll:(UIScrollView *)scrollView
 {
+  if (!_isUserTriggeredScrolling) {
+    [self _updateStateWithContentOffset];
+  }
   if (!_eventEmitter) {
     return;
   }
@@ -240,6 +255,18 @@ - (void)scrollViewDidZoom:(UIScrollView *)scrollView
   [self scrollViewDidScroll:scrollView];
 }
 
+- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView
+{
+  _isUserTriggeredScrolling = YES;
+  return YES;
+}
+
+- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView
+{
+  _isUserTriggeredScrolling = NO;
+  [self _updateStateWithContentOffset];
+}
+
 - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
 {
   [self _forceDispatchNextScrollEvent];
@@ -249,6 +276,7 @@ - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
   }
 
   std::static_pointer_cast<ScrollViewEventEmitter const>(_eventEmitter)->onScrollBeginDrag([self _scrollViewMetrics]);
+  _isUserTriggeredScrolling = YES;
 }
 
 - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
@@ -285,6 +313,7 @@ - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
 
   std::static_pointer_cast<ScrollViewEventEmitter const>(_eventEmitter)->onMomentumScrollEnd([self _scrollViewMetrics]);
   [self _updateStateWithContentOffset];
+  _isUserTriggeredScrolling = NO;
 }
 
 - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
diff --git a/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm b/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm
index 5556c4d07fca30..bff3b25519802f 100644
--- a/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Slider/RCTSliderComponentView.mm
@@ -12,7 +12,8 @@
 #import <react/components/rncore/EventEmitters.h>
 #import <react/components/rncore/Props.h>
 #import <react/components/slider/SliderComponentDescriptor.h>
-#import <react/components/slider/SliderLocalData.h>
+
+#import "FBRCTFabricComponentsPlugins.h"
 
 using namespace facebook::react;
 
@@ -22,7 +23,6 @@ @interface RCTSliderComponentView () <RCTImageResponseDelegate>
 @implementation RCTSliderComponentView {
   UISlider *_sliderView;
   float _previousValue;
-  SharedSliderLocalData _sliderLocalData;
 
   UIImage *_trackImage;
   UIImage *_minimumTrackImage;
@@ -77,8 +77,6 @@ - (void)prepareForRecycle
   self.maximumTrackImageCoordinator = nullptr;
   self.thumbImageCoordinator = nullptr;
 
-  _sliderLocalData.reset();
-
   // Tint colors will be taken care of when props are set again - we just
   // need to make sure that image properties are reset here
   [_sliderView setMinimumTrackImage:nil forState:UIControlStateNormal];
@@ -150,26 +148,38 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
   [super updateProps:props oldProps:oldProps];
 }
 
-- (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData)oldLocalData
+- (void)updateState:(facebook::react::State::Shared const &)state
+           oldState:(facebook::react::State::Shared const &)oldState
 {
-  SharedSliderLocalData previousData = _sliderLocalData;
-  _sliderLocalData = std::static_pointer_cast<const SliderLocalData>(localData);
-  assert(_sliderLocalData);
-  bool havePreviousData = previousData != nullptr;
+  auto _state = std::static_pointer_cast<SliderShadowNode::ConcreteState const>(state);
+  auto _oldState = std::static_pointer_cast<SliderShadowNode::ConcreteState const>(oldState);
+
+  auto data = _state->getData();
 
-  if (!havePreviousData || _sliderLocalData->getTrackImageSource() != previousData->getTrackImageSource()) {
-    self.trackImageCoordinator = &_sliderLocalData->getTrackImageRequest().getObserverCoordinator();
+  bool havePreviousData = _oldState != nullptr;
+
+  auto getCoordinator = [](ImageRequest const *request) -> ImageResponseObserverCoordinator const * {
+    if (request) {
+      return &request->getObserverCoordinator();
+    } else {
+      return nullptr;
+    }
+  };
+
+  if (!havePreviousData || data.getTrackImageSource() != _oldState->getData().getTrackImageSource()) {
+    self.trackImageCoordinator = getCoordinator(&data.getTrackImageRequest());
   }
-  if (!havePreviousData ||
-      _sliderLocalData->getMinimumTrackImageSource() != previousData->getMinimumTrackImageSource()) {
-    self.minimumTrackImageCoordinator = &_sliderLocalData->getMinimumTrackImageRequest().getObserverCoordinator();
+
+  if (!havePreviousData || data.getMinimumTrackImageSource() != _oldState->getData().getMinimumTrackImageSource()) {
+    self.minimumTrackImageCoordinator = getCoordinator(&data.getMinimumTrackImageRequest());
   }
-  if (!havePreviousData ||
-      _sliderLocalData->getMaximumTrackImageSource() != previousData->getMaximumTrackImageSource()) {
-    self.maximumTrackImageCoordinator = &_sliderLocalData->getMaximumTrackImageRequest().getObserverCoordinator();
+
+  if (!havePreviousData || data.getMaximumTrackImageSource() != _oldState->getData().getMaximumTrackImageSource()) {
+    self.maximumTrackImageCoordinator = getCoordinator(&data.getMaximumTrackImageRequest());
   }
-  if (!havePreviousData || _sliderLocalData->getThumbImageSource() != previousData->getThumbImageSource()) {
-    self.thumbImageCoordinator = &_sliderLocalData->getThumbImageRequest().getObserverCoordinator();
+
+  if (!havePreviousData || data.getThumbImageSource() != _oldState->getData().getThumbImageSource()) {
+    self.thumbImageCoordinator = getCoordinator(&data.getThumbImageRequest());
   }
 }
 
@@ -299,11 +309,11 @@ - (void)onChange:(UISlider *)sender withContinuous:(BOOL)continuous
 
   if (continuous && _previousValue != value) {
     std::dynamic_pointer_cast<const SliderEventEmitter>(_eventEmitter)
-        ->onValueChange(SliderOnValueChangeStruct{.value = static_cast<Float>(value)});
+        ->onValueChange(SliderEventEmitter::OnValueChange{.value = static_cast<Float>(value)});
   }
   if (!continuous) {
     std::dynamic_pointer_cast<const SliderEventEmitter>(_eventEmitter)
-        ->onSlidingComplete(SliderOnSlidingCompleteStruct{.value = static_cast<Float>(value)});
+        ->onSlidingComplete(SliderEventEmitter::OnSlidingComplete{.value = static_cast<Float>(value)});
   }
 
   _previousValue = value;
@@ -333,3 +343,8 @@ - (void)didReceiveFailureFromObserver:(void const *)observer
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTSliderCls(void)
+{
+  return RCTSliderComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
index c6edab447e36e7..4528488f52d3b8 100644
--- a/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
@@ -12,6 +12,8 @@
 #import <react/components/rncore/Props.h>
 #import <react/components/rncore/RCTComponentViewHelpers.h>
 
+#import "FBRCTFabricComponentsPlugins.h"
+
 using namespace facebook::react;
 
 @interface RCTSwitchComponentView () <RCTSwitchViewProtocol>
@@ -97,7 +99,7 @@ - (void)onChange:(UISwitch *)sender
   }
 
   std::dynamic_pointer_cast<const SwitchEventEmitter>(_eventEmitter)
-      ->onChange(SwitchOnChangeStruct{.value = static_cast<bool>(sender.on)});
+      ->onChange(SwitchEventEmitter::OnChange{.value = static_cast<bool>(sender.on)});
 }
 
 #pragma mark - Native Commands
@@ -113,3 +115,8 @@ - (void)setValue:(BOOL)value
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTSwitchCls(void)
+{
+  return RCTSwitchComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h
index 23aa0a0b4ba75a..164a1c8c2e88e3 100644
--- a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h
+++ b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.h
@@ -11,11 +11,17 @@
 
 NS_ASSUME_NONNULL_BEGIN
 
-/**
+/*
  * UIView class for <Paragraph> component.
  */
 @interface RCTParagraphComponentView : RCTViewComponentView
 
+/*
+ * Returns an `NSAttributedString` representing the content of the component.
+ * To be only used by external introspection and debug tools.
+ */
+@property (nonatomic, nullable, readonly) NSAttributedString *attributedText;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
index 82dc357445538b..faaeb73736d7b3 100644
--- a/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
@@ -12,10 +12,12 @@
 #import <react/components/text/ParagraphState.h>
 #import <react/components/text/RawTextComponentDescriptor.h>
 #import <react/components/text/TextComponentDescriptor.h>
-#import <react/core/LocalData.h>
 #import <react/graphics/Geometry.h>
+#import <react/textlayoutmanager/RCTAttributedTextUtils.h>
 #import <react/textlayoutmanager/RCTTextLayoutManager.h>
 #import <react/textlayoutmanager/TextLayoutManager.h>
+#import <react/utils/ManagedObjectWrapper.h>
+
 #import "RCTConversions.h"
 
 using namespace facebook::react;
@@ -40,6 +42,27 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
+- (NSString *)description
+{
+  NSString *superDescription = [super description];
+
+  // Cutting the last `>` character.
+  if (superDescription.length > 0 && [superDescription characterAtIndex:superDescription.length - 1] == '>') {
+    superDescription = [superDescription substringToIndex:superDescription.length - 1];
+  }
+
+  return [NSString stringWithFormat:@"%@; attributedText = %@>", superDescription, self.attributedText];
+}
+
+- (NSAttributedString *_Nullable)attributedText
+{
+  if (!_state) {
+    return nil;
+  }
+
+  return RCTNSAttributedStringFromAttributedString(_state->getData().attributedString);
+}
+
 #pragma mark - RCTComponentViewProtocol
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
@@ -81,9 +104,15 @@ - (void)drawRect:(CGRect)rect
     return;
   }
 
-  SharedTextLayoutManager textLayoutManager = _state->getData().layoutManager;
+  auto textLayoutManager = _state->getData().layoutManager;
+  assert(textLayoutManager && "TextLayoutManager must not be `nullptr`.");
+
+  if (!textLayoutManager) {
+    return;
+  }
+
   RCTTextLayoutManager *nativeTextLayoutManager =
-      (__bridge RCTTextLayoutManager *)textLayoutManager->getNativeTextLayoutManager();
+      (RCTTextLayoutManager *)unwrapManagedObject(textLayoutManager->getNativeTextLayoutManager());
 
   CGRect frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
 
@@ -114,16 +143,22 @@ - (SharedTouchEventEmitter)touchEventEmitterAtPoint:(CGPoint)point
     return _eventEmitter;
   }
 
-  SharedTextLayoutManager textLayoutManager = _state->getData().layoutManager;
+  auto textLayoutManager = _state->getData().layoutManager;
+
+  assert(textLayoutManager && "TextLayoutManager must not be `nullptr`.");
+
+  if (!textLayoutManager) {
+    return _eventEmitter;
+  }
+
   RCTTextLayoutManager *nativeTextLayoutManager =
-      (__bridge RCTTextLayoutManager *)textLayoutManager->getNativeTextLayoutManager();
+      (RCTTextLayoutManager *)unwrapManagedObject(textLayoutManager->getNativeTextLayoutManager());
   CGRect frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
 
-  SharedEventEmitter eventEmitter =
-      [nativeTextLayoutManager getEventEmitterWithAttributeString:_state->getData().attributedString
-                                              paragraphAttributes:_paragraphAttributes
-                                                            frame:frame
-                                                          atPoint:point];
+  auto eventEmitter = [nativeTextLayoutManager getEventEmitterWithAttributeString:_state->getData().attributedString
+                                                              paragraphAttributes:_paragraphAttributes
+                                                                            frame:frame
+                                                                          atPoint:point];
 
   if (!eventEmitter) {
     return _eventEmitter;
diff --git a/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.h b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.h
new file mode 100644
index 00000000000000..7540f05274c063
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.h
@@ -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.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+/**
+ * UIView class for <TextInput> component.
+ */
+@interface RCTTextInputComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
new file mode 100644
index 00000000000000..f309300051da02
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
@@ -0,0 +1,439 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 "RCTTextInputComponentView.h"
+
+#import <react/components/iostextinput/TextInputComponentDescriptor.h>
+#import <react/graphics/Geometry.h>
+#import <react/textlayoutmanager/RCTAttributedTextUtils.h>
+#import <react/textlayoutmanager/TextLayoutManager.h>
+
+#import <React/RCTBackedTextInputViewProtocol.h>
+#import <React/RCTUITextField.h>
+#import <React/RCTUITextView.h>
+
+#import "RCTConversions.h"
+#import "RCTTextInputNativeCommands.h"
+#import "RCTTextInputUtils.h"
+
+using namespace facebook::react;
+
+@interface RCTTextInputComponentView () <RCTBackedTextInputDelegate, RCTTextInputViewProtocol>
+@end
+
+@implementation RCTTextInputComponentView {
+  TextInputShadowNode::ConcreteState::Shared _state;
+  UIView<RCTBackedTextInputViewProtocol> *_backedTextInputView;
+  NSUInteger _mostRecentEventCount;
+  NSAttributedString *_lastStringStateWasUpdatedWith;
+
+  /*
+   * UIKit uses either UITextField or UITextView as its UIKit element for <TextInput>. UITextField is for single line
+   * entry, UITextView is for multiline entry. There is a problem with order of events when user types a character. In
+   * UITextField (single line text entry), typing a character first triggers `onChange` event and then
+   * onSelectionChange. In UITextView (multi line text entry), typing a character first triggers `onSelectionChange` and
+   * then onChange. JavaScript depends on `onChange` to be called before `onSelectionChange`. This flag keeps state so
+   * if UITextView is backing text input view, inside `-[RCTTextInputComponentView textInputDidChangeSelection]` we make
+   * sure to call `onChange` before `onSelectionChange` and ignore next `-[RCTTextInputComponentView
+   * textInputDidChange]` call.
+   */
+  BOOL _ignoreNextTextInputCall;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<TextInputProps const>();
+    _props = defaultProps;
+    auto &props = *defaultProps;
+
+    _backedTextInputView = props.traits.multiline ? [[RCTUITextView alloc] init] : [[RCTUITextField alloc] init];
+    _backedTextInputView.frame = self.bounds;
+    _backedTextInputView.textInputDelegate = self;
+    _ignoreNextTextInputCall = NO;
+    [self addSubview:_backedTextInputView];
+  }
+
+  return self;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<TextInputComponentDescriptor>();
+}
+
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps
+{
+  auto const &oldTextInputProps = *std::static_pointer_cast<TextInputProps const>(_props);
+  auto const &newTextInputProps = *std::static_pointer_cast<TextInputProps const>(props);
+
+  // Traits:
+  if (newTextInputProps.traits.multiline != oldTextInputProps.traits.multiline) {
+    [self _setMultiline:newTextInputProps.traits.multiline];
+  }
+
+  if (newTextInputProps.traits.autocapitalizationType != oldTextInputProps.traits.autocapitalizationType) {
+    _backedTextInputView.autocapitalizationType =
+        RCTUITextAutocapitalizationTypeFromAutocapitalizationType(newTextInputProps.traits.autocapitalizationType);
+  }
+
+  if (newTextInputProps.traits.autoCorrect != oldTextInputProps.traits.autoCorrect) {
+    _backedTextInputView.autocorrectionType =
+        RCTUITextAutocorrectionTypeFromOptionalBool(newTextInputProps.traits.autoCorrect);
+  }
+
+  if (newTextInputProps.traits.contextMenuHidden != oldTextInputProps.traits.contextMenuHidden) {
+    _backedTextInputView.contextMenuHidden = newTextInputProps.traits.contextMenuHidden;
+  }
+
+  if (newTextInputProps.traits.editable != oldTextInputProps.traits.editable) {
+    _backedTextInputView.editable = newTextInputProps.traits.editable;
+  }
+
+  if (newTextInputProps.traits.enablesReturnKeyAutomatically !=
+      oldTextInputProps.traits.enablesReturnKeyAutomatically) {
+    _backedTextInputView.enablesReturnKeyAutomatically = newTextInputProps.traits.enablesReturnKeyAutomatically;
+  }
+
+  if (newTextInputProps.traits.keyboardAppearance != oldTextInputProps.traits.keyboardAppearance) {
+    _backedTextInputView.keyboardAppearance =
+        RCTUIKeyboardAppearanceFromKeyboardAppearance(newTextInputProps.traits.keyboardAppearance);
+  }
+
+  if (newTextInputProps.traits.spellCheck != oldTextInputProps.traits.spellCheck) {
+    _backedTextInputView.spellCheckingType =
+        RCTUITextSpellCheckingTypeFromOptionalBool(newTextInputProps.traits.spellCheck);
+  }
+
+  if (newTextInputProps.traits.caretHidden != oldTextInputProps.traits.caretHidden) {
+    _backedTextInputView.caretHidden = newTextInputProps.traits.caretHidden;
+  }
+
+  if (newTextInputProps.traits.clearButtonMode != oldTextInputProps.traits.clearButtonMode) {
+    _backedTextInputView.clearButtonMode =
+        RCTUITextFieldViewModeFromTextInputAccessoryVisibilityMode(newTextInputProps.traits.clearButtonMode);
+  }
+
+  if (newTextInputProps.traits.scrollEnabled != oldTextInputProps.traits.scrollEnabled) {
+    _backedTextInputView.scrollEnabled = newTextInputProps.traits.scrollEnabled;
+  }
+
+  if (newTextInputProps.traits.secureTextEntry != oldTextInputProps.traits.secureTextEntry) {
+    _backedTextInputView.secureTextEntry = newTextInputProps.traits.secureTextEntry;
+  }
+
+  if (newTextInputProps.traits.keyboardType != oldTextInputProps.traits.keyboardType) {
+    _backedTextInputView.keyboardType = RCTUIKeyboardTypeFromKeyboardType(newTextInputProps.traits.keyboardType);
+  }
+
+  if (newTextInputProps.traits.returnKeyType != oldTextInputProps.traits.returnKeyType) {
+    _backedTextInputView.returnKeyType = RCTUIReturnKeyTypeFromReturnKeyType(newTextInputProps.traits.returnKeyType);
+  }
+
+  if (newTextInputProps.traits.textContentType != oldTextInputProps.traits.textContentType) {
+    if (@available(iOS 10.0, *)) {
+      _backedTextInputView.textContentType = RCTUITextContentTypeFromString(newTextInputProps.traits.textContentType);
+    }
+  }
+
+  if (newTextInputProps.traits.passwordRules != oldTextInputProps.traits.passwordRules) {
+    if (@available(iOS 12.0, *)) {
+      _backedTextInputView.passwordRules =
+          RCTUITextInputPasswordRulesFromString(newTextInputProps.traits.passwordRules);
+    }
+  }
+
+  // Traits `blurOnSubmit`, `clearTextOnFocus`, and `selectTextOnFocus` were omitted intentially here
+  // because they are being checked on-demand.
+
+  // Other props:
+  if (newTextInputProps.placeholder != oldTextInputProps.placeholder) {
+    _backedTextInputView.placeholder = RCTNSStringFromString(newTextInputProps.placeholder);
+  }
+
+  if (newTextInputProps.textAttributes != oldTextInputProps.textAttributes) {
+    _backedTextInputView.defaultTextAttributes =
+        RCTNSTextAttributesFromTextAttributes(newTextInputProps.getEffectiveTextAttributes());
+  }
+
+  if (newTextInputProps.selectionColor != oldTextInputProps.selectionColor) {
+    _backedTextInputView.tintColor = RCTUIColorFromSharedColor(newTextInputProps.selectionColor);
+  }
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+- (void)updateState:(State::Shared const &)state oldState:(State::Shared const &)oldState
+{
+  _state = std::static_pointer_cast<TextInputShadowNode::ConcreteState const>(state);
+
+  if (!_state) {
+    assert(false && "State is `null` for <TextInput> component.");
+    _backedTextInputView.attributedText = nil;
+    return;
+  }
+
+  if (_mostRecentEventCount == _state->getData().mostRecentEventCount) {
+    auto data = _state->getData();
+    [self _setAttributedString:RCTNSAttributedStringFromAttributedStringBox(data.attributedStringBox)];
+  }
+}
+
+- (void)updateLayoutMetrics:(LayoutMetrics const &)layoutMetrics
+           oldLayoutMetrics:(LayoutMetrics const &)oldLayoutMetrics
+{
+  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics];
+
+  _backedTextInputView.frame =
+      UIEdgeInsetsInsetRect(self.bounds, RCTUIEdgeInsetsFromEdgeInsets(layoutMetrics.borderWidth));
+  _backedTextInputView.textContainerInset =
+      RCTUIEdgeInsetsFromEdgeInsets(layoutMetrics.contentInsets - layoutMetrics.borderWidth);
+}
+
+- (void)_setAttributedString:(NSAttributedString *)attributedString
+{
+  UITextRange *selectedRange = [_backedTextInputView selectedTextRange];
+  _backedTextInputView.attributedText = attributedString;
+  // Calling `[_backedTextInputView setAttributedText]` results
+  // in `textInputDidChangeSelection` being called but not `textInputDidChange`.
+  // For `_ignoreNextTextInputCall` to have correct value, these calls
+  // need to be balanced, that's why we manually set the flag here.
+  _ignoreNextTextInputCall = NO;
+  if (_lastStringStateWasUpdatedWith.length == attributedString.length) {
+    // Calling `[_backedTextInputView setAttributedText]` moves caret
+    // to the end of text input field. This cancels any selection as well
+    // as position in the text input field. In case the length of string
+    // doesn't change, selection and caret position is maintained.
+    [_backedTextInputView setSelectedTextRange:selectedRange notifyDelegate:NO];
+  }
+  _lastStringStateWasUpdatedWith = attributedString;
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  _backedTextInputView.attributedText = [[NSAttributedString alloc] init];
+  _mostRecentEventCount = 0;
+  _state.reset();
+  _lastStringStateWasUpdatedWith = nil;
+  _ignoreNextTextInputCall = NO;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
+- (void)_setMultiline:(BOOL)multiline
+{
+  [_backedTextInputView removeFromSuperview];
+  UIView<RCTBackedTextInputViewProtocol> *backedTextInputView =
+      multiline ? [[RCTUITextView alloc] init] : [[RCTUITextField alloc] init];
+  backedTextInputView.frame = _backedTextInputView.frame;
+  RCTCopyBackedTextInput(_backedTextInputView, backedTextInputView);
+  _backedTextInputView = backedTextInputView;
+  [self addSubview:_backedTextInputView];
+}
+
+#pragma mark - RCTBackedTextInputDelegate
+
+- (BOOL)textInputShouldBeginEditing
+{
+  return YES;
+}
+
+- (void)textInputDidBeginEditing
+{
+  auto const &props = *std::static_pointer_cast<TextInputProps const>(_props);
+
+  if (props.traits.clearTextOnFocus) {
+    _backedTextInputView.attributedText = [NSAttributedString new];
+    [self textInputDidChange];
+  }
+
+  if (props.traits.selectTextOnFocus) {
+    [_backedTextInputView selectAll:nil];
+    [self textInputDidChangeSelection];
+  }
+
+  if (_eventEmitter) {
+    std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onFocus([self _textInputMetrics]);
+  }
+}
+
+- (BOOL)textInputShouldEndEditing
+{
+  return YES;
+}
+
+- (void)textInputDidEndEditing
+{
+  if (_eventEmitter) {
+    std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onEndEditing([self _textInputMetrics]);
+    std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onBlur([self _textInputMetrics]);
+  }
+}
+
+- (BOOL)textInputShouldReturn
+{
+  // We send `submit` event here, in `textInputShouldReturn`
+  // (not in `textInputDidReturn)`, because of semantic of the event:
+  // `onSubmitEditing` is called when "Submit" button
+  // (the blue key on onscreen keyboard) did pressed
+  // (no connection to any specific "submitting" process).
+
+  if (_eventEmitter) {
+    std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onSubmitEditing([self _textInputMetrics]);
+  }
+
+  auto const &props = *std::static_pointer_cast<TextInputProps const>(_props);
+  return props.traits.blurOnSubmit;
+}
+
+- (void)textInputDidReturn
+{
+  // Does nothing.
+}
+
+- (NSString *)textInputShouldChangeText:(NSString *)text inRange:(NSRange)range
+{
+  if (!_backedTextInputView.textWasPasted) {
+    if (_eventEmitter) {
+      KeyPressMetrics keyPressMetrics;
+      keyPressMetrics.text = RCTStringFromNSString(text);
+      keyPressMetrics.eventCount = _mostRecentEventCount;
+      std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onKeyPress(keyPressMetrics);
+    }
+  }
+
+  auto const &props = *std::static_pointer_cast<TextInputProps const>(_props);
+  if (props.maxLength) {
+    NSInteger allowedLength = props.maxLength - _backedTextInputView.attributedText.string.length + range.length;
+
+    if (allowedLength <= 0) {
+      return nil;
+    }
+
+    return allowedLength > text.length ? text : [text substringToIndex:allowedLength];
+  }
+
+  return text;
+}
+
+- (BOOL)textInputShouldChangeTextInRange:(NSRange)range replacementText:(NSString *)text
+{
+  return YES;
+}
+
+- (void)textInputDidChange
+{
+  if (_ignoreNextTextInputCall) {
+    _ignoreNextTextInputCall = NO;
+    return;
+  }
+  [self _updateState];
+
+  if (_eventEmitter) {
+    std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onChange([self _textInputMetrics]);
+  }
+}
+
+- (void)textInputDidChangeSelection
+{
+  auto const &props = *std::static_pointer_cast<TextInputProps const>(_props);
+  if (props.traits.multiline && ![_lastStringStateWasUpdatedWith isEqual:_backedTextInputView.attributedText]) {
+    [self textInputDidChange];
+    _ignoreNextTextInputCall = YES;
+  }
+
+  if (_eventEmitter) {
+    std::static_pointer_cast<TextInputEventEmitter const>(_eventEmitter)->onSelectionChange([self _textInputMetrics]);
+  }
+}
+
+#pragma mark - Other
+
+- (TextInputMetrics)_textInputMetrics
+{
+  TextInputMetrics metrics;
+  metrics.text = RCTStringFromNSString(_backedTextInputView.attributedText.string);
+  metrics.selectionRange = [self _selectionRange];
+  metrics.eventCount = _mostRecentEventCount;
+  return metrics;
+}
+
+- (void)_updateState
+{
+  NSAttributedString *attributedString = _backedTextInputView.attributedText;
+
+  if (!_state) {
+    return;
+  }
+  auto data = _state->getData();
+  _lastStringStateWasUpdatedWith = attributedString;
+  data.attributedStringBox = RCTAttributedStringBoxFromNSAttributedString(attributedString);
+  _mostRecentEventCount += 1;
+  data.mostRecentEventCount = _mostRecentEventCount;
+  _state->updateState(std::move(data));
+}
+
+- (AttributedString::Range)_selectionRange
+{
+  UITextRange *selectedTextRange = _backedTextInputView.selectedTextRange;
+  NSInteger start = [_backedTextInputView offsetFromPosition:_backedTextInputView.beginningOfDocument
+                                                  toPosition:selectedTextRange.start];
+  NSInteger end = [_backedTextInputView offsetFromPosition:_backedTextInputView.beginningOfDocument
+                                                toPosition:selectedTextRange.end];
+  return AttributedString::Range{(int)start, (int)(end - start)};
+}
+
+#pragma mark - Native Commands
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+  RCTTextInputHandleCommand(self, commandName, args);
+}
+
+- (void)focus
+{
+  [_backedTextInputView becomeFirstResponder];
+}
+
+- (void)blur
+{
+  [_backedTextInputView resignFirstResponder];
+}
+
+- (void)setTextAndSelection:(NSInteger)eventCount
+                      value:(NSString *__nullable)value
+                      start:(NSInteger)start
+                        end:(NSInteger)end
+{
+  if (_mostRecentEventCount != eventCount) {
+    return;
+  }
+
+  if (value) {
+    NSMutableAttributedString *mutableString =
+        [[NSMutableAttributedString alloc] initWithAttributedString:_backedTextInputView.attributedText];
+    [mutableString replaceCharactersInRange:NSMakeRange(0, _backedTextInputView.attributedText.length)
+                                 withString:value];
+    [self _setAttributedString:mutableString];
+    [self _updateState];
+  }
+
+  UITextPosition *startPosition = [_backedTextInputView positionFromPosition:_backedTextInputView.beginningOfDocument
+                                                                      offset:start];
+  UITextPosition *endPosition = [_backedTextInputView positionFromPosition:_backedTextInputView.beginningOfDocument
+                                                                    offset:end];
+
+  if (startPosition && endPosition) {
+    UITextRange *range = [_backedTextInputView textRangeFromPosition:startPosition toPosition:endPosition];
+    [_backedTextInputView setSelectedTextRange:range notifyDelegate:NO];
+  }
+}
+
+@end
diff --git a/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputNativeCommands.h b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputNativeCommands.h
new file mode 100644
index 00000000000000..6af78ddf7e1872
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputNativeCommands.h
@@ -0,0 +1,104 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 RCTTextInputViewProtocol <NSObject>
+- (void)focus;
+- (void)blur;
+- (void)setTextAndSelection:(NSInteger)eventCount
+                      value:(NSString *__nullable)value
+                      start:(NSInteger)start
+                        end:(NSInteger)end;
+@end
+
+RCT_EXTERN inline void
+RCTTextInputHandleCommand(id<RCTTextInputViewProtocol> componentView, NSString const *commandName, NSArray const *args)
+{
+  if ([commandName isEqualToString:@"focus"]) {
+#if RCT_DEBUG
+    if ([args count] != 0) {
+      RCTLogError(
+          @"%@ command %@ received %d arguments, expected %d.", @"TextInput", commandName, (int)[args count], 0);
+      return;
+    }
+#endif
+
+    [componentView focus];
+    return;
+  }
+
+  if ([commandName isEqualToString:@"blur"]) {
+#if RCT_DEBUG
+    if ([args count] != 0) {
+      RCTLogError(
+          @"%@ command %@ received %d arguments, expected %d.", @"TextInput", commandName, (int)[args count], 0);
+      return;
+    }
+#endif
+
+    [componentView blur];
+    return;
+  }
+
+  if ([commandName isEqualToString:@"setTextAndSelection"]) {
+#if RCT_DEBUG
+    if ([args count] != 4) {
+      RCTLogError(
+          @"%@ command %@ received %d arguments, expected %d.", @"TextInput", commandName, (int)[args count], 4);
+      return;
+    }
+#endif
+
+    NSObject *arg0 = args[0];
+#if RCT_DEBUG
+    if (!RCTValidateTypeOfViewCommandArgument(arg0, [NSNumber class], @"number", @"TextInput", commandName, @"1st")) {
+      return;
+    }
+#endif
+    NSInteger eventCount = [(NSNumber *)arg0 intValue];
+
+    NSObject *arg1 = args[1];
+#if RCT_DEBUG
+    if (![arg1 isKindOfClass:[NSNull class]] &&
+        !RCTValidateTypeOfViewCommandArgument(arg1, [NSString class], @"string", @"TextInput", commandName, @"2nd")) {
+      return;
+    }
+#endif
+
+    NSString *value = [arg1 isKindOfClass:[NSNull class]] ? nil : (NSString *)arg1;
+
+    NSObject *arg2 = args[2];
+#if RCT_DEBUG
+    if (!RCTValidateTypeOfViewCommandArgument(arg2, [NSNumber class], @"number", @"TextInput", commandName, @"3rd")) {
+      return;
+    }
+#endif
+    NSInteger start = [(NSNumber *)arg2 intValue];
+
+    NSObject *arg3 = args[3];
+#if RCT_DEBUG
+    if (!RCTValidateTypeOfViewCommandArgument(arg3, [NSNumber class], @"number", @"TextInput", commandName, @"4th")) {
+      return;
+    }
+#endif
+    NSInteger end = [(NSNumber *)arg3 intValue];
+
+    [componentView setTextAndSelection:eventCount value:value start:start end:end];
+    return;
+  }
+
+#if RCT_DEBUG
+  RCTLogError(@"%@ received command %@, which is not a supported command.", @"TextInput", commandName);
+#endif
+}
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.h b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.h
new file mode 100644
index 00000000000000..054bf41c811bbd
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.h
@@ -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.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <React/RCTBackedTextInputViewProtocol.h>
+#import <better/optional.h>
+#import <react/components/iostextinput/primitives.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+void RCTCopyBackedTextInput(
+    UIView<RCTBackedTextInputViewProtocol> *fromTextInput,
+    UIView<RCTBackedTextInputViewProtocol> *toTextInput);
+
+UITextAutocorrectionType RCTUITextAutocorrectionTypeFromOptionalBool(facebook::better::optional<bool> autoCorrect);
+
+UITextAutocapitalizationType RCTUITextAutocapitalizationTypeFromAutocapitalizationType(
+    facebook::react::AutocapitalizationType autocapitalizationType);
+
+UIKeyboardAppearance RCTUIKeyboardAppearanceFromKeyboardAppearance(
+    facebook::react::KeyboardAppearance keyboardAppearance);
+
+UITextSpellCheckingType RCTUITextSpellCheckingTypeFromOptionalBool(facebook::better::optional<bool> spellCheck);
+
+UITextFieldViewMode RCTUITextFieldViewModeFromTextInputAccessoryVisibilityMode(
+    facebook::react::TextInputAccessoryVisibilityMode mode);
+
+UIKeyboardType RCTUIKeyboardTypeFromKeyboardType(facebook::react::KeyboardType keyboardType);
+
+UIReturnKeyType RCTUIReturnKeyTypeFromReturnKeyType(facebook::react::ReturnKeyType returnKeyType);
+
+API_AVAILABLE(ios(10.0))
+UITextContentType RCTUITextContentTypeFromString(std::string const &contentType);
+
+API_AVAILABLE(ios(12.0))
+UITextInputPasswordRules *RCTUITextInputPasswordRulesFromString(std::string const &passwordRules);
+
+NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.mm b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.mm
new file mode 100644
index 00000000000000..2540925b3d9e1f
--- /dev/null
+++ b/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputUtils.mm
@@ -0,0 +1,198 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 "RCTTextInputUtils.h"
+
+#import <React/RCTConversions.h>
+
+using namespace facebook::react;
+
+static NSAttributedString *RCTSanitizeAttributedString(NSAttributedString *attributedString)
+{
+  // Here we need to remove text attributes specific to particular kind of TextInput on iOS (e.g. limiting line number).
+  // TODO: Implement it properly.
+  return [[NSAttributedString alloc] initWithString:attributedString.string];
+}
+
+void RCTCopyBackedTextInput(
+    UIView<RCTBackedTextInputViewProtocol> *fromTextInput,
+    UIView<RCTBackedTextInputViewProtocol> *toTextInput)
+{
+  toTextInput.attributedText = RCTSanitizeAttributedString(fromTextInput.attributedText);
+  toTextInput.placeholder = fromTextInput.placeholder;
+  toTextInput.placeholderColor = fromTextInput.placeholderColor;
+  toTextInput.textContainerInset = fromTextInput.textContainerInset;
+  toTextInput.inputAccessoryView = fromTextInput.inputAccessoryView;
+  toTextInput.textInputDelegate = fromTextInput.textInputDelegate;
+  toTextInput.placeholderColor = fromTextInput.placeholderColor;
+  toTextInput.defaultTextAttributes = fromTextInput.defaultTextAttributes;
+  toTextInput.autocapitalizationType = fromTextInput.autocapitalizationType;
+  toTextInput.autocorrectionType = fromTextInput.autocorrectionType;
+  toTextInput.contextMenuHidden = fromTextInput.contextMenuHidden;
+  toTextInput.editable = fromTextInput.editable;
+  toTextInput.enablesReturnKeyAutomatically = fromTextInput.enablesReturnKeyAutomatically;
+  toTextInput.keyboardAppearance = fromTextInput.keyboardAppearance;
+  toTextInput.spellCheckingType = fromTextInput.spellCheckingType;
+  toTextInput.caretHidden = fromTextInput.caretHidden;
+  toTextInput.clearButtonMode = fromTextInput.clearButtonMode;
+  toTextInput.scrollEnabled = fromTextInput.scrollEnabled;
+  toTextInput.secureTextEntry = fromTextInput.secureTextEntry;
+  toTextInput.keyboardType = fromTextInput.keyboardType;
+
+  if (@available(iOS 10.0, *)) {
+    toTextInput.textContentType = fromTextInput.textContentType;
+  }
+
+  if (@available(iOS 12.0, *)) {
+    toTextInput.passwordRules = fromTextInput.passwordRules;
+  }
+
+  [toTextInput setSelectedTextRange:fromTextInput.selectedTextRange notifyDelegate:NO];
+}
+
+UITextAutocorrectionType RCTUITextAutocorrectionTypeFromOptionalBool(facebook::better::optional<bool> autoCorrect)
+{
+  return autoCorrect.has_value() ? (*autoCorrect ? UITextAutocorrectionTypeYes : UITextAutocorrectionTypeNo)
+                                 : UITextAutocorrectionTypeDefault;
+}
+
+UITextAutocapitalizationType RCTUITextAutocapitalizationTypeFromAutocapitalizationType(
+    AutocapitalizationType autocapitalizationType)
+{
+  switch (autocapitalizationType) {
+    case AutocapitalizationType::None:
+      return UITextAutocapitalizationTypeNone;
+    case AutocapitalizationType::Words:
+      return UITextAutocapitalizationTypeWords;
+    case AutocapitalizationType::Sentences:
+      return UITextAutocapitalizationTypeSentences;
+    case AutocapitalizationType::Characters:
+      return UITextAutocapitalizationTypeAllCharacters;
+  }
+}
+
+UIKeyboardAppearance RCTUIKeyboardAppearanceFromKeyboardAppearance(KeyboardAppearance keyboardAppearance)
+{
+  switch (keyboardAppearance) {
+    case KeyboardAppearance::Default:
+      return UIKeyboardAppearanceDefault;
+    case KeyboardAppearance::Light:
+      return UIKeyboardAppearanceLight;
+    case KeyboardAppearance::Dark:
+      return UIKeyboardAppearanceDark;
+  }
+}
+
+UITextSpellCheckingType RCTUITextSpellCheckingTypeFromOptionalBool(facebook::better::optional<bool> spellCheck)
+{
+  return spellCheck.has_value() ? (*spellCheck ? UITextSpellCheckingTypeYes : UITextSpellCheckingTypeNo)
+                                : UITextSpellCheckingTypeDefault;
+}
+
+UITextFieldViewMode RCTUITextFieldViewModeFromTextInputAccessoryVisibilityMode(
+    facebook::react::TextInputAccessoryVisibilityMode mode)
+{
+  switch (mode) {
+    case TextInputAccessoryVisibilityMode::Never:
+      return UITextFieldViewModeNever;
+    case TextInputAccessoryVisibilityMode::WhileEditing:
+      return UITextFieldViewModeWhileEditing;
+    case TextInputAccessoryVisibilityMode::UnlessEditing:
+      return UITextFieldViewModeUnlessEditing;
+    case TextInputAccessoryVisibilityMode::Always:
+      return UITextFieldViewModeAlways;
+  }
+}
+
+UIKeyboardType RCTUIKeyboardTypeFromKeyboardType(KeyboardType keyboardType)
+{
+  switch (keyboardType) {
+    // Universal
+    case KeyboardType::Default:
+      return UIKeyboardTypeDefault;
+    case KeyboardType::EmailAddress:
+      return UIKeyboardTypeEmailAddress;
+    case KeyboardType::Numeric:
+      return UIKeyboardTypeDecimalPad;
+    case KeyboardType::PhonePad:
+      return UIKeyboardTypePhonePad;
+    case KeyboardType::NumberPad:
+      return UIKeyboardTypeNumberPad;
+    case KeyboardType::DecimalPad:
+      return UIKeyboardTypeDecimalPad;
+    // iOS-only
+    case KeyboardType::ASCIICapable:
+      return UIKeyboardTypeASCIICapable;
+    case KeyboardType::NumbersAndPunctuation:
+      return UIKeyboardTypeNumbersAndPunctuation;
+    case KeyboardType::URL:
+      return UIKeyboardTypeURL;
+    case KeyboardType::NamePhonePad:
+      return UIKeyboardTypeNamePhonePad;
+    case KeyboardType::Twitter:
+      return UIKeyboardTypeTwitter;
+    case KeyboardType::WebSearch:
+      return UIKeyboardTypeWebSearch;
+    case KeyboardType::ASCIICapableNumberPad:
+      if (@available(iOS 10.0, *)) {
+        return UIKeyboardTypeASCIICapableNumberPad;
+      } else {
+        return UIKeyboardTypeNumberPad;
+      }
+    // Android-only
+    case KeyboardType::VisiblePassword:
+      return UIKeyboardTypeDefault;
+  }
+}
+
+UIReturnKeyType RCTUIReturnKeyTypeFromReturnKeyType(ReturnKeyType returnKeyType)
+{
+  switch (returnKeyType) {
+    case ReturnKeyType::Default:
+      return UIReturnKeyDefault;
+    case ReturnKeyType::Done:
+      return UIReturnKeyDone;
+    case ReturnKeyType::Go:
+      return UIReturnKeyGo;
+    case ReturnKeyType::Next:
+      return UIReturnKeyNext;
+    case ReturnKeyType::Search:
+      return UIReturnKeySearch;
+    case ReturnKeyType::Send:
+      return UIReturnKeySend;
+    // iOS-only
+    case ReturnKeyType::EmergencyCall:
+      return UIReturnKeyEmergencyCall;
+    case ReturnKeyType::Google:
+      return UIReturnKeyGoogle;
+    case ReturnKeyType::Join:
+      return UIReturnKeyJoin;
+    case ReturnKeyType::Route:
+      return UIReturnKeyRoute;
+    case ReturnKeyType::Yahoo:
+      return UIReturnKeyYahoo;
+    case ReturnKeyType::Continue:
+      return UIReturnKeyContinue;
+    // Android-only
+    case ReturnKeyType::None:
+    case ReturnKeyType::Previous:
+      return UIReturnKeyDefault;
+  }
+}
+
+API_AVAILABLE(ios(10.0))
+UITextContentType RCTUITextContentTypeFromString(std::string const &contentType)
+{
+  // TODO: Implement properly (T26519801).
+  return RCTNSStringFromStringNilIfEmpty(contentType);
+}
+
+API_AVAILABLE(ios(12.0))
+UITextInputPasswordRules *RCTUITextInputPasswordRulesFromString(std::string const &passwordRules)
+{
+  return [UITextInputPasswordRules passwordRulesWithDescriptor:RCTNSStringFromStringNilIfEmpty(passwordRules)];
+}
diff --git a/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm
index c74f548e6940fa..6f617d0c482589 100644
--- a/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm
@@ -16,6 +16,8 @@
 
 #import <React/RCTConversions.h>
 
+#import "FBRCTFabricComponentsPlugins.h"
+
 using namespace facebook::react;
 
 @implementation RCTUnimplementedViewComponentView {
@@ -64,3 +66,8 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
 }
 
 @end
+
+Class<RCTComponentViewProtocol> RCTUnimplementedNativeViewCls(void)
+{
+  return RCTUnimplementedViewComponentView.class;
+}
diff --git a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
index c0d5eec27e15b0..2fba022371ee5a 100644
--- a/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
+++ b/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
@@ -54,14 +54,13 @@ - (void)setContentView:(UIView *)contentView
 - (void)layoutSubviews
 {
   [super layoutSubviews];
-
-  if (_borderLayer) {
-    _borderLayer.frame = self.layer.bounds;
-  }
-
-  if (_contentView) {
-    _contentView.frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
-  }
+  // Consider whether using `updateLayoutMetrics:oldLayoutMetrics`
+  // isn't more appropriate for your use case. `layoutSubviews` is called
+  // by UIKit while `updateLayoutMetrics:oldLayoutMetrics` is called
+  // by React Native Renderer within `CATransaction`.
+  // If you are calling `setFrame:` or other methods that cause
+  // `layoutSubviews` to be triggered, `_contentView`'s and `_borderLayout`'s
+  // frames might get out of sync with `self.bounds`.
 }
 
 - (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
@@ -188,11 +187,6 @@ - (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &
     needsInvalidateLayer = YES;
   }
 
-  // `zIndex`
-  if (oldViewProps.zIndex != newViewProps.zIndex) {
-    self.layer.zPosition = (CGFloat)newViewProps.zIndex;
-  }
-
   // `border`
   if (oldViewProps.borderStyles != newViewProps.borderStyles || oldViewProps.borderRadii != newViewProps.borderRadii ||
       oldViewProps.borderColors != newViewProps.borderColors) {
@@ -263,10 +257,19 @@ - (void)updateLayoutMetrics:(LayoutMetrics const &)layoutMetrics
 
   _layoutMetrics = layoutMetrics;
   _needsInvalidateLayer = YES;
+
+  if (_borderLayer) {
+    _borderLayer.frame = self.layer.bounds;
+  }
+
+  if (_contentView) {
+    _contentView.frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
+  }
 }
 
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
 {
+  [super finalizeUpdates:updateMask];
   if (!_needsInvalidateLayer) {
     return;
   }
@@ -284,9 +287,10 @@ - (void)prepareForRecycle
 - (UIView *)betterHitTest:(CGPoint)point withEvent:(UIEvent *)event
 {
   // This is a classic textbook implementation of `hitTest:` with a couple of improvements:
-  //   * It takes layers' `zIndex` property into an account;
   //   * It does not stop algorithm if some touch is outside the view
   //     which does not have `clipToBounds` enabled.
+  //   * Taking `layer.zIndex` field into an account is not required because
+  //     lists of `ShadowView`s are already sorted based on `zIndex` prop.
 
   if (!self.userInteractionEnabled || self.hidden || self.alpha < 0.01) {
     return nil;
@@ -298,14 +302,7 @@ - (UIView *)betterHitTest:(CGPoint)point withEvent:(UIEvent *)event
     return nil;
   }
 
-  NSArray<__kindof UIView *> *sortedSubviews =
-      [self.subviews sortedArrayUsingComparator:^NSComparisonResult(UIView *a, UIView *b) {
-        // Ensure sorting is stable by treating equal `zIndex` as ascending so
-        // that original order is preserved.
-        return a.layer.zPosition > b.layer.zPosition ? NSOrderedDescending : NSOrderedAscending;
-      }];
-
-  for (UIView *subview in [sortedSubviews reverseObjectEnumerator]) {
+  for (UIView *subview in [self.subviews reverseObjectEnumerator]) {
     UIView *hitView = [subview hitTest:[subview convertPoint:point fromView:self] withEvent:event];
     if (hitView) {
       return hitView;
@@ -399,6 +396,7 @@ - (void)invalidateLayer
           colorComponentsFromColor(borderMetrics.borderColors.left).alpha == 0 || self.clipsToBounds);
 
   if (useCoreAnimationBorderRendering) {
+    layer.mask = nil;
     if (_borderLayer) {
       [_borderLayer removeFromSuperlayer];
       _borderLayer = nil;
diff --git a/React/Fabric/Mounting/RCTComponentViewFactory.h b/React/Fabric/Mounting/RCTComponentViewFactory.h
index b846634678b817..ee347d9cf75c43 100644
--- a/React/Fabric/Mounting/RCTComponentViewFactory.h
+++ b/React/Fabric/Mounting/RCTComponentViewFactory.h
@@ -14,16 +14,6 @@
 
 NS_ASSUME_NONNULL_BEGIN
 
-@protocol RCTComponentViewFactoryDelegate <NSObject>
-
-/**
- * Given a component name, return its actual class. If component with doesn't exist, nil is returned.
- * Can be called on any thread.
- */
-- (Class<RCTComponentViewProtocol>)componentViewClassWithName:(facebook::react::ComponentName)name;
-
-@end
-
 /**
  * Registry of supported component view classes that can instantiate
  * view component instances by given component handle.
@@ -52,8 +42,6 @@ NS_ASSUME_NONNULL_BEGIN
 - (facebook::react::ComponentDescriptorRegistry::Shared)createComponentDescriptorRegistryWithParameters:
     (facebook::react::ComponentDescriptorParameters)parameters;
 
-@property (atomic, weak, nullable) id<RCTComponentViewFactoryDelegate> delegate;
-
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/Mounting/RCTComponentViewFactory.mm b/React/Fabric/Mounting/RCTComponentViewFactory.mm
index b24727f50440f9..773eba1ccc2958 100644
--- a/React/Fabric/Mounting/RCTComponentViewFactory.mm
+++ b/React/Fabric/Mounting/RCTComponentViewFactory.mm
@@ -16,20 +16,20 @@
 #import <react/core/ReactPrimitives.h>
 #import <react/uimanager/ComponentDescriptorProviderRegistry.h>
 
-#import "RCTARTSurfaceViewComponentView.h"
-#import "RCTActivityIndicatorViewComponentView.h"
+#ifdef RN_DISABLE_OSS_PLUGIN_HEADER
+#import <RCTFabricComponentPlugin/RCTFabricPluginProvider.h>
+#else
+#import "RCTFabricComponentsPlugins.h"
+#endif
+
 #import "RCTComponentViewClassDescriptor.h"
 #import "RCTFabricComponentsPlugins.h"
 #import "RCTImageComponentView.h"
 #import "RCTLegacyViewManagerInteropComponentView.h"
-#import "RCTModalHostViewComponentView.h"
 #import "RCTMountingTransactionObserving.h"
 #import "RCTParagraphComponentView.h"
-#import "RCTPullToRefreshViewComponentView.h"
 #import "RCTRootComponentView.h"
-#import "RCTSliderComponentView.h"
-#import "RCTSwitchComponentView.h"
-#import "RCTUnimplementedNativeComponentView.h"
+#import "RCTTextInputComponentView.h"
 #import "RCTUnimplementedViewComponentView.h"
 #import "RCTViewComponentView.h"
 
@@ -37,6 +37,11 @@
 
 using namespace facebook::react;
 
+static Class<RCTComponentViewProtocol> RCTComponentViewClassWithName(const char *componentName)
+{
+  return RCTFabricComponentsProvider(componentName);
+}
+
 @implementation RCTComponentViewFactory {
   better::map<ComponentHandle, RCTComponentViewClassDescriptor> _componentViewClasses;
   ComponentDescriptorProviderRegistry _providerRegistry;
@@ -47,57 +52,50 @@ + (RCTComponentViewFactory *)standardComponentViewFactory
 {
   RCTComponentViewFactory *componentViewFactory = [[RCTComponentViewFactory alloc] init];
 
-  [componentViewFactory registerComponentViewClass:[RCTViewComponentView class]];
   [componentViewFactory registerComponentViewClass:[RCTRootComponentView class]];
-  [componentViewFactory registerComponentViewClass:[RCTPullToRefreshViewComponentView class]];
-  [componentViewFactory registerComponentViewClass:[RCTImageComponentView class]];
+  [componentViewFactory registerComponentViewClass:[RCTViewComponentView 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]];
-  [componentViewFactory registerComponentViewClass:[RCTARTSurfaceViewComponentView class]];
+  [componentViewFactory registerComponentViewClass:[RCTTextInputComponentView class]];
+
+  Class<RCTComponentViewProtocol> imageClass = RCTComponentViewClassWithName("Image");
+  [componentViewFactory registerComponentViewClass:imageClass];
 
   auto providerRegistry = &componentViewFactory->_providerRegistry;
 
-  providerRegistry->setComponentDescriptorProviderRequest([providerRegistry,
-                                                           componentViewFactory](ComponentName requestedComponentName) {
-    // Fallback 1: Call delegate for component view class.
-    if (componentViewFactory.delegate) {
-      Class<RCTComponentViewProtocol> klass =
-          [componentViewFactory.delegate componentViewClassWithName:requestedComponentName];
-      if (klass) {
-        [componentViewFactory registerComponentViewClass:klass];
-        return;
-      }
-    }
-
-    // Fallback 3: Try to use Paper Interop.
-    if ([RCTLegacyViewManagerInteropComponentView isSupported:RCTNSStringFromString(requestedComponentName)]) {
-      auto flavor = std::make_shared<std::string const>(requestedComponentName);
-      auto componentName = ComponentName{flavor->c_str()};
-      auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
-      auto constructor = [RCTLegacyViewManagerInteropComponentView componentDescriptorProvider].constructor;
-
-      providerRegistry->add(ComponentDescriptorProvider{componentHandle, componentName, flavor, constructor});
-
-      componentViewFactory->_componentViewClasses[componentHandle] = [componentViewFactory
-          _componentViewClassDescriptorFromClass:[RCTLegacyViewManagerInteropComponentView class]];
-      return;
-    }
-
-    // Fallback 4: Finally use <UnimplementedView>.
-    auto flavor = std::make_shared<std::string const>(requestedComponentName);
-    auto componentName = ComponentName{flavor->c_str()};
-    auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
-    auto constructor = [RCTUnimplementedViewComponentView componentDescriptorProvider].constructor;
-
-    providerRegistry->add(ComponentDescriptorProvider{componentHandle, componentName, flavor, constructor});
-
-    componentViewFactory->_componentViewClasses[componentHandle] =
-        [componentViewFactory _componentViewClassDescriptorFromClass:[RCTUnimplementedViewComponentView class]];
-  });
+  providerRegistry->setComponentDescriptorProviderRequest(
+      [providerRegistry, componentViewFactory](ComponentName requestedComponentName) {
+        // Fallback 1: Call provider function for component view class.
+        Class<RCTComponentViewProtocol> klass = RCTComponentViewClassWithName(requestedComponentName);
+        if (klass) {
+          [componentViewFactory registerComponentViewClass:klass];
+          return;
+        }
+
+        // Fallback 2: Try to use Paper Interop.
+        if ([RCTLegacyViewManagerInteropComponentView isSupported:RCTNSStringFromString(requestedComponentName)]) {
+          auto flavor = std::make_shared<std::string const>(requestedComponentName);
+          auto componentName = ComponentName{flavor->c_str()};
+          auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
+          auto constructor = [RCTLegacyViewManagerInteropComponentView componentDescriptorProvider].constructor;
+
+          providerRegistry->add(ComponentDescriptorProvider{componentHandle, componentName, flavor, constructor});
+
+          componentViewFactory->_componentViewClasses[componentHandle] = [componentViewFactory
+              _componentViewClassDescriptorFromClass:[RCTLegacyViewManagerInteropComponentView class]];
+          return;
+        }
+
+        // Fallback 3: Finally use <UnimplementedView>.
+        auto flavor = std::make_shared<std::string const>(requestedComponentName);
+        auto componentName = ComponentName{flavor->c_str()};
+        auto componentHandle = reinterpret_cast<ComponentHandle>(componentName);
+        auto constructor = [RCTUnimplementedViewComponentView componentDescriptorProvider].constructor;
+
+        providerRegistry->add(ComponentDescriptorProvider{componentHandle, componentName, flavor, constructor});
+
+        componentViewFactory->_componentViewClasses[componentHandle] =
+            [componentViewFactory _componentViewClassDescriptorFromClass:[RCTUnimplementedViewComponentView class]];
+      });
 
   return componentViewFactory;
 }
diff --git a/React/Fabric/Mounting/RCTComponentViewProtocol.h b/React/Fabric/Mounting/RCTComponentViewProtocol.h
index b91a2312b6cfa8..334b1bd89176c1 100644
--- a/React/Fabric/Mounting/RCTComponentViewProtocol.h
+++ b/React/Fabric/Mounting/RCTComponentViewProtocol.h
@@ -10,7 +10,6 @@
 #import <React/RCTPrimitives.h>
 #import <react/core/EventEmitter.h>
 #import <react/core/LayoutMetrics.h>
-#import <react/core/LocalData.h>
 #import <react/core/Props.h>
 #import <react/core/State.h>
 #import <react/uimanager/ComponentDescriptorProvider.h>
@@ -24,12 +23,11 @@ typedef NS_OPTIONS(NSInteger, RNComponentViewUpdateMask) {
   RNComponentViewUpdateMaskNone = 0,
   RNComponentViewUpdateMaskProps = 1 << 0,
   RNComponentViewUpdateMaskEventEmitter = 1 << 1,
-  RNComponentViewUpdateMaskLocalData = 1 << 2,
   RNComponentViewUpdateMaskState = 1 << 3,
   RNComponentViewUpdateMaskLayoutMetrics = 1 << 4,
 
   RNComponentViewUpdateMaskAll = RNComponentViewUpdateMaskProps | RNComponentViewUpdateMaskEventEmitter |
-      RNComponentViewUpdateMaskLocalData | RNComponentViewUpdateMaskState | RNComponentViewUpdateMaskLayoutMetrics
+      RNComponentViewUpdateMaskState | RNComponentViewUpdateMaskLayoutMetrics
 };
 
 /*
@@ -73,13 +71,6 @@ typedef NS_OPTIONS(NSInteger, RNComponentViewUpdateMask) {
 - (void)updateProps:(facebook::react::Props::Shared const &)props
            oldProps:(facebook::react::Props::Shared const &)oldProps;
 
-/*
- * Called for updating component's local data.
- * Receiver must update native view props accordingly changed local data.
- */
-- (void)updateLocalData:(facebook::react::SharedLocalData)localData
-           oldLocalData:(facebook::react::SharedLocalData)oldLocalData;
-
 /*
  * Called for updating component's state.
  * Receiver must update native view according to changed state.
diff --git a/React/Fabric/Mounting/RCTMountingManager.mm b/React/Fabric/Mounting/RCTMountingManager.mm
index 060eda9043c454..712d735b3408ac 100644
--- a/React/Fabric/Mounting/RCTMountingManager.mm
+++ b/React/Fabric/Mounting/RCTMountingManager.mm
@@ -106,15 +106,6 @@ static void RNUpdateLayoutMetricsMountInstruction(
                                    oldLayoutMetrics:oldShadowView.layoutMetrics];
 }
 
-// `Update LocalData` instruction
-static void RNUpdateLocalDataMountInstruction(ShadowViewMutation const &mutation, RCTComponentViewRegistry *registry)
-{
-  auto const &oldShadowView = mutation.oldChildShadowView;
-  auto const &newShadowView = mutation.newChildShadowView;
-  auto const &componentViewDescriptor = [registry componentViewDescriptorWithTag:newShadowView.tag];
-  [componentViewDescriptor.view updateLocalData:newShadowView.localData oldLocalData:oldShadowView.localData];
-}
-
 // `Update State` instruction
 static void RNUpdateStateMountInstruction(ShadowViewMutation const &mutation, RCTComponentViewRegistry *registry)
 {
@@ -144,6 +135,8 @@ static void RNPerformMountInstructions(
 {
   SystraceSection s("RNPerformMountInstructions");
 
+  [CATransaction begin];
+  [CATransaction setValue:(id)kCFBooleanTrue forKey:kCATransactionDisableActions];
   for (auto const &mutation : mutations) {
     switch (mutation.type) {
       case ShadowViewMutation::Create: {
@@ -157,7 +150,6 @@ static void RNPerformMountInstructions(
       case ShadowViewMutation::Insert: {
         RNUpdatePropsMountInstruction(mutation, registry);
         RNUpdateEventEmitterMountInstruction(mutation, registry);
-        RNUpdateLocalDataMountInstruction(mutation, registry);
         RNUpdateStateMountInstruction(mutation, registry);
         RNUpdateLayoutMetricsMountInstruction(mutation, registry);
         RNFinalizeUpdatesMountInstruction(mutation, RNComponentViewUpdateMaskAll, registry);
@@ -182,10 +174,6 @@ static void RNPerformMountInstructions(
           RNUpdateEventEmitterMountInstruction(mutation, registry);
           mask |= RNComponentViewUpdateMaskEventEmitter;
         }
-        if (oldChildShadowView.localData != newChildShadowView.localData) {
-          RNUpdateLocalDataMountInstruction(mutation, registry);
-          mask |= RNComponentViewUpdateMaskLocalData;
-        }
         if (oldChildShadowView.state != newChildShadowView.state) {
           RNUpdateStateMountInstruction(mutation, registry);
           mask |= RNComponentViewUpdateMaskState;
@@ -203,6 +191,7 @@ static void RNPerformMountInstructions(
       }
     }
   }
+  [CATransaction commit];
 }
 
 @implementation RCTMountingManager {
@@ -277,7 +266,7 @@ - (void)performTransaction:(MountingCoordinator::Shared const &)mountingCoordina
   SystraceSection s("-[RCTMountingManager performTransaction:]");
   RCTAssertMainQueue();
 
-  auto transaction = mountingCoordinator->pullTransaction();
+  auto transaction = mountingCoordinator->pullTransaction(DifferentiatorMode::Classic);
   if (!transaction.has_value()) {
     return;
   }
diff --git a/React/Fabric/Mounting/RCTMountingTransactionObserverCoordinator.h b/React/Fabric/Mounting/RCTMountingTransactionObserverCoordinator.h
index 8c6bdefd84391a..512febedf16c8e 100644
--- a/React/Fabric/Mounting/RCTMountingTransactionObserverCoordinator.h
+++ b/React/Fabric/Mounting/RCTMountingTransactionObserverCoordinator.h
@@ -16,8 +16,9 @@
 class RCTMountingTransactionObserverCoordinator final {
  public:
   /*
-   * Registers (and unregisters) specified `componentViewDescriptor` in the registry of views that need to be notified.
-   * Does nothing if a particular `componentViewDescriptor` does not listen the events.
+   * Registers (and unregisters) specified `componentViewDescriptor` in the
+   * registry of views that need to be notified. Does nothing if a particular
+   * `componentViewDescriptor` does not listen the events.
    */
   void registerViewComponentDescriptor(
       RCTComponentViewDescriptor const &componentViewDescriptor,
diff --git a/React/Fabric/Mounting/UIView+ComponentViewProtocol.h b/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
index 573a72fe6efab4..ab8219555b24bb 100644
--- a/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
+++ b/React/Fabric/Mounting/UIView+ComponentViewProtocol.h
@@ -27,9 +27,6 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (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 const &)state
            oldState:(facebook::react::State::Shared const &)oldState;
 
diff --git a/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm b/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
index 5d4ee18dcde758..c9dc5f98d7ac90 100644
--- a/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
+++ b/React/Fabric/Mounting/UIView+ComponentViewProtocol.mm
@@ -49,11 +49,6 @@ - (void)updateEventEmitter:(EventEmitter::Shared const &)eventEmitter
   // Default implementation does nothing.
 }
 
-- (void)updateLocalData:(SharedLocalData)localData oldLocalData:(SharedLocalData)oldLocalData
-{
-  // Default implementation does nothing.
-}
-
 - (void)updateState:(facebook::react::State::Shared const &)state
            oldState:(facebook::react::State::Shared const &)oldState
 {
@@ -68,7 +63,9 @@ - (void)handleCommand:(NSString *)commandName args:(NSArray *)args
 - (void)updateLayoutMetrics:(LayoutMetrics const &)layoutMetrics
            oldLayoutMetrics:(LayoutMetrics const &)oldLayoutMetrics
 {
-  if (layoutMetrics.frame != oldLayoutMetrics.frame) {
+  bool forceUpdate = oldLayoutMetrics == EmptyLayoutMetrics;
+
+  if (forceUpdate || (layoutMetrics.frame != oldLayoutMetrics.frame)) {
     CGRect frame = RCTCGRectFromRect(layoutMetrics.frame);
 
     if (!std::isfinite(frame.origin.x) || !std::isfinite(frame.origin.y) || !std::isfinite(frame.size.width) ||
@@ -91,13 +88,13 @@ - (void)updateLayoutMetrics:(LayoutMetrics const &)layoutMetrics
     self.bounds = CGRect{CGPointZero, frame.size};
   }
 
-  if (layoutMetrics.layoutDirection != oldLayoutMetrics.layoutDirection) {
+  if (forceUpdate || (layoutMetrics.layoutDirection != oldLayoutMetrics.layoutDirection)) {
     self.semanticContentAttribute = layoutMetrics.layoutDirection == LayoutDirection::RightToLeft
         ? UISemanticContentAttributeForceRightToLeft
         : UISemanticContentAttributeForceLeftToRight;
   }
 
-  if (layoutMetrics.displayType != oldLayoutMetrics.displayType) {
+  if (forceUpdate || (layoutMetrics.displayType != oldLayoutMetrics.displayType)) {
     self.hidden = layoutMetrics.displayType == DisplayType::None;
   }
 }
diff --git a/React/Fabric/RCTConversions.h b/React/Fabric/RCTConversions.h
index 2d73807167205f..5136eef321b87a 100644
--- a/React/Fabric/RCTConversions.h
+++ b/React/Fabric/RCTConversions.h
@@ -9,109 +9,167 @@
 
 #import <react/components/view/AccessibilityPrimitives.h>
 #import <react/components/view/primitives.h>
+#import <react/core/LayoutPrimitives.h>
 #import <react/graphics/Color.h>
 #import <react/graphics/Geometry.h>
 #import <react/graphics/Transform.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
-inline NSString *RCTNSStringFromString(const std::string &string, const NSStringEncoding &encoding = NSUTF8StringEncoding) {
+inline NSString *RCTNSStringFromString(
+    const std::string &string,
+    const NSStringEncoding &encoding = NSUTF8StringEncoding)
+{
   return [NSString stringWithCString:string.c_str() encoding:encoding];
 }
 
-inline NSString *_Nullable RCTNSStringFromStringNilIfEmpty(const std::string &string, const NSStringEncoding &encoding = NSUTF8StringEncoding) {
+inline NSString *_Nullable RCTNSStringFromStringNilIfEmpty(
+    const std::string &string,
+    const NSStringEncoding &encoding = NSUTF8StringEncoding)
+{
   return string.empty() ? nil : RCTNSStringFromString(string, encoding);
 }
 
-inline std::string RCTStringFromNSString(NSString *string, const NSStringEncoding &encoding = NSUTF8StringEncoding) {
+inline std::string RCTStringFromNSString(NSString *string, const NSStringEncoding &encoding = NSUTF8StringEncoding)
+{
   return [string cStringUsingEncoding:encoding];
 }
 
-inline UIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor) {
+inline UIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor)
+{
   return sharedColor ? [UIColor colorWithCGColor:sharedColor.get()] : nil;
 }
 
-inline CF_RETURNS_NOT_RETAINED CGColorRef RCTCGColorRefUnretainedFromSharedColor(const facebook::react::SharedColor &sharedColor) {
+inline CF_RETURNS_NOT_RETAINED CGColorRef
+RCTCGColorRefUnretainedFromSharedColor(const facebook::react::SharedColor &sharedColor)
+{
   return sharedColor ? sharedColor.get() : nil;
 }
 
-inline CF_RETURNS_RETAINED CGColorRef RCTCGColorRefFromSharedColor(const facebook::react::SharedColor &sharedColor) {
+inline CF_RETURNS_RETAINED CGColorRef RCTCGColorRefFromSharedColor(const facebook::react::SharedColor &sharedColor)
+{
   return sharedColor ? CGColorCreateCopy(sharedColor.get()) : nil;
 }
 
-inline CGPoint RCTCGPointFromPoint(const facebook::react::Point &point) {
+inline CGPoint RCTCGPointFromPoint(const facebook::react::Point &point)
+{
   return {point.x, point.y};
 }
 
-inline CGSize RCTCGSizeFromSize(const facebook::react::Size &size) {
+inline CGSize RCTCGSizeFromSize(const facebook::react::Size &size)
+{
   return {size.width, size.height};
 }
 
-inline CGRect RCTCGRectFromRect(const facebook::react::Rect &rect) {
+inline CGRect RCTCGRectFromRect(const facebook::react::Rect &rect)
+{
   return {RCTCGPointFromPoint(rect.origin), RCTCGSizeFromSize(rect.size)};
 }
 
-inline UIEdgeInsets RCTUIEdgeInsetsFromEdgeInsets(const facebook::react::EdgeInsets &edgeInsets) {
+inline UIEdgeInsets RCTUIEdgeInsetsFromEdgeInsets(const facebook::react::EdgeInsets &edgeInsets)
+{
   return {edgeInsets.top, edgeInsets.left, edgeInsets.bottom, edgeInsets.right};
 }
 
-inline UIAccessibilityTraits RCTUIAccessibilityTraitsFromAccessibilityTraits(facebook::react::AccessibilityTraits accessibilityTraits) {
+inline UIAccessibilityTraits RCTUIAccessibilityTraitsFromAccessibilityTraits(
+    facebook::react::AccessibilityTraits accessibilityTraits)
+{
   using AccessibilityTraits = facebook::react::AccessibilityTraits;
   UIAccessibilityTraits result = UIAccessibilityTraitNone;
-  if ((accessibilityTraits & AccessibilityTraits::Button) != AccessibilityTraits::None) { result |= UIAccessibilityTraitButton; }
-  if ((accessibilityTraits & AccessibilityTraits::Link) != AccessibilityTraits::None) { result |= UIAccessibilityTraitLink; }
-  if ((accessibilityTraits & AccessibilityTraits::Image) != AccessibilityTraits::None) { result |= UIAccessibilityTraitImage; }
-  if ((accessibilityTraits & AccessibilityTraits::Selected) != AccessibilityTraits::None) { result |= UIAccessibilityTraitSelected; }
-  if ((accessibilityTraits & AccessibilityTraits::PlaysSound) != AccessibilityTraits::None) { result |= UIAccessibilityTraitPlaysSound; }
-  if ((accessibilityTraits & AccessibilityTraits::KeyboardKey) != AccessibilityTraits::None) { result |= UIAccessibilityTraitKeyboardKey; }
-  if ((accessibilityTraits & AccessibilityTraits::StaticText) != AccessibilityTraits::None) { result |= UIAccessibilityTraitStaticText; }
-  if ((accessibilityTraits & AccessibilityTraits::SummaryElement) != AccessibilityTraits::None) { result |= UIAccessibilityTraitSummaryElement; }
-  if ((accessibilityTraits & AccessibilityTraits::NotEnabled) != AccessibilityTraits::None) { result |= UIAccessibilityTraitNotEnabled; }
-  if ((accessibilityTraits & AccessibilityTraits::UpdatesFrequently) != AccessibilityTraits::None) { result |= UIAccessibilityTraitUpdatesFrequently; }
-  if ((accessibilityTraits & AccessibilityTraits::SearchField) != AccessibilityTraits::None) { result |= UIAccessibilityTraitSearchField; }
-  if ((accessibilityTraits & AccessibilityTraits::StartsMediaSession) != AccessibilityTraits::None) { result |= UIAccessibilityTraitStartsMediaSession; }
-  if ((accessibilityTraits & AccessibilityTraits::Adjustable) != AccessibilityTraits::None) { result |= UIAccessibilityTraitAdjustable; }
-  if ((accessibilityTraits & AccessibilityTraits::AllowsDirectInteraction) != AccessibilityTraits::None) { result |= UIAccessibilityTraitAllowsDirectInteraction; }
-  if ((accessibilityTraits & AccessibilityTraits::CausesPageTurn) != AccessibilityTraits::None) { result |= UIAccessibilityTraitCausesPageTurn; }
-  if ((accessibilityTraits & AccessibilityTraits::Header) != AccessibilityTraits::None) { result |= UIAccessibilityTraitHeader; }
+  if ((accessibilityTraits & AccessibilityTraits::Button) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitButton;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::Link) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitLink;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::Image) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitImage;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::Selected) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitSelected;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::PlaysSound) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitPlaysSound;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::KeyboardKey) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitKeyboardKey;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::StaticText) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitStaticText;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::SummaryElement) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitSummaryElement;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::NotEnabled) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitNotEnabled;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::UpdatesFrequently) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitUpdatesFrequently;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::SearchField) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitSearchField;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::StartsMediaSession) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitStartsMediaSession;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::Adjustable) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitAdjustable;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::AllowsDirectInteraction) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitAllowsDirectInteraction;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::CausesPageTurn) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitCausesPageTurn;
+  }
+  if ((accessibilityTraits & AccessibilityTraits::Header) != AccessibilityTraits::None) {
+    result |= UIAccessibilityTraitHeader;
+  }
   return result;
 };
 
-inline CATransform3D RCTCATransform3DFromTransformMatrix(const facebook::react::Transform &transformMatrix) {
-  return {
-    (CGFloat)transformMatrix.matrix[0],
-    (CGFloat)transformMatrix.matrix[1],
-    (CGFloat)transformMatrix.matrix[2],
-    (CGFloat)transformMatrix.matrix[3],
-    (CGFloat)transformMatrix.matrix[4],
-    (CGFloat)transformMatrix.matrix[5],
-    (CGFloat)transformMatrix.matrix[6],
-    (CGFloat)transformMatrix.matrix[7],
-    (CGFloat)transformMatrix.matrix[8],
-    (CGFloat)transformMatrix.matrix[9],
-    (CGFloat)transformMatrix.matrix[10],
-    (CGFloat)transformMatrix.matrix[11],
-    (CGFloat)transformMatrix.matrix[12],
-    (CGFloat)transformMatrix.matrix[13],
-    (CGFloat)transformMatrix.matrix[14],
-    (CGFloat)transformMatrix.matrix[15]
-  };
-}
-
-inline facebook::react::Point RCTPointFromCGPoint(const CGPoint &point) {
+inline CATransform3D RCTCATransform3DFromTransformMatrix(const facebook::react::Transform &transformMatrix)
+{
+  return {(CGFloat)transformMatrix.matrix[0],
+          (CGFloat)transformMatrix.matrix[1],
+          (CGFloat)transformMatrix.matrix[2],
+          (CGFloat)transformMatrix.matrix[3],
+          (CGFloat)transformMatrix.matrix[4],
+          (CGFloat)transformMatrix.matrix[5],
+          (CGFloat)transformMatrix.matrix[6],
+          (CGFloat)transformMatrix.matrix[7],
+          (CGFloat)transformMatrix.matrix[8],
+          (CGFloat)transformMatrix.matrix[9],
+          (CGFloat)transformMatrix.matrix[10],
+          (CGFloat)transformMatrix.matrix[11],
+          (CGFloat)transformMatrix.matrix[12],
+          (CGFloat)transformMatrix.matrix[13],
+          (CGFloat)transformMatrix.matrix[14],
+          (CGFloat)transformMatrix.matrix[15]};
+}
+
+inline facebook::react::Point RCTPointFromCGPoint(const CGPoint &point)
+{
   return {point.x, point.y};
 }
 
-inline facebook::react::Size RCTSizeFromCGSize(const CGSize &size) {
+inline facebook::react::Size RCTSizeFromCGSize(const CGSize &size)
+{
   return {size.width, size.height};
 }
 
-inline facebook::react::Rect RCTRectFromCGRect(const CGRect &rect) {
+inline facebook::react::Rect RCTRectFromCGRect(const CGRect &rect)
+{
   return {RCTPointFromCGPoint(rect.origin), RCTSizeFromCGSize(rect.size)};
 }
 
-inline facebook::react::EdgeInsets RCTEdgeInsetsFromUIEdgeInsets(const UIEdgeInsets &edgeInsets) {
+inline facebook::react::EdgeInsets RCTEdgeInsetsFromUIEdgeInsets(const UIEdgeInsets &edgeInsets)
+{
   return {edgeInsets.left, edgeInsets.top, edgeInsets.right, edgeInsets.bottom};
 }
 
+inline facebook::react::LayoutDirection RCTLayoutDirection(BOOL isRTL)
+{
+  return isRTL ? facebook::react::LayoutDirection::RightToLeft : facebook::react::LayoutDirection::LeftToRight;
+}
+
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTImageResponseObserverProxy.mm b/React/Fabric/RCTImageResponseObserverProxy.mm
index bc97da889ad8a8..9bb1e323fd3150 100644
--- a/React/Fabric/RCTImageResponseObserverProxy.mm
+++ b/React/Fabric/RCTImageResponseObserverProxy.mm
@@ -7,6 +7,7 @@
 
 #import "RCTImageResponseObserverProxy.h"
 
+#import <React/RCTUtils.h>
 #import <react/imagemanager/ImageResponse.h>
 #import <react/imagemanager/ImageResponseObserver.h>
 #import <react/utils/ManagedObjectWrapper.h>
@@ -24,7 +25,7 @@
   UIImage *image = (UIImage *)unwrapManagedObject(imageResponse.getImage());
   id<RCTImageResponseDelegate> delegate = delegate_;
   auto this_ = this;
-  dispatch_async(dispatch_get_main_queue(), ^{
+  RCTExecuteOnMainQueue(^{
     [delegate didReceiveImage:image fromObserver:this_];
   });
 }
@@ -33,7 +34,7 @@
 {
   auto this_ = this;
   id<RCTImageResponseDelegate> delegate = delegate_;
-  dispatch_async(dispatch_get_main_queue(), ^{
+  RCTExecuteOnMainQueue(^{
     [delegate didReceiveProgress:progress fromObserver:this_];
   });
 }
@@ -42,7 +43,7 @@
 {
   auto this_ = this;
   id<RCTImageResponseDelegate> delegate = delegate_;
-  dispatch_async(dispatch_get_main_queue(), ^{
+  RCTExecuteOnMainQueue(^{
     [delegate didReceiveFailureFromObserver:this_];
   });
 }
diff --git a/React/Fabric/RCTScheduler.h b/React/Fabric/RCTScheduler.h
index d445ab91896302..d0f9cda86c34d1 100644
--- a/React/Fabric/RCTScheduler.h
+++ b/React/Fabric/RCTScheduler.h
@@ -62,6 +62,8 @@ NS_ASSUME_NONNULL_BEGIN
 - (facebook::react::ComponentDescriptor const *)findComponentDescriptorByHandle_DO_NOT_USE_THIS_IS_BROKEN:
     (facebook::react::ComponentHandle)handle;
 
+- (facebook::react::MountingCoordinator::Shared)mountingCoordinatorWithSurfaceId:(facebook::react::SurfaceId)surfaceId;
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/React/Fabric/RCTScheduler.mm b/React/Fabric/RCTScheduler.mm
index 4cc0ed194be9e3..e6257df16cca57 100644
--- a/React/Fabric/RCTScheduler.mm
+++ b/React/Fabric/RCTScheduler.mm
@@ -122,4 +122,9 @@ - (ComponentDescriptor const *)findComponentDescriptorByHandle_DO_NOT_USE_THIS_I
   return _scheduler->findComponentDescriptorByHandle_DO_NOT_USE_THIS_IS_BROKEN(handle);
 }
 
+- (MountingCoordinator::Shared)mountingCoordinatorWithSurfaceId:(SurfaceId)surfaceId
+{
+  return _scheduler->findMountingCoordinator(surfaceId);
+}
+
 @end
diff --git a/React/Fabric/RCTSurfacePresenter.h b/React/Fabric/RCTSurfacePresenter.h
index 8ae26c3970b989..e23e9a39ac227c 100644
--- a/React/Fabric/RCTSurfacePresenter.h
+++ b/React/Fabric/RCTSurfacePresenter.h
@@ -9,8 +9,7 @@
 
 #import <React/RCTPrimitives.h>
 #import <React/RCTSurfacePresenterStub.h>
-
-#import <React/RCTComponentViewFactory.h>
+#import <React/RCTSurfaceStage.h>
 #import <react/utils/ContextContainer.h>
 #import <react/utils/RuntimeExecutor.h>
 
@@ -29,8 +28,6 @@ NS_ASSUME_NONNULL_BEGIN
 - (instancetype)initWithContextContainer:(facebook::react::ContextContainer::Shared)contextContainer
                          runtimeExecutor:(facebook::react::RuntimeExecutor)runtimeExecutor;
 
-@property (nonatomic, readonly) RCTComponentViewFactory *componentViewFactory;
-
 @property (nonatomic) facebook::react::ContextContainer::Shared contextContainer;
 @property (nonatomic) facebook::react::RuntimeExecutor runtimeExecutor;
 
@@ -71,6 +68,8 @@ NS_ASSUME_NONNULL_BEGIN
 
 - (BOOL)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag props:(NSDictionary *)props;
 
+- (BOOL)synchronouslyWaitSurface:(RCTFabricSurface *)surface timeout:(NSTimeInterval)timeout;
+
 - (void)addObserver:(id<RCTSurfacePresenterObserver>)observer;
 
 - (void)removeObserver:(id<RCTSurfacePresenterObserver>)observer;
diff --git a/React/Fabric/RCTSurfacePresenter.mm b/React/Fabric/RCTSurfacePresenter.mm
index 349db930302ac9..2256bb6abb60a7 100644
--- a/React/Fabric/RCTSurfacePresenter.mm
+++ b/React/Fabric/RCTSurfacePresenter.mm
@@ -14,6 +14,7 @@
 #import <React/RCTComponentViewRegistry.h>
 #import <React/RCTFabricSurface.h>
 #import <React/RCTFollyConvert.h>
+#import <React/RCTI18nUtil.h>
 #import <React/RCTMountingManager.h>
 #import <React/RCTMountingManagerDelegate.h>
 #import <React/RCTScheduler.h>
@@ -36,17 +37,35 @@
 
 using namespace facebook::react;
 
+static inline LayoutConstraints RCTGetLayoutConstraintsForSize(CGSize minimumSize, CGSize maximumSize)
+{
+  return {
+      .minimumSize = RCTSizeFromCGSize(minimumSize),
+      .maximumSize = RCTSizeFromCGSize(maximumSize),
+      .layoutDirection = RCTLayoutDirection([[RCTI18nUtil sharedInstance] isRTL]),
+  };
+}
+
+static inline LayoutContext RCTGetLayoutContext()
+{
+  return {.pointScaleFactor = RCTScreenScale(),
+          .swapLeftAndRightInRTL =
+              [[RCTI18nUtil sharedInstance] isRTL] && [[RCTI18nUtil sharedInstance] doLeftAndRightSwapInRTL]};
+}
+
 @interface RCTSurfacePresenter () <RCTSchedulerDelegate, RCTMountingManagerDelegate>
 @end
 
 @implementation RCTSurfacePresenter {
-  std::mutex _schedulerMutex;
-  RCTScheduler
-      *_Nullable _scheduler; // Thread-safe. Mutation of the instance variable is protected by `_schedulerMutex`.
-  ContextContainer::Shared _contextContainer;
-  RuntimeExecutor _runtimeExecutor;
   RCTMountingManager *_mountingManager; // Thread-safe.
   RCTSurfaceRegistry *_surfaceRegistry; // Thread-safe.
+
+  std::mutex _schedulerAccessMutex;
+  std::mutex _schedulerLifeCycleMutex;
+  RCTScheduler *_Nullable _scheduler; // Thread-safe. Pointer is protected by `_schedulerAccessMutex`.
+  ContextContainer::Shared _contextContainer; // Protected by `_schedulerLifeCycleMutex`.
+  RuntimeExecutor _runtimeExecutor; // Protected by `_schedulerLifeCycleMutex`.
+
   better::shared_mutex _observerListMutex;
   NSMutableArray<id<RCTSurfacePresenterObserver>> *_observers;
   RCTImageLoader *_imageLoader;
@@ -74,61 +93,63 @@ - (instancetype)initWithContextContainer:(ContextContainer::Shared)contextContai
   return self;
 }
 
-- (RCTComponentViewFactory *)componentViewFactory
+- (RCTScheduler *_Nullable)_scheduler
 {
-  return _mountingManager.componentViewRegistry.componentViewFactory;
+  std::lock_guard<std::mutex> lock(_schedulerAccessMutex);
+  return _scheduler;
 }
 
 - (ContextContainer::Shared)contextContainer
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
+  std::lock_guard<std::mutex> lock(_schedulerLifeCycleMutex);
   return _contextContainer;
 }
 
 - (void)setContextContainer:(ContextContainer::Shared)contextContainer
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
+  std::lock_guard<std::mutex> lock(_schedulerLifeCycleMutex);
   _contextContainer = contextContainer;
 }
 
-- (void)setRuntimeExecutor:(RuntimeExecutor)runtimeExecutor
+- (RuntimeExecutor)runtimeExecutor
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
-  _runtimeExecutor = runtimeExecutor;
+  std::lock_guard<std::mutex> lock(_schedulerLifeCycleMutex);
+  return _runtimeExecutor;
 }
 
-- (RuntimeExecutor)runtimeExecutor
+- (void)setRuntimeExecutor:(RuntimeExecutor)runtimeExecutor
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
-  return _runtimeExecutor;
+  std::lock_guard<std::mutex> lock(_schedulerLifeCycleMutex);
+  _runtimeExecutor = runtimeExecutor;
 }
 
 #pragma mark - Internal Surface-dedicated Interface
 
 - (void)registerSurface:(RCTFabricSurface *)surface
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
+  RCTScheduler *scheduler = [self _scheduler];
   [_surfaceRegistry registerSurface:surface];
-  if (_scheduler) {
-    [self _startSurface:surface];
+  if (scheduler) {
+    [self _startSurface:surface scheduler:scheduler];
   }
 }
 
 - (void)unregisterSurface:(RCTFabricSurface *)surface
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
-  if (_scheduler) {
-    [self _stopSurface:surface];
+  RCTScheduler *scheduler = [self _scheduler];
+  if (scheduler) {
+    [self _stopSurface:surface scheduler:scheduler];
   }
   [_surfaceRegistry unregisterSurface:surface];
 }
 
 - (void)setProps:(NSDictionary *)props surface:(RCTFabricSurface *)surface
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
-  // This implementation is suboptimal indeed but still better than nothing for now.
-  [self _stopSurface:surface];
-  [self _startSurface:surface];
+  RCTScheduler *scheduler = [self _scheduler];
+  if (scheduler) {
+    [self _stopSurface:surface scheduler:scheduler];
+    [self _startSurface:surface scheduler:scheduler];
+  }
 }
 
 - (RCTFabricSurface *)surfaceForRootTag:(ReactTag)rootTag
@@ -140,29 +161,38 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
                       maximumSize:(CGSize)maximumSize
                           surface:(RCTFabricSurface *)surface
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
-  LayoutContext layoutContext = {.pointScaleFactor = RCTScreenScale()};
-  LayoutConstraints layoutConstraints = {.minimumSize = RCTSizeFromCGSize(minimumSize),
-                                         .maximumSize = RCTSizeFromCGSize(maximumSize)};
-  return [_scheduler measureSurfaceWithLayoutConstraints:layoutConstraints
-                                           layoutContext:layoutContext
-                                               surfaceId:surface.rootTag];
+  RCTScheduler *scheduler = [self _scheduler];
+  if (!scheduler) {
+    return minimumSize;
+  }
+  LayoutContext layoutContext = RCTGetLayoutContext();
+  LayoutConstraints layoutConstraints = RCTGetLayoutConstraintsForSize(minimumSize, maximumSize);
+  return [scheduler measureSurfaceWithLayoutConstraints:layoutConstraints
+                                          layoutContext:layoutContext
+                                              surfaceId:surface.rootTag];
 }
 
 - (void)setMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize surface:(RCTFabricSurface *)surface
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
-  LayoutContext layoutContext = {.pointScaleFactor = RCTScreenScale()};
-  LayoutConstraints layoutConstraints = {.minimumSize = RCTSizeFromCGSize(minimumSize),
-                                         .maximumSize = RCTSizeFromCGSize(maximumSize)};
-  [_scheduler constraintSurfaceLayoutWithLayoutConstraints:layoutConstraints
-                                             layoutContext:layoutContext
-                                                 surfaceId:surface.rootTag];
+  RCTScheduler *scheduler = [self _scheduler];
+  if (!scheduler) {
+    return;
+  }
+
+  LayoutContext layoutContext = RCTGetLayoutContext();
+  LayoutConstraints layoutConstraints = RCTGetLayoutConstraintsForSize(minimumSize, maximumSize);
+  [scheduler constraintSurfaceLayoutWithLayoutConstraints:layoutConstraints
+                                            layoutContext:layoutContext
+                                                surfaceId:surface.rootTag];
 }
 
 - (BOOL)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag props:(NSDictionary *)props
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
+  RCTScheduler *scheduler = [self _scheduler];
+  if (!scheduler) {
+    return NO;
+  }
+
   ReactTag tag = [reactTag integerValue];
   UIView<RCTComponentViewProtocol> *componentView =
       [_mountingManager.componentViewRegistry findComponentViewWithTag:tag];
@@ -170,7 +200,7 @@ - (BOOL)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag props:(NSDictiona
     return NO; // This view probably isn't managed by Fabric
   }
   ComponentHandle handle = [[componentView class] componentDescriptorProvider].handle;
-  auto *componentDescriptor = [_scheduler findComponentDescriptorByHandle_DO_NOT_USE_THIS_IS_BROKEN:handle];
+  auto *componentDescriptor = [scheduler findComponentDescriptorByHandle_DO_NOT_USE_THIS_IS_BROKEN:handle];
 
   if (!componentDescriptor) {
     return YES;
@@ -180,30 +210,64 @@ - (BOOL)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag props:(NSDictiona
   return YES;
 }
 
-- (BOOL)suspend
+- (BOOL)synchronouslyWaitSurface:(RCTFabricSurface *)surface timeout:(NSTimeInterval)timeout
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
+  RCTScheduler *scheduler = [self _scheduler];
+  if (!scheduler) {
+    return NO;
+  }
+
+  auto mountingCoordinator = [scheduler mountingCoordinatorWithSurfaceId:surface.rootTag];
 
-  if (!_scheduler) {
+  if (!mountingCoordinator->waitForTransaction(std::chrono::duration<NSTimeInterval>(timeout))) {
     return NO;
   }
 
-  [self _stopAllSurfaces];
-  _scheduler = nil;
+  [_mountingManager scheduleTransaction:mountingCoordinator];
+
+  return YES;
+}
+
+- (BOOL)suspend
+{
+  std::lock_guard<std::mutex> lock(_schedulerLifeCycleMutex);
+
+  RCTScheduler *scheduler;
+  {
+    std::lock_guard<std::mutex> accessLock(_schedulerAccessMutex);
+
+    if (!_scheduler) {
+      return NO;
+    }
+    scheduler = _scheduler;
+    _scheduler = nil;
+  }
+
+  [self _stopAllSurfacesWithScheduler:scheduler];
 
   return YES;
 }
 
 - (BOOL)resume
 {
-  std::lock_guard<std::mutex> lock(_schedulerMutex);
+  std::lock_guard<std::mutex> lock(_schedulerLifeCycleMutex);
 
-  if (_scheduler) {
-    return NO;
+  RCTScheduler *scheduler;
+  {
+    std::lock_guard<std::mutex> accessLock(_schedulerAccessMutex);
+
+    if (_scheduler) {
+      return NO;
+    }
+    scheduler = [self _createScheduler];
   }
 
-  _scheduler = [self _createScheduler];
-  [self _startAllSurfaces];
+  [self _startAllSurfacesWithScheduler:scheduler];
+
+  {
+    std::lock_guard<std::mutex> accessLock(_schedulerAccessMutex);
+    _scheduler = scheduler;
+  }
 
   return YES;
 }
@@ -212,12 +276,12 @@ - (BOOL)resume
 
 - (RCTScheduler *)_createScheduler
 {
-  auto componentRegistryFactory = [factory = wrapManagedObject(self.componentViewFactory)](
-                                      EventDispatcher::Weak const &eventDispatcher,
-                                      ContextContainer::Shared const &contextContainer) {
-    return [(RCTComponentViewFactory *)unwrapManagedObject(factory)
-        createComponentDescriptorRegistryWithParameters:{eventDispatcher, contextContainer}];
-  };
+  auto componentRegistryFactory =
+      [factory = wrapManagedObject(_mountingManager.componentViewRegistry.componentViewFactory)](
+          EventDispatcher::Weak const &eventDispatcher, ContextContainer::Shared const &contextContainer) {
+        return [(RCTComponentViewFactory *)unwrapManagedObject(factory)
+            createComponentDescriptorRegistryWithParameters:{eventDispatcher, contextContainer}];
+      };
 
   auto runtimeExecutor = _runtimeExecutor;
 
@@ -240,7 +304,7 @@ - (RCTScheduler *)_createScheduler
   return scheduler;
 }
 
-- (void)_startSurface:(RCTFabricSurface *)surface
+- (void)_startSurface:(RCTFabricSurface *)surface scheduler:(RCTScheduler *)scheduler
 {
   RCTMountingManager *mountingManager = _mountingManager;
   RCTExecuteOnMainQueue(^{
@@ -248,21 +312,20 @@ - (void)_startSurface:(RCTFabricSurface *)surface
                                                                                tag:surface.rootTag];
   });
 
-  LayoutContext layoutContext = {.pointScaleFactor = RCTScreenScale()};
+  LayoutContext layoutContext = RCTGetLayoutContext();
 
-  LayoutConstraints layoutConstraints = {.minimumSize = RCTSizeFromCGSize(surface.minimumSize),
-                                         .maximumSize = RCTSizeFromCGSize(surface.maximumSize)};
+  LayoutConstraints layoutConstraints = RCTGetLayoutConstraintsForSize(surface.minimumSize, surface.maximumSize);
 
-  [_scheduler startSurfaceWithSurfaceId:surface.rootTag
-                             moduleName:surface.moduleName
-                           initialProps:surface.properties
-                      layoutConstraints:layoutConstraints
-                          layoutContext:layoutContext];
+  [scheduler startSurfaceWithSurfaceId:surface.rootTag
+                            moduleName:surface.moduleName
+                          initialProps:surface.properties
+                     layoutConstraints:layoutConstraints
+                         layoutContext:layoutContext];
 }
 
-- (void)_stopSurface:(RCTFabricSurface *)surface
+- (void)_stopSurface:(RCTFabricSurface *)surface scheduler:(RCTScheduler *)scheduler
 {
-  [_scheduler stopSurfaceWithSurfaceId:surface.rootTag];
+  [scheduler stopSurfaceWithSurfaceId:surface.rootTag];
 
   RCTMountingManager *mountingManager = _mountingManager;
   RCTExecuteOnMainQueue(^{
@@ -276,20 +339,20 @@ - (void)_stopSurface:(RCTFabricSurface *)surface
   [surface _unsetStage:(RCTSurfaceStagePrepared | RCTSurfaceStageMounted)];
 }
 
-- (void)_startAllSurfaces
+- (void)_startAllSurfacesWithScheduler:(RCTScheduler *)scheduler
 {
   [_surfaceRegistry enumerateWithBlock:^(NSEnumerator<RCTFabricSurface *> *enumerator) {
     for (RCTFabricSurface *surface in enumerator) {
-      [self _startSurface:surface];
+      [self _startSurface:surface scheduler:scheduler];
     }
   }];
 }
 
-- (void)_stopAllSurfaces
+- (void)_stopAllSurfacesWithScheduler:(RCTScheduler *)scheduler
 {
   [_surfaceRegistry enumerateWithBlock:^(NSEnumerator<RCTFabricSurface *> *enumerator) {
     for (RCTFabricSurface *surface in enumerator) {
-      [self _stopSurface:surface];
+      [self _stopSurface:surface scheduler:scheduler];
     }
   }];
 }
diff --git a/React/Fabric/RCTSurfaceRegistry.mm b/React/Fabric/RCTSurfaceRegistry.mm
index f4e1313f15e421..25487f3d74b79a 100644
--- a/React/Fabric/RCTSurfaceRegistry.mm
+++ b/React/Fabric/RCTSurfaceRegistry.mm
@@ -7,9 +7,9 @@
 
 #import "RCTSurfaceRegistry.h"
 
+#import <better/mutex.h>
 #import <mutex>
 #import <shared_mutex>
-#import <better/mutex.h>
 
 #import <React/RCTFabricSurface.h>
 
diff --git a/React/Fabric/RCTSurfaceTouchHandler.mm b/React/Fabric/RCTSurfaceTouchHandler.mm
index ffe0a62363e31a..e2de89c668aa11 100644
--- a/React/Fabric/RCTSurfaceTouchHandler.mm
+++ b/React/Fabric/RCTSurfaceTouchHandler.mm
@@ -18,13 +18,14 @@
 
 template <size_t size>
 class IdentifierPool {
-public:
-
-  void enqueue(int index) {
+ public:
+  void enqueue(int index)
+  {
     usage[index] = false;
   }
 
-  int dequeue() {
+  int dequeue()
+  {
     while (true) {
       if (!usage[lastIndex]) {
         usage[lastIndex] = true;
@@ -34,14 +35,14 @@ int dequeue() {
     }
   }
 
-  void reset() {
+  void reset()
+  {
     for (int i = 0; i < size; i++) {
       usage[i] = false;
     }
   }
 
-private:
-
+ private:
   bool usage[size];
   int lastIndex;
 };
@@ -63,19 +64,22 @@ typedef NS_ENUM(NSInteger, RCTTouchEventType) {
   __strong UIView<RCTComponentViewProtocol> *componentView = nil;
 
   struct Hasher {
-    size_t operator()(const ActiveTouch &activeTouch) const {
+    size_t operator()(const ActiveTouch &activeTouch) const
+    {
       return std::hash<decltype(activeTouch.touch.identifier)>()(activeTouch.touch.identifier);
     }
   };
 
   struct Comparator {
-    bool operator()(const ActiveTouch &lhs, const ActiveTouch &rhs) const {
+    bool operator()(const ActiveTouch &lhs, const ActiveTouch &rhs) const
+    {
       return lhs.touch.identifier == rhs.touch.identifier;
     }
   };
 };
 
-static void UpdateActiveTouchWithUITouch(ActiveTouch &activeTouch, UITouch *uiTouch, UIView *rootComponentView) {
+static void UpdateActiveTouchWithUITouch(ActiveTouch &activeTouch, UITouch *uiTouch, UIView *rootComponentView)
+{
   CGPoint offsetPoint = [uiTouch locationInView:activeTouch.componentView];
   CGPoint screenPoint = [uiTouch locationInView:uiTouch.window];
   CGPoint pagePoint = [uiTouch locationInView:rootComponentView];
@@ -91,7 +95,8 @@ static void UpdateActiveTouchWithUITouch(ActiveTouch &activeTouch, UITouch *uiTo
   }
 }
 
-static ActiveTouch CreateTouchWithUITouch(UITouch *uiTouch, UIView *rootComponentView) {
+static ActiveTouch CreateTouchWithUITouch(UITouch *uiTouch, UIView *rootComponentView)
+{
   UIView *componentView = uiTouch.view;
 
   ActiveTouch activeTouch = {};
@@ -108,21 +113,20 @@ static ActiveTouch CreateTouchWithUITouch(UITouch *uiTouch, UIView *rootComponen
   return activeTouch;
 }
 
-static BOOL AllTouchesAreCancelledOrEnded(NSSet<UITouch *> *touches) {
+static BOOL AllTouchesAreCancelledOrEnded(NSSet<UITouch *> *touches)
+{
   for (UITouch *touch in touches) {
-    if (touch.phase == UITouchPhaseBegan ||
-        touch.phase == UITouchPhaseMoved ||
-        touch.phase == UITouchPhaseStationary) {
+    if (touch.phase == UITouchPhaseBegan || touch.phase == UITouchPhaseMoved || touch.phase == UITouchPhaseStationary) {
       return NO;
     }
   }
   return YES;
 }
 
-static BOOL AnyTouchesChanged(NSSet<UITouch *> *touches) {
+static BOOL AnyTouchesChanged(NSSet<UITouch *> *touches)
+{
   for (UITouch *touch in touches) {
-    if (touch.phase == UITouchPhaseBegan ||
-        touch.phase == UITouchPhaseMoved) {
+    if (touch.phase == UITouchPhaseBegan || touch.phase == UITouchPhaseMoved) {
       return YES;
     }
   }
@@ -135,9 +139,10 @@ static BOOL AnyTouchesChanged(NSSet<UITouch *> *touches) {
  * This is quite trivial but decent implementation of hasher function
  * inspired by this research: https://stackoverflow.com/a/21062520/496389.
  */
-template<typename PointerT>
+template <typename PointerT>
 struct PointerHasher {
-  constexpr std::size_t operator()(const PointerT &value) const {
+  constexpr std::size_t operator()(const PointerT &value) const
+  {
     return reinterpret_cast<size_t>(value);
   }
 };
@@ -146,11 +151,8 @@ @interface RCTSurfaceTouchHandler () <UIGestureRecognizerDelegate>
 @end
 
 @implementation RCTSurfaceTouchHandler {
-  std::unordered_map<
-    __unsafe_unretained UITouch *,
-    ActiveTouch,
-    PointerHasher<__unsafe_unretained UITouch *>
-  > _activeTouches;
+  std::unordered_map<__unsafe_unretained UITouch *, ActiveTouch, PointerHasher<__unsafe_unretained UITouch *>>
+      _activeTouches;
 
   UIView *_rootComponentView;
   IdentifierPool<11> _identifierPool;
@@ -173,7 +175,7 @@ - (instancetype)init
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithTarget:(id)target action:(SEL)action)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithTarget : (id)target action : (SEL)action)
 
 - (void)attachToView:(UIView *)view
 {
@@ -204,14 +206,25 @@ - (void)_registerTouches:(NSSet<UITouch *> *)touches
 - (void)_updateTouches:(NSSet<UITouch *> *)touches
 {
   for (UITouch *touch in touches) {
-    UpdateActiveTouchWithUITouch(_activeTouches.at(touch), touch, _rootComponentView);
+    auto iterator = _activeTouches.find(touch);
+    assert(iterator != _activeTouches.end() && "Inconsistency between local and UIKit touch registries");
+    if (iterator == _activeTouches.end()) {
+      continue;
+    }
+
+    UpdateActiveTouchWithUITouch(iterator->second, touch, _rootComponentView);
   }
 }
 
 - (void)_unregisterTouches:(NSSet<UITouch *> *)touches
 {
   for (UITouch *touch in touches) {
-    const auto &activeTouch = _activeTouches.at(touch);
+    auto iterator = _activeTouches.find(touch);
+    assert(iterator != _activeTouches.end() && "Inconsistency between local and UIKit touch registries");
+    if (iterator == _activeTouches.end()) {
+      continue;
+    }
+    auto &activeTouch = iterator->second;
     _identifierPool.enqueue(activeTouch.touch.identifier);
     _activeTouches.erase(touch);
   }
@@ -223,7 +236,12 @@ - (void)_unregisterTouches:(NSSet<UITouch *> *)touches
   activeTouches.reserve(touches.count);
 
   for (UITouch *touch in touches) {
-    activeTouches.push_back(_activeTouches.at(touch));
+    auto iterator = _activeTouches.find(touch);
+    assert(iterator != _activeTouches.end() && "Inconsistency between local and UIKit touch registries");
+    if (iterator == _activeTouches.end()) {
+      continue;
+    }
+    activeTouches.push_back(iterator->second);
   }
 
   return activeTouches;
@@ -251,10 +269,7 @@ - (void)_dispatchActiveTouches:(std::vector<ActiveTouch>)activeTouches eventType
       continue;
     }
 
-    if (
-        isEndishEventType &&
-        event.changedTouches.find(pair.second.touch) != event.changedTouches.end()
-    ) {
+    if (isEndishEventType && event.changedTouches.find(pair.second.touch) != event.changedTouches.end()) {
       continue;
     }
 
@@ -294,8 +309,7 @@ - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
   [super touchesBegan:touches withEvent:event];
 
   [self _registerTouches:touches];
-  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches]
-                     eventType:RCTTouchEventTypeTouchStart];
+  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches] eventType:RCTTouchEventTypeTouchStart];
 
   if (self.state == UIGestureRecognizerStatePossible) {
     self.state = UIGestureRecognizerStateBegan;
@@ -309,8 +323,7 @@ - (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
   [super touchesMoved:touches withEvent:event];
 
   [self _updateTouches:touches];
-  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches]
-                     eventType:RCTTouchEventTypeTouchMove];
+  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches] eventType:RCTTouchEventTypeTouchMove];
 
   self.state = UIGestureRecognizerStateChanged;
 }
@@ -320,8 +333,7 @@ - (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
   [super touchesEnded:touches withEvent:event];
 
   [self _updateTouches:touches];
-  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches]
-                     eventType:RCTTouchEventTypeTouchEnd];
+  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches] eventType:RCTTouchEventTypeTouchEnd];
   [self _unregisterTouches:touches];
 
   if (AllTouchesAreCancelledOrEnded(event.allTouches)) {
@@ -336,8 +348,7 @@ - (void)touchesCancelled:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
   [super touchesCancelled:touches withEvent:event];
 
   [self _updateTouches:touches];
-  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches]
-                     eventType:RCTTouchEventTypeTouchCancel];
+  [self _dispatchActiveTouches:[self _activeTouchesFromTouches:touches] eventType:RCTTouchEventTypeTouchCancel];
   [self _unregisterTouches:touches];
 
   if (AllTouchesAreCancelledOrEnded(event.allTouches)) {
@@ -359,8 +370,7 @@ - (void)reset
       activeTouches.push_back(pair.second);
     }
 
-    [self _dispatchActiveTouches:activeTouches
-                       eventType:RCTTouchEventTypeTouchCancel];
+    [self _dispatchActiveTouches:activeTouches eventType:RCTTouchEventTypeTouchCancel];
 
     // Force-unregistering all the touches.
     _activeTouches.clear();
@@ -382,7 +392,8 @@ - (BOOL)canBePreventedByGestureRecognizer:(UIGestureRecognizer *)preventingGestu
 
 #pragma mark - UIGestureRecognizerDelegate
 
-- (BOOL)gestureRecognizer:(__unused UIGestureRecognizer *)gestureRecognizer shouldRequireFailureOfGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
+- (BOOL)gestureRecognizer:(__unused UIGestureRecognizer *)gestureRecognizer
+    shouldRequireFailureOfGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer
 {
   // Same condition for `failure of` as for `be prevented by`.
   return [self canBePreventedByGestureRecognizer:otherGestureRecognizer];
diff --git a/React/Fabric/Surface/RCTFabricSurface.h b/React/Fabric/Surface/RCTFabricSurface.h
index bc4ab096ee5c51..5895b02c20fed3 100644
--- a/React/Fabric/Surface/RCTFabricSurface.h
+++ b/React/Fabric/Surface/RCTFabricSurface.h
@@ -7,6 +7,7 @@
 
 #import <React/RCTPrimitives.h>
 #import <React/RCTSurfaceStage.h>
+#import <react/mounting/MountingCoordinator.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -121,10 +122,9 @@ NS_ASSUME_NONNULL_BEGIN
 
 /**
  * Synchronously blocks the current thread up to given `timeout` until
- * the Surface reaches `stage`.
- * NOT SUPPORTED IN FABRIC YET.
+ * the Surface is rendered.
  */
-- (BOOL)synchronouslyWaitForStage:(RCTSurfaceStage)stage timeout:(NSTimeInterval)timeout;
+- (BOOL)synchronouslyWaitFor:(NSTimeInterval)timeout;
 
 @end
 
diff --git a/React/Fabric/Surface/RCTFabricSurface.mm b/React/Fabric/Surface/RCTFabricSurface.mm
index 10858277671361..0f1f426a69ce93 100644
--- a/React/Fabric/Surface/RCTFabricSurface.mm
+++ b/React/Fabric/Surface/RCTFabricSurface.mm
@@ -20,6 +20,8 @@
 
 #import "RCTSurfacePresenter.h"
 
+using namespace facebook::react;
+
 @implementation RCTFabricSurface {
   // Immutable
   RCTSurfacePresenter *_surfacePresenter;
@@ -253,10 +255,9 @@ - (CGSize)intrinsicSize
 
 #pragma mark - Synchronous Waiting
 
-- (BOOL)synchronouslyWaitForStage:(RCTSurfaceStage)stage timeout:(NSTimeInterval)timeout
+- (BOOL)synchronouslyWaitFor:(NSTimeInterval)timeout
 {
-  // TODO: Not supported yet.
-  return NO;
+  return [_surfacePresenter synchronouslyWaitSurface:self timeout:timeout];
 }
 
 #pragma mark - Deprecated
diff --git a/React/Fabric/Utils/MainRunLoopEventBeat.mm b/React/Fabric/Utils/MainRunLoopEventBeat.mm
index dab0e1081034c9..563cebde21d38b 100644
--- a/React/Fabric/Utils/MainRunLoopEventBeat.mm
+++ b/React/Fabric/Utils/MainRunLoopEventBeat.mm
@@ -58,30 +58,7 @@
     return;
   }
 
-  // Note: We need the third mutex to get back to the main thread before
-  // the lambda is finished (because all mutexes are allocated on the stack).
-  std::mutex mutex1;
-  std::mutex mutex2;
-  std::mutex mutex3;
-
-  mutex1.lock();
-  mutex2.lock();
-  mutex3.lock();
-
-  jsi::Runtime *runtimePtr;
-
-  runtimeExecutor_([&](jsi::Runtime &runtime) {
-    runtimePtr = &runtime;
-    mutex1.unlock();
-    // `beat` is called somewhere here.
-    mutex2.lock();
-    mutex3.unlock();
-  });
-
-  mutex1.lock();
-  beat(*runtimePtr);
-  mutex2.unlock();
-  mutex3.lock();
+  executeSynchronouslyOnSameThread_CAN_DEADLOCK(runtimeExecutor_, [this](jsi::Runtime &runtime) { beat(runtime); });
 }
 
 } // namespace react
diff --git a/React/Fabric/Utils/RCTGenericDelegateSplitter.h b/React/Fabric/Utils/RCTGenericDelegateSplitter.h
index 3af01b148541ba..d79640203a9312 100644
--- a/React/Fabric/Utils/RCTGenericDelegateSplitter.h
+++ b/React/Fabric/Utils/RCTGenericDelegateSplitter.h
@@ -37,6 +37,7 @@ NS_ASSUME_NONNULL_BEGIN
  */
 - (void)addDelegate:(DelegateT)delegate;
 - (void)removeDelegate:(DelegateT)delegate;
+- (void)removeAllDelegates;
 
 @end
 
diff --git a/React/Fabric/Utils/RCTGenericDelegateSplitter.mm b/React/Fabric/Utils/RCTGenericDelegateSplitter.mm
index e63bc7b4d83302..7a7e109fb115a5 100644
--- a/React/Fabric/Utils/RCTGenericDelegateSplitter.mm
+++ b/React/Fabric/Utils/RCTGenericDelegateSplitter.mm
@@ -35,6 +35,12 @@ - (void)removeDelegate:(id)delegate
   [self _updateDelegate];
 }
 
+- (void)removeAllDelegates
+{
+  [_delegates removeAllObjects];
+  [self _updateDelegate];
+}
+
 #pragma mark - Private
 
 - (void)_updateDelegate
@@ -72,11 +78,17 @@ - (NSMethodSignature *)methodSignatureForSelector:(SEL)selector
 
 - (void)forwardInvocation:(NSInvocation *)invocation
 {
+  NSMutableArray *targets = [[NSMutableArray alloc] initWithCapacity:_delegates.count];
+
   for (id delegate in _delegates) {
     if ([delegate respondsToSelector:[invocation selector]]) {
-      [invocation invokeWithTarget:delegate];
+      [targets addObject:delegate];
     }
   }
+
+  for (id target in targets) {
+    [invocation invokeWithTarget:target];
+  }
 }
 
 @end
diff --git a/React/Inspector/RCTInspector.mm b/React/Inspector/RCTInspector.mm
index eb3ef7e0f0f116..1f10fd8db86052 100644
--- a/React/Inspector/RCTInspector.mm
+++ b/React/Inspector/RCTInspector.mm
@@ -7,7 +7,7 @@
 
 #import <React/RCTInspector.h>
 
-#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+#if RCT_DEV
 
 #include <jsinspector/InspectorInterfaces.h>
 
@@ -25,18 +25,20 @@
 // please keep consistent :)
 
 class RemoteConnection : public IRemoteConnection {
-public:
-RemoteConnection(RCTInspectorRemoteConnection *connection) :
-  _connection(connection) {}
+ public:
+  RemoteConnection(RCTInspectorRemoteConnection *connection) : _connection(connection) {}
 
-  virtual void onMessage(std::string message) override {
+  virtual void onMessage(std::string message) override
+  {
     [_connection onMessage:@(message.c_str())];
   }
 
-  virtual void onDisconnect() override {
+  virtual void onDisconnect() override
+  {
     [_connection onDisconnect];
   }
-private:
+
+ private:
   const RCTInspectorRemoteConnection *_connection;
 };
 
@@ -45,9 +47,7 @@ @interface RCTInspectorPage () {
   NSString *_title;
   NSString *_vm;
 }
-- (instancetype)initWithId:(NSInteger)id
-                     title:(NSString *)title
-                     vm:(NSString *)vm;
+- (instancetype)initWithId:(NSInteger)id title:(NSString *)title vm:(NSString *)vm;
 @end
 
 @interface RCTInspectorLocalConnection () {
@@ -63,7 +63,7 @@ - (instancetype)initWithConnection:(std::unique_ptr<ILocalConnection>)connection
 
 @implementation RCTInspector
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 + (NSArray<RCTInspectorPage *> *)pages
 {
@@ -72,9 +72,8 @@ @implementation RCTInspector
   for (size_t i = 0; i < pages.size(); i++) {
     RCTInspectorPage *pageWrapper = [[RCTInspectorPage alloc] initWithId:pages[i].id
                                                                    title:@(pages[i].title.c_str())
-                                                                   vm:@(pages[i].vm.c_str())];
+                                                                      vm:@(pages[i].vm.c_str())];
     [array addObject:pageWrapper];
-
   }
   return array;
 }
@@ -90,11 +89,9 @@ + (RCTInspectorLocalConnection *)connectPage:(NSInteger)pageId
 
 @implementation RCTInspectorPage
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
-- (instancetype)initWithId:(NSInteger)id
-                     title:(NSString *)title
-                        vm:(NSString *)vm
+- (instancetype)initWithId:(NSInteger)id title:(NSString *)title vm:(NSString *)vm
 {
   if (self = [super init]) {
     _id = id;
@@ -108,7 +105,7 @@ - (instancetype)initWithId:(NSInteger)id
 
 @implementation RCTInspectorLocalConnection
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (instancetype)initWithConnection:(std::unique_ptr<ILocalConnection>)connection
 {
diff --git a/React/Inspector/RCTInspectorPackagerConnection.h b/React/Inspector/RCTInspectorPackagerConnection.h
index 6fe57a441d2992..de086945e5a614 100644
--- a/React/Inspector/RCTInspectorPackagerConnection.h
+++ b/React/Inspector/RCTInspectorPackagerConnection.h
@@ -8,14 +8,14 @@
 #import <Foundation/Foundation.h>
 #import <React/RCTDefines.h>
 
-#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+#if RCT_DEV
 
 @interface RCTBundleStatus : NSObject
 @property (atomic, assign) BOOL isLastBundleDownloadSuccess;
 @property (atomic, assign) NSTimeInterval bundleUpdateTimestamp;
 @end
 
-typedef RCTBundleStatus *(^RCTBundleStatusProvider)(void);
+typedef RCTBundleStatus * (^RCTBundleStatusProvider)(void);
 
 @interface RCTInspectorPackagerConnection : NSObject
 - (instancetype)initWithURL:(NSURL *)url;
diff --git a/React/Inspector/RCTInspectorPackagerConnection.m b/React/Inspector/RCTInspectorPackagerConnection.m
index 5da2e858f102d0..33febedb9f26a0 100644
--- a/React/Inspector/RCTInspectorPackagerConnection.m
+++ b/React/Inspector/RCTInspectorPackagerConnection.m
@@ -7,7 +7,7 @@
 
 #import <React/RCTInspectorPackagerConnection.h>
 
-#if RCT_DEV && !TARGET_OS_UIKITFORMAC
+#if RCT_DEV
 
 #import <React/RCTDefines.h>
 #import <React/RCTInspector.h>
@@ -45,12 +45,12 @@ - (instancetype)initWithPackagerConnection:(RCTInspectorPackagerConnection *)own
 
 static NSDictionary<NSString *, id> *makePageIdPayload(NSString *pageId)
 {
-  return @{ @"pageId": pageId };
+  return @{@"pageId" : pageId};
 }
 
 @implementation RCTInspectorPackagerConnection
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (instancetype)initWithURL:(NSURL *)url
 {
@@ -93,7 +93,7 @@ - (void)sendEventToAllConnections:(NSString *)event
 
 - (void)closeAllConnections
 {
-  for (NSString *pageId in _inspectorConnections){
+  for (NSString *pageId in _inspectorConnections) {
     [[_inspectorConnections objectForKey:pageId] disconnect];
   }
   [_inspectorConnections removeAllObjects];
@@ -111,8 +111,7 @@ - (void)handleConnect:(NSDictionary *)payload
   }
 
   RCTInspectorRemoteConnection *remoteConnection =
-    [[RCTInspectorRemoteConnection alloc] initWithPackagerConnection:self
-                                                              pageId:pageId];
+      [[RCTInspectorRemoteConnection alloc] initWithPackagerConnection:self pageId:pageId];
 
   RCTInspectorLocalConnection *inspectorConnection = [RCTInspector connectPage:[pageId integerValue]
                                                            forRemoteConnection:remoteConnection];
@@ -140,10 +139,7 @@ - (void)handleWrappedEvent:(NSDictionary *)payload
   NSString *wrappedEvent = payload[@"wrappedEvent"];
   RCTInspectorLocalConnection *inspectorConnection = _inspectorConnections[pageId];
   if (!inspectorConnection) {
-    RCTLogWarn(
-      @"Not connected to page: %@ , failed trying to handle event: %@",
-      pageId,
-      wrappedEvent);
+    RCTLogWarn(@"Not connected to page: %@ , failed trying to handle event: %@", pageId, wrappedEvent);
     return;
   }
   [inspectorConnection sendMessage:wrappedEvent];
@@ -155,34 +151,29 @@ - (NSArray *)pages
   NSMutableArray *array = [NSMutableArray arrayWithCapacity:pages.count];
 
   RCTBundleStatusProvider statusProvider = _bundleStatusProvider;
-  RCTBundleStatus *bundleStatus = statusProvider == nil
-    ? nil
-    : statusProvider();
+  RCTBundleStatus *bundleStatus = statusProvider == nil ? nil : statusProvider();
 
   for (RCTInspectorPage *page in pages) {
     NSDictionary *jsonPage = @{
-      @"id": [@(page.id) stringValue],
-      @"title": page.title,
-      @"app": [[NSBundle mainBundle] bundleIdentifier],
-      @"vm": page.vm,
-      @"isLastBundleDownloadSuccess": bundleStatus == nil
-        ? [NSNull null]
-        : @(bundleStatus.isLastBundleDownloadSuccess),
-      @"bundleUpdateTimestamp": bundleStatus == nil
-        ? [NSNull null]
-        : @((long)bundleStatus.bundleUpdateTimestamp * 1000),
+      @"id" : [@(page.id) stringValue],
+      @"title" : page.title,
+      @"app" : [[NSBundle mainBundle] bundleIdentifier],
+      @"vm" : page.vm,
+      @"isLastBundleDownloadSuccess" : bundleStatus == nil ? [NSNull null]
+                                                           : @(bundleStatus.isLastBundleDownloadSuccess),
+      @"bundleUpdateTimestamp" : bundleStatus == nil ? [NSNull null]
+                                                     : @((long)bundleStatus.bundleUpdateTimestamp * 1000),
     };
     [array addObject:jsonPage];
   }
   return array;
 }
 
-- (void)sendWrappedEvent:(NSString *)pageId
-                 message:(NSString *)message
+- (void)sendWrappedEvent:(NSString *)pageId message:(NSString *)message
 {
   NSDictionary *payload = @{
-    @"pageId": pageId,
-    @"wrappedEvent": message,
+    @"pageId" : pageId,
+    @"wrappedEvent" : message,
   };
   [self sendEvent:@"wrappedEvent" payload:payload];
 }
@@ -190,8 +181,8 @@ - (void)sendWrappedEvent:(NSString *)pageId
 - (void)sendEvent:(NSString *)name payload:(id)payload
 {
   NSDictionary *jsonMessage = @{
-    @"event": name,
-    @"payload": payload,
+    @"event" : name,
+    @"payload" : payload,
   };
   [self sendToPackager:jsonMessage];
 }
@@ -200,8 +191,7 @@ - (void)sendEvent:(NSString *)name payload:(id)payload
 - (void)webSocket:(__unused RCTSRWebSocket *)webSocket didFailWithError:(NSError *)error
 {
   if (_webSocket) {
-    [self abort:@"Websocket exception"
-      withCause:error];
+    [self abort:@"Websocket exception" withCause:error];
   }
   if (!_closed && [error code] != ECONNREFUSED) {
     [self reconnect];
@@ -221,8 +211,7 @@ - (void)webSocket:(__unused RCTSRWebSocket *)webSocket didReceiveMessage:(id)opa
   NSError *error = nil;
   id parsedJSON = RCTJSONParse(messageText, &error);
   if (error) {
-    RCTLogWarn(@"Unrecognized inspector message, string was not valid JSON: %@",
-      messageText);
+    RCTLogWarn(@"Unrecognized inspector message, string was not valid JSON: %@", messageText);
     return;
   }
 
@@ -230,9 +219,10 @@ - (void)webSocket:(__unused RCTSRWebSocket *)webSocket didReceiveMessage:(id)opa
 }
 
 // analogous to InspectorPackagerConnection.Connection.onClosed(...)
-- (void)webSocket:(__unused RCTSRWebSocket *)webSocket didCloseWithCode:(__unused NSInteger)code
-                                                        reason:(__unused NSString *)reason
-                                                      wasClean:(__unused BOOL)wasClean
+- (void)webSocket:(__unused RCTSRWebSocket *)webSocket
+    didCloseWithCode:(__unused NSInteger)code
+              reason:(__unused NSString *)reason
+            wasClean:(__unused BOOL)wasClean
 {
   _webSocket = nil;
   [self closeAllConnections];
@@ -275,13 +265,11 @@ - (void)reconnect
   }
 
   __weak RCTInspectorPackagerConnection *weakSelf = self;
-  dispatch_after(
-    dispatch_time(DISPATCH_TIME_NOW, RECONNECT_DELAY_MS *NSEC_PER_MSEC),
-    dispatch_get_main_queue(), ^{
-      RCTInspectorPackagerConnection *strongSelf = weakSelf;
-      if (strongSelf && !strongSelf->_closed) {
-        [strongSelf connect];
-      }
+  dispatch_after(dispatch_time(DISPATCH_TIME_NOW, RECONNECT_DELAY_MS * NSEC_PER_MSEC), dispatch_get_main_queue(), ^{
+    RCTInspectorPackagerConnection *strongSelf = weakSelf;
+    if (strongSelf && !strongSelf->_closed) {
+      [strongSelf connect];
+    }
   });
 }
 
@@ -308,8 +296,7 @@ - (void)sendToPackager:(NSDictionary *)messageObject
   });
 }
 
-- (void)abort:(NSString *)message
-    withCause:(NSError *)cause
+- (void)abort:(NSString *)message withCause:(NSError *)cause
 {
   // Don't log ECONNREFUSED at all; it's expected in cases where the server isn't listening.
   if (![cause.domain isEqual:NSPOSIXErrorDomain] || cause.code != ECONNREFUSED) {
@@ -323,8 +310,7 @@ - (void)abort:(NSString *)message
 - (void)disposeWebSocket
 {
   if (_webSocket) {
-    [_webSocket closeWithCode:1000
-                       reason:@"End of session"];
+    [_webSocket closeWithCode:1000 reason:@"End of session"];
     _webSocket.delegate = nil;
     _webSocket = nil;
   }
@@ -334,7 +320,7 @@ - (void)disposeWebSocket
 
 @implementation RCTInspectorRemoteConnection
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (instancetype)initWithPackagerConnection:(RCTInspectorPackagerConnection *)owningPackagerConnection
                                     pageId:(NSString *)pageId
@@ -348,8 +334,7 @@ - (instancetype)initWithPackagerConnection:(RCTInspectorPackagerConnection *)own
 
 - (void)onMessage:(NSString *)message
 {
-  [_owningPackagerConnection sendWrappedEvent:_pageId
-                                      message:message];
+  [_owningPackagerConnection sendWrappedEvent:_pageId message:message];
 }
 
 - (void)onDisconnect
@@ -357,8 +342,7 @@ - (void)onDisconnect
   RCTInspectorPackagerConnection *owningPackagerConnectionStrong = _owningPackagerConnection;
   if (owningPackagerConnectionStrong) {
     [owningPackagerConnectionStrong removeConnectionForPage:_pageId];
-    [owningPackagerConnectionStrong sendEvent:@"disconnect"
-                                      payload:makePageIdPayload(_pageId)];
+    [owningPackagerConnectionStrong sendEvent:@"disconnect" payload:makePageIdPayload(_pageId)];
   }
 }
 
diff --git a/React/Modules/RCTEventEmitter.h b/React/Modules/RCTEventEmitter.h
index bee9513da946d6..fef326cee037d1 100644
--- a/React/Modules/RCTEventEmitter.h
+++ b/React/Modules/RCTEventEmitter.h
@@ -6,14 +6,16 @@
  */
 
 #import <React/RCTBridge.h>
+#import <React/RCTJSInvokerModule.h>
 
 /**
  * RCTEventEmitter is an abstract base class to be used for modules that emit
  * events to be observed by JS.
  */
-@interface RCTEventEmitter : NSObject <RCTBridgeModule>
+@interface RCTEventEmitter : NSObject <RCTBridgeModule, RCTJSInvokerModule>
 
 @property (nonatomic, weak) RCTBridge *bridge;
+@property (nonatomic, copy, nonnull) void (^invokeJS)(NSString *module, NSString *method, NSArray *args);
 
 /**
  * Override this method to return an array of supported event names. Attempting
diff --git a/React/Modules/RCTEventEmitter.m b/React/Modules/RCTEventEmitter.m
index 6444afd4ec93df..7717ddbdcac451 100644
--- a/React/Modules/RCTEventEmitter.m
+++ b/React/Modules/RCTEventEmitter.m
@@ -7,14 +7,15 @@
 
 #import "RCTEventEmitter.h"
 #import "RCTAssert.h"
-#import "RCTUtils.h"
 #import "RCTLog.h"
+#import "RCTUtils.h"
 
-@implementation RCTEventEmitter
-{
+@implementation RCTEventEmitter {
   NSInteger _listenerCount;
 }
 
+@synthesize invokeJS = _invokeJS;
+
 + (NSString *)moduleName
 {
   return @"";
@@ -22,9 +23,12 @@ + (NSString *)moduleName
 
 + (void)initialize
 {
+  [super initialize];
   if (self != [RCTEventEmitter class]) {
-    RCTAssert(RCTClassOverridesInstanceMethod(self, @selector(supportedEvents)),
-              @"You must override the `supportedEvents` method of %@", self);
+    RCTAssert(
+        RCTClassOverridesInstanceMethod(self, @selector(supportedEvents)),
+        @"You must override the `supportedEvents` method of %@",
+        self);
   }
 }
 
@@ -35,20 +39,30 @@ + (void)initialize
 
 - (void)sendEventWithName:(NSString *)eventName body:(id)body
 {
-  RCTAssert(_bridge != nil, @"Error when sending event: %@ with body: %@. "
-            "Bridge is not set. This is probably because you've "
-            "explicitly synthesized the bridge in %@, even though it's inherited "
-            "from RCTEventEmitter.", eventName, body, [self class]);
+  RCTAssert(
+      _bridge != nil || _invokeJS != nil,
+      @"Error when sending event: %@ with body: %@. "
+       "Bridge is not set. This is probably because you've "
+       "explicitly synthesized the bridge in %@, even though it's inherited "
+       "from RCTEventEmitter.",
+      eventName,
+      body,
+      [self class]);
 
   if (RCT_DEBUG && ![[self supportedEvents] containsObject:eventName]) {
-    RCTLogError(@"`%@` is not a supported event type for %@. Supported events are: `%@`",
-                eventName, [self class], [[self supportedEvents] componentsJoinedByString:@"`, `"]);
+    RCTLogError(
+        @"`%@` is not a supported event type for %@. Supported events are: `%@`",
+        eventName,
+        [self class],
+        [[self supportedEvents] componentsJoinedByString:@"`, `"]);
   }
-  if (_listenerCount > 0) {
+  if (_listenerCount > 0 && _bridge) {
     [_bridge enqueueJSCall:@"RCTDeviceEventEmitter"
                     method:@"emit"
-                      args:body ? @[eventName, body] : @[eventName]
+                      args:body ? @[ eventName, body ] : @[ eventName ]
                 completion:NULL];
+  } else if (_listenerCount > 0 && _invokeJS) {
+    _invokeJS(@"RCTDeviceEventEmitter", @"emit", body ? @[ eventName, body ] : @[ eventName ]);
   } else {
     RCTLogWarn(@"Sending `%@` with no listeners registered.", eventName);
   }
@@ -71,11 +85,14 @@ - (void)dealloc
   }
 }
 
-RCT_EXPORT_METHOD(addListener:(NSString *)eventName)
+RCT_EXPORT_METHOD(addListener : (NSString *)eventName)
 {
   if (RCT_DEBUG && ![[self supportedEvents] containsObject:eventName]) {
-    RCTLogError(@"`%@` is not a supported event type for %@. Supported events are: `%@`",
-                eventName, [self class], [[self supportedEvents] componentsJoinedByString:@"`, `"]);
+    RCTLogError(
+        @"`%@` is not a supported event type for %@. Supported events are: `%@`",
+        eventName,
+        [self class],
+        [[self supportedEvents] componentsJoinedByString:@"`, `"]);
   }
   _listenerCount++;
   if (_listenerCount == 1) {
@@ -83,7 +100,7 @@ - (void)dealloc
   }
 }
 
-RCT_EXPORT_METHOD(removeListeners:(double)count)
+RCT_EXPORT_METHOD(removeListeners : (double)count)
 {
   int currentCount = (int)count;
   if (RCT_DEBUG && currentCount > _listenerCount) {
diff --git a/React/Modules/RCTI18nUtil.m b/React/Modules/RCTI18nUtil.m
index d5c1a2080d195f..e04582a505b06d 100644
--- a/React/Modules/RCTI18nUtil.m
+++ b/React/Modules/RCTI18nUtil.m
@@ -17,9 +17,9 @@ + (instancetype)sharedInstance
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     sharedInstance = [self new];
-    [sharedInstance swapLeftAndRightInRTL: true];
+    [sharedInstance swapLeftAndRightInRTL:true];
   });
-  
+
   return sharedInstance;
 }
 
@@ -66,8 +66,7 @@ - (void)allowRTL:(BOOL)rtlStatus
  */
 - (BOOL)isRTLForced
 {
-  BOOL rtlStatus = [[NSUserDefaults standardUserDefaults]
-                            boolForKey:@"RCTI18nUtil_forceRTL"];
+  BOOL rtlStatus = [[NSUserDefaults standardUserDefaults] boolForKey:@"RCTI18nUtil_forceRTL"];
   return rtlStatus;
 }
 
@@ -91,7 +90,8 @@ - (void)swapLeftAndRightInRTL:(BOOL)value
 // Check if the current device language is RTL
 - (BOOL)isDevicePreferredLanguageRTL
 {
-  NSLocaleLanguageDirection direction = [NSLocale characterDirectionForLanguage:[[NSLocale preferredLanguages] objectAtIndex:0]];
+  NSLocaleLanguageDirection direction =
+      [NSLocale characterDirectionForLanguage:[[NSLocale preferredLanguages] objectAtIndex:0]];
   return direction == NSLocaleLanguageDirectionRightToLeft;
 }
 
diff --git a/React/Modules/RCTLayoutAnimation.h b/React/Modules/RCTLayoutAnimation.h
index 0b15a571eda2c0..a8c2926e9b5f55 100644
--- a/React/Modules/RCTLayoutAnimation.h
+++ b/React/Modules/RCTLayoutAnimation.h
@@ -13,7 +13,7 @@
 
 @property (nonatomic, readonly) NSTimeInterval duration;
 @property (nonatomic, readonly) NSTimeInterval delay;
-@property (nonatomic, readonly, copy) NSString *property;
+@property (nonatomic, readonly, copy) NSString *property ;
 @property (nonatomic, readonly) CGFloat springDamping;
 @property (nonatomic, readonly) CGFloat initialVelocity;
 @property (nonatomic, readonly) RCTAnimationType animationType;
@@ -27,10 +27,8 @@
                  initialVelocity:(CGFloat)initialVelocity
                    animationType:(RCTAnimationType)animationType;
 
-- (instancetype)initWithDuration:(NSTimeInterval)duration
-                          config:(NSDictionary *)config;
+- (instancetype)initWithDuration:(NSTimeInterval)duration config:(NSDictionary *)config;
 
-- (void)performAnimations:(void (^)(void))animations
-      withCompletionBlock:(void (^)(BOOL completed))completionBlock;
+- (void)performAnimations:(void (^)(void))animations withCompletionBlock:(void (^)(BOOL completed))completionBlock;
 
 @end
diff --git a/React/Modules/RCTLayoutAnimation.m b/React/Modules/RCTLayoutAnimation.m
index 079b9628b1097e..b298f34bde4f00 100644
--- a/React/Modules/RCTLayoutAnimation.m
+++ b/React/Modules/RCTLayoutAnimation.m
@@ -100,8 +100,7 @@ - (instancetype)initWithDuration:(NSTimeInterval)duration
   return self;
 }
 
-- (instancetype)initWithDuration:(NSTimeInterval)duration
-                          config:(NSDictionary *)config
+- (instancetype)initWithDuration:(NSTimeInterval)duration config:(NSDictionary *)config
 {
   if (!config) {
     return nil;
@@ -134,8 +133,7 @@ - (instancetype)initWithDuration:(NSTimeInterval)duration
   return self;
 }
 
-- (void)performAnimations:(void (^)(void))animations
-      withCompletionBlock:(void (^)(BOOL completed))completionBlock
+- (void)performAnimations:(void (^)(void))animations withCompletionBlock:(void (^)(BOOL completed))completionBlock
 {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (_animationType == RCTAnimationTypeSpring) {
@@ -148,8 +146,7 @@ - (void)performAnimations:(void (^)(void))animations
                      completion:completionBlock];
   } else {
     UIViewAnimationOptions options =
-      UIViewAnimationOptionBeginFromCurrentState |
-      UIViewAnimationOptionsFromRCTAnimationType(_animationType);
+        UIViewAnimationOptionBeginFromCurrentState | UIViewAnimationOptionsFromRCTAnimationType(_animationType);
 
     [UIView animateWithDuration:_duration
                           delay:_delay
@@ -190,19 +187,25 @@ - (void)performAnimations:(void (^)(void))animations
 
 - (BOOL)isEqual:(RCTLayoutAnimation *)animation
 {
-  return
-    _duration == animation.duration &&
-    _delay == animation.delay &&
-    (_property == animation.property || [_property isEqualToString:animation.property]) &&
-    _springDamping == animation.springDamping &&
-    _initialVelocity == animation.initialVelocity &&
-    _animationType == animation.animationType;
+  return _duration == animation.duration && _delay == animation.delay &&
+      (_property == animation.property || [_property isEqualToString:animation.property]) &&
+      _springDamping == animation.springDamping && _initialVelocity == animation.initialVelocity &&
+      _animationType == animation.animationType;
 }
 
 - (NSString *)description
 {
-  return [NSString stringWithFormat:@"<%@: %p; duration: %f; delay: %f; property: %@; springDamping: %f; initialVelocity: %f; animationType: %li;>",
-          NSStringFromClass([self class]), self, _duration, _delay, _property, _springDamping, _initialVelocity, (long)_animationType];
+  return [NSString
+      stringWithFormat:
+          @"<%@: %p; duration: %f; delay: %f; property: %@; springDamping: %f; initialVelocity: %f; animationType: %li;>",
+          NSStringFromClass([self class]),
+          self,
+          _duration,
+          _delay,
+          _property,
+          _springDamping,
+          _initialVelocity,
+          (long)_animationType];
 }
 
 @end
diff --git a/React/Modules/RCTLayoutAnimationGroup.h b/React/Modules/RCTLayoutAnimationGroup.h
index 28a0ed9b2343c6..9f892cb7dbe4a0 100644
--- a/React/Modules/RCTLayoutAnimationGroup.h
+++ b/React/Modules/RCTLayoutAnimationGroup.h
@@ -24,7 +24,6 @@
                         deletingLayoutAnimation:(RCTLayoutAnimation *)deletingLayoutAnimation
                                        callback:(RCTResponseSenderBlock)callback;
 
-- (instancetype)initWithConfig:(NSDictionary *)config
-                      callback:(RCTResponseSenderBlock)callback;
+- (instancetype)initWithConfig:(NSDictionary *)config callback:(RCTResponseSenderBlock)callback;
 
 @end
diff --git a/React/Modules/RCTLayoutAnimationGroup.m b/React/Modules/RCTLayoutAnimationGroup.m
index 21453836b38e56..bffa03328592e4 100644
--- a/React/Modules/RCTLayoutAnimationGroup.m
+++ b/React/Modules/RCTLayoutAnimationGroup.m
@@ -7,8 +7,8 @@
 
 #import "RCTLayoutAnimationGroup.h"
 
-#import "RCTLayoutAnimation.h"
 #import "RCTConvert.h"
+#import "RCTLayoutAnimation.h"
 
 @implementation RCTLayoutAnimationGroup
 
@@ -27,8 +27,7 @@ - (instancetype)initWithCreatingLayoutAnimation:(RCTLayoutAnimation *)creatingLa
   return self;
 }
 
-- (instancetype)initWithConfig:(NSDictionary *)config
-                      callback:(RCTResponseSenderBlock)callback
+- (instancetype)initWithConfig:(NSDictionary *)config callback:(RCTResponseSenderBlock)callback
 {
   if (!config) {
     return nil;
@@ -57,16 +56,24 @@ - (BOOL)isEqual:(RCTLayoutAnimationGroup *)layoutAnimation
   RCTLayoutAnimation *updatingLayoutAnimation = layoutAnimation.updatingLayoutAnimation;
   RCTLayoutAnimation *deletingLayoutAnimation = layoutAnimation.deletingLayoutAnimation;
 
-  return
-    (_creatingLayoutAnimation == creatingLayoutAnimation || [_creatingLayoutAnimation isEqual:creatingLayoutAnimation]) &&
-    (_updatingLayoutAnimation == updatingLayoutAnimation || [_updatingLayoutAnimation isEqual:updatingLayoutAnimation]) &&
-    (_deletingLayoutAnimation == deletingLayoutAnimation || [_deletingLayoutAnimation isEqual:deletingLayoutAnimation]);
+  return (_creatingLayoutAnimation == creatingLayoutAnimation ||
+          [_creatingLayoutAnimation isEqual:creatingLayoutAnimation]) &&
+      (_updatingLayoutAnimation == updatingLayoutAnimation ||
+       [_updatingLayoutAnimation isEqual:updatingLayoutAnimation]) &&
+      (_deletingLayoutAnimation == deletingLayoutAnimation ||
+       [_deletingLayoutAnimation isEqual:deletingLayoutAnimation]);
 }
 
 - (NSString *)description
 {
-  return [NSString stringWithFormat:@"<%@: %p; creatingLayoutAnimation: %@; updatingLayoutAnimation: %@; deletingLayoutAnimation: %@>",
-          NSStringFromClass([self class]), self, [_creatingLayoutAnimation description], [_updatingLayoutAnimation description], [_deletingLayoutAnimation description]];
+  return
+      [NSString stringWithFormat:
+                    @"<%@: %p; creatingLayoutAnimation: %@; updatingLayoutAnimation: %@; deletingLayoutAnimation: %@>",
+                    NSStringFromClass([self class]),
+                    self,
+                    [_creatingLayoutAnimation description],
+                    [_updatingLayoutAnimation description],
+                    [_deletingLayoutAnimation description]];
 }
 
 @end
diff --git a/React/Modules/RCTRedBoxExtraDataViewController.m b/React/Modules/RCTRedBoxExtraDataViewController.m
index 59b6dae3b185aa..240aa5e9b033ad 100644
--- a/React/Modules/RCTRedBoxExtraDataViewController.m
+++ b/React/Modules/RCTRedBoxExtraDataViewController.m
@@ -16,58 +16,44 @@ @interface RCTRedBoxExtraDataCell : UITableViewCell
 
 @implementation RCTRedBoxExtraDataCell
 
-- (instancetype)initWithStyle:(UITableViewCellStyle)style
-              reuseIdentifier:(NSString *)reuseIdentifier
+- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
 {
-    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
-        self.backgroundColor = [UIColor colorWithRed:0.8
-                                               green:0 blue:0
-                                               alpha:1];
-        UILayoutGuide *contentLayout =  self.contentView.layoutMarginsGuide;
-
-        self.keyLabel = [UILabel new];
-        [self.contentView addSubview:self.keyLabel];
-
-        self.keyLabel.translatesAutoresizingMaskIntoConstraints = NO;
-        [self.keyLabel.leadingAnchor
-            constraintEqualToAnchor:contentLayout.leadingAnchor].active = YES;
-        [self.keyLabel.topAnchor
-            constraintEqualToAnchor:contentLayout.topAnchor].active = YES;
-        [self.keyLabel.bottomAnchor
-            constraintEqualToAnchor:contentLayout.bottomAnchor].active = YES;
-        [self.keyLabel.widthAnchor
-            constraintEqualToAnchor:contentLayout.widthAnchor
-            multiplier:0.3].active = YES;
-
-
-        self.keyLabel.textColor = [UIColor whiteColor];
-        self.keyLabel.numberOfLines = 0;
+  if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
+    self.backgroundColor = [UIColor colorWithRed:0.8 green:0 blue:0 alpha:1];
+    UILayoutGuide *contentLayout = self.contentView.layoutMarginsGuide;
+
+    self.keyLabel = [UILabel new];
+    [self.contentView addSubview:self.keyLabel];
+
+    self.keyLabel.translatesAutoresizingMaskIntoConstraints = NO;
+    [self.keyLabel.leadingAnchor constraintEqualToAnchor:contentLayout.leadingAnchor].active = YES;
+    [self.keyLabel.topAnchor constraintEqualToAnchor:contentLayout.topAnchor].active = YES;
+    [self.keyLabel.bottomAnchor constraintEqualToAnchor:contentLayout.bottomAnchor].active = YES;
+    [self.keyLabel.widthAnchor constraintEqualToAnchor:contentLayout.widthAnchor multiplier:0.3].active = YES;
+
+    self.keyLabel.textColor = [UIColor whiteColor];
+    self.keyLabel.numberOfLines = 0;
 #if !TARGET_OS_TV
-        self.keyLabel.lineBreakMode = NSLineBreakByWordWrapping;
-        self.keyLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:12.0f];
+    self.keyLabel.lineBreakMode = NSLineBreakByWordWrapping;
+    self.keyLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:12.0f];
 #endif
-        self.valueLabel = [UILabel new];
-        [self.contentView addSubview:self.valueLabel];
-
-        self.valueLabel.translatesAutoresizingMaskIntoConstraints = NO;
-        [self.valueLabel.leadingAnchor
-            constraintEqualToAnchor:self.keyLabel.trailingAnchor
-            constant:10.f].active = YES;
-        [self.valueLabel.trailingAnchor
-            constraintEqualToAnchor:contentLayout.trailingAnchor].active = YES;
-        [self.valueLabel.topAnchor
-            constraintEqualToAnchor:contentLayout.topAnchor].active = YES;
-        [self.valueLabel.bottomAnchor
-            constraintEqualToAnchor:contentLayout.bottomAnchor].active = YES;
-
-        self.valueLabel.textColor = [UIColor whiteColor];
-        self.valueLabel.numberOfLines = 0;
+    self.valueLabel = [UILabel new];
+    [self.contentView addSubview:self.valueLabel];
+
+    self.valueLabel.translatesAutoresizingMaskIntoConstraints = NO;
+    [self.valueLabel.leadingAnchor constraintEqualToAnchor:self.keyLabel.trailingAnchor constant:10.f].active = YES;
+    [self.valueLabel.trailingAnchor constraintEqualToAnchor:contentLayout.trailingAnchor].active = YES;
+    [self.valueLabel.topAnchor constraintEqualToAnchor:contentLayout.topAnchor].active = YES;
+    [self.valueLabel.bottomAnchor constraintEqualToAnchor:contentLayout.bottomAnchor].active = YES;
+
+    self.valueLabel.textColor = [UIColor whiteColor];
+    self.valueLabel.numberOfLines = 0;
 #if !TARGET_OS_TV
-        self.valueLabel.lineBreakMode = NSLineBreakByWordWrapping;
-        self.valueLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:12.0f];
+    self.valueLabel.lineBreakMode = NSLineBreakByWordWrapping;
+    self.valueLabel.font = [UIFont fontWithName:@"Menlo-Regular" size:12.0f];
 #endif
-    }
-    return self;
+  }
+  return self;
 }
 
 @end
@@ -76,217 +62,192 @@ @interface RCTRedBoxExtraDataViewController ()
 
 @end
 
-@implementation RCTRedBoxExtraDataViewController
-{
-    UITableView *_tableView;
-    NSMutableArray *_extraDataTitle;
-    NSMutableArray *_extraData;
+@implementation RCTRedBoxExtraDataViewController {
+  UITableView *_tableView;
+  NSMutableArray *_extraDataTitle;
+  NSMutableArray *_extraData;
 }
 
 @synthesize actionDelegate = _actionDelegate;
 
 - (instancetype)init
 {
-    if (self = [super init]) {
-        _extraData = [NSMutableArray new];
-        _extraDataTitle = [NSMutableArray new];
-        self.view.backgroundColor = [UIColor colorWithRed:0.8
-                                                    green:0
-                                                     blue:0
-                                                    alpha:1];
-
-        _tableView = [UITableView new];
-        _tableView.delegate = self;
-        _tableView.dataSource = self;
-        _tableView.backgroundColor = [UIColor clearColor];
-        _tableView.estimatedRowHeight = 200;
+  if (self = [super init]) {
+    _extraData = [NSMutableArray new];
+    _extraDataTitle = [NSMutableArray new];
+    self.view.backgroundColor = [UIColor colorWithRed:0.8 green:0 blue:0 alpha:1];
+
+    _tableView = [UITableView new];
+    _tableView.delegate = self;
+    _tableView.dataSource = self;
+    _tableView.backgroundColor = [UIColor clearColor];
+    _tableView.estimatedRowHeight = 200;
 #if !TARGET_OS_TV
-        _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
+    _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
 #endif
-        _tableView.rowHeight = UITableViewAutomaticDimension;
-        _tableView.allowsSelection = NO;
+    _tableView.rowHeight = UITableViewAutomaticDimension;
+    _tableView.allowsSelection = NO;
 
-#if TARGET_OS_SIMULATOR
-        NSString *reloadText = @"Reload JS (\u2318R)";
-        NSString *dismissText = @"Dismiss (ESC)";
+#if TARGET_OS_SIMULATOR || TARGET_OS_MACCATALYST
+    NSString *reloadText = @"Reload JS (\u2318R)";
+    NSString *dismissText = @"Dismiss (ESC)";
 #else
-        NSString *reloadText = @"Reload JS";
-        NSString *dismissText = @"Dismiss";
+    NSString *reloadText = @"Reload JS";
+    NSString *dismissText = @"Dismiss";
 #endif
 
-        UIButton *dismissButton = [UIButton buttonWithType:UIButtonTypeCustom];
-        dismissButton.translatesAutoresizingMaskIntoConstraints = NO;
-        dismissButton.accessibilityIdentifier = @"redbox-extra-data-dismiss";
-        dismissButton.titleLabel.font = [UIFont systemFontOfSize:13];
-        [dismissButton setTitle:dismissText forState:UIControlStateNormal];
-        [dismissButton setTitleColor:[UIColor colorWithWhite:1 alpha:0.5]
-                            forState:UIControlStateNormal];
-        [dismissButton setTitleColor:[UIColor whiteColor]
-                            forState:UIControlStateHighlighted];
-        [dismissButton addTarget:self
-                          action:@selector(dismiss)
-                forControlEvents:UIControlEventTouchUpInside];
-
-        UIButton *reloadButton = [UIButton buttonWithType:UIButtonTypeCustom];
-        reloadButton.accessibilityIdentifier = @"redbox-reload";
-        reloadButton.titleLabel.font = [UIFont systemFontOfSize:13];
-        [reloadButton setTitle:reloadText forState:UIControlStateNormal];
-        [reloadButton setTitleColor:[UIColor colorWithWhite:1 alpha:0.5]
-                           forState:UIControlStateNormal];
-        [reloadButton setTitleColor:[UIColor whiteColor]
-                            forState:UIControlStateHighlighted];
-        [reloadButton addTarget:self
-                          action:@selector(reload)
-                forControlEvents:UIControlEventTouchUpInside];
-
-        UIStackView *buttonStackView = [UIStackView new];
-        buttonStackView.axis = UILayoutConstraintAxisHorizontal;
-        buttonStackView.distribution = UIStackViewDistributionEqualSpacing;
-        buttonStackView.alignment = UIStackViewAlignmentFill;
-        buttonStackView.spacing = 20;
-
-        [buttonStackView addArrangedSubview:dismissButton];
-        [buttonStackView addArrangedSubview:reloadButton];
-        buttonStackView.translatesAutoresizingMaskIntoConstraints = NO;
-
-        UIStackView *mainStackView = [UIStackView new];
-        mainStackView.axis = UILayoutConstraintAxisVertical;
-        mainStackView.backgroundColor = [UIColor colorWithRed:0.8
-                                                        green:0 blue:0
-                                                        alpha:1];
-        [mainStackView addArrangedSubview:_tableView];
-        [mainStackView addArrangedSubview:buttonStackView];
-        mainStackView.translatesAutoresizingMaskIntoConstraints = NO;
-
-        [self.view addSubview:mainStackView];
-
-        CGFloat tableHeight = self.view.bounds.size.height - 60.f;
-        [_tableView.heightAnchor constraintEqualToConstant:tableHeight].active = YES;
-        [_tableView.widthAnchor constraintEqualToAnchor:self.view.widthAnchor].active = YES;
-
-        CGFloat buttonWidth = self.view.bounds.size.width / 4;
-        [dismissButton.heightAnchor constraintEqualToConstant:60].active = YES;
-        [dismissButton.widthAnchor
-            constraintEqualToConstant:buttonWidth].active = YES;
-        [reloadButton.heightAnchor constraintEqualToConstant:60].active = YES;
-        [reloadButton.widthAnchor
-            constraintEqualToConstant:buttonWidth].active = YES;
-    }
-    return self;
+    UIButton *dismissButton = [UIButton buttonWithType:UIButtonTypeCustom];
+    dismissButton.translatesAutoresizingMaskIntoConstraints = NO;
+    dismissButton.accessibilityIdentifier = @"redbox-extra-data-dismiss";
+    dismissButton.titleLabel.font = [UIFont systemFontOfSize:13];
+    [dismissButton setTitle:dismissText forState:UIControlStateNormal];
+    [dismissButton setTitleColor:[UIColor colorWithWhite:1 alpha:0.5] forState:UIControlStateNormal];
+    [dismissButton setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];
+    [dismissButton addTarget:self action:@selector(dismiss) forControlEvents:UIControlEventTouchUpInside];
+
+    UIButton *reloadButton = [UIButton buttonWithType:UIButtonTypeCustom];
+    reloadButton.accessibilityIdentifier = @"redbox-reload";
+    reloadButton.titleLabel.font = [UIFont systemFontOfSize:13];
+    [reloadButton setTitle:reloadText forState:UIControlStateNormal];
+    [reloadButton setTitleColor:[UIColor colorWithWhite:1 alpha:0.5] forState:UIControlStateNormal];
+    [reloadButton setTitleColor:[UIColor whiteColor] forState:UIControlStateHighlighted];
+    [reloadButton addTarget:self action:@selector(reload) forControlEvents:UIControlEventTouchUpInside];
+
+    UIStackView *buttonStackView = [UIStackView new];
+    buttonStackView.axis = UILayoutConstraintAxisHorizontal;
+    buttonStackView.distribution = UIStackViewDistributionEqualSpacing;
+    buttonStackView.alignment = UIStackViewAlignmentFill;
+    buttonStackView.spacing = 20;
+
+    [buttonStackView addArrangedSubview:dismissButton];
+    [buttonStackView addArrangedSubview:reloadButton];
+    buttonStackView.translatesAutoresizingMaskIntoConstraints = NO;
+
+    UIStackView *mainStackView = [UIStackView new];
+    mainStackView.axis = UILayoutConstraintAxisVertical;
+    mainStackView.backgroundColor = [UIColor colorWithRed:0.8 green:0 blue:0 alpha:1];
+    [mainStackView addArrangedSubview:_tableView];
+    [mainStackView addArrangedSubview:buttonStackView];
+    mainStackView.translatesAutoresizingMaskIntoConstraints = NO;
+
+    [self.view addSubview:mainStackView];
+
+    CGFloat tableHeight = self.view.bounds.size.height - 60.f;
+    [_tableView.heightAnchor constraintEqualToConstant:tableHeight].active = YES;
+    [_tableView.widthAnchor constraintEqualToAnchor:self.view.widthAnchor].active = YES;
+
+    CGFloat buttonWidth = self.view.bounds.size.width / 4;
+    [dismissButton.heightAnchor constraintEqualToConstant:60].active = YES;
+    [dismissButton.widthAnchor constraintEqualToConstant:buttonWidth].active = YES;
+    [reloadButton.heightAnchor constraintEqualToConstant:60].active = YES;
+    [reloadButton.widthAnchor constraintEqualToConstant:buttonWidth].active = YES;
+  }
+  return self;
 }
 
 - (void)viewDidAppear:(BOOL)animated
 {
-    [super viewDidAppear:animated];
-    [_tableView reloadData];
+  [super viewDidAppear:animated];
+  [_tableView reloadData];
 }
 
 - (NSInteger)tableView:(__unused UITableView *)tableView numberOfRowsInSection:(NSInteger)section
 {
-    return [[_extraData objectAtIndex:section] count];
+  return [[_extraData objectAtIndex:section] count];
 }
 
 - (CGFloat)tableView:(__unused UITableView *)tableView heightForHeaderInSection:(__unused NSInteger)section
 {
-    return 40;
+  return 40;
 }
 
 - (UIView *)tableView:(__unused UITableView *)tableView viewForHeaderInSection:(NSInteger)section
 {
-    UIView *view = [UIView new];
-    view.backgroundColor = [UIColor colorWithRed:1 green:0 blue:0 alpha:1];
-
-    UILabel *header = [UILabel new];
-    [view addSubview:header];
-
-    header.translatesAutoresizingMaskIntoConstraints = NO;
-    [header.leadingAnchor
-        constraintEqualToAnchor:view.leadingAnchor constant:5].active = YES;
-    [header.trailingAnchor
-        constraintEqualToAnchor:view.trailingAnchor].active = YES;
-    [header.topAnchor
-        constraintEqualToAnchor:view.topAnchor].active = YES;
-    [header.bottomAnchor
-        constraintEqualToAnchor:view.bottomAnchor].active = YES;
-
-    header.textColor = [UIColor whiteColor];
-    header.font = [UIFont fontWithName:@"Menlo-Bold" size:14.0f];
-    header.text = [_extraDataTitle[section] uppercaseString];
-
-    return view;
+  UIView *view = [UIView new];
+  view.backgroundColor = [UIColor colorWithRed:1 green:0 blue:0 alpha:1];
+
+  UILabel *header = [UILabel new];
+  [view addSubview:header];
+
+  header.translatesAutoresizingMaskIntoConstraints = NO;
+  [header.leadingAnchor constraintEqualToAnchor:view.leadingAnchor constant:5].active = YES;
+  [header.trailingAnchor constraintEqualToAnchor:view.trailingAnchor].active = YES;
+  [header.topAnchor constraintEqualToAnchor:view.topAnchor].active = YES;
+  [header.bottomAnchor constraintEqualToAnchor:view.bottomAnchor].active = YES;
+
+  header.textColor = [UIColor whiteColor];
+  header.font = [UIFont fontWithName:@"Menlo-Bold" size:14.0f];
+  header.text = [_extraDataTitle[section] uppercaseString];
+
+  return view;
 }
 
 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
-    static NSString *reuseIdentifier = @"RedBoxExtraData";
+  static NSString *reuseIdentifier = @"RedBoxExtraData";
 
-    RCTRedBoxExtraDataCell *cell =
-            (RCTRedBoxExtraDataCell *)[tableView
-            dequeueReusableCellWithIdentifier:reuseIdentifier];
+  RCTRedBoxExtraDataCell *cell =
+      (RCTRedBoxExtraDataCell *)[tableView dequeueReusableCellWithIdentifier:reuseIdentifier];
 
-    if (cell == nil) {
-        cell = [[RCTRedBoxExtraDataCell alloc]
-                initWithStyle:UITableViewCellStyleDefault
-                reuseIdentifier:reuseIdentifier];
-    }
+  if (cell == nil) {
+    cell = [[RCTRedBoxExtraDataCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:reuseIdentifier];
+  }
 
-    NSArray *dataKVPair = _extraData[indexPath.section][indexPath.row];
-    cell.keyLabel.text = dataKVPair[0];
-    cell.valueLabel.text = dataKVPair[1];
+  NSArray *dataKVPair = _extraData[indexPath.section][indexPath.row];
+  cell.keyLabel.text = dataKVPair[0];
+  cell.valueLabel.text = dataKVPair[1];
 
-    return cell;
+  return cell;
 }
 
 - (NSInteger)numberOfSectionsInTableView:(__unused UITableView *)tableView
 {
-    return _extraDataTitle.count;
+  return _extraDataTitle.count;
 }
 
 - (void)addExtraData:(NSDictionary *)data forIdentifier:(NSString *)identifier
 {
-    dispatch_async(dispatch_get_main_queue(), ^{
-        NSMutableArray *newData = [NSMutableArray new];
-        for (id key in data) {
-            [newData addObject:@[[NSString stringWithFormat:@"%@", key],
-                [NSString stringWithFormat:@"%@", [data objectForKey:key]]]];
-        }
-
-        NSInteger idx = [self->_extraDataTitle indexOfObject:identifier];
-        if (idx == NSNotFound) {
-            [self->_extraDataTitle addObject:identifier];
-            [self->_extraData addObject:newData];
-        } else {
-            [self->_extraData replaceObjectAtIndex:idx withObject:newData];
-        }
-
-        [self->_tableView reloadData];
-    });
+  dispatch_async(dispatch_get_main_queue(), ^{
+    NSMutableArray *newData = [NSMutableArray new];
+    for (id key in data) {
+      [newData addObject:@[
+        [NSString stringWithFormat:@"%@", key],
+        [NSString stringWithFormat:@"%@", [data objectForKey:key]]
+      ]];
+    }
+
+    NSInteger idx = [self->_extraDataTitle indexOfObject:identifier];
+    if (idx == NSNotFound) {
+      [self->_extraDataTitle addObject:identifier];
+      [self->_extraData addObject:newData];
+    } else {
+      [self->_extraData replaceObjectAtIndex:idx withObject:newData];
+    }
+
+    [self->_tableView reloadData];
+  });
 }
 
 - (void)dismiss
 {
-    [self dismissViewControllerAnimated:YES completion:nil];
+  [self dismissViewControllerAnimated:YES completion:nil];
 }
 
 - (void)reload
 {
-    [_actionDelegate reload];
+  [_actionDelegate reload];
 }
 
 #pragma mark - Key commands
 
 - (NSArray<UIKeyCommand *> *)keyCommands
 {
-    return @[
-             // Dismiss
-             [UIKeyCommand keyCommandWithInput:UIKeyInputEscape
-                                 modifierFlags:0
-                                        action:@selector(dismiss)],
-             // Reload
-             [UIKeyCommand keyCommandWithInput:@"r"
-                                 modifierFlags:UIKeyModifierCommand
-                                        action:@selector(reload)]
-    ];
+  return @[
+    // Dismiss
+    [UIKeyCommand keyCommandWithInput:UIKeyInputEscape modifierFlags:0 action:@selector(dismiss)],
+    // Reload
+    [UIKeyCommand keyCommandWithInput:@"r" modifierFlags:UIKeyModifierCommand action:@selector(reload)]
+  ];
 }
 
 @end
diff --git a/React/Modules/RCTSurfacePresenterStub.h b/React/Modules/RCTSurfacePresenterStub.h
index 9b03d7f328b0f6..402453e1bbb23b 100644
--- a/React/Modules/RCTSurfacePresenterStub.h
+++ b/React/Modules/RCTSurfacePresenterStub.h
@@ -15,7 +15,6 @@ NS_ASSUME_NONNULL_BEGIN
 // that pulls in all of fabric which doesn't compile in open source yet, so we mirror the protocol
 // and duplicate the category here for now.
 
-
 @protocol RCTSurfacePresenterObserver <NSObject>
 
 @optional
diff --git a/React/Modules/RCTSurfacePresenterStub.m b/React/Modules/RCTSurfacePresenterStub.m
index 655835c5ca1913..8a78199147b666 100644
--- a/React/Modules/RCTSurfacePresenterStub.m
+++ b/React/Modules/RCTSurfacePresenterStub.m
@@ -16,7 +16,7 @@ @implementation RCTBridge (RCTSurfacePresenterStub)
 
 - (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)surfacePresenter
 {
-  objc_setAssociatedObject(self, @selector(surfacePresenter), surfacePresenter, OBJC_ASSOCIATION_ASSIGN);
+  objc_setAssociatedObject(self, @selector(surfacePresenter), surfacePresenter, OBJC_ASSOCIATION_RETAIN);
 }
 
 @end
diff --git a/React/Modules/RCTUIManager.m b/React/Modules/RCTUIManager.m
index ff95a315e064a0..4f62fae371f6d6 100644
--- a/React/Modules/RCTUIManager.m
+++ b/React/Modules/RCTUIManager.m
@@ -65,10 +65,10 @@ void RCTTraverseViewNodes(id<RCTComponent> view, void (^block)(id<RCTComponent>)
   return [NSString stringWithFormat:@"%@-%@", rootTag, nativeID];
 }
 
-NSString *const RCTUIManagerWillUpdateViewsDueToContentSizeMultiplierChangeNotification = @"RCTUIManagerWillUpdateViewsDueToContentSizeMultiplierChangeNotification";
+NSString *const RCTUIManagerWillUpdateViewsDueToContentSizeMultiplierChangeNotification =
+    @"RCTUIManagerWillUpdateViewsDueToContentSizeMultiplierChangeNotification";
 
-@implementation RCTUIManager
-{
+@implementation RCTUIManager {
   // Root views are only mutated on the shadow queue
   NSMutableSet<NSNumber *> *_rootViewTags;
   NSMutableArray<RCTViewManagerUIBlock> *_pendingUIBlocks;
@@ -173,8 +173,7 @@ - (void)setBridge:(RCTBridge *)bridge
   _componentDataByName = [NSMutableDictionary new];
   for (Class moduleClass in _bridge.moduleClasses) {
     if ([moduleClass isSubclassOfClass:[RCTViewManager class]]) {
-      RCTComponentData *componentData = [[RCTComponentData alloc] initWithManagerClass:moduleClass
-                                                                                bridge:_bridge];
+      RCTComponentData *componentData = [[RCTComponentData alloc] initWithManagerClass:moduleClass bridge:_bridge];
       _componentDataByName[componentData.name] = componentData;
     }
   }
@@ -211,14 +210,14 @@ - (void)didReceiveNewContentSizeMultiplier
   id multiplier = [[self->_bridge moduleForName:@"AccessibilityManager"
                           lazilyLoadIfNecessary:YES] valueForKey:@"multiplier"];
   if (multiplier) {
-    [_bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateContentSizeMultiplier"
-                                                body:multiplier];
+    [_bridge.eventDispatcher sendDeviceEventWithName:@"didUpdateContentSizeMultiplier" body:multiplier];
   }
 #pragma clang diagnostic pop
 
   RCTExecuteOnUIManagerQueue(^{
-    [[NSNotificationCenter defaultCenter] postNotificationName:RCTUIManagerWillUpdateViewsDueToContentSizeMultiplierChangeNotification
-                                                        object:self];
+    [[NSNotificationCenter defaultCenter]
+        postNotificationName:RCTUIManagerWillUpdateViewsDueToContentSizeMultiplierChangeNotification
+                      object:self];
     [self setNeedsLayout];
   });
 }
@@ -233,7 +232,7 @@ - (void)didReceiveNewContentSizeMultiplier
   NSString *name;
   NSNumber *degrees = @0;
   BOOL isLandscape = NO;
-  switch(orientation) {
+  switch (orientation) {
     case UIDeviceOrientationPortrait:
       name = @"portrait-primary";
       break;
@@ -258,9 +257,9 @@ - (void)didReceiveNewContentSizeMultiplier
       return nil;
   }
   return @{
-    @"name": name,
-    @"rotationDegrees": degrees,
-    @"isLandscape": @(isLandscape),
+    @"name" : name,
+    @"rotationDegrees" : degrees,
+    @"isLandscape" : @(isLandscape),
   };
 }
 
@@ -273,8 +272,7 @@ - (void)namedOrientationDidChange
 
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wdeprecated-declarations"
-  [_bridge.eventDispatcher sendDeviceEventWithName:@"namedOrientationDidChange"
-                                              body:orientationEvent];
+  [_bridge.eventDispatcher sendDeviceEventWithName:@"namedOrientationDidChange" body:orientationEvent];
 #pragma clang diagnostic pop
 }
 #endif
@@ -288,11 +286,12 @@ - (void)registerRootViewTag:(NSNumber *)rootTag
 {
   RCTAssertUIManagerQueue();
 
-  RCTAssert(RCTIsReactRootView(rootTag),
-    @"Attempt to register rootTag (%@) which is not actually root tag.", rootTag);
+  RCTAssert(RCTIsReactRootView(rootTag), @"Attempt to register rootTag (%@) which is not actually root tag.", rootTag);
 
-  RCTAssert(![_rootViewTags containsObject:rootTag],
-    @"Attempt to register rootTag (%@) which was already registered.", rootTag);
+  RCTAssert(
+      ![_rootViewTags containsObject:rootTag],
+      @"Attempt to register rootTag (%@) which was already registered.",
+      rootTag);
 
   [_rootViewTags addObject:rootTag];
 
@@ -314,12 +313,13 @@ - (void)registerRootView:(RCTRootContentView *)rootView
   RCTAssertMainQueue();
 
   NSNumber *reactTag = rootView.reactTag;
-  RCTAssert(RCTIsReactRootView(reactTag),
-            @"View %@ with tag #%@ is not a root view", rootView, reactTag);
+  RCTAssert(RCTIsReactRootView(reactTag), @"View %@ with tag #%@ is not a root view", rootView, reactTag);
 
   RCTPlatformView *existingView = _viewRegistry[reactTag]; // TODO(macOS ISS#2323203)
-  RCTAssert(existingView == nil || existingView == rootView,
-            @"Expect all root views to have unique tag. Added %@ twice", reactTag);
+  RCTAssert(
+      existingView == nil || existingView == rootView,
+      @"Expect all root views to have unique tag. Added %@ twice",
+      reactTag);
 
   CGSize availableSize = rootView.availableSize;
 
@@ -387,7 +387,9 @@ - (void)_executeBlockWithShadowView:(void (^)(RCTShadowView *shadowView))block f
     RCTShadowView *shadowView = self->_shadowViewRegistry[tag];
 
     if (shadowView == nil) {
-      RCTLogInfo(@"Could not locate shadow view with tag #%@, this is probably caused by a temporary inconsistency between native views and shadow views.", tag);
+      RCTLogInfo(
+          @"Could not locate shadow view with tag #%@, this is probably caused by a temporary inconsistency between native views and shadow views.",
+          tag);
       return;
     }
 
@@ -398,27 +400,32 @@ - (void)_executeBlockWithShadowView:(void (^)(RCTShadowView *shadowView))block f
 - (void)setAvailableSize:(CGSize)availableSize forRootView:(RCTUIView *)rootView // TODO(macOS ISS#3536887)
 {
   RCTAssertMainQueue();
-  [self _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
-    RCTAssert([shadowView isKindOfClass:[RCTRootShadowView class]], @"Located shadow view is actually not root view.");
+  [self
+      _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
+        RCTAssert(
+            [shadowView isKindOfClass:[RCTRootShadowView class]], @"Located shadow view is actually not root view.");
 
-    RCTRootShadowView *rootShadowView = (RCTRootShadowView *)shadowView;
+        RCTRootShadowView *rootShadowView = (RCTRootShadowView *)shadowView;
 
-    if (CGSizeEqualToSize(availableSize, rootShadowView.availableSize)) {
-      return;
-    }
+        if (CGSizeEqualToSize(availableSize, rootShadowView.availableSize)) {
+          return;
+        }
 
-    rootShadowView.availableSize = availableSize;
-    [self setNeedsLayout];
-  } forTag:rootView.reactTag];
+        rootShadowView.availableSize = availableSize;
+        [self setNeedsLayout];
+      }
+                           forTag:rootView.reactTag];
 }
 
 - (void)setLocalData:(NSObject *)localData forView:(RCTUIView *)view // TODO(macOS ISS#3536887)
 {
   RCTAssertMainQueue();
-  [self _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
-    shadowView.localData = localData;
-    [self setNeedsLayout];
-  } forTag:view.reactTag];
+  [self
+      _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
+        shadowView.localData = localData;
+        [self setNeedsLayout];
+      }
+                           forTag:view.reactTag];
 }
 
 - (RCTUIView *)viewForNativeID:(NSString *)nativeID withRootTag:(NSNumber *)rootTag
@@ -450,27 +457,31 @@ - (void)setNativeID:(NSString *)nativeID forView:(RCTUIView *)view // TODO(macOS
 - (void)setSize:(CGSize)size forView:(RCTUIView *)view // TODO(macOS ISS#3536887)
 {
   RCTAssertMainQueue();
-  [self _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
-    if (CGSizeEqualToSize(size, shadowView.size)) {
-      return;
-    }
+  [self
+      _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
+        if (CGSizeEqualToSize(size, shadowView.size)) {
+          return;
+        }
 
-    shadowView.size = size;
-    [self setNeedsLayout];
-  } forTag:view.reactTag];
+        shadowView.size = size;
+        [self setNeedsLayout];
+      }
+                           forTag:view.reactTag];
 }
 
 - (void)setIntrinsicContentSize:(CGSize)intrinsicContentSize forView:(RCTUIView *)view // TODO(macOS ISS#3536887)
 {
   RCTAssertMainQueue();
-  [self _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
-    if (CGSizeEqualToSize(shadowView.intrinsicContentSize, intrinsicContentSize)) {
-      return;
-    }
+  [self
+      _executeBlockWithShadowView:^(RCTShadowView *shadowView) {
+        if (CGSizeEqualToSize(shadowView.intrinsicContentSize, intrinsicContentSize)) {
+          return;
+        }
 
-    shadowView.intrinsicContentSize = intrinsicContentSize;
-    [self setNeedsLayout];
-  } forTag:view.reactTag];
+        shadowView.intrinsicContentSize = intrinsicContentSize;
+        [self setNeedsLayout];
+      }
+                           forTag:view.reactTag];
 }
 
 /**
@@ -517,9 +528,10 @@ - (void)setNextLayoutAnimationGroup:(RCTLayoutAnimationGroup *)layoutAnimationGr
   RCTAssertMainQueue();
 
   if (_layoutAnimationGroup && ![_layoutAnimationGroup isEqual:layoutAnimationGroup]) {
-    RCTLogWarn(@"Warning: Overriding previous layout animation with new one before the first began:\n%@ -> %@.",
-      [_layoutAnimationGroup description],
-      [layoutAnimationGroup description]);
+    RCTLogWarn(
+        @"Warning: Overriding previous layout animation with new one before the first began:\n%@ -> %@.",
+        [_layoutAnimationGroup description],
+        [layoutAnimationGroup description]);
   }
 
   _layoutAnimationGroup = layoutAnimationGroup;
@@ -555,18 +567,15 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
     for (RCTShadowView *shadowView in affectedShadowViews) {
       reactTags[index] = shadowView.reactTag;
       RCTLayoutMetrics layoutMetrics = shadowView.layoutMetrics;
-      frameDataArray[index++] = (RCTFrameData){
-        layoutMetrics.frame,
-        layoutMetrics.layoutDirection,
-        shadowView.isNewView,
-        shadowView.superview.isNewView,
-        layoutMetrics.displayType
-      };
+      frameDataArray[index++] = (RCTFrameData){layoutMetrics.frame,
+                                               layoutMetrics.layoutDirection,
+                                               shadowView.isNewView,
+                                               shadowView.superview.isNewView,
+                                               layoutMetrics.displayType};
     }
   }
 
   for (RCTShadowView *shadowView in affectedShadowViews) {
-
     // We have to do this after we build the parentsAreNew array.
     shadowView.newView = NO;
 
@@ -575,19 +584,16 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
     if (shadowView.onLayout) {
       CGRect frame = shadowView.layoutMetrics.frame;
       shadowView.onLayout(@{
-        @"layout": @{
-          @"x": @(frame.origin.x),
-          @"y": @(frame.origin.y),
-          @"width": @(frame.size.width),
-          @"height": @(frame.size.height),
+        @"layout" : @{
+          @"x" : @(frame.origin.x),
+          @"y" : @(frame.origin.y),
+          @"width" : @(frame.size.width),
+          @"height" : @(frame.size.height),
         },
       });
     }
 
-    if (
-        RCTIsReactRootView(reactTag) &&
-        [shadowView isKindOfClass:[RCTRootShadowView class]]
-    ) {
+    if (RCTIsReactRootView(reactTag) && [shadowView isKindOfClass:[RCTRootShadowView class]]) {
       CGSize contentSize = shadowView.layoutMetrics.frame.size;
 
       RCTExecuteOnMainQueue(^{
@@ -604,7 +610,6 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
 
   // Perform layout (possibly animated)
   return ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
-
     const RCTFrameData *frameDataArray = (const RCTFrameData *)framesData.bytes;
     RCTLayoutAnimationGroup *layoutAnimationGroup = uiManager->_layoutAnimationGroup;
 
@@ -621,13 +626,14 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
       BOOL isNew = frameData.isNew;
       RCTLayoutAnimation *updatingLayoutAnimation = isNew ? nil : layoutAnimationGroup.updatingLayoutAnimation;
       BOOL shouldAnimateCreation = isNew && !frameData.parentIsNew;
-      RCTLayoutAnimation *creatingLayoutAnimation = shouldAnimateCreation ? layoutAnimationGroup.creatingLayoutAnimation : nil;
+      RCTLayoutAnimation *creatingLayoutAnimation =
+          shouldAnimateCreation ? layoutAnimationGroup.creatingLayoutAnimation : nil;
       BOOL isHidden = frameData.displayType == RCTDisplayTypeNone;
 
       void (^completion)(BOOL) = ^(BOOL finished) {
         completionsCalled++;
         if (layoutAnimationGroup.callback && completionsCalled == count) {
-          layoutAnimationGroup.callback(@[@(finished)]);
+          layoutAnimationGroup.callback(@[ @(finished) ]);
 
           // It's unsafe to call this callback more than once, so we nil it out here
           // to make sure that doesn't happen.
@@ -644,7 +650,6 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
       }
 
       if (creatingLayoutAnimation) {
-
         // Animate view creation
         [view reactSetFrame:frame];
 
@@ -655,37 +660,35 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
         if ([property isEqualToString:@"scaleXY"]) {
           view.layer.transform = CATransform3DMakeScale(0, 0, 0);
         } else if ([property isEqualToString:@"scaleX"]) {
-        view.layer.transform = CATransform3DMakeScale(0, 1, 0);
+          view.layer.transform = CATransform3DMakeScale(0, 1, 0);
         } else if ([property isEqualToString:@"scaleY"]) {
-        view.layer.transform = CATransform3DMakeScale(1, 0, 0);
+          view.layer.transform = CATransform3DMakeScale(1, 0, 0);
         } else if ([property isEqualToString:@"opacity"]) {
           view.layer.opacity = 0.0;
         } else {
-          RCTLogError(@"Unsupported layout animation createConfig property %@",
-                      creatingLayoutAnimation.property);
+          RCTLogError(@"Unsupported layout animation createConfig property %@", creatingLayoutAnimation.property);
         }
 
-        [creatingLayoutAnimation performAnimations:^{
-          if (
-            [property isEqualToString:@"scaleX"] ||
-            [property isEqualToString:@"scaleY"] ||
-            [property isEqualToString:@"scaleXY"]
-          ) {
-            view.layer.transform = finalTransform;
-          } else if ([property isEqualToString:@"opacity"]) {
-            view.layer.opacity = finalOpacity;
-          }
-        } withCompletionBlock:completion];
+        [creatingLayoutAnimation
+              performAnimations:^{
+                if ([property isEqualToString:@"scaleX"] || [property isEqualToString:@"scaleY"] ||
+                    [property isEqualToString:@"scaleXY"]) {
+                  view.layer.transform = finalTransform;
+                } else if ([property isEqualToString:@"opacity"]) {
+                  view.layer.opacity = finalOpacity;
+                }
+              }
+            withCompletionBlock:completion];
 
       } else if (updatingLayoutAnimation) {
-
         // Animate view update
-        [updatingLayoutAnimation performAnimations:^{
-          [view reactSetFrame:frame];
-        } withCompletionBlock:completion];
+        [updatingLayoutAnimation
+              performAnimations:^{
+                [view reactSetFrame:frame];
+              }
+            withCompletionBlock:completion];
 
       } else {
-
         // Update without animation
         [view reactSetFrame:frame];
         completion(YES);
@@ -701,9 +704,10 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
  * A method to be called from JS, which takes a container ID and then releases
  * all subviews for that container upon receipt.
  */
-RCT_EXPORT_METHOD(removeSubviewsFromContainerWithID:(nonnull NSNumber *)containerID)
+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");
+  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);
 
@@ -714,11 +718,11 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
   }
 
   [self manageChildren:containerID
-       moveFromIndices:nil
-         moveToIndices:nil
-     addChildReactTags:nil
-          addAtIndices:nil
-       removeAtIndices:indices];
+        moveFromIndices:nil
+          moveToIndices:nil
+      addChildReactTags:nil
+           addAtIndices:nil
+        removeAtIndices:indices];
 }
 
 /**
@@ -746,14 +750,14 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
   }
   if (removedChildren.count != atIndices.count) {
     NSString *message = [NSString stringWithFormat:@"removedChildren count (%tu) was not what we expected (%tu)",
-                         removedChildren.count, atIndices.count];
+                                                   removedChildren.count,
+                                                   atIndices.count];
     RCTFatal(RCTErrorWithMessage(message));
   }
   return removedChildren;
 }
 
-- (void)_removeChildren:(NSArray<id<RCTComponent>> *)children
-          fromContainer:(id<RCTComponent>)container
+- (void)_removeChildren:(NSArray<id<RCTComponent>> *)children fromContainer:(id<RCTComponent>)container
 {
   for (id<RCTComponent> removedChild in children) {
     [container removeReactSubview:removedChild];
@@ -772,14 +776,13 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
 
   __block NSUInteger completionsCalled = 0;
   for (RCTPlatformView *removedChild in children) { // TODO(macOS ISS#2323203)
-
     void (^completion)(BOOL) = ^(BOOL finished) {
       completionsCalled++;
 
       [removedChild removeFromSuperview];
 
       if (animation.callback && completionsCalled == children.count) {
-        animation.callback(@[@(finished)]);
+        animation.callback(@[ @(finished) ]);
 
         // It's unsafe to call this callback more than once, so we nil it out here
         // to make sure that doesn't happen.
@@ -791,9 +794,9 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
     // First one: We want to delete the view from view hierarchy.
     // Second one: We want to animate this view, which implies the existence of this view in the hierarchy.
     // So, we have to remove this view from React's view hierarchy but postpone removing from UIKit's hierarchy.
-    // Here the problem: the default implementation of `-[UIView removeReactSubview:]` also removes the view from UIKit's hierarchy.
-    // So, let's temporary restore the view back after removing.
-    // To do so, we have to memorize original `superview` (which can differ from `container`) and an index of removed view.
+    // Here the problem: the default implementation of `-[UIView removeReactSubview:]` also removes the view from
+    // UIKit's hierarchy. So, let's temporary restore the view back after removing. To do so, we have to memorize
+    // original `superview` (which can differ from `container`) and an index of removed view.
     RCTPlatformView *originalSuperview = removedChild.superview; // TODO(macOS ISS#2323203)
     NSUInteger originalIndex = [originalSuperview.subviews indexOfObjectIdenticalTo:removedChild];
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
@@ -815,25 +818,25 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
 #endif // ]TODO(macOS ISS#2323203)
     
     NSString *property = deletingLayoutAnimation.property;
-    [deletingLayoutAnimation performAnimations:^{
-      if ([property isEqualToString:@"scaleXY"]) {
-        removedChild.layer.transform = CATransform3DMakeScale(0.001, 0.001, 0.001);
-      } else if ([property isEqualToString:@"scaleX"]) {
-      removedChild.layer.transform = CATransform3DMakeScale(0.001, 1, 0.001);
-      } else if ([property isEqualToString:@"scaleY"]) {
-      removedChild.layer.transform = CATransform3DMakeScale(1, 0.001, 0.001);
-      } else if ([property isEqualToString:@"opacity"]) {
-        removedChild.layer.opacity = 0.0;
-      } else {
-        RCTLogError(@"Unsupported layout animation createConfig property %@",
-                    deletingLayoutAnimation.property);
-      }
-    } withCompletionBlock:completion];
+    [deletingLayoutAnimation
+          performAnimations:^{
+            if ([property isEqualToString:@"scaleXY"]) {
+              removedChild.layer.transform = CATransform3DMakeScale(0.001, 0.001, 0.001);
+            } else if ([property isEqualToString:@"scaleX"]) {
+              removedChild.layer.transform = CATransform3DMakeScale(0.001, 1, 0.001);
+            } else if ([property isEqualToString:@"scaleY"]) {
+              removedChild.layer.transform = CATransform3DMakeScale(1, 0.001, 0.001);
+            } else if ([property isEqualToString:@"opacity"]) {
+              removedChild.layer.opacity = 0.0;
+            } else {
+              RCTLogError(@"Unsupported layout animation createConfig property %@", deletingLayoutAnimation.property);
+            }
+          }
+        withCompletionBlock:completion];
   }
 }
 
-
-RCT_EXPORT_METHOD(removeRootView:(nonnull NSNumber *)rootReactTag)
+RCT_EXPORT_METHOD(removeRootView : (nonnull NSNumber *)rootReactTag)
 {
   RCTShadowView *rootShadowView = _shadowViewRegistry[rootReactTag];
   RCTAssert(rootShadowView.superview == nil, @"root view cannot have superview (ID %@)", rootReactTag);
@@ -842,7 +845,7 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
   [_shadowViewRegistry removeObjectForKey:rootReactTag];
   [_rootViewTags removeObject:rootReactTag];
 
-  [self addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry){ // TODO(macOS ISS#2323203)
+  [self addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     RCTAssertMainQueue();
     RCTPlatformView *rootView = viewRegistry[rootReactTag]; // TODO(macOS ISS#2323203)
     [uiManager _purgeChildren:(NSArray<id<RCTComponent>> *)rootView.reactSubviews
@@ -851,10 +854,10 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
   }];
 }
 
-RCT_EXPORT_METHOD(replaceExistingNonRootView:(nonnull NSNumber *)reactTag
-                  withView:(nonnull NSNumber *)newReactTag)
+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");
+  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);
 
@@ -866,34 +869,31 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // TODO(macOS ISS
 
   NSUInteger indexOfView = [superShadowView.reactSubviews indexOfObjectIdenticalTo:shadowView];
   RCTAssert(indexOfView != NSNotFound, @"View's superview doesn't claim it as subview (id %@)", reactTag);
-  NSArray<NSNumber *> *removeAtIndices = @[@(indexOfView)];
-  NSArray<NSNumber *> *addTags = @[newReactTag];
+  NSArray<NSNumber *> *removeAtIndices = @[ @(indexOfView) ];
+  NSArray<NSNumber *> *addTags = @[ newReactTag ];
   [self manageChildren:superShadowView.reactTag
-       moveFromIndices:nil
-         moveToIndices:nil
-     addChildReactTags:addTags
-          addAtIndices:removeAtIndices
-       removeAtIndices:removeAtIndices];
+        moveFromIndices:nil
+          moveToIndices:nil
+      addChildReactTags:addTags
+           addAtIndices:removeAtIndices
+        removeAtIndices:removeAtIndices];
 }
 
-RCT_EXPORT_METHOD(setChildren:(nonnull NSNumber *)containerTag
-                  reactTags:(NSArray<NSNumber *> *)reactTags)
+RCT_EXPORT_METHOD(setChildren : (nonnull NSNumber *)containerTag reactTags : (NSArray<NSNumber *> *)reactTags)
 {
-  RCTSetChildren(containerTag, reactTags,
-                 (NSDictionary<NSNumber *, id<RCTComponent>> *)_shadowViewRegistry);
+  RCTSetChildren(containerTag, reactTags, (NSDictionary<NSNumber *, id<RCTComponent>> *)_shadowViewRegistry);
 
-  [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry){ // TODO(macOS ISS#2323203)
-
-    RCTSetChildren(containerTag, reactTags,
-                   (NSDictionary<NSNumber *, id<RCTComponent>> *)viewRegistry);
+  [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
+    RCTSetChildren(containerTag, reactTags, (NSDictionary<NSNumber *, id<RCTComponent>> *)viewRegistry);
   }];
 
   [self _shadowViewDidReceiveUpdatedChildren:_shadowViewRegistry[containerTag]];
 }
 
-static void RCTSetChildren(NSNumber *containerTag,
-                           NSArray<NSNumber *> *reactTags,
-                           NSDictionary<NSNumber *, id<RCTComponent>> *registry)
+static void RCTSetChildren(
+    NSNumber *containerTag,
+    NSArray<NSNumber *> *reactTags,
+    NSDictionary<NSNumber *, id<RCTComponent>> *registry)
 {
   id<RCTComponent> container = registry[containerTag];
   NSInteger index = 0;
@@ -905,12 +905,13 @@ static void RCTSetChildren(NSNumber *containerTag,
   }
 }
 
-RCT_EXPORT_METHOD(manageChildren:(nonnull NSNumber *)containerTag
-                  moveFromIndices:(NSArray<NSNumber *> *)moveFromIndices
-                  moveToIndices:(NSArray<NSNumber *> *)moveToIndices
-                  addChildReactTags:(NSArray<NSNumber *> *)addChildReactTags
-                  addAtIndices:(NSArray<NSNumber *> *)addAtIndices
-                  removeAtIndices:(NSArray<NSNumber *> *)removeAtIndices)
+RCT_EXPORT_METHOD(manageChildren
+                  : (nonnull NSNumber *)containerTag moveFromIndices
+                  : (NSArray<NSNumber *> *)moveFromIndices moveToIndices
+                  : (NSArray<NSNumber *> *)moveToIndices addChildReactTags
+                  : (NSArray<NSNumber *> *)addChildReactTags addAtIndices
+                  : (NSArray<NSNumber *> *)addAtIndices removeAtIndices
+                  : (NSArray<NSNumber *> *)removeAtIndices)
 {
   [self _manageChildren:containerTag
         moveFromIndices:moveFromIndices
@@ -920,7 +921,7 @@ static void RCTSetChildren(NSNumber *containerTag,
         removeAtIndices:removeAtIndices
                registry:(NSMutableDictionary<NSNumber *, id<RCTComponent>> *)_shadowViewRegistry];
 
-  [self addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry){ // TODO(macOS ISS#2323203)
+  [self addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     [uiManager _manageChildren:containerTag
                moveFromIndices:moveFromIndices
                  moveToIndices:moveToIndices
@@ -942,14 +943,18 @@ - (void)_manageChildren:(NSNumber *)containerTag
                registry:(NSMutableDictionary<NSNumber *, id<RCTComponent>> *)registry
 {
   id<RCTComponent> container = registry[containerTag];
-  RCTAssert(moveFromIndices.count == moveToIndices.count, @"moveFromIndices had size %tu, moveToIndices had size %tu", moveFromIndices.count, moveToIndices.count);
+  RCTAssert(
+      moveFromIndices.count == moveToIndices.count,
+      @"moveFromIndices had size %tu, moveToIndices had size %tu",
+      moveFromIndices.count,
+      moveToIndices.count);
   RCTAssert(addChildReactTags.count == addAtIndices.count, @"there should be at least one React child to add");
 
   // Removes (both permanent and temporary moves) are using "before" indices
-  NSArray<id<RCTComponent>> *permanentlyRemovedChildren =
-    [self _childrenToRemoveFromContainer:container atIndices:removeAtIndices];
-  NSArray<id<RCTComponent>> *temporarilyRemovedChildren =
-    [self _childrenToRemoveFromContainer:container atIndices:moveFromIndices];
+  NSArray<id<RCTComponent>> *permanentlyRemovedChildren = [self _childrenToRemoveFromContainer:container
+                                                                                     atIndices:removeAtIndices];
+  NSArray<id<RCTComponent>> *temporarilyRemovedChildren = [self _childrenToRemoveFromContainer:container
+                                                                                     atIndices:moveFromIndices];
 
   BOOL isUIViewRegistry = ((id)registry == (id)_viewRegistry);
   if (isUIViewRegistry && _layoutAnimationGroup.deletingLayoutAnimation) {
@@ -977,17 +982,17 @@ - (void)_manageChildren:(NSNumber *)containerTag
   }
 
   NSArray<NSNumber *> *sortedIndices =
-    [destinationsToChildrenToAdd.allKeys sortedArrayUsingSelector:@selector(compare:)];
+      [destinationsToChildrenToAdd.allKeys sortedArrayUsingSelector:@selector(compare:)];
   for (NSNumber *reactIndex in sortedIndices) {
-    [container insertReactSubview:destinationsToChildrenToAdd[reactIndex]
-                          atIndex:reactIndex.integerValue];
+    [container insertReactSubview:destinationsToChildrenToAdd[reactIndex] atIndex:reactIndex.integerValue];
   }
 }
 
-RCT_EXPORT_METHOD(createView:(nonnull NSNumber *)reactTag
-                  viewName:(NSString *)viewName
-                  rootTag:(nonnull NSNumber *)rootTag
-                  props:(NSDictionary *)props)
+RCT_EXPORT_METHOD(createView
+                  : (nonnull NSNumber *)reactTag viewName
+                  : (NSString *)viewName rootTag
+                  : (nonnull NSNumber *)rootTag props
+                  : (NSDictionary *)props)
 {
   RCTComponentData *componentData = _componentDataByName[viewName];
   if (componentData == nil) {
@@ -1000,12 +1005,14 @@ - (void)_manageChildren:(NSNumber *)containerTag
     [componentData setProps:props forShadowView:shadowView];
     _shadowViewRegistry[reactTag] = shadowView;
     RCTShadowView *rootView = _shadowViewRegistry[rootTag];
-    RCTAssert([rootView isKindOfClass:[RCTRootShadowView class]]
+    RCTAssert(
+        [rootView isKindOfClass:[RCTRootShadowView class]]
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-              || [rootView isKindOfClass:[RCTSurfaceRootShadowView class]]
+        || [rootView isKindOfClass:[RCTSurfaceRootShadowView class]]
 #endif // ]TODO(macOS ISS#2323203)
-               ,
-      @"Given `rootTag` (%@) does not correspond to a valid root shadow view instance.", rootTag);
+        ,
+        @"Given `rootTag` (%@) does not correspond to a valid root shadow view instance.",
+        rootTag);
     shadowView.rootView = (RCTRootShadowView *)rootView;
   }
 
@@ -1046,9 +1053,11 @@ - (void)_manageChildren:(NSNumber *)containerTag
   [self _shadowView:shadowView didReceiveUpdatedProps:[props allKeys]];
 }
 
-RCT_EXPORT_METHOD(updateView:(nonnull NSNumber *)reactTag
-                  viewName:(NSString *)viewName // not always reliable, use shadowView.viewName if available
-                  props:(NSDictionary *)props)
+RCT_EXPORT_METHOD(updateView
+                  : (nonnull NSNumber *)reactTag viewName
+                  : (NSString *)viewName // not always reliable, use shadowView.viewName if available
+                      props
+                  : (NSDictionary *)props)
 {
   RCTShadowView *shadowView = _shadowViewRegistry[reactTag];
   RCTComponentData *componentData = _componentDataByName[shadowView.viewName ?: viewName];
@@ -1062,9 +1071,7 @@ - (void)_manageChildren:(NSNumber *)containerTag
   [self _shadowView:shadowView didReceiveUpdatedProps:[props allKeys]];
 }
 
-- (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
-                                 viewName:(NSString *)viewName
-                                    props:(NSDictionary *)props
+- (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag viewName:(NSString *)viewName props:(NSDictionary *)props
 {
   RCTAssertMainQueue();
   RCTComponentData *componentData = _componentDataByName[viewName];
@@ -1072,7 +1079,7 @@ - (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
   [componentData setProps:props forView:view];
 }
 
-RCT_EXPORT_METHOD(focus:(nonnull NSNumber *)reactTag)
+RCT_EXPORT_METHOD(focus : (nonnull NSNumber *)reactTag)
 {
   [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
     RCTUIView *newResponder = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
@@ -1080,15 +1087,18 @@ - (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
   }];
 }
 
-RCT_EXPORT_METHOD(blur:(nonnull NSNumber *)reactTag)
+RCT_EXPORT_METHOD(blur : (nonnull NSNumber *)reactTag)
 {
-  [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry){ // TODO(macOS ISS#3536887)
+  [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
     RCTUIView *currentResponder = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
     [currentResponder reactBlur];
   }];
 }
 
-RCT_EXPORT_METHOD(findSubviewIn:(nonnull NSNumber *)reactTag atPoint:(CGPoint)point callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(findSubviewIn
+                  : (nonnull NSNumber *)reactTag atPoint
+                  : (CGPoint)point callback
+                  : (RCTResponseSenderBlock)callback)
 {
   [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     RCTPlatformView *view = viewRegistry[reactTag]; // TODO(macOS ISS#2323203)
@@ -1109,17 +1119,18 @@ - (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
   }];
 }
 
-RCT_EXPORT_METHOD(dispatchViewManagerCommand:(nonnull NSNumber *)reactTag
-                  commandID:(id /*(NSString or NSNumber) */)commandID
-                  commandArgs:(NSArray<id> *)commandArgs)
+RCT_EXPORT_METHOD(dispatchViewManagerCommand
+                  : (nonnull NSNumber *)reactTag 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.
+  // 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) {
@@ -1140,7 +1151,7 @@ - (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
   id<RCTBridgeMethod> method;
   if ([commandID isKindOfClass:[NSNumber class]]) {
     method = moduleData.methods[[commandID intValue]];
-  } else if([commandID isKindOfClass:[NSString class]]) {
+  } else if ([commandID isKindOfClass:[NSString class]]) {
     method = moduleData.methodsByName[commandID];
     if (method == nil) {
       RCTLogError(@"No command found with name \"%@\"", commandID);
@@ -1150,7 +1161,7 @@ - (void)synchronouslyUpdateViewOnUIThread:(NSNumber *)reactTag
     return;
   }
 
-  NSArray *args = [@[reactTag] arrayByAddingObjectsFromArray:commandArgs];
+  NSArray *args = [@[ reactTag ] arrayByAddingObjectsFromArray:commandArgs];
   [method invokeWithBridge:_bridge module:componentData.manager arguments:args];
 }
 
@@ -1202,15 +1213,14 @@ - (void)flushUIBlocksWithCompletion:(void (^)(void))completion
 
   __weak typeof(self) weakSelf = self;
 
-   void (^mountingBlock)(void) = ^{
+  void (^mountingBlock)(void) = ^{
     typeof(self) strongSelf = weakSelf;
 
     @try {
       for (RCTViewManagerUIBlock block in previousPendingUIBlocks) {
         block(strongSelf, strongSelf->_viewRegistry);
       }
-    }
-    @catch (NSException *exception) {
+    } @catch (NSException *exception) {
       RCTLogError(@"Exception thrown while executing UI block: %@", exception);
     }
   };
@@ -1225,8 +1235,8 @@ - (void)flushUIBlocksWithCompletion:(void (^)(void))completion
   RCTExecuteOnMainQueue(^{
     RCTProfileEndFlowEvent();
     RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"-[UIManager flushUIBlocks]", (@{
-      @"count": [@(previousPendingUIBlocks.count) stringValue],
-    }));
+                              @"count" : [@(previousPendingUIBlocks.count) stringValue],
+                            }));
 
     mountingBlock();
 
@@ -1314,8 +1324,7 @@ - (void)_dispatchPropsDidChangeEvents
   }];
 }
 
-RCT_EXPORT_METHOD(measure:(nonnull NSNumber *)reactTag
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(measure : (nonnull NSNumber *)reactTag callback : (RCTResponseSenderBlock)callback)
 {
   [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     RCTPlatformView *view = viewRegistry[reactTag]; // TODO(macOS ISS#2323203)
@@ -1348,8 +1357,7 @@ - (void)_dispatchPropsDidChangeEvents
   }];
 }
 
-RCT_EXPORT_METHOD(measureInWindow:(nonnull NSNumber *)reactTag
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(measureInWindow : (nonnull NSNumber *)reactTag callback : (RCTResponseSenderBlock)callback)
 {
   [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     RCTPlatformView *view = viewRegistry[reactTag]; // TODO(macOS ISS#2323203)
@@ -1380,9 +1388,10 @@ - (void)_dispatchPropsDidChangeEvents
  * Returns if the shadow view provided has the `ancestor` shadow view as
  * an actual ancestor.
  */
-RCT_EXPORT_METHOD(viewIsDescendantOf:(nonnull NSNumber *)reactTag
-                  ancestor:(nonnull NSNumber *)ancestorReactTag
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(viewIsDescendantOf
+                  : (nonnull NSNumber *)reactTag ancestor
+                  : (nonnull NSNumber *)ancestorReactTag callback
+                  : (RCTResponseSenderBlock)callback)
 {
   RCTShadowView *shadowView = _shadowViewRegistry[reactTag];
   RCTShadowView *ancestorShadowView = _shadowViewRegistry[ancestorReactTag];
@@ -1393,12 +1402,10 @@ - (void)_dispatchPropsDidChangeEvents
     return;
   }
   BOOL viewIsAncestor = [shadowView viewIsDescendantOf:ancestorShadowView];
-  callback(@[@(viewIsAncestor)]);
+  callback(@[ @(viewIsAncestor) ]);
 }
 
-static void RCTMeasureLayout(RCTShadowView *view,
-                             RCTShadowView *ancestor,
-                             RCTResponseSenderBlock callback)
+static void RCTMeasureLayout(RCTShadowView *view, RCTShadowView *ancestor, RCTResponseSenderBlock callback)
 {
   if (!view) {
     return;
@@ -1408,8 +1415,8 @@ static void RCTMeasureLayout(RCTShadowView *view,
   }
   CGRect result = [view measureLayoutRelativeToAncestor:ancestor];
   if (CGRectIsNull(result)) {
-    RCTLogError(@"view %@ (tag #%@) is not a descendant of %@ (tag #%@)",
-                view, view.reactTag, ancestor, ancestor.reactTag);
+    RCTLogError(
+        @"view %@ (tag #%@) is not a descendant of %@ (tag #%@)", view, view.reactTag, ancestor, ancestor.reactTag);
     return;
   }
   CGFloat leftOffset = result.origin.x;
@@ -1420,7 +1427,7 @@ static void RCTMeasureLayout(RCTShadowView *view,
     RCTLogError(@"Attempted to measure layout but offset or dimensions were NaN");
     return;
   }
-  callback(@[@(leftOffset), @(topOffset), @(width), @(height)]);
+  callback(@[ @(leftOffset), @(topOffset), @(width), @(height) ]);
 }
 
 /**
@@ -1430,10 +1437,11 @@ static void RCTMeasureLayout(RCTShadowView *view,
  * anything on the main UI thread. Invokes supplied callback with (x, y, width,
  * height).
  */
-RCT_EXPORT_METHOD(measureLayout:(nonnull NSNumber *)reactTag
-                  relativeTo:(nonnull NSNumber *)ancestorReactTag
-                  errorCallback:(__unused RCTResponseSenderBlock)errorCallback
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(measureLayout
+                  : (nonnull NSNumber *)reactTag relativeTo
+                  : (nonnull NSNumber *)ancestorReactTag errorCallback
+                  : (__unused RCTResponseSenderBlock)errorCallback callback
+                  : (RCTResponseSenderBlock)callback)
 {
   RCTShadowView *shadowView = _shadowViewRegistry[reactTag];
   RCTShadowView *ancestorShadowView = _shadowViewRegistry[ancestorReactTag];
@@ -1447,11 +1455,13 @@ static void RCTMeasureLayout(RCTShadowView *view,
  * anything on the main UI thread. Invokes supplied callback with (x, y, width,
  * height).
  */
-RCT_EXPORT_METHOD(measureLayoutRelativeToParent:(nonnull NSNumber *)reactTag
-                  errorCallback:(__unused RCTResponseSenderBlock)errorCallback
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(measureLayoutRelativeToParent
+                  : (nonnull NSNumber *)reactTag 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");
+  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);
 }
@@ -1460,8 +1470,9 @@ static void RCTMeasureLayout(RCTShadowView *view,
  * JS sets what *it* considers to be the responder. Later, scroll views can use
  * this in order to determine if scrolling is appropriate.
  */
-RCT_EXPORT_METHOD(setJSResponder:(nonnull NSNumber *)reactTag
-                  blockNativeResponder:(__unused BOOL)blockNativeResponder)
+RCT_EXPORT_METHOD(setJSResponder
+                  : (nonnull NSNumber *)reactTag blockNativeResponder
+                  : (__unused BOOL)blockNativeResponder)
 {
   [self addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     _jsResponder = viewRegistry[reactTag];
@@ -1481,7 +1492,8 @@ static void RCTMeasureLayout(RCTShadowView *view,
 static NSMutableDictionary<NSString *, id> *moduleConstantsForComponent(
     NSMutableDictionary<NSString *, NSDictionary *> *directEvents,
     NSMutableDictionary<NSString *, NSDictionary *> *bubblingEvents,
-    RCTComponentData *componentData) {
+    RCTComponentData *componentData)
+{
   NSMutableDictionary<NSString *, id> *moduleConstants = [NSMutableDictionary new];
 
   // Register which event-types this view dispatches.
@@ -1503,13 +1515,16 @@ static void RCTMeasureLayout(RCTShadowView *view,
   for (NSString *eventName in viewConfig[@"directEvents"]) {
     if (!directEvents[eventName]) {
       directEvents[eventName] = @{
-                                  @"registrationName": [eventName stringByReplacingCharactersInRange:(NSRange){0, 3} withString:@"on"],
-                                  };
+        @"registrationName" : [eventName stringByReplacingCharactersInRange:(NSRange){0, 3} withString:@"on"],
+      };
     }
     directEventTypes[eventName] = directEvents[eventName];
     if (RCT_DEBUG && bubblingEvents[eventName]) {
-      RCTLogError(@"Component '%@' re-registered bubbling event '%@' as a "
-                  "direct event", componentData.name, eventName);
+      RCTLogError(
+          @"Component '%@' re-registered bubbling event '%@' as a "
+           "direct event",
+          componentData.name,
+          eventName);
     }
   }
 
@@ -1518,16 +1533,19 @@ static void RCTMeasureLayout(RCTShadowView *view,
     if (!bubblingEvents[eventName]) {
       NSString *bubbleName = [eventName stringByReplacingCharactersInRange:(NSRange){0, 3} withString:@"on"];
       bubblingEvents[eventName] = @{
-                                    @"phasedRegistrationNames": @{
-                                        @"bubbled": bubbleName,
-                                        @"captured": [bubbleName stringByAppendingString:@"Capture"],
-                                        }
-                                    };
+        @"phasedRegistrationNames" : @{
+          @"bubbled" : bubbleName,
+          @"captured" : [bubbleName stringByAppendingString:@"Capture"],
+        }
+      };
     }
     bubblingEventTypes[eventName] = bubblingEvents[eventName];
     if (RCT_DEBUG && directEvents[eventName]) {
-      RCTLogError(@"Component '%@' re-registered direct event '%@' as a "
-                  "bubbling event", componentData.name, eventName);
+      RCTLogError(
+          @"Component '%@' re-registered direct event '%@' as a "
+           "bubbling event",
+          componentData.name,
+          eventName);
     }
   }
 
@@ -1545,16 +1563,18 @@ static void RCTMeasureLayout(RCTShadowView *view,
   NSMutableDictionary<NSString *, NSDictionary *> *directEvents = [NSMutableDictionary new];
   NSMutableDictionary<NSString *, NSDictionary *> *bubblingEvents = [NSMutableDictionary new];
 
-  [_componentDataByName enumerateKeysAndObjectsUsingBlock:^(NSString *name, RCTComponentData *componentData, __unused BOOL *stop) {
-    RCTAssert(!constants[name], @"UIManager already has constants for %@", componentData.name);
-    NSMutableDictionary<NSString *, id> *moduleConstants = moduleConstantsForComponent(directEvents, bubblingEvents, componentData);
-    constants[name] = moduleConstants;
-  }];
+  [_componentDataByName
+      enumerateKeysAndObjectsUsingBlock:^(NSString *name, RCTComponentData *componentData, __unused BOOL *stop) {
+        RCTAssert(!constants[name], @"UIManager already has constants for %@", componentData.name);
+        NSMutableDictionary<NSString *, id> *moduleConstants =
+            moduleConstantsForComponent(directEvents, bubblingEvents, componentData);
+        constants[name] = moduleConstants;
+      }];
 
   return constants;
 }
 
-RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(lazilyLoadView:(NSString *)name)
+RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(lazilyLoadView : (NSString *)name)
 {
   if (_componentDataByName[name]) {
     return @{};
@@ -1592,20 +1612,20 @@ static void RCTMeasureLayout(RCTShadowView *view,
   _componentDataByName[componentData.name] = componentData;
   NSMutableDictionary *directEvents = [NSMutableDictionary new];
   NSMutableDictionary *bubblingEvents = [NSMutableDictionary new];
-  NSMutableDictionary<NSString *, id> *moduleConstants = moduleConstantsForComponent(directEvents, bubblingEvents, componentData);
-  return
-  @{
-    @"viewConfig": moduleConstants,
-    };
+  NSMutableDictionary<NSString *, id> *moduleConstants =
+      moduleConstantsForComponent(directEvents, bubblingEvents, componentData);
+  return @{
+    @"viewConfig" : moduleConstants,
+  };
 }
 
-RCT_EXPORT_METHOD(configureNextLayoutAnimation:(NSDictionary *)config
-                  withCallback:(RCTResponseSenderBlock)callback
-                  errorCallback:(__unused RCTResponseSenderBlock)errorCallback)
+RCT_EXPORT_METHOD(configureNextLayoutAnimation
+                  : (NSDictionary *)config withCallback
+                  : (RCTResponseSenderBlock)callback errorCallback
+                  : (__unused RCTResponseSenderBlock)errorCallback)
 {
-  RCTLayoutAnimationGroup *layoutAnimationGroup =
-    [[RCTLayoutAnimationGroup alloc] initWithConfig:config
-                                           callback:callback];
+  RCTLayoutAnimationGroup *layoutAnimationGroup = [[RCTLayoutAnimationGroup alloc] initWithConfig:config
+                                                                                         callback:callback];
 
   [self addUIBlock:^(RCTUIManager *uiManager, __unused NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     [uiManager setNextLayoutAnimationGroup:layoutAnimationGroup];
diff --git a/React/Modules/RCTUIManagerObserverCoordinator.mm b/React/Modules/RCTUIManagerObserverCoordinator.mm
index e44f13ebbbeed4..389bedab3fb644 100644
--- a/React/Modules/RCTUIManagerObserverCoordinator.mm
+++ b/React/Modules/RCTUIManagerObserverCoordinator.mm
@@ -97,5 +97,4 @@ - (void)uiManagerDidPerformMounting:(RCTUIManager *)manager
   }
 }
 
-
 @end
diff --git a/React/Modules/RCTUIManagerUtils.h b/React/Modules/RCTUIManagerUtils.h
index 0d0d5b22a3c5a8..cd4da285b2955b 100644
--- a/React/Modules/RCTUIManagerUtils.h
+++ b/React/Modules/RCTUIManagerUtils.h
@@ -96,8 +96,9 @@ RCT_EXTERN void RCTUnsafeExecuteOnUIManagerQueueSync(dispatch_block_t block);
 /**
  * Convenience macro for asserting that we're running on UIManager queue.
  */
-#define RCTAssertUIManagerQueue() RCTAssert(RCTIsUIManagerQueue() || RCTIsPseudoUIManagerQueue(), \
-@"This function must be called on the UIManager queue")
+#define RCTAssertUIManagerQueue() \
+  RCTAssert(                      \
+      RCTIsUIManagerQueue() || RCTIsPseudoUIManagerQueue(), @"This function must be called on the UIManager queue")
 
 /**
  * Returns new unique root view tag.
diff --git a/React/Modules/RCTUIManagerUtils.m b/React/Modules/RCTUIManagerUtils.m
index 8f03240f6bdf15..54f77f67a6e4d2 100644
--- a/React/Modules/RCTUIManagerUtils.m
+++ b/React/Modules/RCTUIManagerUtils.m
@@ -21,7 +21,8 @@ dispatch_queue_t RCTGetUIManagerQueue(void)
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     if ([NSOperation instancesRespondToSelector:@selector(qualityOfService)]) {
-      dispatch_queue_attr_t attr = dispatch_queue_attr_make_with_qos_class(DISPATCH_QUEUE_SERIAL, QOS_CLASS_USER_INTERACTIVE, 0);
+      dispatch_queue_attr_t attr =
+          dispatch_queue_attr_make_with_qos_class(DISPATCH_QUEUE_SERIAL, QOS_CLASS_USER_INTERACTIVE, 0);
       shadowQueue = dispatch_queue_create(RCTUIManagerQueueName, attr);
     } else {
       shadowQueue = dispatch_queue_create(RCTUIManagerQueueName, DISPATCH_QUEUE_SERIAL);
diff --git a/React/Profiler/RCTProfile.h b/React/Profiler/RCTProfile.h
index 5d601fddb04ce7..7c6dec159c851f 100644
--- a/React/Profiler/RCTProfile.h
+++ b/React/Profiler/RCTProfile.h
@@ -28,14 +28,12 @@ RCT_EXTERN const uint64_t RCTProfileTagAlways;
 
 @class RCTBridge;
 
-#define RCTProfileBeginFlowEvent() \
-_Pragma("clang diagnostic push") \
-_Pragma("clang diagnostic ignored \"-Wshadow\"") \
-NSUInteger __rct_profile_flow_id = _RCTProfileBeginFlowEvent(); \
-_Pragma("clang diagnostic pop")
+#define RCTProfileBeginFlowEvent()                                                                                     \
+  _Pragma("clang diagnostic push") _Pragma("clang diagnostic ignored \"-Wshadow\"") NSUInteger __rct_profile_flow_id = \
+      _RCTProfileBeginFlowEvent();                                                                                     \
+  _Pragma("clang diagnostic pop")
 
-#define RCTProfileEndFlowEvent() \
-_RCTProfileEndFlowEvent(__rct_profile_flow_id)
+#define RCTProfileEndFlowEvent() _RCTProfileEndFlowEvent(__rct_profile_flow_id)
 
 RCT_EXTERN dispatch_queue_t RCTProfileGetQueue(void);
 
@@ -62,66 +60,61 @@ RCT_EXTERN void RCTProfileEnd(RCTBridge *, void (^)(NSString *));
 /**
  * Collects the initial event information for the event and returns a reference ID
  */
-RCT_EXTERN void _RCTProfileBeginEvent(NSThread *calleeThread,
-                                      NSTimeInterval time,
-                                      uint64_t tag,
-                                      NSString *name,
-                                      NSDictionary<NSString *, NSString *> *args);
-#define RCT_PROFILE_BEGIN_EVENT(tag, name, args) \
-  do { \
-    if (RCTProfileIsProfiling()) { \
-      NSThread *__calleeThread = [NSThread currentThread]; \
-      NSTimeInterval __time = CACurrentMediaTime(); \
+RCT_EXTERN void _RCTProfileBeginEvent(
+    NSThread *calleeThread,
+    NSTimeInterval time,
+    uint64_t tag,
+    NSString *name,
+    NSDictionary<NSString *, NSString *> *args);
+#define RCT_PROFILE_BEGIN_EVENT(tag, name, args)                      \
+  do {                                                                \
+    if (RCTProfileIsProfiling()) {                                    \
+      NSThread *__calleeThread = [NSThread currentThread];            \
+      NSTimeInterval __time = CACurrentMediaTime();                   \
       _RCTProfileBeginEvent(__calleeThread, __time, tag, name, args); \
-    } \
-  } while(0)
+    }                                                                 \
+  } while (0)
 
 /**
  * The ID returned by BeginEvent should then be passed into EndEvent, with the
  * rest of the event information. Just at this point the event will actually be
  * registered
  */
-RCT_EXTERN void _RCTProfileEndEvent(NSThread *calleeThread,
-                                    NSString *threadName,
-                                    NSTimeInterval time,
-                                    uint64_t tag,
-                                    NSString *category);
-
-#define RCT_PROFILE_END_EVENT(tag, category) \
-  do { \
-    if (RCTProfileIsProfiling()) { \
-      NSThread *__calleeThread = [NSThread currentThread]; \
-      NSString *__threadName = RCTCurrentThreadName(); \
-      NSTimeInterval __time = CACurrentMediaTime(); \
+RCT_EXTERN void _RCTProfileEndEvent(
+    NSThread *calleeThread,
+    NSString *threadName,
+    NSTimeInterval time,
+    uint64_t tag,
+    NSString *category);
+
+#define RCT_PROFILE_END_EVENT(tag, category)                                    \
+  do {                                                                          \
+    if (RCTProfileIsProfiling()) {                                              \
+      NSThread *__calleeThread = [NSThread currentThread];                      \
+      NSString *__threadName = RCTCurrentThreadName();                          \
+      NSTimeInterval __time = CACurrentMediaTime();                             \
       _RCTProfileEndEvent(__calleeThread, __threadName, __time, tag, category); \
-    } \
-  } while(0)
+    }                                                                           \
+  } while (0)
 
 /**
  * Collects the initial event information for the event and returns a reference ID
  */
-RCT_EXTERN NSUInteger RCTProfileBeginAsyncEvent(uint64_t tag,
-                                                NSString *name,
-                                                NSDictionary<NSString *, NSString *> *args);
+RCT_EXTERN NSUInteger
+RCTProfileBeginAsyncEvent(uint64_t tag, NSString *name, NSDictionary<NSString *, NSString *> *args);
 
 /**
  * The ID returned by BeginEvent should then be passed into EndEvent, with the
  * rest of the event information. Just at this point the event will actually be
  * registered
  */
-RCT_EXTERN void RCTProfileEndAsyncEvent(uint64_t tag,
-                                        NSString *category,
-                                        NSUInteger cookie,
-                                        NSString *name,
-                                        NSString *threadName);
+RCT_EXTERN void
+RCTProfileEndAsyncEvent(uint64_t tag, NSString *category, NSUInteger cookie, NSString *name, NSString *threadName);
 
 /**
  * An event that doesn't have a duration (i.e. Notification, VSync, etc)
  */
-RCT_EXTERN void RCTProfileImmediateEvent(uint64_t tag,
-                                         NSString *name,
-                                         NSTimeInterval time,
-                                         char scope);
+RCT_EXTERN void RCTProfileImmediateEvent(uint64_t tag, NSString *name, NSTimeInterval time, char scope);
 
 /**
  * Helper to profile the duration of the execution of a block. This method uses
@@ -131,12 +124,12 @@ RCT_EXTERN void RCTProfileImmediateEvent(uint64_t tag,
  *
  * DEPRECATED: this approach breaks debugging and stepping through instrumented block functions
  */
-#define RCTProfileBlock(block, tag, category, arguments) \
-^{ \
-  RCT_PROFILE_BEGIN_EVENT(tag, @(__PRETTY_FUNCTION__), nil); \
-  block(); \
-  RCT_PROFILE_END_EVENT(tag, category, arguments); \
-}
+#define RCTProfileBlock(block, tag, category, arguments)       \
+  ^{                                                           \
+    RCT_PROFILE_BEGIN_EVENT(tag, @(__PRETTY_FUNCTION__), nil); \
+    block();                                                   \
+    RCT_PROFILE_END_EVENT(tag, category, arguments);           \
+  }
 
 /**
  * Hook into a bridge instance to log all bridge module's method calls
diff --git a/React/Profiler/RCTProfile.m b/React/Profiler/RCTProfile.m
index 736b64de25e91a..2992dbe713902a 100644
--- a/React/Profiler/RCTProfile.m
+++ b/React/Profiler/RCTProfile.m
@@ -56,15 +56,12 @@
 #pragma mark - Macros
 
 #define RCTProfileAddEvent(type, props...) \
-[RCTProfileInfo[type] addObject:@{ \
-  @"pid": @([[NSProcessInfo processInfo] processIdentifier]), \
-  props \
-}];
+  [RCTProfileInfo[type] addObject:@{@"pid" : @([[NSProcessInfo processInfo] processIdentifier]), props}];
 
-#define CHECK(...) \
-if (!RCTProfileIsProfiling()) { \
-  return __VA_ARGS__; \
-}
+#define CHECK(...)                \
+  if (!RCTProfileIsProfiling()) { \
+    return __VA_ARGS__;           \
+  }
 
 #pragma mark - systrace glue code
 
@@ -118,15 +115,12 @@ void RCTProfileRegisterCallbacks(RCTProfileCallbacks *cb)
 {
   struct task_basic_info info;
   mach_msg_type_number_t size = sizeof(info);
-  kern_return_t kerr = task_info(mach_task_self(),
-                                 TASK_BASIC_INFO,
-                                 (task_info_t)&info,
-                                 &size);
-  if ( kerr == KERN_SUCCESS ) {
+  kern_return_t kerr = task_info(mach_task_self(), TASK_BASIC_INFO, (task_info_t)&info, &size);
+  if (kerr == KERN_SUCCESS) {
     return @{
-      @"suspend_count": @(info.suspend_count),
-      @"virtual_size": RCTProfileMemory(info.virtual_size),
-      @"resident_size": RCTProfileMemory(info.resident_size),
+      @"suspend_count" : @(info.suspend_count),
+      @"virtual_size" : RCTProfileMemory(info.virtual_size),
+      @"resident_size" : RCTProfileMemory(info.resident_size),
     };
   } else {
     return @{};
@@ -184,14 +178,11 @@ IMP RCTProfileGetImplementation(id obj, SEL cmd)
  * The implementation can be found in RCTProfileTrampoline-<arch>.s where arch
  * is one of: i386, x86_64, arm, arm64.
  */
-#if defined(__i386__) || \
-    defined(__x86_64__) || \
-    defined(__arm__) || \
-    defined(__arm64__)
+#if defined(__i386__) || defined(__x86_64__) || defined(__arm__) || defined(__arm64__)
 
-  RCT_EXTERN void RCTProfileTrampoline(void);
+RCT_EXTERN void RCTProfileTrampoline(void);
 #else
-  static void *RCTProfileTrampoline = NULL;
+static void *RCTProfileTrampoline = NULL;
 #endif
 
 RCT_EXTERN void RCTProfileTrampolineStart(id, SEL);
@@ -202,7 +193,8 @@ void RCTProfileTrampolineStart(id self, SEL cmd)
    * block.
    */
   Class klass = [self class];
-  RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, ([NSString stringWithFormat:@"-[%s %s]", class_getName(klass), sel_getName(cmd)]), nil);
+  RCT_PROFILE_BEGIN_EVENT(
+      RCTProfileTagAlways, ([NSString stringWithFormat:@"-[%s %s]", class_getName(klass), sel_getName(cmd)]), nil);
 }
 
 RCT_EXTERN void RCTProfileTrampolineEnd(void);
@@ -282,7 +274,8 @@ void RCTProfileHookInstance(id instance)
      * Avoid hooking into NSObject methods, methods generated by React Native
      * and special methods that start `.` (e.g. .cxx_destruct)
      */
-    if ([NSStringFromSelector(selector) hasPrefix:@"rct"] || [NSObject instancesRespondToSelector:selector] || sel_getName(selector)[0] == '.' || returnsStruct) {
+    if ([NSStringFromSelector(selector) hasPrefix:@"rct"] || [NSObject instancesRespondToSelector:selector] ||
+        sel_getName(selector)[0] == '.' || returnsStruct) {
       continue;
     }
 
@@ -291,11 +284,22 @@ void RCTProfileHookInstance(id instance)
   }
   free(methods);
 
-  class_replaceMethod(object_getClass(proxyClass), @selector(initialize), imp_implementationWithBlock(^{}), "v@:");
+  class_replaceMethod(
+      object_getClass(proxyClass),
+      @selector(initialize),
+      imp_implementationWithBlock(^{
+      }),
+      "v@:");
 
-  for (Class cls in @[proxyClass, object_getClass(proxyClass)]) {
+  for (Class cls in @[ proxyClass, object_getClass(proxyClass) ]) {
     Method oldImp = class_getInstanceMethod(cls, @selector(class));
-    class_replaceMethod(cls, @selector(class), imp_implementationWithBlock(^{ return moduleClass; }), method_getTypeEncoding(oldImp));
+    class_replaceMethod(
+        cls,
+        @selector(class),
+        imp_implementationWithBlock(^{
+          return moduleClass;
+        }),
+        method_getTypeEncoding(oldImp));
   }
 
   objc_registerClassPair(proxyClass);
@@ -321,9 +325,11 @@ void RCTProfileHookModules(RCTBridge *bridge)
   for (RCTModuleData *moduleData in [bridge valueForKey:@"moduleDataByID"]) {
     // Only hook modules with an instance, to prevent initializing everything
     if ([moduleData hasInstance]) {
-      [bridge dispatchBlock:^{
-        RCTProfileHookInstance(moduleData.instance);
-      } queue:moduleData.methodQueue];
+      [bridge
+          dispatchBlock:^{
+            RCTProfileHookInstance(moduleData.instance);
+          }
+                  queue:moduleData.methodQueue];
     }
   }
   RCT_PROFILE_END_EVENT(RCTProfileTagAlways, @"");
@@ -383,30 +389,28 @@ + (void)toggle:(UIButton *)target
   BOOL isProfiling = RCTProfileIsProfiling();
 
   // Start and Stop are switched here, since we're going to toggle isProfiling
-  [target setTitle:isProfiling ? @"Start" : @"Stop"
-          forState:UIControlStateNormal];
+  [target setTitle:isProfiling ? @"Start" : @"Stop" forState:UIControlStateNormal];
 
   if (isProfiling) {
     RCTProfileEnd(RCTProfilingBridge(), ^(NSString *result) {
       NSString *outFile = [NSTemporaryDirectory() stringByAppendingString:@"tmp_trace.json"];
-      [result writeToFile:outFile
-               atomically:YES
-                 encoding:NSUTF8StringEncoding
-                    error:nil];
+      [result writeToFile:outFile atomically:YES encoding:NSUTF8StringEncoding error:nil];
 #if !TARGET_OS_TV
-      UIActivityViewController *activityViewController = [[UIActivityViewController alloc] initWithActivityItems:@[[NSURL fileURLWithPath:outFile]]
-                                                                                           applicationActivities:nil];
-      activityViewController.completionWithItemsHandler = ^(__unused UIActivityType activityType,
-                                                            __unused BOOL completed,
-                                                            __unused NSArray *items,
-                                                            __unused NSError *error) {
-        RCTProfileControlsWindow.hidden = NO;
-      };
+      UIActivityViewController *activityViewController =
+          [[UIActivityViewController alloc] initWithActivityItems:@[ [NSURL fileURLWithPath:outFile] ]
+                                            applicationActivities:nil];
+      activityViewController.completionWithItemsHandler =
+          ^(__unused UIActivityType activityType,
+            __unused BOOL completed,
+            __unused NSArray *items,
+            __unused NSError *error) {
+            RCTProfileControlsWindow.hidden = NO;
+          };
       RCTProfileControlsWindow.hidden = YES;
       dispatch_async(dispatch_get_main_queue(), ^{
         [[[[RCTSharedApplication() delegate] window] rootViewController] presentViewController:activityViewController
-                                                                                                 animated:YES
-                                                                                               completion:nil];
+                                                                                      animated:YES
+                                                                                    completion:nil];
       });
 #endif
     });
@@ -418,12 +422,9 @@ + (void)toggle:(UIButton *)target
 + (void)drag:(UIPanGestureRecognizer *)gestureRecognizer
 {
   CGPoint translation = [gestureRecognizer translationInView:RCTProfileControlsWindow];
-  RCTProfileControlsWindow.center = CGPointMake(
-    RCTProfileControlsWindow.center.x + translation.x,
-    RCTProfileControlsWindow.center.y + translation.y
-  );
-  [gestureRecognizer setTranslation:CGPointMake(0, 0)
-                             inView:RCTProfileControlsWindow];
+  RCTProfileControlsWindow.center =
+      CGPointMake(RCTProfileControlsWindow.center.x + translation.x, RCTProfileControlsWindow.center.y + translation.y);
+  [gestureRecognizer setTranslation:CGPointMake(0, 0) inView:RCTProfileControlsWindow];
 }
 
 @end
@@ -462,37 +463,36 @@ void RCTProfileInit(RCTBridge *bridge)
       RCTProfileStartTime = time;
       RCTProfileOngoingEvents = [NSMutableDictionary new];
       RCTProfileInfo = @{
-        kProfileTraceEvents: [NSMutableArray new],
-        kProfileSamples: [NSMutableArray new],
+        kProfileTraceEvents : [NSMutableArray new],
+        kProfileSamples : [NSMutableArray new],
       };
     });
   }
 
   // Set up thread ordering
   dispatch_async(RCTProfileGetQueue(), ^{
-    NSArray *orderedThreads = @[@"JS async", @"RCTPerformanceLogger", @"com.facebook.react.JavaScript",
-                                @(RCTUIManagerQueueName), @"main"];
+    NSArray *orderedThreads =
+        @[ @"JS async", @"RCTPerformanceLogger", @"com.facebook.react.JavaScript", @(RCTUIManagerQueueName), @"main" ];
     [orderedThreads enumerateObjectsUsingBlock:^(NSString *thread, NSUInteger idx, __unused BOOL *stop) {
       RCTProfileAddEvent(kProfileTraceEvents,
-        @"ph": @"M", // metadata event
-        @"name": @"thread_sort_index",
-        @"tid": thread,
-        @"args": @{ @"sort_index": @(-1000 + (NSInteger)idx) }
-      );
+                         @"ph"
+                         : @"M", // metadata event
+                           @"name"
+                         : @"thread_sort_index", @"tid"
+                         : thread, @"args"
+                         :
+                         @{@"sort_index" : @(-1000 + (NSInteger)idx)});
     }];
   });
 
   RCTProfileHookModules(bridge);
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  RCTProfileDisplayLink = [CADisplayLink displayLinkWithTarget:[RCTProfile class]
-                                                      selector:@selector(vsync:)];
-  [RCTProfileDisplayLink addToRunLoop:[NSRunLoop mainRunLoop]
-                              forMode:NSRunLoopCommonModes];
+  RCTProfileDisplayLink = [CADisplayLink displayLinkWithTarget:[RCTProfile class] selector:@selector(vsync:)];
+  [RCTProfileDisplayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
 #endif // TODO(macOS ISS#2323203)
 
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTProfileDidStartProfiling
-                                                      object:bridge];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTProfileDidStartProfiling object:bridge];
 }
 
 void RCTProfileEnd(RCTBridge *bridge, void (^callback)(NSString *))
@@ -503,8 +503,7 @@ void RCTProfileEnd(RCTBridge *bridge, void (^callback)(NSString *))
     return;
   }
 
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTProfileDidEndProfiling
-                                                      object:bridge];
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTProfileDidEndProfiling object:bridge];
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   [RCTProfileDisplayLink invalidate];
@@ -533,8 +532,7 @@ void RCTProfileEnd(RCTBridge *bridge, void (^callback)(NSString *))
 static NSMutableArray<NSArray *> *RCTProfileGetThreadEvents(NSThread *thread)
 {
   static NSString *const RCTProfileThreadEventsKey = @"RCTProfileThreadEventsKey";
-  NSMutableArray<NSArray *> *threadEvents =
-    thread.threadDictionary[RCTProfileThreadEventsKey];
+  NSMutableArray<NSArray *> *threadEvents = thread.threadDictionary[RCTProfileThreadEventsKey];
   if (!threadEvents) {
     threadEvents = [NSMutableArray new];
     thread.threadDictionary[RCTProfileThreadEventsKey] = threadEvents;
@@ -543,12 +541,12 @@ void RCTProfileEnd(RCTBridge *bridge, void (^callback)(NSString *))
 }
 
 void _RCTProfileBeginEvent(
-  NSThread *calleeThread,
-  NSTimeInterval time,
-  uint64_t tag,
-  NSString *name,
-  NSDictionary<NSString *, NSString *> *args
-) {
+    NSThread *calleeThread,
+    NSTimeInterval time,
+    uint64_t tag,
+    NSString *name,
+    NSDictionary<NSString *, NSString *> *args)
+{
   CHECK();
 
   if (callbacks != NULL) {
@@ -569,12 +567,12 @@ void _RCTProfileBeginEvent(
 }
 
 void _RCTProfileEndEvent(
-  NSThread *calleeThread,
-  NSString *threadName,
-  NSTimeInterval time,
-  uint64_t tag,
-  NSString *category
-) {
+    NSThread *calleeThread,
+    NSString *threadName,
+    NSTimeInterval time,
+    uint64_t tag,
+    NSString *category)
+{
   CHECK();
 
   if (callbacks != NULL) {
@@ -592,23 +590,19 @@ void _RCTProfileEndEvent(
     }
 
     NSNumber *start = event[0];
-    RCTProfileAddEvent(kProfileTraceEvents,
-      @"tid": threadName,
-      @"name": event[1],
-      @"cat": category,
-      @"ph": @"X",
-      @"ts": start,
-      @"dur": @(RCTProfileTimestamp(time).doubleValue - start.doubleValue),
-      @"args": event[2],
-    );
+    RCTProfileAddEvent(kProfileTraceEvents, @"tid"
+                       : threadName, @"name"
+                       : event[1], @"cat"
+                       : category, @"ph"
+                       : @"X", @"ts"
+                       : start, @"dur"
+                       : @(RCTProfileTimestamp(time).doubleValue - start.doubleValue), @"args"
+                       : event[2], );
   });
 }
 
-NSUInteger RCTProfileBeginAsyncEvent(
-  uint64_t tag,
-  NSString *name,
-  NSDictionary<NSString *, NSString *> *args
-) {
+NSUInteger RCTProfileBeginAsyncEvent(uint64_t tag, NSString *name, NSDictionary<NSString *, NSString *> *args)
+{
   CHECK(0);
 
   static NSUInteger eventID = 0;
@@ -633,13 +627,8 @@ NSUInteger RCTProfileBeginAsyncEvent(
   return currentEventID;
 }
 
-void RCTProfileEndAsyncEvent(
-  uint64_t tag,
-  NSString *category,
-  NSUInteger cookie,
-  NSString *name,
-  NSString *threadName
-) {
+void RCTProfileEndAsyncEvent(uint64_t tag, NSString *category, NSUInteger cookie, NSString *name, NSString *threadName)
+{
   CHECK();
 
   if (callbacks != NULL) {
@@ -655,26 +644,21 @@ void RCTProfileEndAsyncEvent(
     if (event) {
       NSNumber *endTimestamp = RCTProfileTimestamp(time);
 
-      RCTProfileAddEvent(kProfileTraceEvents,
-        @"tid": threadName,
-        @"name": event[1],
-        @"cat": category,
-        @"ph": @"X",
-        @"ts": event[0],
-        @"dur": @(endTimestamp.doubleValue - [event[0] doubleValue]),
-        @"args": event[2],
-      );
+      RCTProfileAddEvent(kProfileTraceEvents, @"tid"
+                         : threadName, @"name"
+                         : event[1], @"cat"
+                         : category, @"ph"
+                         : @"X", @"ts"
+                         : event[0], @"dur"
+                         : @(endTimestamp.doubleValue - [event[0] doubleValue]), @"args"
+                         : event[2], );
       [RCTProfileOngoingEvents removeObjectForKey:@(cookie)];
     }
   });
 }
 
-void RCTProfileImmediateEvent(
-  uint64_t tag,
-  NSString *name,
-  NSTimeInterval time,
-  char scope
-) {
+void RCTProfileImmediateEvent(uint64_t tag, NSString *name, NSTimeInterval time, char scope)
+{
   CHECK();
 
   if (callbacks != NULL) {
@@ -685,14 +669,13 @@ void RCTProfileImmediateEvent(
   NSString *threadName = RCTCurrentThreadName();
 
   dispatch_async(RCTProfileGetQueue(), ^{
-    RCTProfileAddEvent(kProfileTraceEvents,
-      @"tid": threadName,
-      @"name": name,
-      @"ts": RCTProfileTimestamp(time),
-      @"scope": @(scope),
-      @"ph": @"i",
-      @"args": RCTProfileGetMemoryUsage(),
-    );
+    RCTProfileAddEvent(kProfileTraceEvents, @"tid"
+                       : threadName, @"name"
+                       : name, @"ts"
+                       : RCTProfileTimestamp(time), @"scope"
+                       : @(scope), @"ph"
+                       : @"i", @"args"
+                       : RCTProfileGetMemoryUsage(), );
   });
 }
 
@@ -712,15 +695,13 @@ NSUInteger _RCTProfileBeginFlowEvent(void)
   NSString *threadName = RCTCurrentThreadName();
 
   dispatch_async(RCTProfileGetQueue(), ^{
-    RCTProfileAddEvent(kProfileTraceEvents,
-      @"tid": threadName,
-      @"name": @"flow",
-      @"id": @(cookie),
-      @"cat": @"flow",
-      @"ph": @"s",
-      @"ts": RCTProfileTimestamp(time),
-    );
-
+    RCTProfileAddEvent(kProfileTraceEvents, @"tid"
+                       : threadName, @"name"
+                       : @"flow", @"id"
+                       : @(cookie), @"cat"
+                       : @"flow", @"ph"
+                       : @"s", @"ts"
+                       : RCTProfileTimestamp(time), );
   });
 
   return cookie;
@@ -739,21 +720,21 @@ void _RCTProfileEndFlowEvent(NSUInteger cookie)
   NSString *threadName = RCTCurrentThreadName();
 
   dispatch_async(RCTProfileGetQueue(), ^{
-    RCTProfileAddEvent(kProfileTraceEvents,
-      @"tid": threadName,
-      @"name": @"flow",
-      @"id": @(cookie),
-      @"cat": @"flow",
-      @"ph": @"f",
-      @"ts": RCTProfileTimestamp(time),
-    );
+    RCTProfileAddEvent(kProfileTraceEvents, @"tid"
+                       : threadName, @"name"
+                       : @"flow", @"id"
+                       : @(cookie), @"cat"
+                       : @"flow", @"ph"
+                       : @"f", @"ts"
+                       : RCTProfileTimestamp(time), );
   });
 }
 
 void RCTProfileSendResult(RCTBridge *bridge, NSString *route, NSData *data)
 {
   if (![bridge.bundleURL.scheme hasPrefix:@"http"]) {
-    RCTLogWarn(@"Cannot upload profile information because you're not connected to the packager. The profiling data is still saved in the app container.");
+    RCTLogWarn(
+        @"Cannot upload profile information because you're not connected to the packager. The profiling data is still saved in the app container.");
     return;
   }
 
@@ -761,42 +742,39 @@ void RCTProfileSendResult(RCTBridge *bridge, NSString *route, NSData *data)
 
   NSMutableURLRequest *URLRequest = [NSMutableURLRequest requestWithURL:URL];
   URLRequest.HTTPMethod = @"POST";
-  [URLRequest setValue:@"application/json"
-    forHTTPHeaderField:@"Content-Type"];
-
-  NSURLSessionTask *task =
-    [[NSURLSession sharedSession] uploadTaskWithRequest:URLRequest
-                                               fromData:data
-                                    completionHandler:
-   ^(NSData *responseData, __unused NSURLResponse *response, NSError *error) {
-     if (error) {
-       RCTLogError(@"%@", error.localizedDescription);
-     } else {
-       NSString *message = [[NSString alloc] initWithData:responseData
-                                                 encoding:NSUTF8StringEncoding];
-
-       if (message.length) {
+  [URLRequest setValue:@"application/json" forHTTPHeaderField:@"Content-Type"];
+
+  NSURLSessionTask *task = [[NSURLSession sharedSession]
+      uploadTaskWithRequest:URLRequest
+                   fromData:data
+          completionHandler:^(NSData *responseData, __unused NSURLResponse *response, NSError *error) {
+            if (error) {
+              RCTLogError(@"%@", error.localizedDescription);
+            } else {
+              NSString *message = [[NSString alloc] initWithData:responseData encoding:NSUTF8StringEncoding];
+
+              if (message.length) {
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-         NSAlert *alert = [NSAlert new];
-         alert.messageText = @"Profile";
-         alert.informativeText = message;
-         [alert addButtonWithTitle:@"OK"];
-         [alert runModal];
+                NSAlert *alert = [NSAlert new];
+                alert.messageText = @"Profile";
+                alert.informativeText = message;
+                [alert addButtonWithTitle:@"OK"];
+                [alert runModal];
 #elif !TARGET_OS_TV // ]TODO(macOS ISS#2323203)
-         dispatch_async(dispatch_get_main_queue(), ^{
-            UIAlertController *alertController = [UIAlertController
-                alertControllerWithTitle:@"Profile"
-                message:message
-                preferredStyle:UIAlertControllerStyleAlert];
-            [alertController addAction:[UIAlertAction actionWithTitle:@"OK"
-                                                      style:UIAlertActionStyleCancel
-                                                      handler:nil]];
-            [RCTPresentedViewController() presentViewController:alertController animated:YES completion:nil];
-         });
+                dispatch_async(dispatch_get_main_queue(), ^{
+                  UIAlertController *alertController =
+                      [UIAlertController alertControllerWithTitle:@"Profile"
+                                                          message:message
+                                                   preferredStyle:UIAlertControllerStyleAlert];
+                  [alertController addAction:[UIAlertAction actionWithTitle:@"OK"
+                                                                      style:UIAlertActionStyleCancel
+                                                                    handler:nil]];
+                  [RCTPresentedViewController() presentViewController:alertController animated:YES completion:nil];
+                });
 #endif
-       }
-     }
-   }];
+              }
+            }
+          }];
 
   [task resume];
 }
@@ -816,8 +794,7 @@ void RCTProfileShowControls(void)
   window.alpha = 0.8;
 
   UIButton *startOrStop = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, width, height)];
-  [startOrStop setTitle:RCTProfileIsProfiling() ? @"Stop" : @"Start"
-               forState:UIControlStateNormal];
+  [startOrStop setTitle:RCTProfileIsProfiling() ? @"Stop" : @"Start" forState:UIControlStateNormal];
   [startOrStop addTarget:[RCTProfile class] action:@selector(toggle:) forControlEvents:UIControlEventTouchUpInside];
   startOrStop.titleLabel.font = [UIFont systemFontOfSize:12];
 
diff --git a/React/React-RCTFabric.podspec b/React/React-RCTFabric.podspec
index 9cf210b866539d..915e1d167a0de0 100644
--- a/React/React-RCTFabric.podspec
+++ b/React/React-RCTFabric.podspec
@@ -18,17 +18,17 @@ end
 
 folly_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1'
 folly_compiler_flags = folly_flags + ' ' + '-Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2018.10.22.00'
+folly_version = '2020.01.13.00'
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTFabric"
   s.version                = version
   s.summary                = "RCTFabric for React Native."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2" }
+  s.platforms              = { :ios => "10.0", :tvos => "10.0" }
   s.source                 = source
   s.source_files           = "Fabric/**/*.{c,h,m,mm,S,cpp}"
   s.exclude_files          = "**/tests/*",
@@ -38,7 +38,7 @@ Pod::Spec.new do |s|
   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)/RCT-Folly\" \"$(PODS_ROOT)/Headers/Private/React-Core\"" }
-  s.xcconfig               = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/glog\" \"$(PODS_ROOT)/RCT-Folly\"", 
+  s.xcconfig               = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost-for-react-native\" \"$(PODS_ROOT)/glog\" \"$(PODS_ROOT)/RCT-Folly\"",
                                "OTHER_CFLAGS" => "$(inherited) -DRN_FABRIC_ENABLED" + " " + folly_flags  }
 
   s.dependency "React-Core", version
diff --git a/React/UIUtils/RCTUIUtils.h b/React/UIUtils/RCTUIUtils.h
index 87d27bcc8bf8e3..d695d15d483e91 100644
--- a/React/UIUtils/RCTUIUtils.h
+++ b/React/UIUtils/RCTUIUtils.h
@@ -30,8 +30,8 @@ RCTDimensions RCTGetDimensions(RCTPlatformView *rootView);
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 // Get font size multiplier for font base size (Large) by content size category
-extern __attribute__((visibility("default")))
-CGFloat RCTGetMultiplierForContentSizeCategory(UIContentSizeCategory category);
+extern __attribute__((visibility("default"))) CGFloat RCTGetMultiplierForContentSizeCategory(
+    UIContentSizeCategory category);
 #endif // TODO(macOS ISS#2323203)
 
 #ifdef __cplusplus
diff --git a/React/UIUtils/RCTUIUtils.m b/React/UIUtils/RCTUIUtils.m
index ac0785db52667b..39313d7b1e8d41 100644
--- a/React/UIUtils/RCTUIUtils.m
+++ b/React/UIUtils/RCTUIUtils.m
@@ -20,18 +20,10 @@ RCTDimensions RCTGetDimensions(CGFloat fontScale)
   CGSize windowSize = mainWindow.bounds.size;
 
   RCTDimensions result;
-  typeof (result.screen) dimsScreen = {
-    .width = screenSize.width,
-    .height = screenSize.height,
-    .scale = mainScreen.scale,
-    .fontScale = fontScale
-  };
-  typeof (result.window) dimsWindow = {
-    .width = windowSize.width,
-    .height = windowSize.height,
-    .scale = mainScreen.scale,
-    .fontScale = fontScale
-  };
+  typeof(result.screen) dimsScreen = {
+      .width = screenSize.width, .height = screenSize.height, .scale = mainScreen.scale, .fontScale = fontScale};
+  typeof(result.window) dimsWindow = {
+      .width = windowSize.width, .height = windowSize.height, .scale = mainScreen.scale, .fontScale = fontScale};
   result.screen = dimsScreen;
   result.window = dimsWindow;
 
@@ -44,18 +36,18 @@ CGFloat RCTGetMultiplierForContentSizeCategory(UIContentSizeCategory category)
   static dispatch_once_t token;
   dispatch_once(&token, ^{
     multipliers = @{
-        UIContentSizeCategoryExtraSmall: @0.823,
-        UIContentSizeCategorySmall: @0.882,
-        UIContentSizeCategoryMedium: @0.941,
-        UIContentSizeCategoryLarge: @1.0,
-        UIContentSizeCategoryExtraLarge: @1.118,
-        UIContentSizeCategoryExtraExtraLarge: @1.235,
-        UIContentSizeCategoryExtraExtraExtraLarge: @1.353,
-        UIContentSizeCategoryAccessibilityMedium: @1.786,
-        UIContentSizeCategoryAccessibilityLarge: @2.143,
-        UIContentSizeCategoryAccessibilityExtraLarge: @2.643,
-        UIContentSizeCategoryAccessibilityExtraExtraLarge: @3.143,
-        UIContentSizeCategoryAccessibilityExtraExtraExtraLarge: @3.571
+      UIContentSizeCategoryExtraSmall : @0.823,
+      UIContentSizeCategorySmall : @0.882,
+      UIContentSizeCategoryMedium : @0.941,
+      UIContentSizeCategoryLarge : @1.0,
+      UIContentSizeCategoryExtraLarge : @1.118,
+      UIContentSizeCategoryExtraExtraLarge : @1.235,
+      UIContentSizeCategoryExtraExtraExtraLarge : @1.353,
+      UIContentSizeCategoryAccessibilityMedium : @1.786,
+      UIContentSizeCategoryAccessibilityLarge : @2.143,
+      UIContentSizeCategoryAccessibilityExtraLarge : @2.643,
+      UIContentSizeCategoryAccessibilityExtraExtraLarge : @3.143,
+      UIContentSizeCategoryAccessibilityExtraExtraExtraLarge : @3.571
     };
   });
 
diff --git a/React/Views/RCTActivityIndicatorView.m b/React/Views/RCTActivityIndicatorView.m
index 4258959865722d..88d8942c361e82 100644
--- a/React/Views/RCTActivityIndicatorView.m
+++ b/React/Views/RCTActivityIndicatorView.m
@@ -115,9 +115,9 @@ - (BOOL)hidesWhenStopped
 - (void)setHidden:(BOOL)hidden
 {
   if ([self hidesWhenStopped] && ![self isAnimating]) {
-    [super setHidden: YES];
+    [super setHidden:YES];
   } else {
-    [super setHidden: hidden];
+    [super setHidden:hidden];
   }
 }
 
diff --git a/React/Views/RCTActivityIndicatorViewManager.m b/React/Views/RCTActivityIndicatorViewManager.m
index c10a1e901c2972..c4a73c11687e2a 100644
--- a/React/Views/RCTActivityIndicatorViewManager.m
+++ b/React/Views/RCTActivityIndicatorViewManager.m
@@ -15,10 +15,14 @@ @implementation RCTConvert (UIActivityIndicatorView)
 // NOTE: It's pointless to support UIActivityIndicatorViewStyleGray
 // as we can set the color to any arbitrary value that we want to
 
-RCT_ENUM_CONVERTER(UIActivityIndicatorViewStyle, (@{
-  @"large": @(UIActivityIndicatorViewStyleWhiteLarge),
-  @"small": @(UIActivityIndicatorViewStyleWhite),
-}), UIActivityIndicatorViewStyleWhiteLarge, integerValue)
+RCT_ENUM_CONVERTER(
+    UIActivityIndicatorViewStyle,
+    (@{
+      @"large" : @(UIActivityIndicatorViewStyleWhiteLarge),
+      @"small" : @(UIActivityIndicatorViewStyleWhite),
+    }),
+    UIActivityIndicatorViewStyleWhiteLarge,
+    integerValue)
 
 @end
 
@@ -40,7 +44,8 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
     after setting the indicator style.
   */
   RCTUIColor *oldColor = view.color; // TODO(macOS ISS#2323203)
-  view.activityIndicatorViewStyle = json ? [RCTConvert UIActivityIndicatorViewStyle: json] : defaultView.activityIndicatorViewStyle;
+  view.activityIndicatorViewStyle =
+      json ? [RCTConvert UIActivityIndicatorViewStyle:json] : defaultView.activityIndicatorViewStyle;
   view.color = oldColor;
 }
 
diff --git a/React/Views/RCTBorderDrawing.h b/React/Views/RCTBorderDrawing.h
index d644fd606c54b6..9c7581ed06b1e8 100644
--- a/React/Views/RCTBorderDrawing.h
+++ b/React/Views/RCTBorderDrawing.h
@@ -42,16 +42,14 @@ RCT_EXTERN BOOL RCTBorderColorsAreEqual(RCTBorderColors borderColors);
  * Convert RCTCornerRadii to RCTCornerInsets by applying border insets.
  * Effectively, returns radius - inset, with a lower bound of 0.0.
  */
-RCT_EXTERN RCTCornerInsets RCTGetCornerInsets(RCTCornerRadii cornerRadii,
-                                              UIEdgeInsets borderInsets);
+RCT_EXTERN RCTCornerInsets RCTGetCornerInsets(RCTCornerRadii cornerRadii, UIEdgeInsets borderInsets);
 
 /**
  * Create a CGPath representing a rounded rectangle with the specified bounds
  * and corner insets. Note that the CGPathRef must be released by the caller.
  */
-RCT_EXTERN CGPathRef RCTPathCreateWithRoundedRect(CGRect bounds,
-                                                  RCTCornerInsets cornerInsets,
-                                                  const CGAffineTransform *transform);
+RCT_EXTERN CGPathRef
+RCTPathCreateWithRoundedRect(CGRect bounds, RCTCornerInsets cornerInsets, const CGAffineTransform *transform);
 
 /**
  * Draw a CSS-compliant border as an image. You can determine if it's scalable
@@ -60,11 +58,12 @@ RCT_EXTERN CGPathRef RCTPathCreateWithRoundedRect(CGRect bounds,
  * `borderInsets` defines the border widths for each edge.
  * `scaleFactor` defines the backing scale factor of the device for supporting high-resolution drawing.
  */
-RCT_EXTERN UIImage *RCTGetBorderImage(RCTBorderStyle borderStyle,
-                                      CGSize viewSize,
-                                      RCTCornerRadii cornerRadii,
-                                      UIEdgeInsets borderInsets,
-                                      RCTBorderColors borderColors,
-                                      CGColorRef backgroundColor,
-                                      BOOL drawToEdge,
-                                      CGFloat scaleFactor); // TODO(macOS ISS#2323203)
+RCT_EXTERN UIImage *RCTGetBorderImage(
+    RCTBorderStyle borderStyle,
+    CGSize viewSize,
+    RCTCornerRadii cornerRadii,
+    UIEdgeInsets borderInsets,
+    RCTBorderColors borderColors,
+    CGColorRef backgroundColor,
+    BOOL drawToEdge,
+    CGFloat scaleFactor); // TODO(macOS ISS#2323203)
diff --git a/React/Views/RCTBorderDrawing.m b/React/Views/RCTBorderDrawing.m
index ab050b11feead1..7ee0a1cd0da03f 100644
--- a/React/Views/RCTBorderDrawing.m
+++ b/React/Views/RCTBorderDrawing.m
@@ -12,57 +12,54 @@
 
 BOOL RCTBorderInsetsAreEqual(UIEdgeInsets borderInsets)
 {
-  return
-  ABS(borderInsets.left - borderInsets.right) < RCTViewBorderThreshold &&
-  ABS(borderInsets.left - borderInsets.bottom) < RCTViewBorderThreshold &&
-  ABS(borderInsets.left - borderInsets.top) < RCTViewBorderThreshold;
+  return ABS(borderInsets.left - borderInsets.right) < RCTViewBorderThreshold &&
+      ABS(borderInsets.left - borderInsets.bottom) < RCTViewBorderThreshold &&
+      ABS(borderInsets.left - borderInsets.top) < RCTViewBorderThreshold;
 }
 
 BOOL RCTCornerRadiiAreEqual(RCTCornerRadii cornerRadii)
 {
-  return
-  ABS(cornerRadii.topLeft - cornerRadii.topRight) < RCTViewBorderThreshold &&
-  ABS(cornerRadii.topLeft - cornerRadii.bottomLeft) < RCTViewBorderThreshold &&
-  ABS(cornerRadii.topLeft - cornerRadii.bottomRight) < RCTViewBorderThreshold;
+  return ABS(cornerRadii.topLeft - cornerRadii.topRight) < RCTViewBorderThreshold &&
+      ABS(cornerRadii.topLeft - cornerRadii.bottomLeft) < RCTViewBorderThreshold &&
+      ABS(cornerRadii.topLeft - cornerRadii.bottomRight) < RCTViewBorderThreshold;
 }
 
 BOOL RCTBorderColorsAreEqual(RCTBorderColors borderColors)
 {
-  return
-  CGColorEqualToColor(borderColors.left, borderColors.right) &&
-  CGColorEqualToColor(borderColors.left, borderColors.top) &&
-  CGColorEqualToColor(borderColors.left, borderColors.bottom);
+  return CGColorEqualToColor(borderColors.left, borderColors.right) &&
+      CGColorEqualToColor(borderColors.left, borderColors.top) &&
+      CGColorEqualToColor(borderColors.left, borderColors.bottom);
 }
 
-RCTCornerInsets RCTGetCornerInsets(RCTCornerRadii cornerRadii,
-                                   UIEdgeInsets edgeInsets)
+RCTCornerInsets RCTGetCornerInsets(RCTCornerRadii cornerRadii, UIEdgeInsets edgeInsets)
 {
-  return (RCTCornerInsets) {
-    {
-      MAX(0, cornerRadii.topLeft - edgeInsets.left),
-      MAX(0, cornerRadii.topLeft - edgeInsets.top),
-    },
-    {
-      MAX(0, cornerRadii.topRight - edgeInsets.right),
-      MAX(0, cornerRadii.topRight - edgeInsets.top),
-    },
-    {
-      MAX(0, cornerRadii.bottomLeft - edgeInsets.left),
-      MAX(0, cornerRadii.bottomLeft - edgeInsets.bottom),
-    },
-    {
-      MAX(0, cornerRadii.bottomRight - edgeInsets.right),
-      MAX(0, cornerRadii.bottomRight - edgeInsets.bottom),
-    }
-  };
+  return (RCTCornerInsets){{
+                               MAX(0, cornerRadii.topLeft - edgeInsets.left),
+                               MAX(0, cornerRadii.topLeft - edgeInsets.top),
+                           },
+                           {
+                               MAX(0, cornerRadii.topRight - edgeInsets.right),
+                               MAX(0, cornerRadii.topRight - edgeInsets.top),
+                           },
+                           {
+                               MAX(0, cornerRadii.bottomLeft - edgeInsets.left),
+                               MAX(0, cornerRadii.bottomLeft - edgeInsets.bottom),
+                           },
+                           {
+                               MAX(0, cornerRadii.bottomRight - edgeInsets.right),
+                               MAX(0, cornerRadii.bottomRight - edgeInsets.bottom),
+                           }};
 }
 
-static UIEdgeInsets RCTRoundInsetsToPixel(UIEdgeInsets edgeInsets, CGFloat scaleFactor) { // TODO(macOS ISS#2323203)
+static UIEdgeInsets RCTRoundInsetsToPixel(
+  UIEdgeInsets edgeInsets,
+  CGFloat scaleFactor // TODO(macOS ISS#2323203)
+) {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    edgeInsets.top = RCTRoundPixelValue(edgeInsets.top);
-    edgeInsets.bottom = RCTRoundPixelValue(edgeInsets.bottom);
-    edgeInsets.left = RCTRoundPixelValue(edgeInsets.left);
-    edgeInsets.right = RCTRoundPixelValue(edgeInsets.right);
+  edgeInsets.top = RCTRoundPixelValue(edgeInsets.top);
+  edgeInsets.bottom = RCTRoundPixelValue(edgeInsets.bottom);
+  edgeInsets.left = RCTRoundPixelValue(edgeInsets.left);
+  edgeInsets.right = RCTRoundPixelValue(edgeInsets.right);
 #else // [TODO(macOS ISS#2323203)
   edgeInsets.top = RCTRoundPixelValue(edgeInsets.top, scaleFactor);
   edgeInsets.bottom = RCTRoundPixelValue(edgeInsets.bottom, scaleFactor);
@@ -72,13 +69,14 @@ static UIEdgeInsets RCTRoundInsetsToPixel(UIEdgeInsets edgeInsets, CGFloat scale
     return edgeInsets;
 }
 
-static void RCTPathAddEllipticArc(CGMutablePathRef path,
-                                  const CGAffineTransform *m,
-                                  CGPoint origin,
-                                  CGSize size,
-                                  CGFloat startAngle,
-                                  CGFloat endAngle,
-                                  BOOL clockwise)
+static void RCTPathAddEllipticArc(
+    CGMutablePathRef path,
+    const CGAffineTransform *m,
+    CGPoint origin,
+    CGSize size,
+    CGFloat startAngle,
+    CGFloat endAngle,
+    BOOL clockwise)
 {
   CGFloat xScale = 1, yScale = 1, radius = 0;
   if (size.width != 0) {
@@ -100,9 +98,7 @@ static void RCTPathAddEllipticArc(CGMutablePathRef path,
   CGPathAddArc(path, &t, 0, 0, radius, startAngle, endAngle, clockwise);
 }
 
-CGPathRef RCTPathCreateWithRoundedRect(CGRect bounds,
-                                       RCTCornerInsets cornerInsets,
-                                       const CGAffineTransform *transform)
+CGPathRef RCTPathCreateWithRoundedRect(CGRect bounds, RCTCornerInsets cornerInsets, const CGAffineTransform *transform)
 {
   const CGFloat minX = CGRectGetMinX(bounds);
   const CGFloat minY = CGRectGetMinY(bounds);
@@ -110,48 +106,39 @@ CGPathRef RCTPathCreateWithRoundedRect(CGRect bounds,
   const CGFloat maxY = CGRectGetMaxY(bounds);
 
   const CGSize topLeft = {
-    MAX(0, MIN(cornerInsets.topLeft.width, bounds.size.width - cornerInsets.topRight.width)),
-    MAX(0, MIN(cornerInsets.topLeft.height, bounds.size.height - cornerInsets.bottomLeft.height)),
+      MAX(0, MIN(cornerInsets.topLeft.width, bounds.size.width - cornerInsets.topRight.width)),
+      MAX(0, MIN(cornerInsets.topLeft.height, bounds.size.height - cornerInsets.bottomLeft.height)),
   };
   const CGSize topRight = {
-    MAX(0, MIN(cornerInsets.topRight.width, bounds.size.width - cornerInsets.topLeft.width)),
-    MAX(0, MIN(cornerInsets.topRight.height, bounds.size.height - cornerInsets.bottomRight.height)),
+      MAX(0, MIN(cornerInsets.topRight.width, bounds.size.width - cornerInsets.topLeft.width)),
+      MAX(0, MIN(cornerInsets.topRight.height, bounds.size.height - cornerInsets.bottomRight.height)),
   };
   const CGSize bottomLeft = {
-    MAX(0, MIN(cornerInsets.bottomLeft.width, bounds.size.width - cornerInsets.bottomRight.width)),
-    MAX(0, MIN(cornerInsets.bottomLeft.height, bounds.size.height - cornerInsets.topLeft.height)),
+      MAX(0, MIN(cornerInsets.bottomLeft.width, bounds.size.width - cornerInsets.bottomRight.width)),
+      MAX(0, MIN(cornerInsets.bottomLeft.height, bounds.size.height - cornerInsets.topLeft.height)),
   };
   const CGSize bottomRight = {
-    MAX(0, MIN(cornerInsets.bottomRight.width, bounds.size.width - cornerInsets.bottomLeft.width)),
-    MAX(0, MIN(cornerInsets.bottomRight.height, bounds.size.height - cornerInsets.topRight.height)),
+      MAX(0, MIN(cornerInsets.bottomRight.width, bounds.size.width - cornerInsets.bottomLeft.width)),
+      MAX(0, MIN(cornerInsets.bottomRight.height, bounds.size.height - cornerInsets.topRight.height)),
   };
 
   CGMutablePathRef path = CGPathCreateMutable();
-  RCTPathAddEllipticArc(path, transform, (CGPoint){
-    minX + topLeft.width, minY + topLeft.height
-  }, topLeft, M_PI, 3 * M_PI_2, NO);
-  RCTPathAddEllipticArc(path, transform, (CGPoint){
-    maxX - topRight.width, minY + topRight.height
-  }, topRight, 3 * M_PI_2, 0, NO);
-  RCTPathAddEllipticArc(path, transform, (CGPoint){
-    maxX - bottomRight.width, maxY - bottomRight.height
-  }, bottomRight, 0, M_PI_2, NO);
-  RCTPathAddEllipticArc(path, transform, (CGPoint){
-    minX + bottomLeft.width, maxY - bottomLeft.height
-  }, bottomLeft, M_PI_2, M_PI, NO);
+  RCTPathAddEllipticArc(
+      path, transform, (CGPoint){minX + topLeft.width, minY + topLeft.height}, topLeft, M_PI, 3 * M_PI_2, NO);
+  RCTPathAddEllipticArc(
+      path, transform, (CGPoint){maxX - topRight.width, minY + topRight.height}, topRight, 3 * M_PI_2, 0, NO);
+  RCTPathAddEllipticArc(
+      path, transform, (CGPoint){maxX - bottomRight.width, maxY - bottomRight.height}, bottomRight, 0, M_PI_2, NO);
+  RCTPathAddEllipticArc(
+      path, transform, (CGPoint){minX + bottomLeft.width, maxY - bottomLeft.height}, bottomLeft, M_PI_2, M_PI, NO);
   CGPathCloseSubpath(path);
   return path;
 }
 
-static void RCTEllipseGetIntersectionsWithLine(CGRect ellipseBounds,
-                                               CGPoint lineStart,
-                                               CGPoint lineEnd,
-                                               CGPoint intersections[2])
+static void
+RCTEllipseGetIntersectionsWithLine(CGRect ellipseBounds, CGPoint lineStart, CGPoint lineEnd, CGPoint intersections[2])
 {
-  const CGPoint ellipseCenter = {
-    CGRectGetMidX(ellipseBounds),
-    CGRectGetMidY(ellipseBounds)
-  };
+  const CGPoint ellipseCenter = {CGRectGetMidX(ellipseBounds), CGRectGetMidY(ellipseBounds)};
 
   lineStart.x -= ellipseCenter.x;
   lineStart.y -= ellipseCenter.y;
@@ -176,14 +163,15 @@ static void RCTEllipseGetIntersectionsWithLine(CGRect ellipseBounds,
   intersections[1] = (CGPoint){x2 + ellipseCenter.x, y2 + ellipseCenter.y};
 }
 
-NS_INLINE BOOL RCTCornerRadiiAreAboveThreshold(RCTCornerRadii cornerRadii) {
-  return (cornerRadii.topLeft > RCTViewBorderThreshold ||
-    cornerRadii.topRight > RCTViewBorderThreshold      ||
-    cornerRadii.bottomLeft > RCTViewBorderThreshold    ||
-    cornerRadii.bottomRight > RCTViewBorderThreshold);
+NS_INLINE BOOL RCTCornerRadiiAreAboveThreshold(RCTCornerRadii cornerRadii)
+{
+  return (
+      cornerRadii.topLeft > RCTViewBorderThreshold || cornerRadii.topRight > RCTViewBorderThreshold ||
+      cornerRadii.bottomLeft > RCTViewBorderThreshold || cornerRadii.bottomRight > RCTViewBorderThreshold);
 }
 
-static CGPathRef RCTPathCreateOuterOutline(BOOL drawToEdge, CGRect rect, RCTCornerRadii cornerRadii) {
+static CGPathRef RCTPathCreateOuterOutline(BOOL drawToEdge, CGRect rect, RCTCornerRadii cornerRadii)
+{
   if (drawToEdge) {
     return CGPathCreateWithRect(rect, NULL);
   }
@@ -191,21 +179,29 @@ static CGPathRef RCTPathCreateOuterOutline(BOOL drawToEdge, CGRect rect, RCTCorn
   return RCTPathCreateWithRoundedRect(rect, RCTGetCornerInsets(cornerRadii, UIEdgeInsetsZero), NULL);
 }
 
-static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backgroundColor, BOOL hasCornerRadii, BOOL drawToEdge, CGFloat scaleFactor) { // TODO(macOS ISS#2323203)
+static CGContextRef
+RCTUIGraphicsBeginImageContext(
+  CGSize size,
+  CGColorRef backgroundColor,
+  BOOL hasCornerRadii,
+  BOOL drawToEdge,
+  CGFloat scaleFactor // TODO(macOS ISS#2323203)
+) {
   const CGFloat alpha = CGColorGetAlpha(backgroundColor);
   const BOOL opaque = (drawToEdge || !hasCornerRadii) && alpha == 1.0;
   UIGraphicsBeginImageContextWithOptions(size, opaque, scaleFactor); // TODO(macOS ISS#2323203)
   return UIGraphicsGetCurrentContext();
 }
 
-static UIImage *RCTGetSolidBorderImage(RCTCornerRadii cornerRadii,
-                                       CGSize viewSize,
-                                       UIEdgeInsets borderInsets,
-                                       RCTBorderColors borderColors,
-                                       CGColorRef backgroundColor,
-                                       BOOL drawToEdge,
-                                       CGFloat scaleFactor) // TODO(macOS ISS#2323203)
-{
+static UIImage *RCTGetSolidBorderImage(
+    RCTCornerRadii cornerRadii,
+    CGSize viewSize,
+    UIEdgeInsets borderInsets,
+    RCTBorderColors borderColors,
+    CGColorRef backgroundColor,
+    BOOL drawToEdge,
+    CGFloat scaleFactor // TODO(macOS ISS#2323203)
+) {
   const BOOL hasCornerRadii = RCTCornerRadiiAreAboveThreshold(cornerRadii);
   const RCTCornerInsets cornerInsets = RCTGetCornerInsets(cornerRadii, borderInsets);
 
@@ -215,29 +211,28 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
   borderInsets = RCTRoundInsetsToPixel(borderInsets, scaleFactor); // TODO(macOS ISS#2323203)
 
   const BOOL makeStretchable =
-  (borderInsets.left + cornerInsets.topLeft.width +
-   borderInsets.right + cornerInsets.bottomRight.width <= viewSize.width) &&
-  (borderInsets.left + cornerInsets.bottomLeft.width +
-   borderInsets.right + cornerInsets.topRight.width <= viewSize.width) &&
-  (borderInsets.top + cornerInsets.topLeft.height +
-   borderInsets.bottom + cornerInsets.bottomRight.height <= viewSize.height) &&
-  (borderInsets.top + cornerInsets.topRight.height +
-   borderInsets.bottom + cornerInsets.bottomLeft.height <= viewSize.height);
-
-  UIEdgeInsets edgeInsets = (UIEdgeInsets){
-    borderInsets.top + MAX(cornerInsets.topLeft.height, cornerInsets.topRight.height),
-    borderInsets.left + MAX(cornerInsets.topLeft.width, cornerInsets.bottomLeft.width),
-    borderInsets.bottom + MAX(cornerInsets.bottomLeft.height, cornerInsets.bottomRight.height),
-    borderInsets.right + MAX(cornerInsets.bottomRight.width, cornerInsets.topRight.width)
-  };
+      (borderInsets.left + cornerInsets.topLeft.width + borderInsets.right + cornerInsets.bottomRight.width <=
+       viewSize.width) &&
+      (borderInsets.left + cornerInsets.bottomLeft.width + borderInsets.right + cornerInsets.topRight.width <=
+       viewSize.width) &&
+      (borderInsets.top + cornerInsets.topLeft.height + borderInsets.bottom + cornerInsets.bottomRight.height <=
+       viewSize.height) &&
+      (borderInsets.top + cornerInsets.topRight.height + borderInsets.bottom + cornerInsets.bottomLeft.height <=
+       viewSize.height);
+
+  UIEdgeInsets edgeInsets =
+      (UIEdgeInsets){borderInsets.top + MAX(cornerInsets.topLeft.height, cornerInsets.topRight.height),
+                     borderInsets.left + MAX(cornerInsets.topLeft.width, cornerInsets.bottomLeft.width),
+                     borderInsets.bottom + MAX(cornerInsets.bottomLeft.height, cornerInsets.bottomRight.height),
+                     borderInsets.right + MAX(cornerInsets.bottomRight.width, cornerInsets.topRight.width)};
 
   if (hasCornerRadii) {
     // Asymmetrical edgeInsets cause strange artifacting on iOS 10 and earlier.
     edgeInsets = (UIEdgeInsets){
-      MAX(edgeInsets.top, edgeInsets.bottom),
-      MAX(edgeInsets.left, edgeInsets.right),
-      MAX(edgeInsets.top, edgeInsets.bottom),
-      MAX(edgeInsets.left, edgeInsets.right),
+        MAX(edgeInsets.top, edgeInsets.bottom),
+        MAX(edgeInsets.left, edgeInsets.right),
+        MAX(edgeInsets.top, edgeInsets.bottom),
+        MAX(edgeInsets.left, edgeInsets.right),
     };
   }
 
@@ -272,20 +267,20 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
 
   BOOL hasEqualColors = RCTBorderColorsAreEqual(borderColors);
   if ((drawToEdge || !hasCornerRadii) && hasEqualColors) {
-
     CGContextSetFillColorWithColor(ctx, borderColors.left);
     CGContextAddRect(ctx, rect);
     CGContextAddPath(ctx, insetPath);
     CGContextEOFillPath(ctx);
 
   } else {
-
     CGPoint topLeft = (CGPoint){borderInsets.left, borderInsets.top};
     if (cornerInsets.topLeft.width > 0 && cornerInsets.topLeft.height > 0) {
       CGPoint points[2];
-      RCTEllipseGetIntersectionsWithLine((CGRect){
-        topLeft, {2 * cornerInsets.topLeft.width, 2 * cornerInsets.topLeft.height}
-      }, CGPointZero, topLeft, points);
+      RCTEllipseGetIntersectionsWithLine(
+          (CGRect){topLeft, {2 * cornerInsets.topLeft.width, 2 * cornerInsets.topLeft.height}},
+          CGPointZero,
+          topLeft,
+          points);
       if (!isnan(points[1].x) && !isnan(points[1].y)) {
         topLeft = points[1];
       }
@@ -294,10 +289,12 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
     CGPoint bottomLeft = (CGPoint){borderInsets.left, size.height - borderInsets.bottom};
     if (cornerInsets.bottomLeft.width > 0 && cornerInsets.bottomLeft.height > 0) {
       CGPoint points[2];
-      RCTEllipseGetIntersectionsWithLine((CGRect){
-        {bottomLeft.x, bottomLeft.y - 2 * cornerInsets.bottomLeft.height},
-        {2 * cornerInsets.bottomLeft.width, 2 * cornerInsets.bottomLeft.height}
-      }, (CGPoint){0, size.height}, bottomLeft, points);
+      RCTEllipseGetIntersectionsWithLine(
+          (CGRect){{bottomLeft.x, bottomLeft.y - 2 * cornerInsets.bottomLeft.height},
+                   {2 * cornerInsets.bottomLeft.width, 2 * cornerInsets.bottomLeft.height}},
+          (CGPoint){0, size.height},
+          bottomLeft,
+          points);
       if (!isnan(points[1].x) && !isnan(points[1].y)) {
         bottomLeft = points[1];
       }
@@ -306,10 +303,12 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
     CGPoint topRight = (CGPoint){size.width - borderInsets.right, borderInsets.top};
     if (cornerInsets.topRight.width > 0 && cornerInsets.topRight.height > 0) {
       CGPoint points[2];
-      RCTEllipseGetIntersectionsWithLine((CGRect){
-        {topRight.x - 2 * cornerInsets.topRight.width, topRight.y},
-        {2 * cornerInsets.topRight.width, 2 * cornerInsets.topRight.height}
-      }, (CGPoint){size.width, 0}, topRight, points);
+      RCTEllipseGetIntersectionsWithLine(
+          (CGRect){{topRight.x - 2 * cornerInsets.topRight.width, topRight.y},
+                   {2 * cornerInsets.topRight.width, 2 * cornerInsets.topRight.height}},
+          (CGPoint){size.width, 0},
+          topRight,
+          points);
       if (!isnan(points[0].x) && !isnan(points[0].y)) {
         topRight = points[0];
       }
@@ -318,10 +317,13 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
     CGPoint bottomRight = (CGPoint){size.width - borderInsets.right, size.height - borderInsets.bottom};
     if (cornerInsets.bottomRight.width > 0 && cornerInsets.bottomRight.height > 0) {
       CGPoint points[2];
-      RCTEllipseGetIntersectionsWithLine((CGRect){
-        {bottomRight.x - 2 * cornerInsets.bottomRight.width, bottomRight.y - 2 * cornerInsets.bottomRight.height},
-        {2 * cornerInsets.bottomRight.width, 2 * cornerInsets.bottomRight.height}
-      }, (CGPoint){size.width, size.height}, bottomRight, points);
+      RCTEllipseGetIntersectionsWithLine(
+          (CGRect){
+              {bottomRight.x - 2 * cornerInsets.bottomRight.width, bottomRight.y - 2 * cornerInsets.bottomRight.height},
+              {2 * cornerInsets.bottomRight.width, 2 * cornerInsets.bottomRight.height}},
+          (CGPoint){size.width, size.height},
+          bottomRight,
+          points);
       if (!isnan(points[0].x) && !isnan(points[0].y)) {
         bottomRight = points[0];
       }
@@ -331,26 +333,24 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
 
     // RIGHT
     if (borderInsets.right > 0) {
-
       const CGPoint points[] = {
-        (CGPoint){size.width, 0},
-        topRight,
-        bottomRight,
-        (CGPoint){size.width, size.height},
+          (CGPoint){size.width, 0},
+          topRight,
+          bottomRight,
+          (CGPoint){size.width, size.height},
       };
 
       currentColor = borderColors.right;
-      CGContextAddLines(ctx, points, sizeof(points)/sizeof(*points));
+      CGContextAddLines(ctx, points, sizeof(points) / sizeof(*points));
     }
 
     // BOTTOM
     if (borderInsets.bottom > 0) {
-
       const CGPoint points[] = {
-        (CGPoint){0, size.height},
-        bottomLeft,
-        bottomRight,
-        (CGPoint){size.width, size.height},
+          (CGPoint){0, size.height},
+          bottomLeft,
+          bottomRight,
+          (CGPoint){size.width, size.height},
       };
 
       if (!CGColorEqualToColor(currentColor, borderColors.bottom)) {
@@ -358,17 +358,16 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
         CGContextFillPath(ctx);
         currentColor = borderColors.bottom;
       }
-      CGContextAddLines(ctx, points, sizeof(points)/sizeof(*points));
+      CGContextAddLines(ctx, points, sizeof(points) / sizeof(*points));
     }
 
     // LEFT
     if (borderInsets.left > 0) {
-
       const CGPoint points[] = {
-        CGPointZero,
-        topLeft,
-        bottomLeft,
-        (CGPoint){0, size.height},
+          CGPointZero,
+          topLeft,
+          bottomLeft,
+          (CGPoint){0, size.height},
       };
 
       if (!CGColorEqualToColor(currentColor, borderColors.left)) {
@@ -376,17 +375,16 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
         CGContextFillPath(ctx);
         currentColor = borderColors.left;
       }
-      CGContextAddLines(ctx, points, sizeof(points)/sizeof(*points));
+      CGContextAddLines(ctx, points, sizeof(points) / sizeof(*points));
     }
 
     // TOP
     if (borderInsets.top > 0) {
-
       const CGPoint points[] = {
-        CGPointZero,
-        topLeft,
-        topRight,
-        (CGPoint){size.width, 0},
+          CGPointZero,
+          topLeft,
+          topRight,
+          (CGPoint){size.width, 0},
       };
 
       if (!CGColorEqualToColor(currentColor, borderColors.top)) {
@@ -394,7 +392,7 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
         CGContextFillPath(ctx);
         currentColor = borderColors.top;
       }
-      CGContextAddLines(ctx, points, sizeof(points)/sizeof(*points));
+      CGContextAddLines(ctx, points, sizeof(points) / sizeof(*points));
     }
 
     CGContextSetFillColorWithColor(ctx, currentColor);
@@ -477,15 +475,16 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
 // of gradients _along_ a path (NB: clipping a path and drawing a linear gradient
 // is _not_ equivalent).
 
-static UIImage *RCTGetDashedOrDottedBorderImage(RCTBorderStyle borderStyle,
-                                                RCTCornerRadii cornerRadii,
-                                                CGSize viewSize,
-                                                UIEdgeInsets borderInsets,
-                                                RCTBorderColors borderColors,
-                                                CGColorRef backgroundColor,
-                                                BOOL drawToEdge,
-                                                CGFloat scaleFactor) // TODO(macOS ISS#2323203)
-{
+static UIImage *RCTGetDashedOrDottedBorderImage(
+    RCTBorderStyle borderStyle,
+    RCTCornerRadii cornerRadii,
+    CGSize viewSize,
+    UIEdgeInsets borderInsets,
+    RCTBorderColors borderColors,
+    CGColorRef backgroundColor,
+    BOOL drawToEdge,
+    CGFloat scaleFactor // TODO(macOS ISS#2323203)
+) {
   NSCParameterAssert(borderStyle == RCTBorderStyleDashed || borderStyle == RCTBorderStyleDotted);
 
   if (!RCTBorderColorsAreEqual(borderColors) || !RCTBorderInsetsAreEqual(borderInsets)) {
@@ -542,22 +541,23 @@ static CGContextRef RCTUIGraphicsBeginImageContext(CGSize size, CGColorRef backg
   return image;
 }
 
-UIImage *RCTGetBorderImage(RCTBorderStyle borderStyle,
-                           CGSize viewSize,
-                           RCTCornerRadii cornerRadii,
-                           UIEdgeInsets borderInsets,
-                           RCTBorderColors borderColors,
-                           CGColorRef backgroundColor,
-                           BOOL drawToEdge,
-                           CGFloat scaleFactor) // TODO(macOS ISS#2323203)
-{
-
+UIImage *RCTGetBorderImage(
+    RCTBorderStyle borderStyle,
+    CGSize viewSize,
+    RCTCornerRadii cornerRadii,
+    UIEdgeInsets borderInsets,
+    RCTBorderColors borderColors,
+    CGColorRef backgroundColor,
+    BOOL drawToEdge,
+    CGFloat scaleFactor // TODO(macOS ISS#2323203)
+) {
   switch (borderStyle) {
     case RCTBorderStyleSolid:
       return RCTGetSolidBorderImage(cornerRadii, viewSize, borderInsets, borderColors, backgroundColor, drawToEdge, scaleFactor); // TODO(macOS ISS#2323203)
     case RCTBorderStyleDashed:
     case RCTBorderStyleDotted:
-      return RCTGetDashedOrDottedBorderImage(borderStyle, cornerRadii, viewSize, borderInsets, borderColors, backgroundColor, drawToEdge, scaleFactor); // TODO(macOS ISS#2323203)
+      return RCTGetDashedOrDottedBorderImage(
+          borderStyle, cornerRadii, viewSize, borderInsets, borderColors, backgroundColor, drawToEdge, scaleFactor); // TODO(macOS ISS#2323203)
     case RCTBorderStyleUnset:
       break;
   }
diff --git a/React/Views/RCTComponentData.h b/React/Views/RCTComponentData.h
index 5e5e19f2be485e..9c1a3d568633f0 100644
--- a/React/Views/RCTComponentData.h
+++ b/React/Views/RCTComponentData.h
@@ -21,15 +21,15 @@
 @property (nonatomic, copy, readonly) NSString *name;
 @property (nonatomic, weak, readonly) RCTViewManager *manager;
 
-- (instancetype)initWithManagerClass:(Class)managerClass
-                              bridge:(RCTBridge *)bridge NS_DESIGNATED_INITIALIZER;
+- (instancetype)initWithManagerClass:(Class)managerClass bridge:(RCTBridge *)bridge NS_DESIGNATED_INITIALIZER;
 
 - (RCTPlatformView *)createViewWithTag:(NSNumber *)tag rootTag:(NSNumber *)rootTag; // TODO(macOS ISS#2323203)
 - (RCTShadowView *)createShadowViewWithTag:(NSNumber *)tag;
 - (void)setProps:(NSDictionary<NSString *, id> *)props forView:(id<RCTComponent>)view;
 - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowView *)shadowView;
 
-@property (nonatomic, copy, nullable) void (^eventInterceptor)(NSString *eventName, NSDictionary *event, NSNumber *reactTag);
+@property (nonatomic, copy, nullable) void (^eventInterceptor)
+    (NSString *eventName, NSDictionary *event, NSNumber *reactTag);
 
 - (NSDictionary<NSString *, id> *)viewConfig;
 
diff --git a/React/Views/RCTComponentData.m b/React/Views/RCTComponentData.m
index 0f7c2624018e7e..b0c4014bf34fa6 100644
--- a/React/Views/RCTComponentData.m
+++ b/React/Views/RCTComponentData.m
@@ -31,9 +31,7 @@ static SEL selectorForType(NSString *type)
   return NSSelectorFromString([RCTParseType(&input) stringByAppendingString:@":"]);
 }
 
-
-@implementation RCTComponentData
-{
+@implementation RCTComponentData {
   id<RCTComponent> _defaultView; // Only needed for RCT_CUSTOM_VIEW_PROPERTY
   RCTPropBlockDictionary *_viewPropBlocks;
   RCTPropBlockDictionary *_shadowPropBlocks;
@@ -42,8 +40,7 @@ @implementation RCTComponentData
 
 @synthesize manager = _manager;
 
-- (instancetype)initWithManagerClass:(Class)managerClass
-                              bridge:(RCTBridge *)bridge
+- (instancetype)initWithManagerClass:(Class)managerClass bridge:(RCTBridge *)bridge
 {
   if ((self = [super init])) {
     _bridge = bridge;
@@ -64,7 +61,7 @@ - (RCTViewManager *)manager
   return _manager;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (RCTPlatformView *)createViewWithTag:(NSNumber *)tag rootTag:(NSNumber *)rootTag // TODO(macOS ISS#2323203)
 {
@@ -105,7 +102,8 @@ - (void)callCustomSetter:(SEL)setter onView:(id<RCTComponent>)view withProp:(id)
   }
 }
 
-static RCTPropBlock createEventSetter(NSString *propName, SEL setter,InterceptorBlock eventInterceptor, RCTBridge *bridge)
+static RCTPropBlock
+createEventSetter(NSString *propName, SEL setter, InterceptorBlock eventInterceptor, RCTBridge *bridge)
 {
   __weak RCTBridge *weakBridge = bridge;
   return ^(id target, id json) {
@@ -206,13 +204,15 @@ - (RCTPropBlock)createPropBlock:(NSString *)name isShadowView:(BOOL)isShadowView
   // Get type
   SEL type = NULL;
   NSString *keyPath = nil;
-  SEL selector = NSSelectorFromString([NSString stringWithFormat:@"propConfig%@_%@", isShadowView ? @"Shadow" : @"", name]);
+  SEL selector =
+      NSSelectorFromString([NSString stringWithFormat:@"propConfig%@_%@", isShadowView ? @"Shadow" : @"", name]);
   if ([_managerClass respondsToSelector:selector]) {
-    NSArray<NSString *> *typeAndKeyPath = ((NSArray<NSString *> *(*)(id, SEL))objc_msgSend)(_managerClass, selector);
+    NSArray<NSString *> *typeAndKeyPath = ((NSArray<NSString *> * (*)(id, SEL)) objc_msgSend)(_managerClass, selector);
     type = selectorForType(typeAndKeyPath[0]);
     keyPath = typeAndKeyPath.count > 1 ? typeAndKeyPath[1] : nil;
   } else {
-    return ^(__unused id view, __unused id json) {};
+    return ^(__unused id view, __unused id json) {
+    };
   }
 
   // Check for custom setter
@@ -220,7 +220,8 @@ - (RCTPropBlock)createPropBlock:(NSString *)name isShadowView:(BOOL)isShadowView
     // Get custom setter. There is no default view in the shadow case, so the selector is different.
     NSString *selectorString;
     if (!isShadowView) {
-      selectorString = [NSString stringWithFormat:@"set_%@:for%@View:withDefaultView:", name, isShadowView ? @"Shadow" : @""];
+      selectorString =
+          [NSString stringWithFormat:@"set_%@:for%@View:withDefaultView:", name, isShadowView ? @"Shadow" : @""];
     } else {
       selectorString = [NSString stringWithFormat:@"set_%@:forShadowView:", name];
     }
@@ -243,9 +244,8 @@ - (RCTPropBlock)createPropBlock:(NSString *)name isShadowView:(BOOL)isShadowView
     SEL getter = NSSelectorFromString(key);
 
     // Get property setter
-    SEL setter = NSSelectorFromString([NSString stringWithFormat:@"set%@%@:",
-                                       [key substringToIndex:1].uppercaseString,
-                                       [key substringFromIndex:1]]);
+    SEL setter = NSSelectorFromString(
+        [NSString stringWithFormat:@"set%@%@:", [key substringToIndex:1].uppercaseString, [key substringFromIndex:1]]);
 
     // Build setter block
     void (^setterBlock)(id target, id json) = nil;
@@ -258,10 +258,10 @@ - (RCTPropBlock)createPropBlock:(NSString *)name isShadowView:(BOOL)isShadowView
       NSMethodSignature *typeSignature = [[RCTConvert class] methodSignatureForSelector:type];
       if (!typeSignature) {
         RCTLogError(@"No +[RCTConvert %@] function found.", NSStringFromSelector(type));
-        return ^(__unused id<RCTComponent> view, __unused id json){};
+        return ^(__unused id<RCTComponent> view, __unused id json) {
+        };
       }
       switch (typeSignature.methodReturnType[0]) {
-
 #define RCT_CASE(_value, _type)                                       \
   case _value: {                                                      \
     __block BOOL setDefaultValue = NO;                                \
@@ -336,11 +336,13 @@ - (RCTPropBlock)propBlockForKey:(NSString *)name isShadowView:(BOOL)isShadowView
     RCTPropBlock unwrappedBlock = propBlock;
     __weak __typeof(self) weakSelf = self;
     propBlock = ^(id<RCTComponent> view, id json) {
-      NSString *logPrefix = [NSString stringWithFormat:@"Error setting property '%@' of %@ with tag #%@: ",
-                             name, weakSelf.name, view.reactTag];
-      RCTPerformBlockWithLogPrefix(^{
-        unwrappedBlock(view, json);
-      }, logPrefix);
+      NSString *logPrefix = [NSString
+          stringWithFormat:@"Error setting property '%@' of %@ with tag #%@: ", name, weakSelf.name, view.reactTag];
+      RCTPerformBlockWithLogPrefix(
+          ^{
+            unwrappedBlock(view, json);
+          },
+          logPrefix);
     };
 #endif
     propBlocks[name] = [propBlock copy];
@@ -402,10 +404,15 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
     }
 
     NSString *name = @(underscorePos + 1);
-    NSString *type = ((NSArray<NSString *> *(*)(id, SEL))objc_msgSend)(_managerClass, selector)[0];
+    NSString *type = ((NSArray<NSString *> * (*)(id, SEL)) objc_msgSend)(_managerClass, selector)[0];
     if (RCT_DEBUG && propTypes[name] && ![propTypes[name] isEqualToString:type]) {
-      RCTLogError(@"Property '%@' of component '%@' redefined from '%@' "
-                  "to '%@'", name, _name, propTypes[name], type);
+      RCTLogError(
+          @"Property '%@' of component '%@' redefined from '%@' "
+           "to '%@'",
+          name,
+          _name,
+          propTypes[name],
+          type);
     }
 
     if ([type isEqualToString:@"RCTBubblingEventBlock"]) {
@@ -423,19 +430,22 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
 #if RCT_DEBUG
   for (NSString *event in bubblingEvents) {
     if ([directEvents containsObject:event]) {
-      RCTLogError(@"Component '%@' registered '%@' as both a bubbling event "
-                  "and a direct event", _name, event);
+      RCTLogError(
+          @"Component '%@' registered '%@' as both a bubbling event "
+           "and a direct event",
+          _name,
+          event);
     }
   }
 #endif
-  
+
   Class superClass = [_managerClass superclass];
-  
+
   return @{
-    @"propTypes": propTypes,
-    @"directEvents": directEvents,
-    @"bubblingEvents": bubblingEvents,
-    @"baseModuleName": superClass == [NSObject class] ? (id)kCFNull : moduleNameForClass(superClass),
+    @"propTypes" : propTypes,
+    @"directEvents" : directEvents,
+    @"bubblingEvents" : bubblingEvents,
+    @"baseModuleName" : superClass == [NSObject class] ? (id)kCFNull : moduleNameForClass(superClass),
   };
 }
 
@@ -455,9 +465,9 @@ - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowV
   if ([name hasSuffix:@"Manager"]) {
     name = [name substringToIndex:name.length - @"Manager".length];
   }
-  
+
   RCTAssert(name.length, @"Invalid moduleName '%@'", name);
-  
+
   return name;
 }
 
diff --git a/React/Views/RCTConvert+CoreLocation.m b/React/Views/RCTConvert+CoreLocation.m
index f15b059960876c..95ec773d32fb99 100644
--- a/React/Views/RCTConvert+CoreLocation.m
+++ b/React/Views/RCTConvert+CoreLocation.m
@@ -7,7 +7,7 @@
 
 #import "RCTConvert+CoreLocation.h"
 
-@implementation RCTConvert(CoreLocation)
+@implementation RCTConvert (CoreLocation)
 
 RCT_CONVERTER(CLLocationDegrees, CLLocationDegrees, doubleValue);
 RCT_CONVERTER(CLLocationDistance, CLLocationDistance, doubleValue);
@@ -15,10 +15,8 @@ @implementation RCTConvert(CoreLocation)
 + (CLLocationCoordinate2D)CLLocationCoordinate2D:(id)json
 {
   json = [self NSDictionary:json];
-  return (CLLocationCoordinate2D){
-    [self CLLocationDegrees:json[@"latitude"]],
-    [self CLLocationDegrees:json[@"longitude"]]
-  };
+  return (CLLocationCoordinate2D){[self CLLocationDegrees:json[@"latitude"]],
+                                  [self CLLocationDegrees:json[@"longitude"]]};
 }
 
 @end
diff --git a/React/Views/RCTConvert+Transform.m b/React/Views/RCTConvert+Transform.m
index 45262ef679a34e..94e5dcd6cd91c4 100644
--- a/React/Views/RCTConvert+Transform.m
+++ b/React/Views/RCTConvert+Transform.m
@@ -58,7 +58,8 @@ + (CATransform3D)CATransform3D:(id)json
   }
   // legacy matrix support
   if ([(NSArray *)json count] == kMatrixArrayLength && [json[0] isKindOfClass:[NSNumber class]]) {
-    RCTLogWarn(@"[RCTConvert CATransform3D:] has deprecated a matrix as input. Pass an array of configs (which can contain a matrix key) instead.");
+    RCTLogWarn(
+        @"[RCTConvert CATransform3D:] has deprecated a matrix as input. Pass an array of configs (which can contain a matrix key) instead.");
     return [self CATransform3DFromMatrix:json];
   }
 
diff --git a/React/Views/RCTDatePicker.m b/React/Views/RCTDatePicker.m
index 9dfb0255b303d0..ceee42d32275b7 100644
--- a/React/Views/RCTDatePicker.m
+++ b/React/Views/RCTDatePicker.m
@@ -23,8 +23,7 @@ - (instancetype)initWithFrame:(CGRect)frame
 {
   if ((self = [super initWithFrame:frame])) {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    [self addTarget:self action:@selector(didChange)
-               forControlEvents:UIControlEventValueChanged];
+    [self addTarget:self action:@selector(didChange) forControlEvents:UIControlEventValueChanged];
 #else // [TODO(macOS ISS#2323203)
     self.target = self;
     self.action = @selector(didChange);
@@ -34,7 +33,7 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 - (void)didChange
 {
diff --git a/React/Views/RCTDatePickerManager.h b/React/Views/RCTDatePickerManager.h
index 1be92a4d6bc7de..88f1e74df079eb 100644
--- a/React/Views/RCTDatePickerManager.h
+++ b/React/Views/RCTDatePickerManager.h
@@ -9,11 +9,11 @@
 #import <React/RCTViewManager.h>
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-@interface RCTConvert(UIDatePicker)
+@interface RCTConvert (UIDatePicker)
 
 + (UIDatePickerMode)UIDatePickerMode:(id)json;
 #else // [TODO(macOS ISS#2323203)
-@interface RCTConvert(NSDatePicker)
+@interface RCTConvert (NSDatePicker)
 + (NSDatePickerMode)NSDatePickerMode:(id)json;
 + (NSDatePickerStyle)NSDatePickerStyle:(id)json;
 #endif // ]TODO(macOS ISS#2323203)
diff --git a/React/Views/RCTDatePickerManager.m b/React/Views/RCTDatePickerManager.m
index 6f44985aa94d52..f7e9ffd6048e34 100644
--- a/React/Views/RCTDatePickerManager.m
+++ b/React/Views/RCTDatePickerManager.m
@@ -7,23 +7,27 @@
 
 #import "RCTDatePickerManager.h"
 
+#import <React/RCTUIManager.h>
 #import "RCTBridge.h"
 #import "RCTDatePicker.h"
 #import "RCTEventDispatcher.h"
 #import "UIView+React.h"
-#import <React/RCTUIManager.h>
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-@implementation RCTConvert(UIDatePicker)
+@implementation RCTConvert (UIDatePicker)
 
-RCT_ENUM_CONVERTER(UIDatePickerMode, (@{
-  @"time": @(UIDatePickerModeTime),
-  @"date": @(UIDatePickerModeDate),
-  @"datetime": @(UIDatePickerModeDateAndTime),
-  @"countdown": @(UIDatePickerModeCountDownTimer), // not supported yet
-}), UIDatePickerModeTime, integerValue)
+RCT_ENUM_CONVERTER(
+    UIDatePickerMode,
+    (@{
+      @"time" : @(UIDatePickerModeTime),
+      @"date" : @(UIDatePickerModeDate),
+      @"datetime" : @(UIDatePickerModeDateAndTime),
+      @"countdown" : @(UIDatePickerModeCountDownTimer), // not supported yet
+    }),
+    UIDatePickerModeTime,
+    integerValue)
 #else // [TODO(macOS ISS#2323203)
-@implementation RCTConvert(NSDatePicker)
+@implementation RCTConvert (NSDatePicker)
 RCT_ENUM_CONVERTER(NSDatePickerMode, (@{
   @"single": @(NSSingleDateMode),
   @"range": @(NSRangeDateMode)
@@ -77,6 +81,9 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
       [(RCTDatePicker *)view setDateValue:date];
 #endif // ]TODO(macOS ISS#2323203)
     } else {
+      // This component is used in Fabric through LegacyInteropLayer.
+      // `RCTPicker` view is subview of `RCTLegacyViewManagerInteropComponentView`.
+      // `viewTag` passed as parameter to this method is tag of the `RCTLegacyViewManagerInteropComponentView`.
       RCTPlatformView *subview = view.subviews.firstObject; // TODO(macOS ISS#2323203)
       if ([subview isKindOfClass:[RCTDatePicker class]]) {
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
diff --git a/React/Views/RCTFont.h b/React/Views/RCTFont.h
index 4c5d2511aeba0f..bf5b8f15e49baf 100644
--- a/React/Views/RCTFont.h
+++ b/React/Views/RCTFont.h
@@ -9,7 +9,7 @@
 
 #import <React/RCTConvert.h>
 
-typedef UIFont *(^RCTFontHandler)(CGFloat fontSize, NSString *fontWeightDescription);
+typedef UIFont * (^RCTFontHandler)(CGFloat fontSize, NSString *fontWeightDescription);
 
 /**
  * React Native will use the System font for rendering by default. If you want to
diff --git a/React/Views/RCTFont.mm b/React/Views/RCTFont.mm
index c8615350959692..ead6e4a92620ec 100644
--- a/React/Views/RCTFont.mm
+++ b/React/Views/RCTFont.mm
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTAssert.h"
 #import "RCTFont.h"
+#import "RCTAssert.h"
 #import "RCTLog.h"
 
 #import <CoreText/CoreText.h>
@@ -80,11 +80,13 @@ static BOOL isCondensedFont(UIFont *font)
 
 static RCTFontHandler defaultFontHandler;
 
-void RCTSetDefaultFontHandler(RCTFontHandler handler) {
+void RCTSetDefaultFontHandler(RCTFontHandler handler)
+{
   defaultFontHandler = handler;
 }
 
-BOOL RCTHasFontHandlerSet() {
+BOOL RCTHasFontHandlerSet()
+{
   return defaultFontHandler != nil;
 }
 
@@ -92,7 +94,8 @@ BOOL RCTHasFontHandlerSet() {
 // is not defined pre-iOS 8.2.
 // Furthermore, UIFontWeight's are lossy floats, so we must use an inexact compare to figure out
 // which one we actually have.
-static inline BOOL CompareFontWeights(UIFontWeight firstWeight, UIFontWeight secondWeight) {
+static inline BOOL CompareFontWeights(UIFontWeight firstWeight, UIFontWeight secondWeight)
+{
 #if CGFLOAT_IS_DOUBLE
   return fabs(firstWeight - secondWeight) < 0.01;
 #else
@@ -190,26 +193,34 @@ + (UIFont *)UIFont:(id)json
              scaleMultiplier:1];
 }
 
-RCT_ENUM_CONVERTER(RCTFontWeight, (@{
-                                     @"normal": @(UIFontWeightRegular),
-                                     @"bold": @(UIFontWeightBold),
-                                     @"100": @(UIFontWeightUltraLight),
-                                     @"200": @(UIFontWeightThin),
-                                     @"300": @(UIFontWeightLight),
-                                     @"400": @(UIFontWeightRegular),
-                                     @"500": @(UIFontWeightMedium),
-                                     @"600": @(UIFontWeightSemibold),
-                                     @"700": @(UIFontWeightBold),
-                                     @"800": @(UIFontWeightHeavy),
-                                     @"900": @(UIFontWeightBlack),
-                                     }), UIFontWeightRegular, doubleValue)
+RCT_ENUM_CONVERTER(
+    RCTFontWeight,
+    (@{
+      @"normal" : @(UIFontWeightRegular),
+      @"bold" : @(UIFontWeightBold),
+      @"100" : @(UIFontWeightUltraLight),
+      @"200" : @(UIFontWeightThin),
+      @"300" : @(UIFontWeightLight),
+      @"400" : @(UIFontWeightRegular),
+      @"500" : @(UIFontWeightMedium),
+      @"600" : @(UIFontWeightSemibold),
+      @"700" : @(UIFontWeightBold),
+      @"800" : @(UIFontWeightHeavy),
+      @"900" : @(UIFontWeightBlack),
+    }),
+    UIFontWeightRegular,
+    doubleValue)
 
 typedef BOOL RCTFontStyle;
-RCT_ENUM_CONVERTER(RCTFontStyle, (@{
-                                    @"normal": @NO,
-                                    @"italic": @YES,
-                                    @"oblique": @YES,
-                                    }), NO, boolValue)
+RCT_ENUM_CONVERTER(
+    RCTFontStyle,
+    (@{
+      @"normal" : @NO,
+      @"italic" : @YES,
+      @"oblique" : @YES,
+    }),
+    NO,
+    boolValue)
 
 typedef NSDictionary RCTFontVariantDescriptor;
 + (RCTFontVariantDescriptor *)RCTFontVariantDescriptor:(id)json
@@ -218,32 +229,34 @@ + (RCTFontVariantDescriptor *)RCTFontVariantDescriptor:(id)json
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     mapping = @{
-      @"small-caps": @{
-          UIFontFeatureTypeIdentifierKey: @(kLowerCaseType),
-          UIFontFeatureSelectorIdentifierKey: @(kLowerCaseSmallCapsSelector),
-          },
-      @"oldstyle-nums": @{
-          UIFontFeatureTypeIdentifierKey: @(kNumberCaseType),
-          UIFontFeatureSelectorIdentifierKey: @(kLowerCaseNumbersSelector),
-          },
-      @"lining-nums": @{
-          UIFontFeatureTypeIdentifierKey: @(kNumberCaseType),
-          UIFontFeatureSelectorIdentifierKey: @(kUpperCaseNumbersSelector),
-          },
-      @"tabular-nums": @{
-          UIFontFeatureTypeIdentifierKey: @(kNumberSpacingType),
-          UIFontFeatureSelectorIdentifierKey: @(kMonospacedNumbersSelector),
-          },
-      @"proportional-nums": @{
-          UIFontFeatureTypeIdentifierKey: @(kNumberSpacingType),
-          UIFontFeatureSelectorIdentifierKey: @(kProportionalNumbersSelector),
-          },
-      };
+      @"small-caps" : @{
+        UIFontFeatureTypeIdentifierKey : @(kLowerCaseType),
+        UIFontFeatureSelectorIdentifierKey : @(kLowerCaseSmallCapsSelector),
+      },
+      @"oldstyle-nums" : @{
+        UIFontFeatureTypeIdentifierKey : @(kNumberCaseType),
+        UIFontFeatureSelectorIdentifierKey : @(kLowerCaseNumbersSelector),
+      },
+      @"lining-nums" : @{
+        UIFontFeatureTypeIdentifierKey : @(kNumberCaseType),
+        UIFontFeatureSelectorIdentifierKey : @(kUpperCaseNumbersSelector),
+      },
+      @"tabular-nums" : @{
+        UIFontFeatureTypeIdentifierKey : @(kNumberSpacingType),
+        UIFontFeatureSelectorIdentifierKey : @(kMonospacedNumbersSelector),
+      },
+      @"proportional-nums" : @{
+        UIFontFeatureTypeIdentifierKey : @(kNumberSpacingType),
+        UIFontFeatureSelectorIdentifierKey : @(kProportionalNumbersSelector),
+      },
+    };
   });
   RCTFontVariantDescriptor *value = mapping[json];
   if (RCT_DEBUG && !value && [json description].length > 0) {
-    RCTLogError(@"Invalid RCTFontVariantDescriptor '%@'. should be one of: %@", json,
-                [[mapping allKeys] sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)]);
+    RCTLogError(
+        @"Invalid RCTFontVariantDescriptor '%@'. should be one of: %@",
+        json,
+        [[mapping allKeys] sortedArrayUsingSelector:@selector(caseInsensitiveCompare:)]);
   }
   return value;
 }
@@ -350,8 +363,7 @@ + (UIFont *)updateFont:(UIFont *)font
   CGFloat closestWeight = INFINITY;
   for (NSString *name in fontNamesForFamilyName(familyName)) { // TODO(macOS ISS#2323203)
     UIFont *match = [UIFont fontWithName:name size:fontSize];
-    if (isItalic == isItalicFont(match) &&
-        isCondensed == isCondensedFont(match)) {
+    if (isItalic == isItalicFont(match) && isCondensed == isCondensedFont(match)) {
       CGFloat testWeight = weightOfFont(match);
       if (ABS(testWeight - fontWeight) < ABS(closestWeight - fontWeight)) {
         font = match;
@@ -372,9 +384,8 @@ + (UIFont *)updateFont:(UIFont *)font
   // Apply font variants to font object
   if (variant) {
     NSArray *fontFeatures = [RCTConvert RCTFontVariantDescriptorArray:variant];
-    UIFontDescriptor *fontDescriptor = [font.fontDescriptor fontDescriptorByAddingAttributes:@{
-      UIFontDescriptorFeatureSettingsAttribute: fontFeatures
-    }];
+    UIFontDescriptor *fontDescriptor = [font.fontDescriptor
+        fontDescriptorByAddingAttributes:@{UIFontDescriptorFeatureSettingsAttribute : fontFeatures}];
     font = [UIFont fontWithDescriptor:fontDescriptor size:fontSize];
   }
 
diff --git a/React/Views/RCTLayout.h b/React/Views/RCTLayout.h
index 44877d7b50bc6f..3f0781594fccf7 100644
--- a/React/Views/RCTLayout.h
+++ b/React/Views/RCTLayout.h
@@ -38,12 +38,9 @@ typedef struct CG_BOXABLE RCTLayoutContext RCTLayoutContext;
 
 static inline BOOL RCTLayoutMetricsEqualToLayoutMetrics(RCTLayoutMetrics a, RCTLayoutMetrics b)
 {
-  return
-    CGRectEqualToRect(a.frame, b.frame) &&
-    CGRectEqualToRect(a.contentFrame, b.contentFrame) &&
-    UIEdgeInsetsEqualToEdgeInsets(a.borderWidth, b.borderWidth) &&
-    a.displayType == b.displayType &&
-    a.layoutDirection == b.layoutDirection;
+  return CGRectEqualToRect(a.frame, b.frame) && CGRectEqualToRect(a.contentFrame, b.contentFrame) &&
+      UIEdgeInsetsEqualToEdgeInsets(a.borderWidth, b.borderWidth) && a.displayType == b.displayType &&
+      a.layoutDirection == b.layoutDirection;
 }
 
 RCT_EXTERN RCTLayoutMetrics RCTLayoutMetricsFromYogaNode(YGNodeRef yogaNode);
diff --git a/React/Views/RCTLayout.m b/React/Views/RCTLayout.m
index 8f72bd436298ae..0ca11c7b8ea55d 100644
--- a/React/Views/RCTLayout.m
+++ b/React/Views/RCTLayout.m
@@ -14,37 +14,27 @@ RCTLayoutMetrics RCTLayoutMetricsFromYogaNode(YGNodeRef yogaNode)
 {
   RCTLayoutMetrics layoutMetrics;
 
-  CGRect frame = (CGRect){
-    (CGPoint){
-      RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetLeft(yogaNode)),
-      RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetTop(yogaNode))
-    },
-    (CGSize){
-      RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetWidth(yogaNode)),
-      RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetHeight(yogaNode))
-    }
-  };
-
-  UIEdgeInsets padding = (UIEdgeInsets){
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeTop)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeLeft)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeBottom)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeRight))
-  };
-
-  UIEdgeInsets borderWidth = (UIEdgeInsets){
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeTop)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeLeft)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeBottom)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeRight))
-  };
-
-  UIEdgeInsets compoundInsets = (UIEdgeInsets){
-    borderWidth.top + padding.top,
-    borderWidth.left + padding.left,
-    borderWidth.bottom + padding.bottom,
-    borderWidth.right + padding.right
-  };
+  CGRect frame = (CGRect){(CGPoint){RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetLeft(yogaNode)),
+                                    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetTop(yogaNode))},
+                          (CGSize){RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetWidth(yogaNode)),
+                                   RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetHeight(yogaNode))}};
+
+  UIEdgeInsets padding =
+      (UIEdgeInsets){RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeTop)),
+                     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeLeft)),
+                     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeBottom)),
+                     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeRight))};
+
+  UIEdgeInsets borderWidth =
+      (UIEdgeInsets){RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeTop)),
+                     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeLeft)),
+                     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeBottom)),
+                     RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeRight))};
+
+  UIEdgeInsets compoundInsets = (UIEdgeInsets){borderWidth.top + padding.top,
+                                               borderWidth.left + padding.left,
+                                               borderWidth.bottom + padding.bottom,
+                                               borderWidth.right + padding.right};
 
   CGRect bounds = (CGRect){CGPointZero, frame.size};
   CGRect contentFrame = UIEdgeInsetsInsetRect(bounds, compoundInsets);
@@ -58,7 +48,6 @@ RCTLayoutMetrics RCTLayoutMetricsFromYogaNode(YGNodeRef yogaNode)
   return layoutMetrics;
 }
 
-
 /**
  * Yoga and CoreGraphics have different opinions about how "infinity" value
  * should be represented.
diff --git a/React/Views/RCTModalHostView.h b/React/Views/RCTModalHostView.h
index e16dd222b50fe0..4e61886dba54ef 100644
--- a/React/Views/RCTModalHostView.h
+++ b/React/Views/RCTModalHostView.h
@@ -43,7 +43,11 @@
 
 @protocol RCTModalHostViewInteractor <NSObject>
 
-- (void)presentModalHostView:(RCTModalHostView *)modalHostView withViewController:(RCTModalHostViewController *)viewController animated:(BOOL)animated;
-- (void)dismissModalHostView:(RCTModalHostView *)modalHostView withViewController:(RCTModalHostViewController *)viewController animated:(BOOL)animated;
+- (void)presentModalHostView:(RCTModalHostView *)modalHostView
+          withViewController:(RCTModalHostViewController *)viewController
+                    animated:(BOOL)animated;
+- (void)dismissModalHostView:(RCTModalHostView *)modalHostView
+          withViewController:(RCTModalHostViewController *)viewController
+                    animated:(BOOL)animated;
 
 @end
diff --git a/React/Views/RCTModalHostView.m b/React/Views/RCTModalHostView.m
index 95d572bf3eb352..6a153301038853 100644
--- a/React/Views/RCTModalHostView.m
+++ b/React/Views/RCTModalHostView.m
@@ -20,8 +20,7 @@
 #import "RCTTVRemoteHandler.h"
 #endif
 
-@implementation RCTModalHostView
-{
+@implementation RCTModalHostView {
   __weak RCTBridge *_bridge;
   BOOL _isPresented;
   RCTModalHostViewController *_modalViewController;
@@ -32,11 +31,10 @@ @implementation RCTModalHostView
 #else
   UIInterfaceOrientation _lastKnownOrientation;
 #endif
-
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:coder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : coder)
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge
 {
@@ -48,8 +46,9 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
     _modalViewController.view = containerView;
     _touchHandler = [[RCTTouchHandler alloc] initWithBridge:bridge];
 #if TARGET_OS_TV
-    _menuButtonGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(menuButtonPressed:)];
-    _menuButtonGestureRecognizer.allowedPressTypes = @[@(UIPressTypeMenu)];
+    _menuButtonGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self
+                                                                           action:@selector(menuButtonPressed:)];
+    _menuButtonGestureRecognizer.allowedPressTypes = @[ @(UIPressTypeMenu) ];
     self.tvRemoteHandler = [RCTTVRemoteHandler new];
 #endif
     _isPresented = NO;
@@ -66,9 +65,9 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
 #if TARGET_OS_TV
 - (void)menuButtonPressed:(__unused UIGestureRecognizer *)gestureRecognizer
 {
-    if (_onRequestClose) {
-        _onRequestClose(nil);
-    }
+  if (_onRequestClose) {
+    _onRequestClose(nil);
+  }
 }
 
 - (void)setOnRequestClose:(RCTDirectEventBlock)onRequestClose
@@ -105,11 +104,11 @@ - (void)notifyForOrientationChange
   }
   _lastKnownOrientation = currentOrientation;
 
-  BOOL isPortrait = currentOrientation == UIInterfaceOrientationPortrait || currentOrientation == UIInterfaceOrientationPortraitUpsideDown;
-  NSDictionary *eventPayload =
-  @{
-    @"orientation": isPortrait ? @"portrait" : @"landscape",
-    };
+  BOOL isPortrait = currentOrientation == UIInterfaceOrientationPortrait ||
+      currentOrientation == UIInterfaceOrientationPortraitUpsideDown;
+  NSDictionary *eventPayload = @{
+    @"orientation" : isPortrait ? @"portrait" : @"landscape",
+  };
   _onOrientationChange(eventPayload);
 #endif
 }
@@ -168,8 +167,8 @@ - (void)didMoveToWindow
 {
   [super didMoveToWindow];
 
-  // In the case where there is a LayoutAnimation, we will be reinserted into the view hierarchy but only for aesthetic purposes.
-  // In such a case, we should NOT represent the <Modal>.
+  // In the case where there is a LayoutAnimation, we will be reinserted into the view hierarchy but only for aesthetic
+  // purposes. In such a case, we should NOT represent the <Modal>.
   if (!self.userInteractionEnabled && ![self.superview.reactSubviews containsObject:self]) {
     return;
   }
@@ -225,7 +224,8 @@ - (void)setTransparent:(BOOL)transparent
     return;
   }
 
-  _modalViewController.modalPresentationStyle = transparent ? UIModalPresentationOverFullScreen : UIModalPresentationFullScreen;
+  _modalViewController.modalPresentationStyle =
+      transparent ? UIModalPresentationOverFullScreen : UIModalPresentationFullScreen;
 }
 
 #if !TARGET_OS_TV
diff --git a/React/Views/RCTModalHostViewController.m b/React/Views/RCTModalHostViewController.m
index 16cd7c2cba8050..112bc17c4d85bf 100644
--- a/React/Views/RCTModalHostViewController.m
+++ b/React/Views/RCTModalHostViewController.m
@@ -10,8 +10,7 @@
 #import "RCTLog.h"
 #import "RCTModalHostView.h"
 
-@implementation RCTModalHostViewController
-{
+@implementation RCTModalHostViewController {
   CGRect _lastViewFrame;
 #if !TARGET_OS_TV
   UIStatusBarStyle _preferredStatusBarStyle;
@@ -25,6 +24,13 @@ - (instancetype)init
     return nil;
   }
 
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+  if (@available(iOS 13.0, *)) {
+    self.modalInPresentation = YES;
+  }
+#endif
+
 #if !TARGET_OS_TV
   _preferredStatusBarStyle = [RCTSharedApplication() statusBarStyle];
   _preferredStatusBarHidden = [RCTSharedApplication() isStatusBarHidden];
@@ -57,13 +63,15 @@ - (BOOL)prefersStatusBarHidden
 #if RCT_DEV
 - (UIInterfaceOrientationMask)supportedInterfaceOrientations
 {
-  UIInterfaceOrientationMask appSupportedOrientationsMask = [RCTSharedApplication() supportedInterfaceOrientationsForWindow:[RCTSharedApplication() keyWindow]];
+  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);
+    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;
   }
 
@@ -72,5 +80,4 @@ - (UIInterfaceOrientationMask)supportedInterfaceOrientations
 #endif // RCT_DEV
 #endif // !TARGET_OS_TV
 
-
 @end
diff --git a/React/Views/RCTModalHostViewManager.h b/React/Views/RCTModalHostViewManager.h
index 608ca0901af1ed..e5b08157128a4b 100644
--- a/React/Views/RCTModalHostViewManager.h
+++ b/React/Views/RCTModalHostViewManager.h
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#import <React/RCTConvert.h>
 #import <React/RCTInvalidating.h>
 #import <React/RCTViewManager.h>
-#import <React/RCTConvert.h>
 
 @interface RCTConvert (RCTModalHostView)
 
@@ -15,7 +15,11 @@
 
 @end
 
-typedef void (^RCTModalViewInteractionBlock)(UIViewController *reactViewController, UIViewController *viewController, BOOL animated, dispatch_block_t completionBlock);
+typedef void (^RCTModalViewInteractionBlock)(
+    UIViewController *reactViewController,
+    UIViewController *viewController,
+    BOOL animated,
+    dispatch_block_t completionBlock);
 
 @interface RCTModalHostViewManager : RCTViewManager <RCTInvalidating>
 
diff --git a/React/Views/RCTModalHostViewManager.m b/React/Views/RCTModalHostViewManager.m
index fa6f64532eed18..2f6cd41ab5a29e 100644
--- a/React/Views/RCTModalHostViewManager.m
+++ b/React/Views/RCTModalHostViewManager.m
@@ -16,14 +16,18 @@
 
 @implementation RCTConvert (RCTModalHostView)
 
-RCT_ENUM_CONVERTER(UIModalPresentationStyle, (@{
-  @"fullScreen": @(UIModalPresentationFullScreen),
+RCT_ENUM_CONVERTER(
+    UIModalPresentationStyle,
+    (@{
+      @"fullScreen" : @(UIModalPresentationFullScreen),
 #if !TARGET_OS_TV
-  @"pageSheet": @(UIModalPresentationPageSheet),
-  @"formSheet": @(UIModalPresentationFormSheet),
+      @"pageSheet" : @(UIModalPresentationPageSheet),
+      @"formSheet" : @(UIModalPresentationFormSheet),
 #endif
-  @"overFullScreen": @(UIModalPresentationOverFullScreen),
-}), UIModalPresentationFullScreen, integerValue)
+      @"overFullScreen" : @(UIModalPresentationOverFullScreen),
+    }),
+    UIModalPresentationFullScreen,
+    integerValue)
 
 @end
 
@@ -47,8 +51,7 @@ @interface RCTModalHostViewManager () <RCTModalHostViewInteractor>
 
 @end
 
-@implementation RCTModalHostViewManager
-{
+@implementation RCTModalHostViewManager {
   NSPointerArray *_hostViews;
 }
 
@@ -65,7 +68,9 @@ - (UIView *)view
   return view;
 }
 
-- (void)presentModalHostView:(RCTModalHostView *)modalHostView withViewController:(RCTModalHostViewController *)viewController animated:(BOOL)animated
+- (void)presentModalHostView:(RCTModalHostView *)modalHostView
+          withViewController:(RCTModalHostViewController *)viewController
+                    animated:(BOOL)animated
 {
   dispatch_block_t completionBlock = ^{
     if (modalHostView.onShow) {
@@ -75,11 +80,15 @@ - (void)presentModalHostView:(RCTModalHostView *)modalHostView withViewControlle
   if (_presentationBlock) {
     _presentationBlock([modalHostView reactViewController], viewController, animated, completionBlock);
   } else {
-    [[modalHostView reactViewController] presentViewController:viewController animated:animated completion:completionBlock];
+    [[modalHostView reactViewController] presentViewController:viewController
+                                                      animated:animated
+                                                    completion:completionBlock];
   }
 }
 
-- (void)dismissModalHostView:(RCTModalHostView *)modalHostView withViewController:(RCTModalHostViewController *)viewController animated:(BOOL)animated
+- (void)dismissModalHostView:(RCTModalHostView *)modalHostView
+          withViewController:(RCTModalHostViewController *)viewController
+                    animated:(BOOL)animated
 {
   dispatch_block_t completionBlock = ^{
     if (modalHostView.identifier) {
@@ -93,7 +102,6 @@ - (void)dismissModalHostView:(RCTModalHostView *)modalHostView withViewControlle
   }
 }
 
-
 - (RCTShadowView *)shadowView
 {
   return [RCTModalHostShadowView new];
diff --git a/React/Views/RCTPicker.m b/React/Views/RCTPicker.m
index 58cb91e566abe5..b5fae10811f7f4 100644
--- a/React/Views/RCTPicker.m
+++ b/React/Views/RCTPicker.m
@@ -10,9 +10,9 @@
 #import "RCTConvert.h"
 #import "RCTUtils.h"
 
-@interface RCTPicker()
+@interface RCTPicker ()
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  <UIPickerViewDataSource, UIPickerViewDelegate>
+  <UIPickerViewDataSource, UIPickerViewDelegate, UIPickerViewAccessibilityDelegate>
 #else
   <NSComboBoxDataSource, NSComboBoxDelegate>
 #endif // ]TODO(macOS ISS#2323203)
@@ -33,7 +33,6 @@ - (instancetype)initWithFrame:(CGRect)frame
     _selectedIndex = NSNotFound;
     _textAlign = NSTextAlignmentCenter;
     self.delegate = self;
-
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     self.controlSize = NSControlSizeRegular;
     self.editable = NO;
@@ -41,13 +40,16 @@ - (instancetype)initWithFrame:(CGRect)frame
     self.usesDataSource = YES;
     self.dataSource = self;
 #else
-    [self selectRow:0 inComponent:0 animated:YES]; // Workaround for missing selection indicator lines (see https://stackoverflow.com/questions/39564660/uipickerview-selection-indicator-not-visible-in-ios10)
+    [self selectRow:0 inComponent:0
+           animated:
+               YES]; // Workaround for missing selection indicator lines (see
+                     // https://stackoverflow.com/questions/39564660/uipickerview-selection-indicator-not-visible-in-ios10)
 #endif // ]TODO(macOS ISS#2323203)
   }
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 - (void)setItems:(NSArray<NSDictionary *> *)items
 {
@@ -108,8 +110,7 @@ - (NSInteger)numberOfComponentsInPickerView:(__unused UIPickerView *)pickerView
   return 1;
 }
 
-- (NSInteger)pickerView:(__unused UIPickerView *)pickerView
-numberOfRowsInComponent:(__unused NSInteger)component
+- (NSInteger)pickerView:(__unused UIPickerView *)pickerView numberOfRowsInComponent:(__unused NSInteger)component
 {
   return _items.count;
 }
@@ -123,7 +124,8 @@ - (NSString *)pickerView:(__unused UIPickerView *)pickerView
   return [RCTConvert NSString:_items[row][@"label"]];
 }
 
-- (CGFloat)pickerView:(__unused UIPickerView *)pickerView rowHeightForComponent:(NSInteger)__unused component {
+- (CGFloat)pickerView:(__unused UIPickerView *)pickerView rowHeightForComponent:(NSInteger)__unused component
+{
   return _font.pointSize + 19;
 }
 
@@ -133,13 +135,11 @@ - (UIView *)pickerView:(UIPickerView *)pickerView
            reusingView:(UILabel *)label
 {
   if (!label) {
-    label = [[UILabel alloc] initWithFrame:(CGRect){
-      CGPointZero,
-      {
-        [pickerView rowSizeForComponent:component].width,
-        [pickerView rowSizeForComponent:component].height,
-      }
-    }];
+    label = [[UILabel alloc] initWithFrame:(CGRect){CGPointZero,
+                                                    {
+                                                        [pickerView rowSizeForComponent:component].width,
+                                                        [pickerView rowSizeForComponent:component].height,
+                                                    }}];
   }
 
   label.font = _font;
@@ -152,12 +152,20 @@ - (UIView *)pickerView:(UIPickerView *)pickerView
 }
 
 - (void)pickerView:(__unused UIPickerView *)pickerView
-      didSelectRow:(NSInteger)row inComponent:(__unused NSInteger)component
+      didSelectRow:(NSInteger)row
+       inComponent:(__unused NSInteger)component
 {
 // [TODO(macOS ISS#2323203)
   [self didSelectRowAtIndex:row];
 }
 
+#pragma mark - UIPickerViewAccessibilityDelegate protocol
+
+- (NSString *)pickerView:(UIPickerView *)pickerView accessibilityLabelForComponent:(NSInteger)component
+{
+  return super.accessibilityLabel;
+}
+
 #else
 
 #pragma mark - NSComboBoxDataSource protocol
@@ -193,8 +201,8 @@ - (void)didSelectRowAtIndex:(NSInteger)idx
 // ]TODO(macOS ISS#2323203)
     _onChange(@{
 // [TODO(macOS ISS#2323203)
-      @"newIndex": @(idx),
-      @"newValue": RCTNullIfNil(_items[idx][@"value"]),
+      @"newIndex" : @(idx),
+      @"newValue" : RCTNullIfNil(_items[idx][@"value"]),
 // ]TODO(macOS ISS#2323203)
     });
   }
diff --git a/React/Views/RCTPickerManager.m b/React/Views/RCTPickerManager.m
index 1730a7dd72f9b7..eac3584241780e 100644
--- a/React/Views/RCTPickerManager.m
+++ b/React/Views/RCTPickerManager.m
@@ -7,10 +7,10 @@
 
 #import "RCTPickerManager.h"
 
+#import <React/RCTUIManager.h>
 #import "RCTBridge.h"
-#import "RCTPicker.h"
 #import "RCTFont.h"
-#import <React/RCTUIManager.h>
+#import "RCTPicker.h"
 
 @implementation RCTPickerManager
 
@@ -23,6 +23,7 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 
 RCT_EXPORT_VIEW_PROPERTY(items, NSArray<NSDictionary *>)
 RCT_EXPORT_VIEW_PROPERTY(selectedIndex, NSInteger)
+RCT_REMAP_VIEW_PROPERTY(accessibilityLabel, reactAccessibilityElement.accessibilityLabel, NSString)
 RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(color, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(textAlign, NSTextAlignment)
@@ -47,10 +48,13 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 {
   [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#2323203)
     RCTPlatformView *view = viewRegistry[viewTag]; // TODO(macOS ISS#2323203)
-    
+
     if ([view isKindOfClass:[RCTPicker class]]) {
       [(RCTPicker *)view setSelectedIndex:index.integerValue];
     } else {
+      // This component is used in Fabric through LegacyInteropLayer.
+      // `RCTPicker` view is subview of `RCTLegacyViewManagerInteropComponentView`.
+      // `viewTag` passed as parameter to this method is tag of the `RCTLegacyViewManagerInteropComponentView`.
       RCTPlatformView *subview = view.subviews.firstObject; // TODO(macOS ISS#2323203)
       if ([subview isKindOfClass:[RCTPicker class]]) {
         [(RCTPicker *)subview setSelectedIndex:index.integerValue];
diff --git a/React/Views/RCTProgressViewManager.m b/React/Views/RCTProgressViewManager.m
index f34d5601155c44..f92b5c32997fbc 100644
--- a/React/Views/RCTProgressViewManager.m
+++ b/React/Views/RCTProgressViewManager.m
@@ -18,12 +18,16 @@ @implementation RCTConvert (RCTProgressViewManager)
   @"bar": @(NSProgressIndicatorBarStyle),
 }), NSProgressIndicatorBarStyle, integerValue)
 #else // ]TODO(macOS ISS#2323203)
-RCT_ENUM_CONVERTER(UIProgressViewStyle, (@{
-  @"default": @(UIProgressViewStyleDefault),
+RCT_ENUM_CONVERTER(
+    UIProgressViewStyle,
+    (@{
+      @"default" : @(UIProgressViewStyleDefault),
 #if !TARGET_OS_TV
-  @"bar": @(UIProgressViewStyleBar),
+      @"bar" : @(UIProgressViewStyleBar),
 #endif
-}), UIProgressViewStyleDefault, integerValue)
+    }),
+    UIProgressViewStyleDefault,
+    integerValue)
 #endif // TODO(macOS ISS#2323203)
 
 @end
diff --git a/React/Views/RCTRootShadowView.h b/React/Views/RCTRootShadowView.h
index 31ef78734db22a..74af7e82f28d83 100644
--- a/React/Views/RCTRootShadowView.h
+++ b/React/Views/RCTRootShadowView.h
@@ -10,6 +10,12 @@
 
 @interface RCTRootShadowView : RCTShadowView
 
+/**
+ * Minimum size to layout all views.
+ * Defaults to CGSizeZero
+ */
+@property (nonatomic, assign) CGSize minimumSize;
+
 /**
  * Available size to layout all views.
  * Defaults to {INFINITY, INFINITY}
diff --git a/React/Views/RCTRootShadowView.m b/React/Views/RCTRootShadowView.m
index 14a36db87fd1f9..a68c3a397cc486 100644
--- a/React/Views/RCTRootShadowView.m
+++ b/React/Views/RCTRootShadowView.m
@@ -16,6 +16,7 @@ - (instancetype)init
 {
   if (self = [super init]) {
     _baseDirection = [[RCTI18nUtil sharedInstance] isRTL] ? YGDirectionRTL : YGDirectionLTR;
+    _minimumSize = CGSizeZero;
     _availableSize = CGSizeMake(INFINITY, INFINITY);
   }
 
@@ -31,7 +32,7 @@ - (void)layoutWithAffectedShadowViews:(NSHashTable<RCTShadowView *> *)affectedSh
   layoutContext.affectedShadowViews = affectedShadowViews;
   layoutContext.other = other;
 
-  [self layoutWithMinimumSize:CGSizeZero
+  [self layoutWithMinimumSize:_minimumSize
                   maximumSize:_availableSize
               layoutDirection:RCTUIKitLayoutDirectionFromYogaLayoutDirection(_baseDirection)
                 layoutContext:layoutContext];
diff --git a/React/Views/RCTSegmentedControl.m b/React/Views/RCTSegmentedControl.m
index 801be6c84e74f8..742131ce0f6461 100644
--- a/React/Views/RCTSegmentedControl.m
+++ b/React/Views/RCTSegmentedControl.m
@@ -10,6 +10,7 @@
 #import "RCTConvert.h"
 #import "RCTEventDispatcher.h"
 #import "UIView+React.h"
+#import "RCTUIKit.h" // TODO(macOS ISS#2323203)
 
 @implementation RCTSegmentedControl
 
@@ -18,8 +19,7 @@ - (instancetype)initWithFrame:(CGRect)frame
   if ((self = [super initWithFrame:frame])) {
     _selectedIndex = self.selectedSegmentIndex;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    [self addTarget:self action:@selector(didChange)
-               forControlEvents:UIControlEventValueChanged];
+    [self addTarget:self action:@selector(didChange) forControlEvents:UIControlEventValueChanged];
 #else // [TODO(macOS ISS#2323203)
     self.segmentStyle = NSSegmentStyleRounded;    
     self.target = self;
@@ -52,6 +52,26 @@ - (void)setSelectedIndex:(NSInteger)selectedIndex
   self.selectedSegmentIndex = selectedIndex; // TODO(macOS ISS#2323203)
 }
 
+- (void)setBackgroundColor:(RCTUIColor *)backgroundColor // TODO(macOS ISS#2323203)
+{
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+  if (@available(iOS 13.0, *)) {
+    [super setBackgroundColor:backgroundColor];
+  }
+#endif
+}
+
+- (void)setTextColor:(RCTUIColor *)textColor // TODO(macOS ISS#2323203)
+{
+#if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && defined(__IPHONE_13_0) && \
+    __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
+  if (@available(iOS 13.0, *)) {
+    [self setTitleTextAttributes:@{NSForegroundColorAttributeName : textColor} forState:UIControlStateNormal];
+  }
+#endif
+}
+
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203) - no concept of tintColor on macOS
 - (void)setTintColor:(UIColor *)tintColor // TODO(macOS ISS#2323203)
 {
@@ -60,10 +80,9 @@ - (void)setTintColor:(UIColor *)tintColor // TODO(macOS ISS#2323203)
     __IPHONE_OS_VERSION_MAX_ALLOWED >= __IPHONE_13_0
   if (@available(iOS 13.0, *)) {
     [self setSelectedSegmentTintColor:tintColor];
-    [self setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor whiteColor]}
+    [self setTitleTextAttributes:@{NSForegroundColorAttributeName : [UIColor whiteColor]}
                         forState:UIControlStateSelected];
-    [self setTitleTextAttributes:@{NSForegroundColorAttributeName: tintColor}
-                        forState:UIControlStateNormal];
+    [self setTitleTextAttributes:@{NSForegroundColorAttributeName : tintColor} forState:UIControlStateNormal];
   }
 #endif
 }
@@ -73,10 +92,7 @@ - (void)didChange
 {
   _selectedIndex = self.selectedSegmentIndex;
   if (_onChange) {
-    _onChange(@{
-      @"value": [self titleForSegmentAtIndex:_selectedIndex],
-      @"selectedSegmentIndex": @(_selectedIndex)
-    });
+    _onChange(@{@"value" : [self titleForSegmentAtIndex:_selectedIndex], @"selectedSegmentIndex" : @(_selectedIndex)});
   }
 }
 
diff --git a/React/Views/RCTSegmentedControlManager.m b/React/Views/RCTSegmentedControlManager.m
index f5ce583499ae14..68d6eb6eb8be18 100644
--- a/React/Views/RCTSegmentedControlManager.m
+++ b/React/Views/RCTSegmentedControlManager.m
@@ -25,6 +25,8 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 RCT_EXPORT_VIEW_PROPERTY(tintColor, UIColor)
 #endif // TODO(macOS ISS#2323203)
+RCT_EXPORT_VIEW_PROPERTY(backgroundColor, UIColor)
+RCT_EXPORT_VIEW_PROPERTY(textColor, UIColor)
 RCT_EXPORT_VIEW_PROPERTY(momentary, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(enabled, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(onChange, RCTBubblingEventBlock)
diff --git a/React/Views/RCTShadowView+Internal.m b/React/Views/RCTShadowView+Internal.m
index a5a93a08069060..61676e7b1242d2 100644
--- a/React/Views/RCTShadowView+Internal.m
+++ b/React/Views/RCTShadowView+Internal.m
@@ -7,8 +7,7 @@
 
 #import "RCTShadowView+Layout.h"
 
-@interface RCTShadowView ()
-{
+@interface RCTShadowView () {
   __weak RCTRootShadowView *_rootView;
 }
 
diff --git a/React/Views/RCTShadowView+Layout.m b/React/Views/RCTShadowView+Layout.m
index a04bae8327a107..734f053fc56894 100644
--- a/React/Views/RCTShadowView+Layout.m
+++ b/React/Views/RCTShadowView+Layout.m
@@ -18,23 +18,19 @@ @implementation RCTShadowView (Layout)
 - (UIEdgeInsets)paddingAsInsets
 {
   YGNodeRef yogaNode = self.yogaNode;
-  return (UIEdgeInsets){
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeTop)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeLeft)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeBottom)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeRight))
-  };
+  return (UIEdgeInsets){RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeTop)),
+                        RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeLeft)),
+                        RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeBottom)),
+                        RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetPadding(yogaNode, YGEdgeRight))};
 }
 
 - (UIEdgeInsets)borderAsInsets
 {
   YGNodeRef yogaNode = self.yogaNode;
-  return (UIEdgeInsets){
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeTop)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeLeft)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeBottom)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeRight))
-  };
+  return (UIEdgeInsets){RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeTop)),
+                        RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeLeft)),
+                        RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeBottom)),
+                        RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetBorder(yogaNode, YGEdgeRight))};
 }
 
 - (UIEdgeInsets)compoundInsets
@@ -42,12 +38,10 @@ - (UIEdgeInsets)compoundInsets
   UIEdgeInsets borderAsInsets = self.borderAsInsets;
   UIEdgeInsets paddingAsInsets = self.paddingAsInsets;
 
-  return (UIEdgeInsets){
-    borderAsInsets.top + paddingAsInsets.top,
-    borderAsInsets.left + paddingAsInsets.left,
-    borderAsInsets.bottom + paddingAsInsets.bottom,
-    borderAsInsets.right + paddingAsInsets.right
-  };
+  return (UIEdgeInsets){borderAsInsets.top + paddingAsInsets.top,
+                        borderAsInsets.left + paddingAsInsets.left,
+                        borderAsInsets.bottom + paddingAsInsets.bottom,
+                        borderAsInsets.right + paddingAsInsets.right};
 }
 
 - (CGSize)availableSize
diff --git a/React/Views/RCTShadowView.h b/React/Views/RCTShadowView.h
index 2d9aa5105baca5..b64cc9da10252c 100644
--- a/React/Views/RCTShadowView.h
+++ b/React/Views/RCTShadowView.h
@@ -187,8 +187,7 @@ typedef void (^RCTApplierBlock)(NSDictionary<NSNumber *, RCTPlatformView *> *vie
 /**
  * Applies computed layout metrics to the view.
  */
-- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics
-            layoutContext:(RCTLayoutContext)layoutContext;
+- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics layoutContext:(RCTLayoutContext)layoutContext;
 
 /**
  * Calculates (if needed) and applies layout to subviews.
@@ -199,8 +198,7 @@ typedef void (^RCTApplierBlock)(NSDictionary<NSNumber *, RCTPlatformView *> *vie
  * Measures shadow view without side-effects.
  * Default implementation uses Yoga for measuring.
  */
-- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize
-                      maximumSize:(CGSize)maximumSize;
+- (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximumSize;
 
 /**
  * Returns whether or not this view can have any subviews.
diff --git a/React/Views/RCTShadowView.m b/React/Views/RCTShadowView.m
index 7cd4a7074632ff..fda6e6cd2d39c8 100644
--- a/React/Views/RCTShadowView.m
+++ b/React/Views/RCTShadowView.m
@@ -32,8 +32,7 @@ typedef NS_ENUM(unsigned int, meta_prop_t) {
   META_PROP_COUNT,
 };
 
-@implementation RCTShadowView
-{
+@implementation RCTShadowView {
   NSDictionary *_lastParentProperties;
   NSMutableArray<RCTShadowView *> *_reactSubviews;
   BOOL _recomputePadding;
@@ -72,45 +71,48 @@ static void RCTPrint(YGNodeRef node)
   printf("%s(%lld), ", shadowView.viewName.UTF8String, (long long)shadowView.reactTag.integerValue);
 }
 
-#define RCT_SET_YGVALUE(ygvalue, setter, ...)    \
-switch (ygvalue.unit) {                          \
-  case YGUnitAuto:                               \
-  case YGUnitUndefined:                          \
-    setter(__VA_ARGS__, YGUndefined);            \
-    break;                                       \
-  case YGUnitPoint:                              \
-    setter(__VA_ARGS__, ygvalue.value);          \
-    break;                                       \
-  case YGUnitPercent:                            \
-    setter##Percent(__VA_ARGS__, ygvalue.value); \
-    break;                                       \
-}
+#define RCT_SET_YGVALUE(ygvalue, setter, ...)      \
+  switch (ygvalue.unit) {                          \
+    case YGUnitAuto:                               \
+    case YGUnitUndefined:                          \
+      setter(__VA_ARGS__, YGUndefined);            \
+      break;                                       \
+    case YGUnitPoint:                              \
+      setter(__VA_ARGS__, ygvalue.value);          \
+      break;                                       \
+    case YGUnitPercent:                            \
+      setter##Percent(__VA_ARGS__, ygvalue.value); \
+      break;                                       \
+  }
 
 #define RCT_SET_YGVALUE_AUTO(ygvalue, setter, ...) \
-switch (ygvalue.unit) {                            \
-  case YGUnitAuto:                                 \
-    setter##Auto(__VA_ARGS__);                     \
-    break;                                         \
-  case YGUnitUndefined:                            \
-    setter(__VA_ARGS__, YGUndefined);              \
-    break;                                         \
-  case YGUnitPoint:                                \
-    setter(__VA_ARGS__, ygvalue.value);            \
-    break;                                         \
-  case YGUnitPercent:                              \
-    setter##Percent(__VA_ARGS__, ygvalue.value);   \
-    break;                                         \
-}
-
-static void RCTProcessMetaPropsPadding(const YGValue metaProps[META_PROP_COUNT], YGNodeRef node) {
+  switch (ygvalue.unit) {                          \
+    case YGUnitAuto:                               \
+      setter##Auto(__VA_ARGS__);                   \
+      break;                                       \
+    case YGUnitUndefined:                          \
+      setter(__VA_ARGS__, YGUndefined);            \
+      break;                                       \
+    case YGUnitPoint:                              \
+      setter(__VA_ARGS__, ygvalue.value);          \
+      break;                                       \
+    case YGUnitPercent:                            \
+      setter##Percent(__VA_ARGS__, ygvalue.value); \
+      break;                                       \
+  }
+
+static void RCTProcessMetaPropsPadding(const YGValue metaProps[META_PROP_COUNT], YGNodeRef node)
+{
   if (![[RCTI18nUtil sharedInstance] doLeftAndRightSwapInRTL]) {
     RCT_SET_YGVALUE(metaProps[META_PROP_START], YGNodeStyleSetPadding, node, YGEdgeStart);
     RCT_SET_YGVALUE(metaProps[META_PROP_END], YGNodeStyleSetPadding, node, YGEdgeEnd);
     RCT_SET_YGVALUE(metaProps[META_PROP_LEFT], YGNodeStyleSetPadding, node, YGEdgeLeft);
     RCT_SET_YGVALUE(metaProps[META_PROP_RIGHT], YGNodeStyleSetPadding, node, YGEdgeRight);
   } else {
-    YGValue start = metaProps[META_PROP_START].unit == YGUnitUndefined ? metaProps[META_PROP_LEFT] : metaProps[META_PROP_START];
-    YGValue end = metaProps[META_PROP_END].unit == YGUnitUndefined ? metaProps[META_PROP_RIGHT] : metaProps[META_PROP_END];
+    YGValue start =
+        metaProps[META_PROP_START].unit == YGUnitUndefined ? metaProps[META_PROP_LEFT] : metaProps[META_PROP_START];
+    YGValue end =
+        metaProps[META_PROP_END].unit == YGUnitUndefined ? metaProps[META_PROP_RIGHT] : metaProps[META_PROP_END];
     RCT_SET_YGVALUE(start, YGNodeStyleSetPadding, node, YGEdgeStart);
     RCT_SET_YGVALUE(end, YGNodeStyleSetPadding, node, YGEdgeEnd);
   }
@@ -121,15 +123,18 @@ static void RCTProcessMetaPropsPadding(const YGValue metaProps[META_PROP_COUNT],
   RCT_SET_YGVALUE(metaProps[META_PROP_ALL], YGNodeStyleSetPadding, node, YGEdgeAll);
 }
 
-static void RCTProcessMetaPropsMargin(const YGValue metaProps[META_PROP_COUNT], YGNodeRef node) {
+static void RCTProcessMetaPropsMargin(const YGValue metaProps[META_PROP_COUNT], YGNodeRef node)
+{
   if (![[RCTI18nUtil sharedInstance] doLeftAndRightSwapInRTL]) {
     RCT_SET_YGVALUE_AUTO(metaProps[META_PROP_START], YGNodeStyleSetMargin, node, YGEdgeStart);
     RCT_SET_YGVALUE_AUTO(metaProps[META_PROP_END], YGNodeStyleSetMargin, node, YGEdgeEnd);
     RCT_SET_YGVALUE_AUTO(metaProps[META_PROP_LEFT], YGNodeStyleSetMargin, node, YGEdgeLeft);
     RCT_SET_YGVALUE_AUTO(metaProps[META_PROP_RIGHT], YGNodeStyleSetMargin, node, YGEdgeRight);
   } else {
-    YGValue start = metaProps[META_PROP_START].unit == YGUnitUndefined ? metaProps[META_PROP_LEFT] : metaProps[META_PROP_START];
-    YGValue end = metaProps[META_PROP_END].unit == YGUnitUndefined ? metaProps[META_PROP_RIGHT] : metaProps[META_PROP_END];
+    YGValue start =
+        metaProps[META_PROP_START].unit == YGUnitUndefined ? metaProps[META_PROP_LEFT] : metaProps[META_PROP_START];
+    YGValue end =
+        metaProps[META_PROP_END].unit == YGUnitUndefined ? metaProps[META_PROP_RIGHT] : metaProps[META_PROP_END];
     RCT_SET_YGVALUE_AUTO(start, YGNodeStyleSetMargin, node, YGEdgeStart);
     RCT_SET_YGVALUE_AUTO(end, YGNodeStyleSetMargin, node, YGEdgeEnd);
   }
@@ -140,15 +145,18 @@ static void RCTProcessMetaPropsMargin(const YGValue metaProps[META_PROP_COUNT],
   RCT_SET_YGVALUE_AUTO(metaProps[META_PROP_ALL], YGNodeStyleSetMargin, node, YGEdgeAll);
 }
 
-static void RCTProcessMetaPropsBorder(const YGValue metaProps[META_PROP_COUNT], YGNodeRef node) {
+static void RCTProcessMetaPropsBorder(const YGValue metaProps[META_PROP_COUNT], YGNodeRef node)
+{
   if (![[RCTI18nUtil sharedInstance] doLeftAndRightSwapInRTL]) {
     YGNodeStyleSetBorder(node, YGEdgeStart, metaProps[META_PROP_START].value);
     YGNodeStyleSetBorder(node, YGEdgeEnd, metaProps[META_PROP_END].value);
     YGNodeStyleSetBorder(node, YGEdgeLeft, metaProps[META_PROP_LEFT].value);
     YGNodeStyleSetBorder(node, YGEdgeRight, metaProps[META_PROP_RIGHT].value);
   } else {
-    const float start = YGFloatIsUndefined(metaProps[META_PROP_START].value) ? metaProps[META_PROP_LEFT].value : metaProps[META_PROP_START].value;
-    const float end = YGFloatIsUndefined(metaProps[META_PROP_END].value) ? metaProps[META_PROP_RIGHT].value : metaProps[META_PROP_END].value;
+    const float start = YGFloatIsUndefined(metaProps[META_PROP_START].value) ? metaProps[META_PROP_LEFT].value
+                                                                             : metaProps[META_PROP_START].value;
+    const float end = YGFloatIsUndefined(metaProps[META_PROP_END].value) ? metaProps[META_PROP_RIGHT].value
+                                                                         : metaProps[META_PROP_END].value;
     YGNodeStyleSetBorder(node, YGEdgeStart, start);
     YGNodeStyleSetBorder(node, YGEdgeEnd, end);
   }
@@ -199,8 +207,8 @@ - (instancetype)init
     _reactSubviews = [NSMutableArray array];
 
     _yogaNode = YGNodeNewWithConfig([[self class] yogaConfig]);
-     YGNodeSetContext(_yogaNode, (__bridge void *)self);
-     YGNodeSetPrintFunc(_yogaNode, RCTPrint);
+    YGNodeSetContext(_yogaNode, (__bridge void *)self);
+    YGNodeSetPrintFunc(_yogaNode, RCTPrint);
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     // RCTUIManager will fix the scale if we're on a Retina display
@@ -269,10 +277,8 @@ - (void)layoutWithMinimumSize:(CGSize)minimumSize
 {
   YGNodeRef yogaNode = _yogaNode;
 
-  CGSize oldMinimumSize = (CGSize){
-    RCTCoreGraphicsFloatFromYogaValue(YGNodeStyleGetMinWidth(yogaNode), 0.0),
-    RCTCoreGraphicsFloatFromYogaValue(YGNodeStyleGetMinHeight(yogaNode), 0.0)
-  };
+  CGSize oldMinimumSize = (CGSize){RCTCoreGraphicsFloatFromYogaValue(YGNodeStyleGetMinWidth(yogaNode), 0.0),
+                                   RCTCoreGraphicsFloatFromYogaValue(YGNodeStyleGetMinHeight(yogaNode), 0.0)};
 
   if (!CGSizeEqualToSize(oldMinimumSize, minimumSize)) {
     YGNodeStyleSetMinWidth(yogaNode, RCTYogaFloatFromCoreGraphicsFloat(minimumSize.width));
@@ -280,11 +286,10 @@ - (void)layoutWithMinimumSize:(CGSize)minimumSize
   }
 
   YGNodeCalculateLayout(
-    yogaNode,
-    RCTYogaFloatFromCoreGraphicsFloat(maximumSize.width),
-    RCTYogaFloatFromCoreGraphicsFloat(maximumSize.height),
-    RCTYogaLayoutDirectionFromUIKitLayoutDirection(layoutDirection)
-  );
+      yogaNode,
+      RCTYogaFloatFromCoreGraphicsFloat(maximumSize.width),
+      RCTYogaFloatFromCoreGraphicsFloat(maximumSize.height),
+      RCTYogaLayoutDirectionFromUIKitLayoutDirection(layoutDirection));
 
   RCTAssert(!YGNodeIsDirty(yogaNode), @"Attempt to get layout metrics from dirtied Yoga node.");
 
@@ -299,14 +304,12 @@ - (void)layoutWithMinimumSize:(CGSize)minimumSize
   layoutContext.absolutePosition.x += layoutMetrics.frame.origin.x;
   layoutContext.absolutePosition.y += layoutMetrics.frame.origin.y;
 
-  [self layoutWithMetrics:layoutMetrics
-            layoutContext:layoutContext];
+  [self layoutWithMetrics:layoutMetrics layoutContext:layoutContext];
 
   [self layoutSubviewsWithContext:layoutContext];
 }
 
-- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics
-            layoutContext:(RCTLayoutContext)layoutContext
+- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics layoutContext:(RCTLayoutContext)layoutContext
 {
   if (!RCTLayoutMetricsEqualToLayoutMetrics(self.layoutMetrics, layoutMetrics)) {
     self.layoutMetrics = layoutMetrics;
@@ -338,8 +341,7 @@ - (void)layoutSubviewsWithContext:(RCTLayoutContext)layoutContext
     layoutContext.absolutePosition.x += childLayoutMetrics.frame.origin.x;
     layoutContext.absolutePosition.y += childLayoutMetrics.frame.origin.y;
 
-    [childShadowView layoutWithMetrics:childLayoutMetrics
-                         layoutContext:layoutContext];
+    [childShadowView layoutWithMetrics:childLayoutMetrics layoutContext:layoutContext];
 
     // Recursive call.
     [childShadowView layoutSubviewsWithContext:layoutContext];
@@ -359,15 +361,14 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximu
   YGNodeStyleSetMaxHeight(constraintYogaNode, RCTYogaFloatFromCoreGraphicsFloat(maximumSize.height));
 
   YGNodeCalculateLayout(
-    constraintYogaNode,
-    YGUndefined,
-    YGUndefined,
-    RCTYogaLayoutDirectionFromUIKitLayoutDirection(self.layoutMetrics.layoutDirection)
-  );
+      constraintYogaNode,
+      YGUndefined,
+      YGUndefined,
+      RCTYogaLayoutDirectionFromUIKitLayoutDirection(self.layoutMetrics.layoutDirection));
 
   CGSize measuredSize = (CGSize){
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetWidth(constraintYogaNode)),
-    RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetHeight(constraintYogaNode)),
+      RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetWidth(constraintYogaNode)),
+      RCTCoreGraphicsFloatFromYogaFloat(YGNodeLayoutGetHeight(constraintYogaNode)),
   };
 
   YGNodeRemoveChild(constraintYogaNode, clonedYogaNode);
@@ -394,7 +395,11 @@ - (NSNumber *)reactTagAtPoint:(CGPoint)point
 - (NSString *)description
 {
   NSString *description = super.description;
-  description = [[description substringToIndex:description.length - 1] stringByAppendingFormat:@"; viewName: %@; reactTag: %@; frame: %@>", self.viewName, self.reactTag, NSStringFromCGRect(self.layoutMetrics.frame)];
+  description = [[description substringToIndex:description.length - 1]
+      stringByAppendingFormat:@"; viewName: %@; reactTag: %@; frame: %@>",
+                              self.viewName,
+                              self.reactTag,
+                              NSStringFromCGRect(self.layoutMetrics.frame)];
   return description;
 }
 
@@ -421,16 +426,16 @@ - (NSString *)recursiveDescription
 
 // Margin
 
-#define RCT_MARGIN_PROPERTY(prop, metaProp)       \
-- (void)setMargin##prop:(YGValue)value            \
-{                                                 \
-  _marginMetaProps[META_PROP_##metaProp] = value; \
-  _recomputeMargin = YES;                         \
-}                                                 \
-- (YGValue)margin##prop                           \
-{                                                 \
-  return _marginMetaProps[META_PROP_##metaProp];  \
-}
+#define RCT_MARGIN_PROPERTY(prop, metaProp)         \
+  -(void)setMargin##prop : (YGValue)value           \
+  {                                                 \
+    _marginMetaProps[META_PROP_##metaProp] = value; \
+    _recomputeMargin = YES;                         \
+  }                                                 \
+  -(YGValue)margin##prop                            \
+  {                                                 \
+    return _marginMetaProps[META_PROP_##metaProp];  \
+  }
 
 RCT_MARGIN_PROPERTY(, ALL)
 RCT_MARGIN_PROPERTY(Vertical, VERTICAL)
@@ -444,16 +449,16 @@ - (YGValue)margin##prop                           \
 
 // Padding
 
-#define RCT_PADDING_PROPERTY(prop, metaProp)       \
-- (void)setPadding##prop:(YGValue)value            \
-{                                                  \
-  _paddingMetaProps[META_PROP_##metaProp] = value; \
-  _recomputePadding = YES;                         \
-}                                                  \
-- (YGValue)padding##prop                           \
-{                                                  \
-  return _paddingMetaProps[META_PROP_##metaProp];  \
-}
+#define RCT_PADDING_PROPERTY(prop, metaProp)         \
+  -(void)setPadding##prop : (YGValue)value           \
+  {                                                  \
+    _paddingMetaProps[META_PROP_##metaProp] = value; \
+    _recomputePadding = YES;                         \
+  }                                                  \
+  -(YGValue)padding##prop                            \
+  {                                                  \
+    return _paddingMetaProps[META_PROP_##metaProp];  \
+  }
 
 RCT_PADDING_PROPERTY(, ALL)
 RCT_PADDING_PROPERTY(Vertical, VERTICAL)
@@ -467,16 +472,16 @@ - (YGValue)padding##prop                           \
 
 // Border
 
-#define RCT_BORDER_PROPERTY(prop, metaProp)             \
-- (void)setBorder##prop##Width:(float)value             \
-{                                                       \
-  _borderMetaProps[META_PROP_##metaProp].value = value; \
-  _recomputeBorder = YES;                               \
-}                                                       \
-- (float)border##prop##Width                            \
-{                                                       \
-  return _borderMetaProps[META_PROP_##metaProp].value;  \
-}
+#define RCT_BORDER_PROPERTY(prop, metaProp)               \
+  -(void)setBorder##prop##Width : (float)value            \
+  {                                                       \
+    _borderMetaProps[META_PROP_##metaProp].value = value; \
+    _recomputeBorder = YES;                               \
+  }                                                       \
+  -(float)border##prop##Width                             \
+  {                                                       \
+    return _borderMetaProps[META_PROP_##metaProp].value;  \
+  }
 
 RCT_BORDER_PROPERTY(, ALL)
 RCT_BORDER_PROPERTY(Top, TOP)
@@ -487,25 +492,25 @@ - (float)border##prop##Width                            \
 RCT_BORDER_PROPERTY(End, END)
 
 // Dimensions
-#define RCT_DIMENSION_PROPERTY(setProp, getProp, cssProp)           \
-- (void)set##setProp:(YGValue)value                                 \
-{                                                                   \
-  RCT_SET_YGVALUE_AUTO(value, YGNodeStyleSet##cssProp, _yogaNode);  \
-}                                                                   \
-- (YGValue)getProp                                                  \
-{                                                                   \
-  return YGNodeStyleGet##cssProp(_yogaNode);                        \
-}
-
-#define RCT_MIN_MAX_DIMENSION_PROPERTY(setProp, getProp, cssProp)   \
-- (void)set##setProp:(YGValue)value                                 \
-{                                                                   \
-  RCT_SET_YGVALUE(value, YGNodeStyleSet##cssProp, _yogaNode);       \
-}                                                                   \
-- (YGValue)getProp                                                  \
-{                                                                   \
-  return YGNodeStyleGet##cssProp(_yogaNode);                        \
-}
+#define RCT_DIMENSION_PROPERTY(setProp, getProp, cssProp)            \
+  -(void)set##setProp : (YGValue)value                               \
+  {                                                                  \
+    RCT_SET_YGVALUE_AUTO(value, YGNodeStyleSet##cssProp, _yogaNode); \
+  }                                                                  \
+  -(YGValue)getProp                                                  \
+  {                                                                  \
+    return YGNodeStyleGet##cssProp(_yogaNode);                       \
+  }
+
+#define RCT_MIN_MAX_DIMENSION_PROPERTY(setProp, getProp, cssProp) \
+  -(void)set##setProp : (YGValue)value                            \
+  {                                                               \
+    RCT_SET_YGVALUE(value, YGNodeStyleSet##cssProp, _yogaNode);   \
+  }                                                               \
+  -(YGValue)getProp                                               \
+  {                                                               \
+    return YGNodeStyleGet##cssProp(_yogaNode);                    \
+  }
 
 RCT_DIMENSION_PROPERTY(Width, width, Width)
 RCT_DIMENSION_PROPERTY(Height, height, Height)
@@ -516,16 +521,15 @@ - (YGValue)getProp                                                  \
 
 // Position
 
-#define RCT_POSITION_PROPERTY(setProp, getProp, edge)               \
-- (void)set##setProp:(YGValue)value                                 \
-{                                                                   \
-  RCT_SET_YGVALUE(value, YGNodeStyleSetPosition, _yogaNode, edge);  \
-}                                                                   \
-- (YGValue)getProp                                                  \
-{                                                                   \
-  return YGNodeStyleGetPosition(_yogaNode, edge);                   \
-}
-
+#define RCT_POSITION_PROPERTY(setProp, getProp, edge)                \
+  -(void)set##setProp : (YGValue)value                               \
+  {                                                                  \
+    RCT_SET_YGVALUE(value, YGNodeStyleSetPosition, _yogaNode, edge); \
+  }                                                                  \
+  -(YGValue)getProp                                                  \
+  {                                                                  \
+    return YGNodeStyleGetPosition(_yogaNode, edge);                  \
+  }
 
 RCT_POSITION_PROPERTY(Top, top, YGEdgeTop)
 RCT_POSITION_PROPERTY(Bottom, bottom, YGEdgeBottom)
@@ -561,10 +565,7 @@ - (CGSize)size
   YGValue width = YGNodeStyleGetWidth(_yogaNode);
   YGValue height = YGNodeStyleGetHeight(_yogaNode);
 
-  return CGSizeMake(
-    width.unit == YGUnitPoint ? width.value : NAN,
-    height.unit == YGUnitPoint ? height.value : NAN
-  );
+  return CGSizeMake(width.unit == YGUnitPoint ? width.value : NAN, height.unit == YGUnitPoint ? height.value : NAN);
 }
 
 - (void)setSize:(CGSize)size
@@ -575,7 +576,8 @@ - (void)setSize:(CGSize)size
 
 // IntrinsicContentSize
 
-static inline YGSize RCTShadowViewMeasure(YGNodeRef node, float width, YGMeasureMode widthMode, float height, YGMeasureMode heightMode)
+static inline YGSize
+RCTShadowViewMeasure(YGNodeRef node, float width, YGMeasureMode widthMode, float height, YGMeasureMode heightMode)
 {
   RCTShadowView *shadowView = (__bridge RCTShadowView *)YGNodeGetContext(node);
 
@@ -650,14 +652,14 @@ - (YGValue)flexBasis
 }
 
 #define RCT_STYLE_PROPERTY(setProp, getProp, cssProp, type) \
-- (void)set##setProp:(type)value                            \
-{                                                           \
-  YGNodeStyleSet##cssProp(_yogaNode, value);                \
-}                                                           \
-- (type)getProp                                             \
-{                                                           \
-  return YGNodeStyleGet##cssProp(_yogaNode);                \
-}
+  -(void)set##setProp : (type)value                         \
+  {                                                         \
+    YGNodeStyleSet##cssProp(_yogaNode, value);              \
+  }                                                         \
+  -(type)getProp                                            \
+  {                                                         \
+    return YGNodeStyleGet##cssProp(_yogaNode);              \
+  }
 
 RCT_STYLE_PROPERTY(Flex, flex, Flex, float)
 RCT_STYLE_PROPERTY(FlexGrow, flexGrow, FlexGrow, float)
diff --git a/React/Views/RCTSlider.m b/React/Views/RCTSlider.m
index a857bd8b98444e..1e27b13ddba197 100644
--- a/React/Views/RCTSlider.m
+++ b/React/Views/RCTSlider.m
@@ -117,8 +117,7 @@ @interface RCTSlider () <RCTSliderCellDelegate>
 @end
 #endif // ]TODO(macOS ISS#2323203)
 
-@implementation RCTSlider
-{
+@implementation RCTSlider {
   float _unclippedValue;
 }
 
@@ -244,12 +243,10 @@ - (void)setTrackImage:(UIImage *)trackImage
     _trackImage = trackImage;
     CGFloat width = trackImage.size.width / 2;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-    UIImage *minimumTrackImage = [trackImage resizableImageWithCapInsets:(UIEdgeInsets){
-      0, width, 0, width
-    } resizingMode:UIImageResizingModeStretch];
-    UIImage *maximumTrackImage = [trackImage resizableImageWithCapInsets:(UIEdgeInsets){
-      0, width, 0, width
-    } resizingMode:UIImageResizingModeStretch];
+    UIImage *minimumTrackImage = [trackImage resizableImageWithCapInsets:(UIEdgeInsets){0, width, 0, width}
+                                                            resizingMode:UIImageResizingModeStretch];
+    UIImage *maximumTrackImage = [trackImage resizableImageWithCapInsets:(UIEdgeInsets){0, width, 0, width}
+                                                            resizingMode:UIImageResizingModeStretch];
     [self setMinimumTrackImage:minimumTrackImage forState:UIControlStateNormal];
     [self setMaximumTrackImage:maximumTrackImage forState:UIControlStateNormal];
 #else // [TODO(macOS ISS#2323203)
@@ -265,9 +262,9 @@ - (void)setMinimumTrackImage:(UIImage *)minimumTrackImage
 {
   _trackImage = nil;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  minimumTrackImage = [minimumTrackImage resizableImageWithCapInsets:(UIEdgeInsets){
-    0, minimumTrackImage.size.width, 0, 0
-  } resizingMode:UIImageResizingModeStretch];
+  minimumTrackImage =
+      [minimumTrackImage resizableImageWithCapInsets:(UIEdgeInsets){0, minimumTrackImage.size.width, 0, 0}
+                                        resizingMode:UIImageResizingModeStretch];
   [self setMinimumTrackImage:minimumTrackImage forState:UIControlStateNormal];
 #else // [TODO(macOS ISS#2323203)
   minimumTrackImage.capInsets = NSEdgeInsetsMake(0, minimumTrackImage.size.width-0.5, 0, 0);
@@ -289,9 +286,9 @@ - (void)setMaximumTrackImage:(UIImage *)maximumTrackImage
 {
   _trackImage = nil;
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  maximumTrackImage = [maximumTrackImage resizableImageWithCapInsets:(UIEdgeInsets){
-    0, 0, 0, maximumTrackImage.size.width
-  } resizingMode:UIImageResizingModeStretch];
+  maximumTrackImage =
+      [maximumTrackImage resizableImageWithCapInsets:(UIEdgeInsets){0, 0, 0, maximumTrackImage.size.width}
+                                        resizingMode:UIImageResizingModeStretch];
   [self setMaximumTrackImage:maximumTrackImage forState:UIControlStateNormal];
 #else // [TODO(macOS ISS#2323203)
   maximumTrackImage.capInsets = NSEdgeInsetsMake(0, 0, 0, maximumTrackImage.size.width-0.5);
@@ -333,7 +330,7 @@ - (void)accessibilityIncrement
   [super accessibilityIncrement];
   if (_onSlidingComplete) {
     _onSlidingComplete(@{
-        @"value": @(self.value),
+      @"value" : @(self.value),
     });
   }
 }
@@ -343,7 +340,7 @@ - (void)accessibilityDecrement
   [super accessibilityDecrement];
   if (_onSlidingComplete) {
     _onSlidingComplete(@{
-        @"value": @(self.value),
+      @"value" : @(self.value),
     });
   }
 }
diff --git a/React/Views/RCTSliderManager.m b/React/Views/RCTSliderManager.m
index 162e7c615c96ff..cb784262b65c34 100644
--- a/React/Views/RCTSliderManager.m
+++ b/React/Views/RCTSliderManager.m
@@ -25,12 +25,10 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 {
   RCTSlider *slider = [RCTSlider new];
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  [slider addTarget:self action:@selector(sliderValueChanged:)
-   forControlEvents:UIControlEventValueChanged];
-  [slider addTarget:self action:@selector(sliderTouchEnd:)
-   forControlEvents:(UIControlEventTouchUpInside |
-                     UIControlEventTouchUpOutside |
-                     UIControlEventTouchCancel)];
+  [slider addTarget:self action:@selector(sliderValueChanged:) forControlEvents:UIControlEventValueChanged];
+  [slider addTarget:self
+                action:@selector(sliderTouchEnd:)
+      forControlEvents:(UIControlEventTouchUpInside | UIControlEventTouchUpOutside | UIControlEventTouchCancel)];
 #else // [TODO(macOS ISS#2323203)
   slider.delegate = self;
   slider.target = self;
@@ -44,15 +42,11 @@ static void RCTSendSliderEvent(RCTSlider *sender, BOOL continuous)
 {
   float value = sender.value;
 
-  if (sender.step > 0 &&
-      sender.step <= (sender.maximumValue - sender.minimumValue)) {
-
+  if (sender.step > 0 && sender.step <= (sender.maximumValue - sender.minimumValue)) {
     value =
-      MAX(sender.minimumValue,
-        MIN(sender.maximumValue,
-          sender.minimumValue + round((sender.value - sender.minimumValue) / sender.step) * sender.step
-        )
-      );
+        MAX(sender.minimumValue,
+            MIN(sender.maximumValue,
+                sender.minimumValue + round((sender.value - sender.minimumValue) / sender.step) * sender.step));
 
     [sender setValue:value animated:YES];
   }
@@ -60,13 +54,13 @@ static void RCTSendSliderEvent(RCTSlider *sender, BOOL continuous)
   if (continuous) {
     if (sender.onValueChange && sender.lastValue != value) {
       sender.onValueChange(@{
-        @"value": @(value),
+        @"value" : @(value),
       });
     }
   } else {
     if (sender.onSlidingComplete) {
       sender.onSlidingComplete(@{
-        @"value": @(value),
+        @"value" : @(value),
       });
     }
   }
diff --git a/React/Views/RCTSwitch.m b/React/Views/RCTSwitch.m
index 46a986e6ed6bac..56772f049936be 100644
--- a/React/Views/RCTSwitch.m
+++ b/React/Views/RCTSwitch.m
@@ -28,7 +28,8 @@ - (instancetype)initWithFrame:(CGRect)frame
 #endif
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-- (void)setOn:(BOOL)on animated:(BOOL)animated {
+- (void)setOn:(BOOL)on animated:(BOOL)animated
+{
   _wasOn = on;
   [super setOn:on animated:animated];
 }
diff --git a/React/Views/RCTSwitchManager.m b/React/Views/RCTSwitchManager.m
index eb6f186d79f2ce..b6e349ecef784e 100644
--- a/React/Views/RCTSwitchManager.m
+++ b/React/Views/RCTSwitchManager.m
@@ -7,11 +7,11 @@
 
 #import "RCTSwitchManager.h"
 
+#import <React/RCTUIManager.h>
 #import "RCTBridge.h"
 #import "RCTEventDispatcher.h"
 #import "RCTSwitch.h"
 #import "UIView+React.h"
-#import <React/RCTUIManager.h>
 
 @implementation RCTSwitchManager
 
@@ -21,9 +21,7 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 {
   RCTSwitch *switcher = [RCTSwitch new];
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-  [switcher addTarget:self
-               action:@selector(onChange:)
-     forControlEvents:UIControlEventValueChanged];
+  [switcher addTarget:self action:@selector(onChange:) forControlEvents:UIControlEventValueChanged];
 #else // [TODO(macOS ISS#2323203)
   [switcher setTarget:self];
   [switcher setAction:@selector(onChange:)];
@@ -36,7 +34,7 @@ - (void)onChange:(RCTSwitch *)sender
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (sender.wasOn != sender.on) {
     if (sender.onChange) {
-      sender.onChange(@{ @"value": @(sender.on) });
+      sender.onChange(@{@"value" : @(sender.on)});
     }
     sender.wasOn = sender.on;
   }
@@ -47,9 +45,9 @@ - (void)onChange:(RCTSwitch *)sender
 
 RCT_EXPORT_METHOD(setValue : (nonnull NSNumber *)viewTag toValue : (BOOL)value)
 {
-  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) {
-    RCTUIView *view = viewRegistry[viewTag];
-    
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+    RCTUIView *view = viewRegistry[viewTag]; // TODO(macOS ISS#3536887)
+
     if ([view isKindOfClass:[RCTSwitch class]]) {
       [(RCTSwitch *)view setOn:value animated:NO];
     } else {
diff --git a/React/Views/RCTTVView.m b/React/Views/RCTTVView.m
index 2809714166a777..6f06b9a1f411d2 100644
--- a/React/Views/RCTTVView.m
+++ b/React/Views/RCTTVView.m
@@ -19,8 +19,7 @@
 #import "RCTView.h"
 #import "UIView+React.h"
 
-@implementation RCTTVView
-{
+@implementation RCTTVView {
   UITapGestureRecognizer *_selectRecognizer;
 }
 
@@ -29,14 +28,14 @@ - (instancetype)initWithFrame:(CGRect)frame
   if (self = [super initWithFrame:frame]) {
     dispatch_once(&onceToken, ^{
       defaultTVParallaxProperties = @{
-        @"enabled": @YES,
-        @"shiftDistanceX": @2.0f,
-        @"shiftDistanceY": @2.0f,
-        @"tiltAngle": @0.05f,
-        @"magnification": @1.0f,
-        @"pressMagnification": @1.0f,
-        @"pressDuration": @0.3f,
-        @"pressDelay": @0.0f
+        @"enabled" : @YES,
+        @"shiftDistanceX" : @2.0f,
+        @"shiftDistanceY" : @2.0f,
+        @"tiltAngle" : @0.05f,
+        @"magnification" : @1.0f,
+        @"pressMagnification" : @1.0f,
+        @"pressDuration" : @0.3f,
+        @"pressDelay" : @0.0f
       };
     });
     self.tvParallaxProperties = defaultTVParallaxProperties;
@@ -45,10 +44,11 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-static NSDictionary* defaultTVParallaxProperties = nil;
+static NSDictionary *defaultTVParallaxProperties = nil;
 static dispatch_once_t onceToken;
 
-- (void)setTvParallaxProperties:(NSDictionary *)tvParallaxProperties {
+- (void)setTvParallaxProperties:(NSDictionary *)tvParallaxProperties
+{
   if (_tvParallaxProperties == nil) {
     _tvParallaxProperties = [defaultTVParallaxProperties copy];
     return;
@@ -63,19 +63,19 @@ - (void)setTvParallaxProperties:(NSDictionary *)tvParallaxProperties {
   _tvParallaxProperties = [newParallaxProperties copy];
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:unused)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : unused)
 
-- (void)setIsTVSelectable:(BOOL)isTVSelectable {
+- (void)setIsTVSelectable:(BOOL)isTVSelectable
+{
   self->_isTVSelectable = isTVSelectable;
   if (isTVSelectable) {
-    UITapGestureRecognizer *recognizer = [[UITapGestureRecognizer alloc] 
-                                           initWithTarget:self 
-                                                   action:@selector(handleSelect:)];
-    recognizer.allowedPressTypes = @[@(UIPressTypeSelect)];
+    UITapGestureRecognizer *recognizer = [[UITapGestureRecognizer alloc] initWithTarget:self
+                                                                                 action:@selector(handleSelect:)];
+    recognizer.allowedPressTypes = @[ @(UIPressTypeSelect) ];
     _selectRecognizer = recognizer;
     [self addGestureRecognizer:_selectRecognizer];
   } else {
-    if(_selectRecognizer) {
+    if (_selectRecognizer) {
       [self removeGestureRecognizer:_selectRecognizer];
     }
   }
@@ -83,37 +83,38 @@ - (void)setIsTVSelectable:(BOOL)isTVSelectable {
 
 - (void)handleSelect:(__unused UIGestureRecognizer *)r
 {
-	if ([self.tvParallaxProperties[@"enabled"] boolValue] == YES) {
+  if ([self.tvParallaxProperties[@"enabled"] boolValue] == YES) {
     float magnification = [self.tvParallaxProperties[@"magnification"] floatValue];
     float pressMagnification = [self.tvParallaxProperties[@"pressMagnification"] floatValue];
-		
-		// Duration of press animation
-		float pressDuration = [self.tvParallaxProperties[@"pressDuration"] floatValue];
-		
-		// Delay of press animation
-		float pressDelay = [self.tvParallaxProperties[@"pressDelay"] floatValue];
-		
+
+    // Duration of press animation
+    float pressDuration = [self.tvParallaxProperties[@"pressDuration"] floatValue];
+
+    // Delay of press animation
+    float pressDelay = [self.tvParallaxProperties[@"pressDelay"] floatValue];
+
     [[NSRunLoop currentRunLoop] runUntilDate:[NSDate dateWithTimeIntervalSinceNow:pressDelay]];
-    
-    [UIView animateWithDuration:(pressDuration/2)
-      animations:^{
-        self.transform = CGAffineTransformMakeScale(pressMagnification, pressMagnification);
-      }
-      completion:^(__unused BOOL finished1){
-        [UIView animateWithDuration:(pressDuration/2)
-          animations:^{
-            self.transform = CGAffineTransformMakeScale(magnification, magnification);
-          }
-          completion:^(__unused BOOL finished2) {
-            [[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification 
-              object:@{@"eventType":@"select",@"tag":self.reactTag}];
-          }];
-       }];
-    
-	} else {
-		[[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification
-															                          object:@{@"eventType":@"select",@"tag":self.reactTag}];
-	}
+
+    [UIView animateWithDuration:(pressDuration / 2)
+        animations:^{
+          self.transform = CGAffineTransformMakeScale(pressMagnification, pressMagnification);
+        }
+        completion:^(__unused BOOL finished1) {
+          [UIView animateWithDuration:(pressDuration / 2)
+              animations:^{
+                self.transform = CGAffineTransformMakeScale(magnification, magnification);
+              }
+              completion:^(__unused BOOL finished2) {
+                [[NSNotificationCenter defaultCenter]
+                    postNotificationName:RCTTVNavigationEventNotification
+                                  object:@{@"eventType" : @"select", @"tag" : self.reactTag}];
+              }];
+        }];
+
+  } else {
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification
+                                                        object:@{@"eventType" : @"select", @"tag" : self.reactTag}];
+  }
 }
 
 - (BOOL)isUserInteractionEnabled
@@ -133,26 +134,26 @@ - (void)addParallaxMotionEffects
   CGFloat const shiftDistanceY = [self.tvParallaxProperties[@"shiftDistanceY"] floatValue];
 
   // Make horizontal movements shift the centre left and right
-  UIInterpolatingMotionEffect *xShift = [[UIInterpolatingMotionEffect alloc]
-                                          initWithKeyPath:@"center.x"
-                                                     type:UIInterpolatingMotionEffectTypeTiltAlongHorizontalAxis];
-  xShift.minimumRelativeValue = @( shiftDistanceX * -1.0f);
-  xShift.maximumRelativeValue = @( shiftDistanceX);
+  UIInterpolatingMotionEffect *xShift =
+      [[UIInterpolatingMotionEffect alloc] initWithKeyPath:@"center.x"
+                                                      type:UIInterpolatingMotionEffectTypeTiltAlongHorizontalAxis];
+  xShift.minimumRelativeValue = @(shiftDistanceX * -1.0f);
+  xShift.maximumRelativeValue = @(shiftDistanceX);
 
   // Make vertical movements shift the centre up and down
-  UIInterpolatingMotionEffect *yShift = [[UIInterpolatingMotionEffect alloc]
-                                          initWithKeyPath:@"center.y"
-                                                     type:UIInterpolatingMotionEffectTypeTiltAlongVerticalAxis];
-  yShift.minimumRelativeValue = @( shiftDistanceY * -1.0f);
-  yShift.maximumRelativeValue = @( shiftDistanceY);
+  UIInterpolatingMotionEffect *yShift =
+      [[UIInterpolatingMotionEffect alloc] initWithKeyPath:@"center.y"
+                                                      type:UIInterpolatingMotionEffectTypeTiltAlongVerticalAxis];
+  yShift.minimumRelativeValue = @(shiftDistanceY * -1.0f);
+  yShift.maximumRelativeValue = @(shiftDistanceY);
 
   // Size of tilt movements
   CGFloat const tiltAngle = [self.tvParallaxProperties[@"tiltAngle"] floatValue];
 
   // Now make horizontal movements effect a rotation about the Y axis for side-to-side rotation.
-  UIInterpolatingMotionEffect *xTilt = [[UIInterpolatingMotionEffect alloc] 
-                                         initWithKeyPath:@"layer.transform"
-                                                    type:UIInterpolatingMotionEffectTypeTiltAlongHorizontalAxis];
+  UIInterpolatingMotionEffect *xTilt =
+      [[UIInterpolatingMotionEffect alloc] initWithKeyPath:@"layer.transform"
+                                                      type:UIInterpolatingMotionEffectTypeTiltAlongHorizontalAxis];
 
   // CATransform3D value for minimumRelativeValue
   CATransform3D transMinimumTiltAboutY = CATransform3DIdentity;
@@ -165,13 +166,13 @@ - (void)addParallaxMotionEffects
   transMaximumTiltAboutY = CATransform3DRotate(transMaximumTiltAboutY, tiltAngle, 0, 1, 0);
 
   // Set the transform property boundaries for the interpolation
-  xTilt.minimumRelativeValue = [NSValue valueWithCATransform3D: transMinimumTiltAboutY];
-  xTilt.maximumRelativeValue = [NSValue valueWithCATransform3D: transMaximumTiltAboutY];
+  xTilt.minimumRelativeValue = [NSValue valueWithCATransform3D:transMinimumTiltAboutY];
+  xTilt.maximumRelativeValue = [NSValue valueWithCATransform3D:transMaximumTiltAboutY];
 
   // Now make vertical movements effect a rotation about the X axis for up and down rotation.
-  UIInterpolatingMotionEffect *yTilt = [[UIInterpolatingMotionEffect alloc] 
-                                         initWithKeyPath:@"layer.transform" 
-                                                    type:UIInterpolatingMotionEffectTypeTiltAlongVerticalAxis];
+  UIInterpolatingMotionEffect *yTilt =
+      [[UIInterpolatingMotionEffect alloc] initWithKeyPath:@"layer.transform"
+                                                      type:UIInterpolatingMotionEffectTypeTiltAlongVerticalAxis];
 
   // CATransform3D value for minimumRelativeValue
   CATransform3D transMinimumTiltAboutX = CATransform3DIdentity;
@@ -184,42 +185,52 @@ - (void)addParallaxMotionEffects
   transMaximumTiltAboutX = CATransform3DRotate(transMaximumTiltAboutX, tiltAngle, 1, 0, 0);
 
   // Set the transform property boundaries for the interpolation
-  yTilt.minimumRelativeValue = [NSValue valueWithCATransform3D: transMinimumTiltAboutX];
-  yTilt.maximumRelativeValue = [NSValue valueWithCATransform3D: transMaximumTiltAboutX];
+  yTilt.minimumRelativeValue = [NSValue valueWithCATransform3D:transMinimumTiltAboutX];
+  yTilt.maximumRelativeValue = [NSValue valueWithCATransform3D:transMaximumTiltAboutX];
 
   // Add all of the motion effects to this group
-  self.motionEffects = @[xShift, yShift, xTilt, yTilt];
+  self.motionEffects = @[ xShift, yShift, xTilt, yTilt ];
 
   float magnification = [self.tvParallaxProperties[@"magnification"] floatValue];
 
-  [UIView animateWithDuration:0.2 animations:^{
-    self.transform = CGAffineTransformMakeScale(magnification, magnification);
-  }];
+  [UIView animateWithDuration:0.2
+                   animations:^{
+                     self.transform = CGAffineTransformMakeScale(magnification, magnification);
+                   }];
 }
 
-- (void)didUpdateFocusInContext:(UIFocusUpdateContext *)context withAnimationCoordinator:(UIFocusAnimationCoordinator *)coordinator
+- (void)didUpdateFocusInContext:(UIFocusUpdateContext *)context
+       withAnimationCoordinator:(UIFocusAnimationCoordinator *)coordinator
 {
-  if (context.nextFocusedView == self && self.isTVSelectable ) {
+  if (context.nextFocusedView == self && self.isTVSelectable) {
     [self becomeFirstResponder];
-    [coordinator addCoordinatedAnimations:^(void){
-      if([self.tvParallaxProperties[@"enabled"] boolValue]) {
-        [self addParallaxMotionEffects];
-      }
-      [[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification
-                                                          object:@{@"eventType":@"focus",@"tag":self.reactTag}];
-    } completion:^(void){}];
+    [coordinator
+        addCoordinatedAnimations:^(void) {
+          if ([self.tvParallaxProperties[@"enabled"] boolValue]) {
+            [self addParallaxMotionEffects];
+          }
+          [[NSNotificationCenter defaultCenter]
+              postNotificationName:RCTTVNavigationEventNotification
+                            object:@{@"eventType" : @"focus", @"tag" : self.reactTag}];
+        }
+                      completion:^(void){
+                      }];
   } else {
-    [coordinator addCoordinatedAnimations:^(void){
-      [[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification
-                                                          object:@{@"eventType":@"blur",@"tag":self.reactTag}];
-      [UIView animateWithDuration:0.2 animations:^{
-        self.transform = CGAffineTransformMakeScale(1, 1);
-      }];
-
-      for (UIMotionEffect *effect in [self.motionEffects copy]){
-        [self removeMotionEffect:effect];
-      }
-    } completion:^(void){}];
+    [coordinator
+        addCoordinatedAnimations:^(void) {
+          [[NSNotificationCenter defaultCenter] postNotificationName:RCTTVNavigationEventNotification
+                                                              object:@{@"eventType" : @"blur", @"tag" : self.reactTag}];
+          [UIView animateWithDuration:0.2
+                           animations:^{
+                             self.transform = CGAffineTransformMakeScale(1, 1);
+                           }];
+
+          for (UIMotionEffect *effect in [self.motionEffects copy]) {
+            [self removeMotionEffect:effect];
+          }
+        }
+                      completion:^(void){
+                      }];
     [self resignFirstResponder];
   }
 }
@@ -233,7 +244,8 @@ - (void)setHasTVPreferredFocus:(BOOL)hasTVPreferredFocus
       while (![rootview isReactRootView] && rootview != nil) {
         rootview = [rootview superview];
       }
-      if (rootview == nil) return;
+      if (rootview == nil)
+        return;
 
       rootview = [rootview superview];
 
diff --git a/React/Views/RCTView.m b/React/Views/RCTView.m
index a634ed33f6189d..9ce2af8beff570 100644
--- a/React/Views/RCTView.m
+++ b/React/Views/RCTView.m
@@ -11,11 +11,11 @@
 #import "RCTBorderDrawing.h"
 #import "RCTFocusChangeEvent.h" // TODO(OSS Candidate ISS#2710739)
 #import "RCTConvert.h"
+#import "RCTI18nUtil.h"
 #import "RCTLog.h"
 #import "RCTRootContentView.h" // TODO(macOS ISS#2323203)
 #import "RCTUtils.h"
 #import "UIView+React.h"
-#import "RCTI18nUtil.h"
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 #import "RCTTextView.h"
 #endif // ]TODO(macOS ISS#2323203)
@@ -120,8 +120,7 @@ - (RCTPlatformView *)react_findClipView // TODO(macOS ISS#2323203)
   return str.length == 0 ? nil : str;
 }
 
-@implementation RCTView
-{
+@implementation RCTView {
   RCTUIColor *_backgroundColor; // TODO(OSS Candidate ISS#2710739)
   RCTEventDispatcher *_eventDispatcher; // TODO(OSS Candidate ISS#2710739)
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
@@ -169,7 +168,7 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:unused)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : unused)
 
 - (void)setReactLayoutDirection:(UIUserInterfaceLayoutDirection)layoutDirection
 {
@@ -182,10 +181,9 @@ - (void)setReactLayoutDirection:(UIUserInterfaceLayoutDirection)layoutDirection
   if ([self respondsToSelector:@selector(setSemanticContentAttribute:)]) {
 #pragma clang diagnostic push // TODO(OSS Candidate ISS#2710739)
 #pragma clang diagnostic ignored "-Wunguarded-availability" // TODO(OSS Candidate ISS#2710739)
-    self.semanticContentAttribute =
-      layoutDirection == UIUserInterfaceLayoutDirectionLeftToRight ?
-        UISemanticContentAttributeForceLeftToRight :
-        UISemanticContentAttributeForceRightToLeft;
+    self.semanticContentAttribute = layoutDirection == UIUserInterfaceLayoutDirectionLeftToRight
+        ? UISemanticContentAttributeForceLeftToRight
+        : UISemanticContentAttributeForceRightToLeft;
 #pragma clang diagnostic pop // TODO(OSS Candidate ISS#2710739)
   }
 #else // [TODO(macOS ISS#2323203)
@@ -210,7 +208,7 @@ - (NSString *)accessibilityLabel
   return RCTRecursiveAccessibilityLabel(self);
 }
 
-- (NSArray <UIAccessibilityCustomAction *> *)accessibilityCustomActions
+- (NSArray<UIAccessibilityCustomAction *> *)accessibilityCustomActions
 {
   if (!self.accessibilityActions.count) {
     return nil;
@@ -225,9 +223,10 @@ - (NSString *)accessibilityLabel
     }
     if (action[@"label"]) {
       accessibilityActionsLabelMap[action[@"label"]] = action;
-      [actions addObject:[[UIAccessibilityCustomAction alloc] initWithName:action[@"label"]
-                                                                    target:self
-                                                                  selector:@selector(didActivateAccessibilityCustomAction:)]];
+      [actions addObject:[[UIAccessibilityCustomAction alloc]
+                             initWithName:action[@"label"]
+                                   target:self
+                                 selector:@selector(didActivateAccessibilityCustomAction:)]];
     }
   }
 
@@ -240,14 +239,12 @@ - (BOOL)didActivateAccessibilityCustomAction:(UIAccessibilityCustomAction *)acti
     return NO;
   }
 
-  // iOS defines the name as the localized label, so use our map to convert this back to the non-localized action namne when passing to JS. This allows for standard action names across platforms.
+  // iOS defines the name as the localized label, so use our map to convert this back to the non-localized action namne
+  // when passing to JS. This allows for standard action names across platforms.
 
   NSDictionary *actionObject = accessibilityActionsLabelMap[action.name];
   if (actionObject) {
-    _onAccessibilityAction(@{
-      @"actionName": actionObject[@"name"],
-      @"actionTarget": self.reactTag
-    });
+    _onAccessibilityAction(@{@"actionName" : actionObject[@"name"], @"actionTarget" : self.reactTag});
   }
   return YES;
 }
@@ -255,6 +252,51 @@ - (BOOL)didActivateAccessibilityCustomAction:(UIAccessibilityCustomAction *)acti
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 - (NSString *)accessibilityValue
 {
+  static dispatch_once_t onceToken;
+  static NSDictionary<NSString *, NSString *> *rolesAndStatesDescription = nil;
+
+  dispatch_once(&onceToken, ^{
+    NSString *bundlePath = [[NSBundle mainBundle] pathForResource:@"AccessibilityResources" ofType:@"bundle"];
+    NSBundle *bundle = [NSBundle bundleWithPath:bundlePath];
+
+    if (bundle) {
+      NSURL *url = [bundle URLForResource:@"Localizable" withExtension:@"strings"];
+      if (@available(iOS 11.0, *)) {
+        rolesAndStatesDescription = [NSDictionary dictionaryWithContentsOfURL:url error:nil];
+      } else {
+        // Fallback on earlier versions
+        rolesAndStatesDescription = [NSDictionary dictionaryWithContentsOfURL:url];
+      }
+    }
+    if (rolesAndStatesDescription == nil) {
+      NSLog(@"Cannot load localized accessibility strings.");
+      rolesAndStatesDescription = @{
+        @"alert" : @"alert",
+        @"checkbox" : @"checkbox",
+        @"combobox" : @"combo box",
+        @"menu" : @"menu",
+        @"menubar" : @"menu bar",
+        @"menuitem" : @"menu item",
+        @"progressbar" : @"progress bar",
+        @"radio" : @"radio button",
+        @"radiogroup" : @"radio group",
+        @"scrollbar" : @"scroll bar",
+        @"spinbutton" : @"spin button",
+        @"switch" : @"switch",
+        @"tab" : @"tab",
+        @"tablist" : @"tab list",
+        @"timer" : @"timer",
+        @"toolbar" : @"tool bar",
+        @"checked" : @"checked",
+        @"unchecked" : @"not checked",
+        @"busy" : @"busy",
+        @"expanded" : @"expanded",
+        @"collapsed" : @"collapsed",
+        @"mixed" : @"mixed",
+      };
+    }
+  });
+
   if ((self.accessibilityTraits & SwitchAccessibilityTrait) == SwitchAccessibilityTrait) {
     for (NSString *state in self.accessibilityState) {
       id val = self.accessibilityState[state];
@@ -267,41 +309,7 @@ - (NSString *)accessibilityValue
     }
   }
   NSMutableArray *valueComponents = [NSMutableArray new];
-  static NSDictionary<NSString *, NSString *> *roleDescriptions = nil;
-  static dispatch_once_t onceToken1;
-  dispatch_once(&onceToken1, ^{
-    roleDescriptions = @{
-                         @"alert" : @"alert",
-                         @"checkbox" : @"checkbox",
-                         @"combobox" : @"combo box",
-                         @"menu" : @"menu",
-                         @"menubar" : @"menu bar",
-                         @"menuitem" : @"menu item",
-                         @"progressbar" : @"progress bar",
-                         @"radio" : @"radio button",
-                         @"radiogroup" : @"radio group",
-                         @"scrollbar" : @"scroll bar",
-                         @"spinbutton" : @"spin button",
-                         @"switch" : @"switch",
-                         @"tab" : @"tab",
-                         @"tablist" : @"tab list",
-                         @"timer" : @"timer",
-                         @"toolbar" : @"tool bar",
-                         };
-  });
-  static NSDictionary<NSString *, NSString *> *stateDescriptions = nil;
-  static dispatch_once_t onceToken2;
-  dispatch_once(&onceToken2, ^{
-    stateDescriptions = @{
-                          @"checked" : @"checked",
-                          @"unchecked" : @"not checked",
-                          @"busy" : @"busy",
-                          @"expanded" : @"expanded",
-                          @"collapsed" : @"collapsed",
-                          @"mixed": @"mixed",
-                          };
-  });
-  NSString *roleDescription = self.accessibilityRoleInternal ? roleDescriptions[self.accessibilityRoleInternal]: nil; // TODO(OSS Candidate ISS#2710739): renamed prop so it doesn't conflict with -[NSAccessibility accessibilityRole].
+  NSString *roleDescription = self.accessibilityRoleInternal ? rolesAndStatesDescription[self.accessibilityRoleInternal] : nil; // TODO(OSS Candidate ISS#2710739): renamed prop so it doesn't conflict with -[NSAccessibility accessibilityRole].
   if (roleDescription) {
     [valueComponents addObject:roleDescription];
   }
@@ -312,19 +320,19 @@ - (NSString *)accessibilityValue
     }
     if ([state isEqualToString:@"checked"]) {
       if ([val isKindOfClass:[NSNumber class]]) {
-        [valueComponents addObject:stateDescriptions[[val boolValue] ? @"checked" : @"unchecked"]];
+        [valueComponents addObject:rolesAndStatesDescription[[val boolValue] ? @"checked" : @"unchecked"]];
       } else if ([val isKindOfClass:[NSString class]] && [val isEqualToString:@"mixed"]) {
-        [valueComponents addObject:stateDescriptions[@"mixed"]];
+        [valueComponents addObject:rolesAndStatesDescription[@"mixed"]];
       }
     }
     if ([state isEqualToString:@"expanded"] && [val isKindOfClass:[NSNumber class]]) {
-      [valueComponents addObject:stateDescriptions[[val boolValue] ? @"expanded" : @"collapsed"]];
+      [valueComponents addObject:rolesAndStatesDescription[[val boolValue] ? @"expanded" : @"collapsed"]];
     }
     if ([state isEqualToString:@"busy"] && [val isKindOfClass:[NSNumber class]] && [val boolValue]) {
-      [valueComponents addObject:stateDescriptions[@"busy"]];
+      [valueComponents addObject:rolesAndStatesDescription[@"busy"]];
     }
   }
-  
+
   // handle accessibilityValue
 
   if (self.accessibilityValueInternal) {
@@ -334,12 +342,11 @@ - (NSString *)accessibilityValue
     id text = self.accessibilityValueInternal[@"text"];
     if (text && [text isKindOfClass:[NSString class]]) {
       [valueComponents addObject:text];
-    } else if ([min isKindOfClass:[NSNumber class]] &&
-        [now isKindOfClass:[NSNumber class]] &&
-        [max isKindOfClass:[NSNumber class]] &&
-        ([min intValue] < [max intValue]) &&
+    } else if (
+        [min isKindOfClass:[NSNumber class]] && [now isKindOfClass:[NSNumber class]] &&
+        [max isKindOfClass:[NSNumber class]] && ([min intValue] < [max intValue]) &&
         ([min intValue] <= [now intValue] && [now intValue] <= [max intValue])) {
-      int val = ([now intValue]*100)/([max intValue]-[min intValue]);
+      int val = ([now intValue] * 100) / ([max intValue] - [min intValue]);
       [valueComponents addObject:[NSString stringWithFormat:@"%d percent", val]];
     }
   }
@@ -504,7 +511,7 @@ - (void)setPointerEvents:(RCTPointerEvents)pointerEvents
 - (RCTPlatformView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event // TODO(macOS ISS#2323203)
 {
   BOOL canReceiveTouchEvents = ([self isUserInteractionEnabled] && ![self isHidden]);
-  if(!canReceiveTouchEvents) {
+  if (!canReceiveTouchEvents) {
     return nil;
   }
 
@@ -581,13 +588,10 @@ - (BOOL)isAccessibilityElement
   return NO;
 }
 
-- (BOOL)performAccessibilityAction:(NSString *) name
+- (BOOL)performAccessibilityAction:(NSString *)name
 {
   if (_onAccessibilityAction && accessibilityActionsNameMap[name]) {
-    _onAccessibilityAction(@{
-                             @"actionName" : name,
-                             @"actionTarget" : self.reactTag
-                             });
+    _onAccessibilityAction(@{@"actionName" : name, @"actionTarget" : self.reactTag});
     return YES;
   }
   return NO;
@@ -784,10 +788,7 @@ + (UIEdgeInsets)contentInsetsForView:(UIView *)view
   while (view) {
     UIViewController *controller = view.reactViewController;
     if (controller) {
-      return (UIEdgeInsets){
-        controller.topLayoutGuide.length, 0,
-        controller.bottomLayoutGuide.length, 0
-      };
+      return (UIEdgeInsets){controller.topLayoutGuide.length, 0, controller.bottomLayoutGuide.length, 0};
     }
     view = view.superview;
   }
@@ -854,7 +855,6 @@ - (void)react_updateClippedSubviewsWithClipRect:(CGRect)clipRect relativeToView:
       }
 
     } else if (view.superview) {
-
       // View is completely outside the clipRect, so unmount it
       [view removeFromSuperview];
     }
@@ -927,8 +927,9 @@ - (BOOL)resignFirstResponder
 }
 
 #if !TARGET_OS_OSX
-- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection {
-  [super traitCollectionDidChange: previousTraitCollection];
+- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection
+{
+  [super traitCollectionDidChange:previousTraitCollection];
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
     if ([self.traitCollection hasDifferentColorAppearanceComparedToTraitCollection:previousTraitCollection]) {
@@ -958,7 +959,8 @@ - (void)setBackgroundColor:(RCTUIColor *)backgroundColor // TODO(OSS Candidate I
   [self.layer setNeedsDisplay];
 }
 
-static CGFloat RCTDefaultIfNegativeTo(CGFloat defaultValue, CGFloat x) {
+static CGFloat RCTDefaultIfNegativeTo(CGFloat defaultValue, CGFloat x)
+{
   return x >= 0 ? x : defaultValue;
 };
 
@@ -974,22 +976,22 @@ - (UIEdgeInsets)bordersAsInsets
     const CGFloat directionAwareBorderLeftWidth = isRTL ? borderEndWidth : borderStartWidth;
     const CGFloat directionAwareBorderRightWidth = isRTL ? borderStartWidth : borderEndWidth;
 
-    return (UIEdgeInsets) {
-      RCTDefaultIfNegativeTo(borderWidth, _borderTopWidth),
-      RCTDefaultIfNegativeTo(borderWidth, directionAwareBorderLeftWidth),
-      RCTDefaultIfNegativeTo(borderWidth, _borderBottomWidth),
-      RCTDefaultIfNegativeTo(borderWidth, directionAwareBorderRightWidth),
+    return (UIEdgeInsets){
+        RCTDefaultIfNegativeTo(borderWidth, _borderTopWidth),
+        RCTDefaultIfNegativeTo(borderWidth, directionAwareBorderLeftWidth),
+        RCTDefaultIfNegativeTo(borderWidth, _borderBottomWidth),
+        RCTDefaultIfNegativeTo(borderWidth, directionAwareBorderRightWidth),
     };
   }
 
   const CGFloat directionAwareBorderLeftWidth = isRTL ? _borderEndWidth : _borderStartWidth;
   const CGFloat directionAwareBorderRightWidth = isRTL ? _borderStartWidth : _borderEndWidth;
 
-  return (UIEdgeInsets) {
-    RCTDefaultIfNegativeTo(borderWidth, _borderTopWidth),
-    RCTDefaultIfNegativeTo(borderWidth, RCTDefaultIfNegativeTo(_borderLeftWidth, directionAwareBorderLeftWidth)),
-    RCTDefaultIfNegativeTo(borderWidth, _borderBottomWidth),
-    RCTDefaultIfNegativeTo(borderWidth, RCTDefaultIfNegativeTo(_borderRightWidth, directionAwareBorderRightWidth)),
+  return (UIEdgeInsets){
+      RCTDefaultIfNegativeTo(borderWidth, _borderTopWidth),
+      RCTDefaultIfNegativeTo(borderWidth, RCTDefaultIfNegativeTo(_borderLeftWidth, directionAwareBorderLeftWidth)),
+      RCTDefaultIfNegativeTo(borderWidth, _borderBottomWidth),
+      RCTDefaultIfNegativeTo(borderWidth, RCTDefaultIfNegativeTo(_borderRightWidth, directionAwareBorderRightWidth)),
   };
 }
 
@@ -1024,10 +1026,14 @@ - (RCTCornerRadii)cornerRadii
     const CGFloat directionAwareBottomLeftRadius = isRTL ? _borderBottomEndRadius : _borderBottomStartRadius;
     const CGFloat directionAwareBottomRightRadius = isRTL ? _borderBottomStartRadius : _borderBottomEndRadius;
 
-    topLeftRadius = RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderTopLeftRadius, directionAwareTopLeftRadius));
-    topRightRadius = RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderTopRightRadius, directionAwareTopRightRadius));
-    bottomLeftRadius = RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderBottomLeftRadius, directionAwareBottomLeftRadius));
-    bottomRightRadius = RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderBottomRightRadius, directionAwareBottomRightRadius));
+    topLeftRadius =
+        RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderTopLeftRadius, directionAwareTopLeftRadius));
+    topRightRadius =
+        RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderTopRightRadius, directionAwareTopRightRadius));
+    bottomLeftRadius =
+        RCTDefaultIfNegativeTo(radius, RCTDefaultIfNegativeTo(_borderBottomLeftRadius, directionAwareBottomLeftRadius));
+    bottomRightRadius = RCTDefaultIfNegativeTo(
+        radius, RCTDefaultIfNegativeTo(_borderBottomRightRadius, directionAwareBottomRightRadius));
   }
 
   // Get scale factors required to prevent radii from overlapping
@@ -1039,10 +1045,10 @@ - (RCTCornerRadii)cornerRadii
 
   // Return scaled radii
   return (RCTCornerRadii){
-    topLeftRadius * MIN(topScaleFactor, leftScaleFactor),
-    topRightRadius * MIN(topScaleFactor, rightScaleFactor),
-    bottomLeftRadius * MIN(bottomScaleFactor, leftScaleFactor),
-    bottomRightRadius * MIN(bottomScaleFactor, rightScaleFactor),
+      topLeftRadius * MIN(topScaleFactor, leftScaleFactor),
+      topRightRadius * MIN(topScaleFactor, rightScaleFactor),
+      bottomLeftRadius * MIN(bottomScaleFactor, leftScaleFactor),
+      bottomRightRadius * MIN(bottomScaleFactor, rightScaleFactor),
   };
 }
 
@@ -1058,10 +1064,10 @@ - (RCTBorderColors)borderColors
     const CGColorRef directionAwareBorderRightColor = isRTL ? borderStartColor : borderEndColor;
 
     return (RCTBorderColors){
-      _borderTopColor ?: _borderColor,
-      directionAwareBorderLeftColor ?: _borderColor,
-      _borderBottomColor ?: _borderColor,
-      directionAwareBorderRightColor ?: _borderColor,
+        _borderTopColor ?: _borderColor,
+        directionAwareBorderLeftColor ?: _borderColor,
+        _borderBottomColor ?: _borderColor,
+        directionAwareBorderRightColor ?: _borderColor,
     };
   }
 
@@ -1069,10 +1075,10 @@ - (RCTBorderColors)borderColors
   const CGColorRef directionAwareBorderRightColor = isRTL ? _borderStartColor : _borderEndColor;
 
   return (RCTBorderColors){
-    _borderTopColor ?: _borderColor,
-    directionAwareBorderLeftColor ?: _borderLeftColor ?: _borderColor,
-    _borderBottomColor ?: _borderColor,
-    directionAwareBorderRightColor ?: _borderRightColor ?: _borderColor,
+      _borderTopColor ?: _borderColor,
+      directionAwareBorderLeftColor ?: _borderLeftColor ?: _borderColor,
+      _borderBottomColor ?: _borderColor,
+      directionAwareBorderRightColor ?: _borderRightColor ?: _borderColor,
   };
 }
 
@@ -1105,51 +1111,41 @@ - (void)displayLayer:(CALayer *)layer
   const UIEdgeInsets borderInsets = [self bordersAsInsets];
   const RCTBorderColors borderColors = [self borderColors];
 
-  BOOL useIOSBorderRendering =
-  RCTCornerRadiiAreEqual(cornerRadii) &&
-  RCTBorderInsetsAreEqual(borderInsets) &&
-  RCTBorderColorsAreEqual(borderColors) &&
-  _borderStyle == RCTBorderStyleSolid &&
+  BOOL useIOSBorderRendering = RCTCornerRadiiAreEqual(cornerRadii) && RCTBorderInsetsAreEqual(borderInsets) &&
+      RCTBorderColorsAreEqual(borderColors) && _borderStyle == RCTBorderStyleSolid &&
 
-  // iOS draws borders in front of the content whereas CSS draws them behind
-  // the content. For this reason, only use iOS border drawing when clipping
-  // or when the border is hidden.
+      // iOS draws borders in front of the content whereas CSS draws them behind
+      // the content. For this reason, only use iOS border drawing when clipping
+      // or when the border is hidden.
 
-  (borderInsets.top == 0 || (borderColors.top && CGColorGetAlpha(borderColors.top) == 0) || self.clipsToBounds);
+      (borderInsets.top == 0 || (borderColors.top && CGColorGetAlpha(borderColors.top) == 0) || self.clipsToBounds);
 
   // iOS clips to the outside of the border, but CSS clips to the inside. To
   // solve this, we'll need to add a container view inside the main view to
   // correctly clip the subviews.
 
-#if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  id savedTraitCollection = nil;
+  CGColorRef backgroundColor;
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 130000
   if (@available(iOS 13.0, *)) {
-    savedTraitCollection = [UITraitCollection currentTraitCollection];
-    [UITraitCollection setCurrentTraitCollection:[self traitCollection]];
+    backgroundColor = [_backgroundColor resolvedColorWithTraitCollection:self.traitCollection].CGColor;
+  } else {
+    backgroundColor = _backgroundColor.CGColor;
   }
+#else
+  backgroundColor = _backgroundColor.CGColor;
 #endif
-#endif // ]TODO(macOS ISS#2323203)
 
   if (useIOSBorderRendering) {
     layer.cornerRadius = cornerRadii.topLeft;
     layer.borderColor = borderColors.left;
     layer.borderWidth = borderInsets.left;
-    layer.backgroundColor = _backgroundColor.CGColor;
+    layer.backgroundColor = backgroundColor;
     layer.contents = nil;
     layer.needsDisplayOnBoundsChange = NO;
     layer.mask = nil;
     return;
   }
 
-#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 // ]TODO(macOS ISS#2323203)
-
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   CGFloat scaleFactor = self.window.backingScaleFactor;
   if (scaleFactor == 0.0 && RCTRunningInTestEnvironment()) {
@@ -1162,15 +1158,9 @@ - (void)displayLayer:(CALayer *)layer
   // On iOS setting the scaleFactor to 0.0 will default to the device's native scale factor.
   CGFloat scaleFactor = 0.0;
 #endif // ]TODO(macOS ISS#2323203)
-  
-  UIImage *image = RCTGetBorderImage(_borderStyle,
-                                     layer.bounds.size,
-                                     cornerRadii,
-                                     borderInsets,
-                                     borderColors,
-                                     _backgroundColor.CGColor,
-                                     self.clipsToBounds,
-                                     scaleFactor); // TODO(OSS Candidate ISS#2710739)
+
+  UIImage *image = RCTGetBorderImage(
+      _borderStyle, layer.bounds.size, cornerRadii, borderInsets, borderColors, backgroundColor, self.clipsToBounds, scaleFactor); // TODO(OSS Candidate ISS#2710739)
 
   layer.backgroundColor = NULL;
 
@@ -1184,11 +1174,7 @@ - (void)displayLayer:(CALayer *)layer
     CGSize size = image.size;
     UIEdgeInsets insets = image.capInsets;
     CGRectMake(
-      insets.left / size.width,
-      insets.top / size.height,
-      (CGFloat)1.0 / size.width,
-      (CGFloat)1.0 / size.height
-    );
+        insets.left / size.width, insets.top / size.height, (CGFloat)1.0 / size.width, (CGFloat)1.0 / size.height);
   });
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -1220,7 +1206,6 @@ static void RCTUpdateShadowPathForView(RCTView *view)
 {
   if (RCTLayerHasShadow(view.layer)) {
     if (CGColorGetAlpha(view.backgroundColor.CGColor) > 0.999) {
-
       // If view has a solid background color, calculate shadow path from border
       const RCTCornerRadii cornerRadii = [view cornerRadii];
       const RCTCornerInsets cornerInsets = RCTGetCornerInsets(cornerRadii, UIEdgeInsetsZero);
@@ -1229,14 +1214,15 @@ static void RCTUpdateShadowPathForView(RCTView *view)
       CGPathRelease(shadowPath);
 
     } else {
-
       // Can't accurately calculate box shadow, so fall back to pixel-based shadow
       view.layer.shadowPath = nil;
 
-      RCTLogAdvice(@"View #%@ of type %@ has a shadow set but cannot calculate "
-        "shadow efficiently. Consider setting a background color to "
-        "fix this, or apply the shadow to a more specific component.",
-        view.reactTag, [view class]);
+      RCTLogAdvice(
+          @"View #%@ of type %@ has a shadow set but cannot calculate "
+           "shadow efficiently. Consider setting a background color to "
+           "fix this, or apply the shadow to a more specific component.",
+          view.reactTag,
+          [view class]);
     }
   }
 }
@@ -1247,16 +1233,14 @@ - (void)updateClippingForLayer:(CALayer *)layer
   CGFloat cornerRadius = 0;
 
   if (self.clipsToBounds) {
-
     const RCTCornerRadii cornerRadii = [self cornerRadii];
     if (RCTCornerRadiiAreEqual(cornerRadii)) {
-
       cornerRadius = cornerRadii.topLeft;
 
     } else {
-
       CAShapeLayer *shapeLayer = [CAShapeLayer layer];
-      CGPathRef path = RCTPathCreateWithRoundedRect(self.bounds, RCTGetCornerInsets(cornerRadii, UIEdgeInsetsZero), NULL);
+      CGPathRef path =
+          RCTPathCreateWithRoundedRect(self.bounds, RCTGetCornerInsets(cornerRadii, UIEdgeInsetsZero), NULL);
       shapeLayer.path = path;
       CGPathRelease(path);
       mask = shapeLayer;
@@ -1270,7 +1254,7 @@ - (void)updateClippingForLayer:(CALayer *)layer
 #pragma mark Border Color
 
 #define setBorderColor(side)                                \
-  - (void)setBorder##side##Color:(CGColorRef)color          \
+  -(void)setBorder##side##Color : (CGColorRef)color         \
   {                                                         \
     if (CGColorEqualToColor(_border##side##Color, color)) { \
       return;                                               \
@@ -1280,71 +1264,55 @@ - (void)setBorder##side##Color:(CGColorRef)color          \
     [self.layer setNeedsDisplay];                           \
   }
 
-setBorderColor()
-setBorderColor(Top)
-setBorderColor(Right)
-setBorderColor(Bottom)
-setBorderColor(Left)
-setBorderColor(Start)
-setBorderColor(End)
+setBorderColor() setBorderColor(Top) setBorderColor(Right) setBorderColor(Bottom) setBorderColor(Left)
+        setBorderColor(Start) setBorderColor(End)
 
 #pragma mark - Border Width
 
-#define setBorderWidth(side)                    \
-  - (void)setBorder##side##Width:(CGFloat)width \
-  {                                             \
-    if (_border##side##Width == width) {        \
-      return;                                   \
-    }                                           \
-    _border##side##Width = width;               \
-    [self.layer setNeedsDisplay];               \
+#define setBorderWidth(side)                     \
+  -(void)setBorder##side##Width : (CGFloat)width \
+  {                                              \
+    if (_border##side##Width == width) {         \
+      return;                                    \
+    }                                            \
+    _border##side##Width = width;                \
+    [self.layer setNeedsDisplay];                \
   }
 
-setBorderWidth()
-setBorderWidth(Top)
-setBorderWidth(Right)
-setBorderWidth(Bottom)
-setBorderWidth(Left)
-setBorderWidth(Start)
-setBorderWidth(End)
+            setBorderWidth() setBorderWidth(Top) setBorderWidth(Right) setBorderWidth(Bottom) setBorderWidth(Left)
+                setBorderWidth(Start) setBorderWidth(End)
 
 #pragma mark - Border Radius
 
-#define setBorderRadius(side)                     \
-  - (void)setBorder##side##Radius:(CGFloat)radius \
-  {                                               \
-    if (_border##side##Radius == radius) {        \
-      return;                                     \
-    }                                             \
-    _border##side##Radius = radius;               \
-    [self.layer setNeedsDisplay];                 \
-  }
-
-setBorderRadius()
-setBorderRadius(TopLeft)
-setBorderRadius(TopRight)
-setBorderRadius(TopStart)
-setBorderRadius(TopEnd)
-setBorderRadius(BottomLeft)
-setBorderRadius(BottomRight)
-setBorderRadius(BottomStart)
-setBorderRadius(BottomEnd)
+#define setBorderRadius(side)                      \
+  -(void)setBorder##side##Radius : (CGFloat)radius \
+  {                                                \
+    if (_border##side##Radius == radius) {         \
+      return;                                      \
+    }                                              \
+    _border##side##Radius = radius;                \
+    [self.layer setNeedsDisplay];                  \
+  }
+
+                    setBorderRadius() setBorderRadius(TopLeft) setBorderRadius(TopRight) setBorderRadius(TopStart)
+                        setBorderRadius(TopEnd) setBorderRadius(BottomLeft) setBorderRadius(BottomRight)
+                            setBorderRadius(BottomStart) setBorderRadius(BottomEnd)
 
 #pragma mark - Border Style
 
-#define setBorderStyle(side)                           \
-  - (void)setBorder##side##Style:(RCTBorderStyle)style \
-  {                                                    \
-    if (_border##side##Style == style) {               \
-      return;                                          \
-    }                                                  \
-    _border##side##Style = style;                      \
-    [self.layer setNeedsDisplay];                      \
+#define setBorderStyle(side)                            \
+  -(void)setBorder##side##Style : (RCTBorderStyle)style \
+  {                                                     \
+    if (_border##side##Style == style) {                \
+      return;                                           \
+    }                                                   \
+    _border##side##Style = style;                       \
+    [self.layer setNeedsDisplay];                       \
   }
 
-setBorderStyle()
+                                setBorderStyle()
 
-- (void)dealloc
+    - (void)dealloc
 {
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   [[NSNotificationCenter defaultCenter] removeObserver:self];
diff --git a/React/Views/RCTViewManager.h b/React/Views/RCTViewManager.h
index 4d9d7f8da6b3b6..40f27b48026f1a 100644
--- a/React/Views/RCTViewManager.h
+++ b/React/Views/RCTViewManager.h
@@ -64,14 +64,20 @@ typedef void (^RCTViewManagerUIBlock)(RCTUIManager *uiManager, NSDictionary<NSNu
 /**
  * This handles the simple case, where JS and native property names match.
  */
-#define RCT_EXPORT_VIEW_PROPERTY(name, type) \
-+ (NSArray<NSString *> *)propConfig_##name RCT_DYNAMIC { return @[@#type]; }
+#define RCT_EXPORT_VIEW_PROPERTY(name, type)            \
+  +(NSArray<NSString *> *)propConfig_##name RCT_DYNAMIC \
+  {                                                     \
+    return @[ @ #type ];                                \
+  }
 
 /**
  * This macro maps a named property to an arbitrary key path in the view.
  */
-#define RCT_REMAP_VIEW_PROPERTY(name, keyPath, type) \
-+ (NSArray<NSString *> *)propConfig_##name RCT_DYNAMIC { return @[@#type, @#keyPath]; }
+#define RCT_REMAP_VIEW_PROPERTY(name, keyPath, type)    \
+  +(NSArray<NSString *> *)propConfig_##name RCT_DYNAMIC \
+  {                                                     \
+    return @[ @ #type, @ #keyPath ];                    \
+  }
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 /**
@@ -98,20 +104,26 @@ RCT_REMAP_VIEW_PROPERTY(name, keyPath, type)
  * refer to "json", "view" and "defaultView" to implement the required logic.
  */
 #define RCT_CUSTOM_VIEW_PROPERTY(name, type, viewClass) \
-RCT_REMAP_VIEW_PROPERTY(name, __custom__, type)         \
-- (void)set_##name:(id)json forView:(viewClass *)view withDefaultView:(viewClass *)defaultView RCT_DYNAMIC
+  RCT_REMAP_VIEW_PROPERTY(name, __custom__, type)       \
+  -(void)set_##name : (id)json forView : (viewClass *)view withDefaultView : (viewClass *)defaultView RCT_DYNAMIC
 
 /**
  * This macro is used to map properties to the shadow view, instead of the view.
  */
-#define RCT_EXPORT_SHADOW_PROPERTY(name, type) \
-+ (NSArray<NSString *> *)propConfigShadow_##name RCT_DYNAMIC { return @[@#type]; }
+#define RCT_EXPORT_SHADOW_PROPERTY(name, type)                \
+  +(NSArray<NSString *> *)propConfigShadow_##name RCT_DYNAMIC \
+  {                                                           \
+    return @[ @ #type ];                                      \
+  }
 
 /**
  * This macro maps a named property to an arbitrary key path in the shadow view.
  */
-#define RCT_REMAP_SHADOW_PROPERTY(name, keyPath, type) \
-+ (NSArray<NSString *> *)propConfigShadow_##name RCT_DYNAMIC { return @[@#type, @#keyPath]; }
+#define RCT_REMAP_SHADOW_PROPERTY(name, keyPath, type)        \
+  +(NSArray<NSString *> *)propConfigShadow_##name RCT_DYNAMIC \
+  {                                                           \
+    return @[ @ #type, @ #keyPath ];                          \
+  }
 
 /**
  * This macro can be used when you need to provide custom logic for setting
@@ -119,7 +131,7 @@ RCT_REMAP_VIEW_PROPERTY(name, __custom__, type)         \
  * refer to "json" and "view".
  */
 #define RCT_CUSTOM_SHADOW_PROPERTY(name, type, viewClass) \
-RCT_REMAP_SHADOW_PROPERTY(name, __custom__, type)         \
-- (void)set_##name:(id)json forShadowView:(viewClass *)view RCT_DYNAMIC
+  RCT_REMAP_SHADOW_PROPERTY(name, __custom__, type)       \
+  -(void)set_##name : (id)json forShadowView : (viewClass *)view RCT_DYNAMIC
 
 @end
diff --git a/React/Views/RCTViewManager.m b/React/Views/RCTViewManager.m
index 164bb949e6c239..79e4709a0d678c 100644
--- a/React/Views/RCTViewManager.m
+++ b/React/Views/RCTViewManager.m
@@ -9,6 +9,7 @@
 
 #import "RCTBorderStyle.h"
 #import "RCTBridge.h"
+#import "RCTConvert+Transform.h"
 #import "RCTConvert.h"
 #import "RCTEventDispatcher.h"
 #import "RCTLog.h"
@@ -18,58 +19,61 @@
 #import "RCTUtils.h"
 #import "RCTView.h"
 #import "UIView+React.h"
-#import "RCTConvert+Transform.h"
 
 #if TARGET_OS_TV
 #import "RCTTVView.h"
 #endif
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
-@implementation RCTConvert(UIAccessibilityTraits)
-
-RCT_MULTI_ENUM_CONVERTER(UIAccessibilityTraits, (@{
-  @"none": @(UIAccessibilityTraitNone),
-  @"button": @(UIAccessibilityTraitButton),
-  @"link": @(UIAccessibilityTraitLink),
-  @"header": @(UIAccessibilityTraitHeader),
-  @"search": @(UIAccessibilityTraitSearchField),
-  @"image": @(UIAccessibilityTraitImage),
-  @"imagebutton": @(UIAccessibilityTraitImage | UIAccessibilityTraitButton),
-  @"selected": @(UIAccessibilityTraitSelected),
-  @"plays": @(UIAccessibilityTraitPlaysSound),
-  @"key": @(UIAccessibilityTraitKeyboardKey),
-  @"keyboardkey": @(UIAccessibilityTraitKeyboardKey),
-  @"text": @(UIAccessibilityTraitStaticText),
-  @"summary": @(UIAccessibilityTraitSummaryElement),
-  @"disabled": @(UIAccessibilityTraitNotEnabled),
-  @"frequentUpdates": @(UIAccessibilityTraitUpdatesFrequently),
-  @"startsMedia": @(UIAccessibilityTraitStartsMediaSession),
-  @"adjustable": @(UIAccessibilityTraitAdjustable),
-  @"allowsDirectInteraction": @(UIAccessibilityTraitAllowsDirectInteraction),
-  @"pageTurn": @(UIAccessibilityTraitCausesPageTurn),
-  // [TODO(macOS ISS#2323203):
-  // a set of RN accessibilityTraits are macOS specific accessibility roles and map to nothing on iOS:
-  @"disclosure": @(UIAccessibilityTraitNone),
-  @"group": @(UIAccessibilityTraitNone),
-  @"list": @(UIAccessibilityTraitNone),
-  // ]TODO(macOS ISS#2323203)
-  @"alert": @(UIAccessibilityTraitNone),
-  @"checkbox": @(UIAccessibilityTraitNone),
-  @"combobox": @(UIAccessibilityTraitNone),
-  @"menu": @(UIAccessibilityTraitNone),
-  @"menubar": @(UIAccessibilityTraitNone),
-  @"menuitem": @(UIAccessibilityTraitNone),
-  @"progressbar": @(UIAccessibilityTraitNone),
-  @"radio": @(UIAccessibilityTraitNone),
-  @"radiogroup": @(UIAccessibilityTraitNone),
-  @"scrollbar": @(UIAccessibilityTraitNone),
-  @"spinbutton": @(UIAccessibilityTraitNone),
-  @"switch": @(SwitchAccessibilityTrait),
-  @"tab": @(UIAccessibilityTraitNone),
-  @"tablist": @(UIAccessibilityTraitNone),
-  @"timer": @(UIAccessibilityTraitNone),
-  @"toolbar": @(UIAccessibilityTraitNone),
-}), UIAccessibilityTraitNone, unsignedLongLongValue)
+@implementation RCTConvert (UIAccessibilityTraits)
+
+RCT_MULTI_ENUM_CONVERTER(
+    UIAccessibilityTraits,
+    (@{
+      @"none" : @(UIAccessibilityTraitNone),
+      @"button" : @(UIAccessibilityTraitButton),
+      @"link" : @(UIAccessibilityTraitLink),
+      @"header" : @(UIAccessibilityTraitHeader),
+      @"search" : @(UIAccessibilityTraitSearchField),
+      @"image" : @(UIAccessibilityTraitImage),
+      @"imagebutton" : @(UIAccessibilityTraitImage | UIAccessibilityTraitButton),
+      @"selected" : @(UIAccessibilityTraitSelected),
+      @"plays" : @(UIAccessibilityTraitPlaysSound),
+      @"key" : @(UIAccessibilityTraitKeyboardKey),
+      @"keyboardkey" : @(UIAccessibilityTraitKeyboardKey),
+      @"text" : @(UIAccessibilityTraitStaticText),
+      @"summary" : @(UIAccessibilityTraitSummaryElement),
+      @"disabled" : @(UIAccessibilityTraitNotEnabled),
+      @"frequentUpdates" : @(UIAccessibilityTraitUpdatesFrequently),
+      @"startsMedia" : @(UIAccessibilityTraitStartsMediaSession),
+      @"adjustable" : @(UIAccessibilityTraitAdjustable),
+      @"allowsDirectInteraction" : @(UIAccessibilityTraitAllowsDirectInteraction),
+      @"pageTurn" : @(UIAccessibilityTraitCausesPageTurn),
+      // [TODO(macOS ISS#2323203):
+      // a set of RN accessibilityTraits are macOS specific accessiblity roles and map to nothing on iOS:
+      @"disclosure" : @(UIAccessibilityTraitNone),
+      @"group" : @(UIAccessibilityTraitNone),
+      @"list" : @(UIAccessibilityTraitNone),
+      // ]TODO(macOS ISS#2323203)
+      @"alert" : @(UIAccessibilityTraitNone),
+      @"checkbox" : @(UIAccessibilityTraitNone),
+      @"combobox" : @(UIAccessibilityTraitNone),
+      @"menu" : @(UIAccessibilityTraitNone),
+      @"menubar" : @(UIAccessibilityTraitNone),
+      @"menuitem" : @(UIAccessibilityTraitNone),
+      @"progressbar" : @(UIAccessibilityTraitNone),
+      @"radio" : @(UIAccessibilityTraitNone),
+      @"radiogroup" : @(UIAccessibilityTraitNone),
+      @"scrollbar" : @(UIAccessibilityTraitNone),
+      @"spinbutton" : @(UIAccessibilityTraitNone),
+      @"switch" : @(SwitchAccessibilityTrait),
+      @"tab" : @(UIAccessibilityTraitNone),
+      @"tablist" : @(UIAccessibilityTraitNone),
+      @"timer" : @(UIAccessibilityTraitNone),
+      @"toolbar" : @(UIAccessibilityTraitNone),
+    }),
+    UIAccessibilityTraitNone,
+    unsignedLongLongValue)
 
 @end
 #endif // TODO(macOS ISS#2323203)
@@ -146,7 +150,10 @@ - (RCTShadowView *)shadowView
 #if !TARGET_OS_OSX // 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)
+RCT_REMAP_VIEW_PROPERTY(
+    accessibilityIgnoresInvertColors,
+    reactAccessibilityElement.shouldAccessibilityIgnoresInvertColors,
+    BOOL)
 #endif // ]TODO(macOS ISS#2323203)
 RCT_REMAP_VIEW_PROPERTY(onAccessibilityAction, reactAccessibilityElement.onAccessibilityAction, RCTDirectEventBlock)
 RCT_REMAP_VIEW_PROPERTY(onAccessibilityTap, reactAccessibilityElement.onAccessibilityTap, RCTDirectEventBlock)
@@ -189,7 +196,8 @@ - (RCTShadowView *)shadowView
 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;
+  view.layer.rasterizationScale =
+      view.layer.shouldRasterize ? [UIScreen mainScreen].scale : defaultView.layer.rasterizationScale;
 }
 #endif // TODO(macOS ISS#2323203)
 
@@ -209,8 +217,12 @@ - (RCTShadowView *)shadowView
 RCT_CUSTOM_VIEW_PROPERTY(accessibilityRole, UIAccessibilityTraits, RCTView)
 {
 #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;
+  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;
   if (newTraits != UIAccessibilityTraitNone) {
     UIAccessibilityTraits maskedTraits = newTraits & AccessibilityRolesMask;
@@ -239,7 +251,8 @@ - (RCTShadowView *)shadowView
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
   const UIAccessibilityTraits AccessibilityStatesMask = UIAccessibilityTraitNotEnabled | UIAccessibilityTraitSelected;
-  view.reactAccessibilityElement.accessibilityTraits = view.reactAccessibilityElement.accessibilityTraits & ~AccessibilityStatesMask;
+  view.reactAccessibilityElement.accessibilityTraits =
+      view.reactAccessibilityElement.accessibilityTraits & ~AccessibilityStatesMask;
 
   for (NSString *s in state) {
     id val = [state objectForKey:s];
@@ -309,7 +322,8 @@ - (RCTShadowView *)shadowView
     view.removeClippedSubviews = json ? [RCTConvert BOOL:json] : defaultView.removeClippedSubviews;
   }
 }
-RCT_CUSTOM_VIEW_PROPERTY(borderRadius, CGFloat, RCTView) {
+RCT_CUSTOM_VIEW_PROPERTY(borderRadius, CGFloat, RCTView)
+{
   if ([view respondsToSelector:@selector(setBorderRadius:)]) {
     view.borderRadius = json ? [RCTConvert CGFloat:json] : defaultView.borderRadius;
   } else {
@@ -343,7 +357,8 @@ - (RCTShadowView *)shadowView
   if ([view respondsToSelector:@selector(setHitTestEdgeInsets:)]) {
     if (json) {
       UIEdgeInsets hitSlopInsets = [RCTConvert UIEdgeInsets:json];
-      view.hitTestEdgeInsets = UIEdgeInsetsMake(-hitSlopInsets.top, -hitSlopInsets.left, -hitSlopInsets.bottom, -hitSlopInsets.right);
+      view.hitTestEdgeInsets =
+          UIEdgeInsetsMake(-hitSlopInsets.top, -hitSlopInsets.left, -hitSlopInsets.bottom, -hitSlopInsets.right);
     } else {
       view.hitTestEdgeInsets = defaultView.hitTestEdgeInsets;
     }
@@ -379,19 +394,19 @@ - (RCTShadowView *)shadowView
 
 #endif // ]TODO(macOS ISS#2323203)
 
-#define RCT_VIEW_BORDER_PROPERTY(SIDE)                                  \
-RCT_CUSTOM_VIEW_PROPERTY(border##SIDE##Width, float, RCTView)           \
-{                                                                       \
-  if ([view respondsToSelector:@selector(setBorder##SIDE##Width:)]) {   \
-    view.border##SIDE##Width = json ? [RCTConvert CGFloat:json] : defaultView.border##SIDE##Width; \
-  }                                                                     \
-}                                                                       \
-RCT_CUSTOM_VIEW_PROPERTY(border##SIDE##Color, UIColor, RCTView)         \
-{                                                                       \
-  if ([view respondsToSelector:@selector(setBorder##SIDE##Color:)]) {   \
-    view.border##SIDE##Color = json ? [RCTConvert CGColor:json] : defaultView.border##SIDE##Color; \
-  }                                                                     \
-}
+#define RCT_VIEW_BORDER_PROPERTY(SIDE)                                                               \
+  RCT_CUSTOM_VIEW_PROPERTY(border##SIDE##Width, float, RCTView)                                      \
+  {                                                                                                  \
+    if ([view respondsToSelector:@selector(setBorder##SIDE##Width:)]) {                              \
+      view.border##SIDE##Width = json ? [RCTConvert CGFloat:json] : defaultView.border##SIDE##Width; \
+    }                                                                                                \
+  }                                                                                                  \
+  RCT_CUSTOM_VIEW_PROPERTY(border##SIDE##Color, UIColor, RCTView)                                    \
+  {                                                                                                  \
+    if ([view respondsToSelector:@selector(setBorder##SIDE##Color:)]) {                              \
+      view.border##SIDE##Color = json ? [RCTConvert CGColor:json] : defaultView.border##SIDE##Color; \
+    }                                                                                                \
+  }
 
 RCT_VIEW_BORDER_PROPERTY(Top)
 RCT_VIEW_BORDER_PROPERTY(Right)
@@ -400,13 +415,13 @@ - (RCTShadowView *)shadowView
 RCT_VIEW_BORDER_PROPERTY(Start)
 RCT_VIEW_BORDER_PROPERTY(End)
 
-#define RCT_VIEW_BORDER_RADIUS_PROPERTY(SIDE)                           \
-RCT_CUSTOM_VIEW_PROPERTY(border##SIDE##Radius, CGFloat, RCTView)        \
-{                                                                       \
-  if ([view respondsToSelector:@selector(setBorder##SIDE##Radius:)]) {  \
-    view.border##SIDE##Radius = json ? [RCTConvert CGFloat:json] : defaultView.border##SIDE##Radius; \
-  }                                                                     \
-}                                                                       \
+#define RCT_VIEW_BORDER_RADIUS_PROPERTY(SIDE)                                                          \
+  RCT_CUSTOM_VIEW_PROPERTY(border##SIDE##Radius, CGFloat, RCTView)                                     \
+  {                                                                                                    \
+    if ([view respondsToSelector:@selector(setBorder##SIDE##Radius:)]) {                               \
+      view.border##SIDE##Radius = json ? [RCTConvert CGFloat:json] : defaultView.border##SIDE##Radius; \
+    }                                                                                                  \
+  }
 
 RCT_VIEW_BORDER_RADIUS_PROPERTY(TopLeft)
 RCT_VIEW_BORDER_RADIUS_PROPERTY(TopRight)
diff --git a/React/Views/RCTWrapperViewController.m b/React/Views/RCTWrapperViewController.m
index e647832a0d09d4..fc9eaa6c507275 100644
--- a/React/Views/RCTWrapperViewController.m
+++ b/React/Views/RCTWrapperViewController.m
@@ -9,13 +9,12 @@
 
 #import <UIKit/UIScrollView.h>
 
+#import "RCTAutoInsetsProtocol.h"
 #import "RCTEventDispatcher.h"
 #import "RCTUtils.h"
 #import "UIView+React.h"
-#import "RCTAutoInsetsProtocol.h"
 
-@implementation RCTWrapperViewController
-{
+@implementation RCTWrapperViewController {
   UIView *_wrapperView;
   UIView *_contentView;
   RCTEventDispatcher *_eventDispatcher;
@@ -37,8 +36,8 @@ - (instancetype)initWithContentView:(UIView *)contentView
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithNibName:(NSString *)nn bundle:(NSBundle *)nb)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithNibName : (NSString *)nn bundle : (NSBundle *)nb)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 - (void)viewWillLayoutSubviews
 {
@@ -51,7 +50,7 @@ - (void)viewWillLayoutSubviews
 static BOOL RCTFindScrollViewAndRefreshContentInsetInView(UIView *view)
 {
   if ([view conformsToProtocol:@protocol(RCTAutoInsetsProtocol)]) {
-    [(id <RCTAutoInsetsProtocol>) view refreshContentInset];
+    [(id<RCTAutoInsetsProtocol>)view refreshContentInset];
     return YES;
   }
   for (UIView *subview in view.subviews) {
diff --git a/React/Views/RefreshControl/RCTRefreshControl.m b/React/Views/RefreshControl/RCTRefreshControl.m
index a3ca0e1ed718c4..428a5e7fa406b9 100644
--- a/React/Views/RefreshControl/RCTRefreshControl.m
+++ b/React/Views/RefreshControl/RCTRefreshControl.m
@@ -35,7 +35,7 @@ - (instancetype)init
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
 - (void)layoutSubviews
 {
@@ -49,9 +49,9 @@ - (void)layoutSubviews
 
   // If the control is refreshing when mounted we need to call
   // beginRefreshing in layoutSubview or it doesn't work.
- if (_currentRefreshingState && _isInitialRender) {
+  if (_currentRefreshingState && _isInitialRender) {
     [self beginRefreshingProgrammatically];
- }
+  }
   _isInitialRender = false;
 }
 
@@ -68,16 +68,17 @@ - (void)beginRefreshingProgrammatically
   // `beginRefreshing` must be called after the animation is done. This is why it is impossible
   // to use `setContentOffset` with `animated:YES`.
   [UIView animateWithDuration:0.25
-                          delay:0
-                        options:UIViewAnimationOptionBeginFromCurrentState
-                     animations:^(void) {
-                       [scrollView setContentOffset:offset];
-                     } completion:^(__unused BOOL finished) {
-                       if(beginRefreshingTimestamp == self->_currentRefreshingStateTimestamp) {
-                         [super beginRefreshing];
-                         [self setCurrentRefreshingState:super.refreshing];
-                       }
-                     }];
+      delay:0
+      options:UIViewAnimationOptionBeginFromCurrentState
+      animations:^(void) {
+        [scrollView setContentOffset:offset];
+      }
+      completion:^(__unused BOOL finished) {
+        if (beginRefreshingTimestamp == self->_currentRefreshingStateTimestamp) {
+          [super beginRefreshing];
+          [self setCurrentRefreshingState:super.refreshing];
+        }
+      }];
 }
 
 - (void)endRefreshingProgrammatically
@@ -89,16 +90,17 @@ - (void)endRefreshingProgrammatically
     UInt64 endRefreshingTimestamp = _currentRefreshingStateTimestamp;
     CGPoint offset = {scrollView.contentOffset.x, -scrollView.contentInset.top};
     [UIView animateWithDuration:0.25
-                          delay:0
-                        options:UIViewAnimationOptionBeginFromCurrentState
-                     animations:^(void) {
-                       [scrollView setContentOffset:offset];
-                     } completion:^(__unused BOOL finished) {
-                       if(endRefreshingTimestamp == self->_currentRefreshingStateTimestamp) {
-                         [super endRefreshing];
-                         [self setCurrentRefreshingState:super.refreshing];
-                       }
-                     }];
+        delay:0
+        options:UIViewAnimationOptionBeginFromCurrentState
+        animations:^(void) {
+          [scrollView setContentOffset:offset];
+        }
+        completion:^(__unused BOOL finished) {
+          if (endRefreshingTimestamp == self->_currentRefreshingStateTimestamp) {
+            [super endRefreshing];
+            [self setCurrentRefreshingState:super.refreshing];
+          }
+        }];
   } else {
     [super endRefreshing];
   }
diff --git a/React/Views/RefreshControl/RCTRefreshControlManager.m b/React/Views/RefreshControl/RCTRefreshControlManager.m
index 2e6282c1d4c70f..3152b1c8069020 100644
--- a/React/Views/RefreshControl/RCTRefreshControlManager.m
+++ b/React/Views/RefreshControl/RCTRefreshControlManager.m
@@ -7,9 +7,9 @@
 
 #import <React/RCTUIManager.h>
 
+#import "RCTRefreshControl.h"
 #import "RCTRefreshControlManager.h"
 #import "RCTRefreshableProtocol.h"
-#import "RCTRefreshControl.h"
 
 @implementation RCTRefreshControlManager
 
@@ -32,7 +32,7 @@ - (UIView *)view
     UIView *view = viewRegistry[viewTag];
 
     if ([view conformsToProtocol:@protocol(RCTRefreshableProtocol)]) {
-      [(id<RCTRefreshableProtocol>)view setRefreshing: refreshing];
+      [(id<RCTRefreshableProtocol>)view setRefreshing:refreshing];
     } else {
       RCTLogError(@"view must conform to protocol RCTRefreshableProtocol");
     }
diff --git a/React/Views/RefreshControl/RCTRefreshableProtocol.h b/React/Views/RefreshControl/RCTRefreshableProtocol.h
index 1f885d845eb745..9271e2d853d5e6 100644
--- a/React/Views/RefreshControl/RCTRefreshableProtocol.h
+++ b/React/Views/RefreshControl/RCTRefreshableProtocol.h
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <UIKit/UIKit.h>
 #import <React/RCTComponent.h>
+#import <UIKit/UIKit.h>
 
 /**
  * Protocol used to dispatch commands in `RCTRefreshControlManager.h`.
diff --git a/React/Views/SafeAreaView/RCTSafeAreaShadowView.m b/React/Views/SafeAreaView/RCTSafeAreaShadowView.m
index b6e37149b9e1bd..ea6f1398bd86fc 100644
--- a/React/Views/SafeAreaView/RCTSafeAreaShadowView.m
+++ b/React/Views/SafeAreaView/RCTSafeAreaShadowView.m
@@ -16,8 +16,9 @@ @implementation RCTSafeAreaShadowView
 
 - (void)setLocalData:(RCTSafeAreaViewLocalData *)localData
 {
-  RCTAssert([localData isKindOfClass:[RCTSafeAreaViewLocalData class]],
-    @"Local data object for `RCTSafeAreaShadowView` must be `RCTSafeAreaViewLocalData` instance.");
+  RCTAssert(
+      [localData isKindOfClass:[RCTSafeAreaViewLocalData class]],
+      @"Local data object for `RCTSafeAreaShadowView` must be `RCTSafeAreaViewLocalData` instance.");
 
   UIEdgeInsets insets = localData.insets;
 
@@ -26,17 +27,27 @@ - (void)setLocalData:(RCTSafeAreaViewLocalData *)localData
   super.paddingTop = (YGValue){insets.top, YGUnitPoint};
   super.paddingBottom = (YGValue){insets.bottom, YGUnitPoint};
 
-  [self didSetProps:@[@"paddingLeft", @"paddingRight", @"paddingTop", @"paddingBottom"]];
+  [self didSetProps:@[ @"paddingLeft", @"paddingRight", @"paddingTop", @"paddingBottom" ]];
 }
 
 /**
  * Removing support for setting padding from any outside code
  * to prevent interferring this with local data.
  */
-- (void)setPadding:(__unused YGValue)value {}
-- (void)setPaddingLeft:(__unused YGValue)value {}
-- (void)setPaddingRight:(__unused YGValue)value {}
-- (void)setPaddingTop:(__unused YGValue)value {}
-- (void)setPaddingBottom:(__unused YGValue)value {}
+- (void)setPadding:(__unused YGValue)value
+{
+}
+- (void)setPaddingLeft:(__unused YGValue)value
+{
+}
+- (void)setPaddingRight:(__unused YGValue)value
+{
+}
+- (void)setPaddingTop:(__unused YGValue)value
+{
+}
+- (void)setPaddingBottom:(__unused YGValue)value
+{
+}
 
 @end
diff --git a/React/Views/SafeAreaView/RCTSafeAreaView.m b/React/Views/SafeAreaView/RCTSafeAreaView.m
index 9e1e5dbf77853c..d8e1be97b90755 100644
--- a/React/Views/SafeAreaView/RCTSafeAreaView.m
+++ b/React/Views/SafeAreaView/RCTSafeAreaView.m
@@ -27,8 +27,23 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)decoder)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)decoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+
+- (NSString *)description
+{
+  NSString *superDescription = [super description];
+
+  // Cutting the last `>` character.
+  if (superDescription.length > 0 && [superDescription characterAtIndex:superDescription.length - 1] == '>') {
+    superDescription = [superDescription substringToIndex:superDescription.length - 1];
+  }
+
+  return [NSString stringWithFormat:@"%@; safeAreaInsets = %@; appliedSafeAreaInsets = %@>",
+                                    superDescription,
+                                    NSStringFromUIEdgeInsets([self safeAreaInsetsIfSupportedAndEnabled]),
+                                    NSStringFromUIEdgeInsets(_currentSafeAreaInsets)];
+}
 
 - (BOOL)isSupportedByOS
 {
@@ -49,7 +64,7 @@ - (UIEdgeInsets)safeAreaInsetsIfSupportedAndEnabled
 
 - (UIEdgeInsets)emulatedSafeAreaInsets
 {
-  UIViewController* vc = self.reactViewController;
+  UIViewController *vc = self.reactViewController;
 
   if (!vc) {
     return UIEdgeInsetsZero;
@@ -72,12 +87,10 @@ - (UIEdgeInsets)emulatedSafeAreaInsets
   return safeAreaInsets;
 }
 
-static BOOL UIEdgeInsetsEqualToEdgeInsetsWithThreshold(UIEdgeInsets insets1, UIEdgeInsets insets2, CGFloat threshold) {
-  return
-    ABS(insets1.left - insets2.left) <= threshold &&
-    ABS(insets1.right - insets2.right) <= threshold &&
-    ABS(insets1.top - insets2.top) <= threshold &&
-    ABS(insets1.bottom - insets2.bottom) <= threshold;
+static BOOL UIEdgeInsetsEqualToEdgeInsetsWithThreshold(UIEdgeInsets insets1, UIEdgeInsets insets2, CGFloat threshold)
+{
+  return ABS(insets1.left - insets2.left) <= threshold && ABS(insets1.right - insets2.right) <= threshold &&
+      ABS(insets1.top - insets2.top) <= threshold && ABS(insets1.bottom - insets2.bottom) <= threshold;
 }
 
 - (void)safeAreaInsetsDidChange
@@ -118,7 +131,7 @@ - (void)setEmulateUnlessSupported:(BOOL)emulateUnlessSupported
   }
 
   _emulateUnlessSupported = emulateUnlessSupported;
-  
+
   if ([self isSupportedByOS]) {
     return;
   }
diff --git a/React/Views/ScrollView/RCTScrollContentShadowView.m b/React/Views/ScrollView/RCTScrollContentShadowView.m
index a890cca7ff07c9..b1afe7f6143f21 100644
--- a/React/Views/ScrollView/RCTScrollContentShadowView.m
+++ b/React/Views/ScrollView/RCTScrollContentShadowView.m
@@ -31,8 +31,7 @@ - (void)setLocalData:(RCTScrollContentLocalData *)localData
 }
 #endif // ]TODO(macOS ISS#2323203)
 
-- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics
-            layoutContext:(RCTLayoutContext)layoutContext
+- (void)layoutWithMetrics:(RCTLayoutMetrics)layoutMetrics layoutContext:(RCTLayoutContext)layoutContext
 {
   if (layoutMetrics.layoutDirection == UIUserInterfaceLayoutDirectionRightToLeft) {
     // Motivation:
diff --git a/React/Views/ScrollView/RCTScrollContentView.m b/React/Views/ScrollView/RCTScrollContentView.m
index 9fbb50fb406020..c2cd59ba4298bb 100644
--- a/React/Views/ScrollView/RCTScrollContentView.m
+++ b/React/Views/ScrollView/RCTScrollContentView.m
@@ -40,8 +40,7 @@ - (void)reactSetFrame:(CGRect)frame
     return;
   }
 
-  RCTAssert([scrollView isKindOfClass:[RCTScrollView class]],
-            @"Unexpected view hierarchy of RCTScrollView component.");
+  RCTAssert([scrollView isKindOfClass:[RCTScrollView class]], @"Unexpected view hierarchy of RCTScrollView component.");
 
   [scrollView updateContentOffsetIfNeeded];
 
diff --git a/React/Views/ScrollView/RCTScrollEvent.m b/React/Views/ScrollView/RCTScrollEvent.m
index c780b49fc152e3..87b243249566ae 100644
--- a/React/Views/ScrollView/RCTScrollEvent.m
+++ b/React/Views/ScrollView/RCTScrollEvent.m
@@ -8,8 +8,7 @@
 #import "RCTScrollEvent.h"
 #import <React/RCTAssert.h>
 
-@implementation RCTScrollEvent
-{
+@implementation RCTScrollEvent {
   CGPoint _scrollViewContentOffset;
   UIEdgeInsets _scrollViewContentInset;
   CGSize _scrollViewContentSize;
@@ -34,7 +33,7 @@ - (instancetype)initWithEventName:(NSString *)eventName
                     coalescingKey:(uint16_t)coalescingKey
 {
   RCTAssertParam(reactTag);
-  
+
   if ((self = [super init])) {
     _eventName = [eventName copy];
     _viewTag = reactTag;
@@ -50,7 +49,7 @@ - (instancetype)initWithEventName:(NSString *)eventName
   return self;
 }
 
-RCT_NOT_IMPLEMENTED(- (instancetype)init)
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
 - (uint16_t)coalescingKey
 {
@@ -60,33 +59,24 @@ - (uint16_t)coalescingKey
 - (NSDictionary *)body
 {
   NSDictionary *body = @{
-                         @"contentOffset": @{
-                             @"x": @(_scrollViewContentOffset.x),
-                             @"y": @(_scrollViewContentOffset.y)
-                             },
-                         @"contentInset": @{
-                             @"top": @(_scrollViewContentInset.top),
-                             @"left": @(_scrollViewContentInset.left),
-                             @"bottom": @(_scrollViewContentInset.bottom),
-                             @"right": @(_scrollViewContentInset.right)
-                             },
-                         @"contentSize": @{
-                             @"width": @(_scrollViewContentSize.width),
-                             @"height": @(_scrollViewContentSize.height)
-                             },
-                         @"layoutMeasurement": @{
-                             @"width": @(_scrollViewFrame.size.width),
-                             @"height": @(_scrollViewFrame.size.height)
-                             },
-                         @"zoomScale": @(_scrollViewZoomScale ?: 1),
-                         };
-  
+    @"contentOffset" : @{@"x" : @(_scrollViewContentOffset.x), @"y" : @(_scrollViewContentOffset.y)},
+    @"contentInset" : @{
+      @"top" : @(_scrollViewContentInset.top),
+      @"left" : @(_scrollViewContentInset.left),
+      @"bottom" : @(_scrollViewContentInset.bottom),
+      @"right" : @(_scrollViewContentInset.right)
+    },
+    @"contentSize" : @{@"width" : @(_scrollViewContentSize.width), @"height" : @(_scrollViewContentSize.height)},
+    @"layoutMeasurement" : @{@"width" : @(_scrollViewFrame.size.width), @"height" : @(_scrollViewFrame.size.height)},
+    @"zoomScale" : @(_scrollViewZoomScale ?: 1),
+  };
+
   if (_userData) {
     NSMutableDictionary *mutableBody = [body mutableCopy];
     [mutableBody addEntriesFromDictionary:_userData];
     body = mutableBody;
   }
-  
+
   return body;
 }
 
@@ -97,13 +87,14 @@ - (BOOL)canCoalesce
 
 - (RCTScrollEvent *)coalesceWithEvent:(RCTScrollEvent *)newEvent
 {
-  NSArray<NSDictionary *> *updatedChildFrames = [_userData[@"updatedChildFrames"] arrayByAddingObjectsFromArray:newEvent->_userData[@"updatedChildFrames"]];
+  NSArray<NSDictionary *> *updatedChildFrames =
+      [_userData[@"updatedChildFrames"] arrayByAddingObjectsFromArray:newEvent->_userData[@"updatedChildFrames"]];
   if (updatedChildFrames) {
     NSMutableDictionary *userData = [newEvent->_userData mutableCopy];
     userData[@"updatedChildFrames"] = updatedChildFrames;
     newEvent->_userData = userData;
   }
-  
+
   return newEvent;
 }
 
@@ -118,7 +109,7 @@ - (NSArray *)arguments
   // Previously this called [self body], which in turn calls view-related methods.
   // Because the arguments method is called from a background thread, we now return
   // the cached metrics from _body to avoid calling main-thread-specific methods.
-  return @[self.viewTag, RCTNormalizeInputEventName(self.eventName), _body]; // TODO(OSS Candidate ISS#2710739)
+  return @[ self.viewTag, RCTNormalizeInputEventName(self.eventName), _body ]; // TODO(OSS Candidate ISS#2710739)
 }
 
 @end
diff --git a/React/Views/ScrollView/RCTScrollView.m b/React/Views/ScrollView/RCTScrollView.m
index 220f7b5e4c68eb..3a9afe282009be 100644
--- a/React/Views/ScrollView/RCTScrollView.m
+++ b/React/Views/ScrollView/RCTScrollView.m
@@ -11,13 +11,13 @@
 
 #import "RCTConvert.h"
 #import "RCTLog.h"
+#import "RCTScrollEvent.h"
 #import "RCTUIManager.h"
 #import "RCTUIManagerObserverCoordinator.h"
 #import "RCTUIManagerUtils.h"
 #import "RCTUtils.h"
 #import "UIView+Private.h"
 #import "UIView+React.h"
-#import "RCTScrollEvent.h"
 
 
 #if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -33,7 +33,7 @@ @interface RCTCustomScrollView :
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   RCTUIScrollView // TODO(macOS ISS#3536887)
 #else
-  UIScrollView<UIGestureRecognizerDelegate>
+  UIScrollView <UIGestureRecognizerDelegate>
 #endif // ]TODO(macOS ISS#2323203)
 
 @property (nonatomic, assign) BOOL centerContent;
@@ -71,9 +71,9 @@ - (instancetype)initWithFrame:(CGRect)frame
     }
 #endif
 
-    #if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
+#if !TARGET_OS_TV && !TARGET_OS_OSX // TODO(macOS ISS#2323203)
     _pinchGestureEnabled = YES;
-    #endif
+#endif
   }
   return self;
 }
@@ -138,8 +138,8 @@ - (void)scrollRectToVisible:(CGRect)rect animated:(BOOL)animated
   CGSize contentSize = self.contentSize;
   UIEdgeInsets contentInset = self.contentInset;
   CGSize fullSize = CGSizeMake(
-    contentSize.width + contentInset.left + contentInset.right,
-    contentSize.height + contentInset.top + contentInset.bottom);
+      contentSize.width + contentInset.left + contentInset.right,
+      contentSize.height + contentInset.top + contentInset.bottom);
 
   rect = CGRectIntersection((CGRect){CGPointZero, fullSize}, rect);
   if (CGRectIsNull(rect)) {
@@ -242,8 +242,8 @@ - (void)setContentOffset:(CGPoint)contentOffset
   }
 #else // ]TODO(macOS ISS#2323203)
   super.contentOffset = CGPointMake(
-    RCTSanitizeNaNValue(contentOffset.x, @"scrollView.contentOffset.x"),
-    RCTSanitizeNaNValue(contentOffset.y, @"scrollView.contentOffset.y"));
+      RCTSanitizeNaNValue(contentOffset.x, @"scrollView.contentOffset.x"),
+      RCTSanitizeNaNValue(contentOffset.y, @"scrollView.contentOffset.y"));
 #endif // TODO(macOS ISS#2323203)
 }
 
@@ -277,8 +277,8 @@ - (void)setFrame:(CGRect)frame
       return;
     }
     self.contentOffset = CGPointMake(
-      MAX(-contentInset.left, MIN(xMaxOffset, originalOffset.x)),
-      MAX(-contentInset.top, MIN(yMaxOffset, originalOffset.y)));
+        MAX(-contentInset.left, MIN(xMaxOffset, originalOffset.x)),
+        MAX(-contentInset.top, MIN(yMaxOffset, originalOffset.y)));
   }
 }
 
@@ -305,7 +305,7 @@ - (void)didMoveToWindow
   // in the setter gets overridden when the view loads.
   self.pinchGestureRecognizer.enabled = _pinchGestureEnabled;
 }
-#endif //TARGET_OS_TV
+#endif // TARGET_OS_TV
 
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
 - (BOOL)canBecomeFirstResponder
@@ -346,8 +346,7 @@ @interface RCTScrollView () <RCTUIManagerObserver>
 
 @end
 
-@implementation RCTScrollView
-{
+@implementation RCTScrollView {
   RCTEventDispatcher *_eventDispatcher;
   CGRect _prevFirstVisibleFrame;
   __weak RCTUIView *_firstVisibleView; // TODO(macOS ISS#3536887)
@@ -466,15 +465,16 @@ - (void)setAccessibilityLabel:(NSString *)accessibilityLabel
 }
 #endif // ]TODO(macOS ISS#2323203)
 
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithFrame:(CGRect)frame)
-RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithFrame : (CGRect)frame)
+RCT_NOT_IMPLEMENTED(-(instancetype)initWithCoder : (NSCoder *)aDecoder)
 
-static inline void RCTApplyTransformationAccordingLayoutDirection(RCTPlatformView *view, UIUserInterfaceLayoutDirection layoutDirection) { // TODO(macOS ISS#2323203)
+static inline void RCTApplyTransformationAccordingLayoutDirection(
+    RCTPlatformView *view, // TODO(macOS ISS#2323203)
+    UIUserInterfaceLayoutDirection layoutDirection)
+{
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
-  view.transform =
-    layoutDirection == UIUserInterfaceLayoutDirectionLeftToRight ?
-      CGAffineTransformIdentity :
-      CGAffineTransformMakeScale(-1, 1);
+  view.transform = layoutDirection == UIUserInterfaceLayoutDirectionLeftToRight ? CGAffineTransformIdentity
+                                                                                : CGAffineTransformMakeScale(-1, 1);
 #endif // ]TODO(macOS ISS#2323203)
 }
 
@@ -502,14 +502,16 @@ - (void)insertReactSubview:(RCTUIView *)view atIndex:(NSInteger)atIndex // TODO(
 #if !TARGET_OS_TV
   if ([view conformsToProtocol:@protocol(RCTCustomRefreshContolProtocol)]) {
     [_scrollView setCustomRefreshControl:(UIView<RCTCustomRefreshContolProtocol> *)view];
-    if (![view isKindOfClass:[UIRefreshControl class]]
-        && [view conformsToProtocol:@protocol(UIScrollViewDelegate)]) {
+    if (![view isKindOfClass:[UIRefreshControl class]] && [view conformsToProtocol:@protocol(UIScrollViewDelegate)]) {
       [self addScrollListener:(UIView<UIScrollViewDelegate> *)view];
     }
   } else
 #endif
   {
-    RCTAssert(_contentView == nil, @"RCTScrollView may only contain a single subview, the already set subview looks like: %@", [_contentView react_recursiveDescription]);
+    RCTAssert(
+        _contentView == nil,
+        @"RCTScrollView may only contain a single subview, the already set subview looks like: %@",
+        [_contentView react_recursiveDescription]);
     _contentView = view;
     RCTApplyTransformationAccordingLayoutDirection(_contentView, self.reactLayoutDirection);
     [_scrollView addSubview:view];
@@ -527,8 +529,8 @@ - (void)removeReactSubview:(RCTUIView *)subview // TODO(macOS ISS#3536887)
 #if !TARGET_OS_TV
   if ([subview conformsToProtocol:@protocol(RCTCustomRefreshContolProtocol)]) {
     [_scrollView setCustomRefreshControl:nil];
-    if (![subview isKindOfClass:[UIRefreshControl class]]
-        && [subview conformsToProtocol:@protocol(UIScrollViewDelegate)]) {
+    if (![subview isKindOfClass:[UIRefreshControl class]] &&
+        [subview conformsToProtocol:@protocol(UIScrollViewDelegate)]) {
       [self removeScrollListener:(UIView<UIScrollViewDelegate> *)subview];
     }
   } else
@@ -588,7 +590,8 @@ - (void)layoutSubviews
   // Adjust the refresh control frame if the scrollview layout changes.
   UIView<RCTCustomRefreshContolProtocol> *refreshControl = _scrollView.customRefreshControl;
   if (refreshControl && refreshControl.isRefreshing) {
-    refreshControl.frame = (CGRect){_scrollView.contentOffset, {_scrollView.frame.size.width, refreshControl.frame.size.height}};
+    refreshControl.frame =
+        (CGRect){_scrollView.contentOffset, {_scrollView.frame.size.width, refreshControl.frame.size.height}};
   }
 #endif
 
@@ -614,11 +617,11 @@ - (void)updateClippedSubviews
   const BOOL scrollsHorizontally = contentSize.width > bounds.size.width;
   const BOOL scrollsVertically = contentSize.height > bounds.size.height;
 
-  const BOOL shouldClipAgain =
-    CGRectIsNull(_lastClippedToRect) ||
-    !CGRectEqualToRect(_lastClippedToRect, bounds) ||
-    (scrollsHorizontally && (bounds.size.width < leeway || fabs(_lastClippedToRect.origin.x - bounds.origin.x) >= leeway)) ||
-    (scrollsVertically && (bounds.size.height < leeway || fabs(_lastClippedToRect.origin.y - bounds.origin.y) >= leeway));
+  const BOOL shouldClipAgain = CGRectIsNull(_lastClippedToRect) || !CGRectEqualToRect(_lastClippedToRect, bounds) ||
+      (scrollsHorizontally &&
+       (bounds.size.width < leeway || fabs(_lastClippedToRect.origin.x - bounds.origin.x) >= leeway)) ||
+      (scrollsVertically &&
+       (bounds.size.height < leeway || fabs(_lastClippedToRect.origin.y - bounds.origin.y) >= leeway));
 
   if (shouldClipAgain) {
     const CGRect clipRect = CGRectInset(clipView.bounds, -leeway, -leeway);
@@ -671,9 +674,7 @@ - (void)setContentInset:(UIEdgeInsets)contentInset
   CGPoint contentOffset = _scrollView.contentOffset;
 
   _contentInset = contentInset;
-  [RCTView autoAdjustInsetsForView:self
-                    withScrollView:_scrollView
-                      updateOffset:NO];
+  [RCTView autoAdjustInsetsForView:self withScrollView:_scrollView updateOffset:NO];
 
   _scrollView.contentOffset = contentOffset;
 }
@@ -702,10 +703,17 @@ - (void)scrollToOffset:(CGPoint)offset
 - (void)scrollToOffset:(CGPoint)offset animated:(BOOL)animated
 {
   if (!CGPointEqualToPoint(_scrollView.contentOffset, offset)) {
-    CGRect maxRect = CGRectMake(fmin(-_scrollView.contentInset.left, 0),
-                                fmin(-_scrollView.contentInset.top, 0),
-                                fmax(_scrollView.contentSize.width - _scrollView.bounds.size.width + _scrollView.contentInset.right + fmax(_scrollView.contentInset.left, 0), 0.01),
-                                fmax(_scrollView.contentSize.height - _scrollView.bounds.size.height + _scrollView.contentInset.bottom + fmax(_scrollView.contentInset.top, 0), 0.01)); // Make width and height greater than 0
+    CGRect maxRect = CGRectMake(
+        fmin(-_scrollView.contentInset.left, 0),
+        fmin(-_scrollView.contentInset.top, 0),
+        fmax(
+            _scrollView.contentSize.width - _scrollView.bounds.size.width + _scrollView.contentInset.right +
+                fmax(_scrollView.contentInset.left, 0),
+            0.01),
+        fmax(
+            _scrollView.contentSize.height - _scrollView.bounds.size.height + _scrollView.contentInset.bottom +
+                fmax(_scrollView.contentInset.top, 0),
+            0.01)); // Make width and height greater than 0
     // Ensure at least one scroll event will fire
     _allowNextScrollNoMatterWhat = YES;
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
@@ -768,9 +776,7 @@ - (void)zoomToRect:(CGRect)rect animated:(BOOL)animated
 
 - (void)refreshContentInset
 {
-  [RCTView autoAdjustInsetsForView:self
-                    withScrollView:_scrollView
-                      updateOffset:YES];
+  [RCTView autoAdjustInsetsForView:self withScrollView:_scrollView updateOffset:YES];
 }
 
 // [TODO(macOS ISS#2323203)
@@ -800,24 +806,25 @@ - (void)scrollViewDocumentViewBoundsDidChange:(__unused NSNotification *)notific
 }
 #endif // ]TODO(macOS ISS#2323203)
 
-#define RCT_SEND_SCROLL_EVENT(_eventName, _userData) { \
-  NSString *eventName = NSStringFromSelector(@selector(_eventName)); \
-  [self sendScrollEventWithName:eventName scrollView:_scrollView userData:_userData]; \
-}
+#define RCT_SEND_SCROLL_EVENT(_eventName, _userData)                                    \
+  {                                                                                     \
+    NSString *eventName = NSStringFromSelector(@selector(_eventName));                  \
+    [self sendScrollEventWithName:eventName scrollView:_scrollView userData:_userData]; \
+  }
 
-#define RCT_FORWARD_SCROLL_EVENT(call) \
-for (NSObject<UIScrollViewDelegate> *scrollViewListener in _scrollListeners) { \
-  if ([scrollViewListener respondsToSelector:_cmd]) { \
-    [scrollViewListener call]; \
-  } \
-}
+#define RCT_FORWARD_SCROLL_EVENT(call)                                            \
+  for (NSObject<UIScrollViewDelegate> * scrollViewListener in _scrollListeners) { \
+    if ([scrollViewListener respondsToSelector:_cmd]) {                           \
+      [scrollViewListener call];                                                  \
+    }                                                                             \
+  }
 
 #define RCT_SCROLL_EVENT_HANDLER(delegateMethod, eventName) \
-- (void)delegateMethod:(UIScrollView *)scrollView           \
-{                                                           \
-  RCT_SEND_SCROLL_EVENT(eventName, nil);                    \
-  RCT_FORWARD_SCROLL_EVENT(delegateMethod:scrollView);      \
-}
+  -(void)delegateMethod : (UIScrollView *)scrollView        \
+  {                                                         \
+    RCT_SEND_SCROLL_EVENT(eventName, nil);                  \
+    RCT_FORWARD_SCROLL_EVENT(delegateMethod : scrollView);  \
+  }
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 
@@ -852,10 +859,9 @@ - (void)scrollViewDidScroll:(RCTCustomScrollView *)scrollView // TODO(macOS ISS#
    */
   if (_allowNextScrollNoMatterWhat ||
       (_scrollEventThrottle > 0 && _scrollEventThrottle < MAX(0.017, now - _lastScrollDispatchTime))) {
-
     if (_DEPRECATED_sendUpdatedChildFrames) {
       // Calculate changed frames
-      RCT_SEND_SCROLL_EVENT(onScroll, (@{@"updatedChildFrames": [self calculateChildFramesData]}));
+      RCT_SEND_SCROLL_EVENT(onScroll, (@{@"updatedChildFrames" : [self calculateChildFramesData]}));
     } else {
       RCT_SEND_SCROLL_EVENT(onScroll, nil);
     }
@@ -867,40 +873,40 @@ - (void)scrollViewDidScroll:(RCTCustomScrollView *)scrollView // TODO(macOS ISS#
 #if TARGET_OS_OSX // [TODO(macOS ISS#2323203)
   (void) scrollView;
 #else // ]TODO(macOS ISS#2323203)
-  RCT_FORWARD_SCROLL_EVENT(scrollViewDidScroll:scrollView);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewDidScroll : scrollView);
 #endif // TODO(macOS ISS#2323203)
 }
 
 - (NSArray<NSDictionary *> *)calculateChildFramesData
 {
-    NSMutableArray<NSDictionary *> *updatedChildFrames = [NSMutableArray new];
-    [[self.contentView reactSubviews] enumerateObjectsUsingBlock: // TODO(OSS Candidate ISS#2710739) use p
-     ^(RCTPlatformView *subview, NSUInteger idx, __unused BOOL *stop) { // TODO(macOS ISS#2323203)
-
-      // Check if new or changed
-      CGRect newFrame = subview.frame;
-      BOOL frameChanged = NO;
-      if (self->_cachedChildFrames.count <= idx) {
-        frameChanged = YES;
-        [self->_cachedChildFrames addObject:NSValueWithCGRect(newFrame)]; // TODO(macOS ISS#2323203)
-      } else if (!CGRectEqualToRect(newFrame, CGRectValue(self->_cachedChildFrames[idx]))) { // TODO(macOS ISS#2323203)
-        frameChanged = YES;
-        self->_cachedChildFrames[idx] = NSValueWithCGRect(newFrame); // TODO(macOS ISS#2323203)
-      }
+  NSMutableArray<NSDictionary *> *updatedChildFrames = [NSMutableArray new];
+  [[self.contentView reactSubviews] enumerateObjectsUsingBlock: // TODO(OSS Candidate ISS#2710739) use p
+    ^(RCTPlatformView *subview, NSUInteger idx, __unused BOOL *stop) { // TODO(macOS ISS#2323203)
+
+    // Check if new or changed
+    CGRect newFrame = subview.frame;
+    BOOL frameChanged = NO;
+    if (self->_cachedChildFrames.count <= idx) {
+      frameChanged = YES;
+      [self->_cachedChildFrames addObject:NSValueWithCGRect(newFrame)]; // TODO(macOS ISS#2323203)
+    } else if (!CGRectEqualToRect(newFrame, CGRectValue(self->_cachedChildFrames[idx]))) { // TODO(macOS ISS#2323203)
+      frameChanged = YES;
+      self->_cachedChildFrames[idx] = NSValueWithCGRect(newFrame); // TODO(macOS ISS#2323203)
+    }
 
-      // Create JS frame object
-      if (frameChanged) {
-        [updatedChildFrames addObject: @{
-          @"index": @(idx),
-          @"x": @(newFrame.origin.x),
-          @"y": @(newFrame.origin.y),
-          @"width": @(newFrame.size.width),
-          @"height": @(newFrame.size.height),
-        }];
-      }
-    }];
+    // Create JS frame object
+    if (frameChanged) {
+      [updatedChildFrames addObject:@{
+        @"index" : @(idx),
+        @"x" : @(newFrame.origin.x),
+        @"y" : @(newFrame.origin.y),
+        @"width" : @(newFrame.size.width),
+        @"height" : @(newFrame.size.height),
+      }];
+    }
+  }];
 
-    return updatedChildFrames;
+  return updatedChildFrames;
 }
 
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
@@ -909,10 +915,12 @@ - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
 {
   _allowNextScrollNoMatterWhat = YES; // Ensure next scroll event is recorded, regardless of throttle
   RCT_SEND_SCROLL_EVENT(onScrollBeginDrag, nil);
-  RCT_FORWARD_SCROLL_EVENT(scrollViewWillBeginDragging:scrollView);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewWillBeginDragging : scrollView);
 }
 
-- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
+- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView
+                     withVelocity:(CGPoint)velocity
+              targetContentOffset:(inout CGPoint *)targetContentOffset
 {
   if (self.snapToOffsets) {
     // An alternative to enablePaging and snapToInterval which allows setting custom
@@ -928,9 +936,8 @@ - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoi
 
     // Calculate maximum content offset
     CGSize viewportSize = [self _calculateViewportSize];
-    CGFloat maximumOffset = isHorizontal
-      ? MAX(0, _scrollView.contentSize.width - viewportSize.width)
-      : MAX(0, _scrollView.contentSize.height - viewportSize.height);
+    CGFloat maximumOffset = isHorizontal ? MAX(0, _scrollView.contentSize.width - viewportSize.width)
+                                         : MAX(0, _scrollView.contentSize.height - viewportSize.height);
 
     // Calculate the snap offsets adjacent to the initial offset target
     CGFloat targetOffset = isHorizontal ? targetContentOffset->x : targetContentOffset->y;
@@ -954,9 +961,7 @@ - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoi
     }
 
     // Calculate the nearest offset
-    CGFloat nearestOffset = targetOffset - smallerOffset < largerOffset - targetOffset
-      ? smallerOffset
-      : largerOffset;
+    CGFloat nearestOffset = targetOffset - smallerOffset < largerOffset - targetOffset ? smallerOffset : largerOffset;
 
     CGFloat firstOffset = [[self.snapToOffsets firstObject] floatValue];
     CGFloat lastOffset = [[self.snapToOffsets lastObject] floatValue];
@@ -1010,26 +1015,25 @@ - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoi
     if (isHorizontal) {
       // Use current scroll offset to determine the next index to snap to when momentum disabled
       targetContentOffsetAlongAxis = self.disableIntervalMomentum ? scrollView.contentOffset.x : targetContentOffset->x;
+    } else {
+      targetContentOffsetAlongAxis = self.disableIntervalMomentum ? scrollView.contentOffset.y : targetContentOffset->y;
     }
 
     // Offset based on desired alignment
     CGFloat frameLength = isHorizontal ? self.frame.size.width : self.frame.size.height;
     CGFloat alignmentOffset = 0.0f;
-    if ([self.snapToAlignment isEqualToString: @"center"]) {
+    if ([self.snapToAlignment isEqualToString:@"center"]) {
       alignmentOffset = (frameLength * 0.5f) + (snapToIntervalF * 0.5f);
-    } else if ([self.snapToAlignment isEqualToString: @"end"]) {
+    } else if ([self.snapToAlignment isEqualToString:@"end"]) {
       alignmentOffset = frameLength;
     }
 
     // Pick snap point based on direction and proximity
     CGFloat fractionalIndex = (targetContentOffsetAlongAxis + alignmentOffset) / snapToIntervalF;
 
-    NSInteger snapIndex =
-      velocityAlongAxis > 0.0 ?
-        ceil(fractionalIndex) :
-      velocityAlongAxis < 0.0 ?
-        floor(fractionalIndex) :
-        round(fractionalIndex);
+    NSInteger snapIndex = velocityAlongAxis > 0.0
+        ? ceil(fractionalIndex)
+        : velocityAlongAxis < 0.0 ? floor(fractionalIndex) : round(fractionalIndex);
     CGFloat newTargetContentOffset = (snapIndex * snapToIntervalF) - alignmentOffset;
 
     // Set new targetContentOffset
@@ -1041,34 +1045,31 @@ - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoi
   }
 
   NSDictionary *userData = @{
-    @"velocity": @{
-      @"x": @(velocity.x),
-      @"y": @(velocity.y)
-    },
-    @"targetContentOffset": @{
-      @"x": @(targetContentOffset->x),
-      @"y": @(targetContentOffset->y)
-    }
+    @"velocity" : @{@"x" : @(velocity.x), @"y" : @(velocity.y)},
+    @"targetContentOffset" : @{@"x" : @(targetContentOffset->x), @"y" : @(targetContentOffset->y)}
   };
   RCT_SEND_SCROLL_EVENT(onScrollEndDrag, userData);
-  RCT_FORWARD_SCROLL_EVENT(scrollViewWillEndDragging:scrollView withVelocity:velocity targetContentOffset:targetContentOffset);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewWillEndDragging
+                           : scrollView withVelocity
+                           : velocity targetContentOffset
+                           : targetContentOffset);
 }
 
 - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
 {
-  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndDragging:scrollView willDecelerate:decelerate);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndDragging : scrollView willDecelerate : decelerate);
 }
 
 - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
 {
   RCT_SEND_SCROLL_EVENT(onScrollBeginDrag, nil);
-  RCT_FORWARD_SCROLL_EVENT(scrollViewWillBeginZooming:scrollView withView:view);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewWillBeginZooming : scrollView withView : view);
 }
 
 - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
 {
   RCT_SEND_SCROLL_EVENT(onScrollEndDrag, nil);
-  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndZooming:scrollView withView:view atScale:scale);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndZooming : scrollView withView : view atScale : scale);
 }
 
 - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
@@ -1079,7 +1080,7 @@ - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
 
   // Fire the end deceleration event
   RCT_SEND_SCROLL_EVENT(onMomentumScrollEnd, nil);
-  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndDecelerating:scrollView);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndDecelerating : scrollView);
 }
 
 - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
@@ -1090,14 +1091,13 @@ - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
 
   // Fire the end deceleration event
   RCT_SEND_SCROLL_EVENT(onMomentumScrollEnd, nil);
-  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndScrollingAnimation:scrollView);
+  RCT_FORWARD_SCROLL_EVENT(scrollViewDidEndScrollingAnimation : scrollView);
 }
 
 - (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView
 {
   for (NSObject<UIScrollViewDelegate> *scrollListener in _scrollListeners) {
-    if ([scrollListener respondsToSelector:_cmd] &&
-        ![scrollListener scrollViewShouldScrollToTop:scrollView]) {
+    if ([scrollListener respondsToSelector:_cmd] && ![scrollListener scrollViewShouldScrollToTop:scrollView]) {
       return NO;
     }
   }
@@ -1127,8 +1127,9 @@ - (CGSize)_calculateViewportSize
 #if !TARGET_OS_OSX // [TODO(macOS ISS#2323203)
     contentInsets = [RCTView contentInsetsForView:self];
 #endif // ]TODO(macOS ISS#2323203)
-    viewportSize = CGSizeMake(self.bounds.size.width - contentInsets.left - contentInsets.right,
-                                self.bounds.size.height - contentInsets.top - contentInsets.bottom);
+    viewportSize = CGSizeMake(
+        self.bounds.size.width - contentInsets.left - contentInsets.right,
+        self.bounds.size.height - contentInsets.top - contentInsets.bottom);
   }
   return viewportSize;
 }
@@ -1218,23 +1219,23 @@ - (void)setMaintainVisibleContentPosition:(NSDictionary *)maintainVisibleContent
 - (void)uiManagerWillPerformMounting:(RCTUIManager *)manager
 {
   RCTAssertUIManagerQueue();
-  [manager prependUIBlock:^(__unused RCTUIManager *uiManager, __unused NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
-    BOOL horz = [self isHorizontal:self->_scrollView];
-    NSUInteger minIdx = [self->_maintainVisibleContentPosition[@"minIndexForVisible"] integerValue];
-    for (NSUInteger ii = minIdx; ii < self.contentView.subviews.count; ++ii) { // TODO(OSS Candidate ISS#2710739) use property instead of ivar for mac
-      // Find the first entirely visible view. This must be done after we update the content offset
-      // or it will tend to grab rows that were made visible by the shift in position
-      RCTUIView *subview = self.contentView.subviews[ii]; // TODO(OSS Candidate ISS#2710739) use property instead of ivar for mac and TODO(macOS ISS#3536887)
-      if ((horz
-           ? subview.frame.origin.x >= self->_scrollView.contentOffset.x
-           : subview.frame.origin.y >= self->_scrollView.contentOffset.y) ||
-          ii == self.contentView.subviews.count - 1) { // TODO(OSS Candidate ISS#2710739) use property instead of ivar for mac
-        self->_prevFirstVisibleFrame = subview.frame;
-        self->_firstVisibleView = subview;
-        break;
-      }
-    }
-  }];
+  [manager
+      prependUIBlock:^(__unused RCTUIManager *uiManager, __unused NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+        BOOL horz = [self isHorizontal:self->_scrollView];
+        NSUInteger minIdx = [self->_maintainVisibleContentPosition[@"minIndexForVisible"] integerValue];
+        for (NSUInteger ii = minIdx; ii < self.contentView.subviews.count; ++ii) { // TODO(OSS Candidate ISS#2710739) use property instead of ivar for mac
+          // Find the first entirely visible view. This must be done after we update the content offset
+          // or it will tend to grab rows that were made visible by the shift in position
+          RCTUIView *subview = self.contentView.subviews[ii]; // TODO(OSS Candidate ISS#2710739) use property instead of ivar for mac and TODO(macOS ISS#3536887)
+          if ((horz ? subview.frame.origin.x >= self->_scrollView.contentOffset.x
+                    : subview.frame.origin.y >= self->_scrollView.contentOffset.y) ||
+              ii == self.contentView.subviews.count - 1) { // TODO(OSS Candidate ISS#2710739) use property instead of ivar for mac
+            self->_prevFirstVisibleFrame = subview.frame;
+            self->_firstVisibleView = subview;
+            break;
+          }
+        }
+      }];
   [manager addUIBlock:^(__unused RCTUIManager *uiManager, __unused NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
     if (self->_maintainVisibleContentPosition == nil) {
       return; // The prop might have changed in the previous UIBlocks, so need to abort here.
@@ -1244,10 +1245,8 @@ - (void)uiManagerWillPerformMounting:(RCTUIManager *)manager
     if ([self isHorizontal:self->_scrollView]) {
       CGFloat deltaX = self->_firstVisibleView.frame.origin.x - self->_prevFirstVisibleFrame.origin.x;
       if (ABS(deltaX) > 0.1) {
-        self->_scrollView.contentOffset = CGPointMake(
-          self->_scrollView.contentOffset.x + deltaX,
-          self->_scrollView.contentOffset.y
-        );
+        self->_scrollView.contentOffset =
+            CGPointMake(self->_scrollView.contentOffset.x + deltaX, self->_scrollView.contentOffset.y);
         if (autoscrollThreshold != nil) {
           // If the offset WAS within the threshold of the start, animate to the start.
           if (self->_scrollView.contentOffset.x - deltaX <= [autoscrollThreshold integerValue]) {
@@ -1259,10 +1258,8 @@ - (void)uiManagerWillPerformMounting:(RCTUIManager *)manager
       CGRect newFrame = self->_firstVisibleView.frame;
       CGFloat deltaY = newFrame.origin.y - self->_prevFirstVisibleFrame.origin.y;
       if (ABS(deltaY) > 0.1) {
-        self->_scrollView.contentOffset = CGPointMake(
-          self->_scrollView.contentOffset.x,
-          self->_scrollView.contentOffset.y + deltaY
-        );
+        self->_scrollView.contentOffset =
+            CGPointMake(self->_scrollView.contentOffset.x, self->_scrollView.contentOffset.y + deltaY);
         if (autoscrollThreshold != nil) {
           // If the offset WAS within the threshold of the start, animate to the start.
           if (self->_scrollView.contentOffset.y - deltaY <= [autoscrollThreshold integerValue]) {
@@ -1349,16 +1346,16 @@ - (void)preferredScrollerStyleDidChange:(__unused NSNotification *)notification
 // restore it after the property has been set.
 
 #define RCT_SET_AND_PRESERVE_OFFSET(setter, getter, type) \
-- (void)setter:(type)value                                \
-{                                                         \
-  CGPoint contentOffset = _scrollView.contentOffset;      \
-  [_scrollView setter:value];                             \
-  _scrollView.contentOffset = contentOffset;              \
-}                                                         \
-- (type)getter                                            \
-{                                                         \
-  return [_scrollView getter];                            \
-}
+  -(void)setter : (type)value                             \
+  {                                                       \
+    CGPoint contentOffset = _scrollView.contentOffset;    \
+    [_scrollView setter:value];                           \
+    _scrollView.contentOffset = contentOffset;            \
+  }                                                       \
+  -(type)getter                                           \
+  {                                                       \
+    return [_scrollView getter];                          \
+  }
 
 RCT_SET_AND_PRESERVE_OFFSET(setAlwaysBounceHorizontal, alwaysBounceHorizontal, BOOL)
 RCT_SET_AND_PRESERVE_OFFSET(setAlwaysBounceVertical, alwaysBounceVertical, BOOL)
@@ -1388,8 +1385,8 @@ - (type)getter                                            \
 #pragma clang diagnostic push // TODO(OSS Candidate ISS#2710739)
 #pragma clang diagnostic ignored "-Wunguarded-availability" // TODO(OSS Candidate ISS#2710739)
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-- (void)setContentInsetAdjustmentBehavior:(UIScrollViewContentInsetAdjustmentBehavior)behavior
-API_AVAILABLE(ios(11.0)){
+- (void)setContentInsetAdjustmentBehavior:(UIScrollViewContentInsetAdjustmentBehavior)behavior API_AVAILABLE(ios(11.0))
+{
   // `contentInsetAdjustmentBehavior` is available since iOS 11.
   if ([_scrollView respondsToSelector:@selector(setContentInsetAdjustmentBehavior:)]) {
     CGPoint contentOffset = _scrollView.contentOffset;
diff --git a/React/Views/ScrollView/RCTScrollViewManager.m b/React/Views/ScrollView/RCTScrollViewManager.m
index a9a0a14428f9f0..db7b54f7e58e68 100644
--- a/React/Views/ScrollView/RCTScrollViewManager.m
+++ b/React/Views/ScrollView/RCTScrollViewManager.m
@@ -21,29 +21,41 @@ @interface RCTScrollView (Private)
 #if !TARGET_OS_OSX // TODO(macOS ISS#2323203)
 @implementation RCTConvert (UIScrollView)
 
-RCT_ENUM_CONVERTER(UIScrollViewKeyboardDismissMode, (@{
-  @"none": @(UIScrollViewKeyboardDismissModeNone),
-  @"on-drag": @(UIScrollViewKeyboardDismissModeOnDrag),
-  @"interactive": @(UIScrollViewKeyboardDismissModeInteractive),
-  // Backwards compatibility
-  @"onDrag": @(UIScrollViewKeyboardDismissModeOnDrag),
-}), UIScrollViewKeyboardDismissModeNone, integerValue)
-
-RCT_ENUM_CONVERTER(UIScrollViewIndicatorStyle, (@{
-  @"default": @(UIScrollViewIndicatorStyleDefault),
-  @"black": @(UIScrollViewIndicatorStyleBlack),
-  @"white": @(UIScrollViewIndicatorStyleWhite),
-}), UIScrollViewIndicatorStyleDefault, integerValue)
+RCT_ENUM_CONVERTER(
+    UIScrollViewKeyboardDismissMode,
+    (@{
+      @"none" : @(UIScrollViewKeyboardDismissModeNone),
+      @"on-drag" : @(UIScrollViewKeyboardDismissModeOnDrag),
+      @"interactive" : @(UIScrollViewKeyboardDismissModeInteractive),
+      // Backwards compatibility
+      @"onDrag" : @(UIScrollViewKeyboardDismissModeOnDrag),
+    }),
+    UIScrollViewKeyboardDismissModeNone,
+    integerValue)
+
+RCT_ENUM_CONVERTER(
+    UIScrollViewIndicatorStyle,
+    (@{
+      @"default" : @(UIScrollViewIndicatorStyleDefault),
+      @"black" : @(UIScrollViewIndicatorStyleBlack),
+      @"white" : @(UIScrollViewIndicatorStyleWhite),
+    }),
+    UIScrollViewIndicatorStyleDefault,
+    integerValue)
 
 #pragma clang diagnostic push
 #pragma clang diagnostic ignored "-Wunguarded-availability-new"
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-RCT_ENUM_CONVERTER(UIScrollViewContentInsetAdjustmentBehavior, (@{
-  @"automatic": @(UIScrollViewContentInsetAdjustmentAutomatic),
-  @"scrollableAxes": @(UIScrollViewContentInsetAdjustmentScrollableAxes),
-  @"never": @(UIScrollViewContentInsetAdjustmentNever),
-  @"always": @(UIScrollViewContentInsetAdjustmentAlways),
-}), UIScrollViewContentInsetAdjustmentNever, integerValue)
+RCT_ENUM_CONVERTER(
+    UIScrollViewContentInsetAdjustmentBehavior,
+    (@{
+      @"automatic" : @(UIScrollViewContentInsetAdjustmentAutomatic),
+      @"scrollableAxes" : @(UIScrollViewContentInsetAdjustmentScrollableAxes),
+      @"never" : @(UIScrollViewContentInsetAdjustmentNever),
+      @"always" : @(UIScrollViewContentInsetAdjustmentAlways),
+    }),
+    UIScrollViewContentInsetAdjustmentNever,
+    integerValue)
 #endif
 #pragma clang diagnostic pop
 
@@ -112,111 +124,111 @@ - (RCTPlatformView *)view // TODO(macOS ISS#2323203)
 // is set to from js we want to clip drawing or not. This piece of code ensures
 // that css-layout is always treating the contents of a scroll container as
 // overflow: 'scroll'.
-RCT_CUSTOM_SHADOW_PROPERTY(overflow, YGOverflow, RCTShadowView) {
-#pragma unused (json)
+RCT_CUSTOM_SHADOW_PROPERTY(overflow, YGOverflow, RCTShadowView)
+{
+#pragma unused(json)
   view.overflow = YGOverflowScroll;
 }
 
-RCT_EXPORT_METHOD(getContentSize:(nonnull NSNumber *)reactTag
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(getContentSize : (nonnull NSNumber *)reactTag callback : (RCTResponseSenderBlock)callback)
 {
-  [self.bridge.uiManager addUIBlock:
-   ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTScrollView *> *viewRegistry) {
-
-    RCTScrollView *view = viewRegistry[reactTag];
-    if (!view || ![view isKindOfClass:[RCTScrollView class]]) {
-      RCTLogError(@"Cannot find RCTScrollView with tag #%@", reactTag);
-      return;
-    }
-
-    CGSize size = view.scrollView.contentSize;
-    callback(@[@{
-      @"width" : @(size.width),
-      @"height" : @(size.height)
-    }]);
-  }];
+  [self.bridge.uiManager
+      addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTScrollView *> *viewRegistry) {
+        RCTScrollView *view = viewRegistry[reactTag];
+        if (!view || ![view isKindOfClass:[RCTScrollView class]]) {
+          RCTLogError(@"Cannot find RCTScrollView with tag #%@", reactTag);
+          return;
+        }
+
+        CGSize size = view.scrollView.contentSize;
+        callback(@[ @{@"width" : @(size.width), @"height" : @(size.height)} ]);
+      }];
 }
 
-RCT_EXPORT_METHOD(calculateChildFrames:(nonnull NSNumber *)reactTag
-                  callback:(RCTResponseSenderBlock)callback)
+RCT_EXPORT_METHOD(calculateChildFrames : (nonnull NSNumber *)reactTag callback : (RCTResponseSenderBlock)callback)
 {
-  [self.bridge.uiManager addUIBlock:
-   ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTScrollView *> *viewRegistry) {
-
-    RCTScrollView *view = viewRegistry[reactTag];
-    if (!view || ![view isKindOfClass:[RCTScrollView class]]) {
-      RCTLogError(@"Cannot find RCTScrollView with tag #%@", reactTag);
-      return;
-    }
-
-    NSArray<NSDictionary *> *childFrames = [view calculateChildFramesData];
-    if (childFrames) {
-      callback(@[childFrames]);
-    }
-  }];
+  [self.bridge.uiManager
+      addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTScrollView *> *viewRegistry) {
+        RCTScrollView *view = viewRegistry[reactTag];
+        if (!view || ![view isKindOfClass:[RCTScrollView class]]) {
+          RCTLogError(@"Cannot find RCTScrollView with tag #%@", reactTag);
+          return;
+        }
+
+        NSArray<NSDictionary *> *childFrames = [view calculateChildFramesData];
+        if (childFrames) {
+          callback(@[ childFrames ]);
+        }
+      }];
 }
 
-RCT_EXPORT_METHOD(scrollTo:(nonnull NSNumber *)reactTag
-                  offsetX:(CGFloat)x
-                  offsetY:(CGFloat)y
-                  animated:(BOOL)animated)
+RCT_EXPORT_METHOD(scrollTo
+                  : (nonnull NSNumber *)reactTag offsetX
+                  : (CGFloat)x offsetY
+                  : (CGFloat)y animated
+                  : (BOOL)animated)
 {
-  [self.bridge.uiManager addUIBlock:
-   ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry){ // TODO(macOS ISS#3536887)
-    RCTUIView *view = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
-    if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
-      [(id<RCTScrollableProtocol>)view scrollToOffset:(CGPoint){x, y} animated:animated];
-    } else {
-      RCTLogError(@"tried to scrollTo: on non-RCTScrollableProtocol view %@ "
-                  "with tag #%@", view, reactTag);
-    }
-  }];
+  [self.bridge.uiManager
+      addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+        RCTUIView *view = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
+        if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
+          [(id<RCTScrollableProtocol>)view scrollToOffset:(CGPoint){x, y} animated:animated];
+        } else {
+          RCTLogError(
+              @"tried to scrollTo: on non-RCTScrollableProtocol view %@ "
+               "with tag #%@",
+              view,
+              reactTag);
+        }
+      }];
 }
 
-RCT_EXPORT_METHOD(scrollToEnd:(nonnull NSNumber *)reactTag
-                  animated:(BOOL)animated)
+RCT_EXPORT_METHOD(scrollToEnd : (nonnull NSNumber *)reactTag animated : (BOOL)animated)
 {
-  [self.bridge.uiManager addUIBlock:
-   ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry){ // TODO(macOS ISS#3536887)
-     RCTUIView *view = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
-     if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
-       [(id<RCTScrollableProtocol>)view scrollToEnd:animated];
-     } else {
-       RCTLogError(@"tried to scrollTo: on non-RCTScrollableProtocol view %@ "
-                   "with tag #%@", view, reactTag);
-     }
-   }];
+  [self.bridge.uiManager
+      addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+        RCTUIView *view = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
+        if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
+          [(id<RCTScrollableProtocol>)view scrollToEnd:animated];
+        } else {
+          RCTLogError(
+              @"tried to scrollTo: on non-RCTScrollableProtocol view %@ "
+               "with tag #%@",
+              view,
+              reactTag);
+        }
+      }];
 }
 
-RCT_EXPORT_METHOD(zoomToRect:(nonnull NSNumber *)reactTag
-                  withRect:(CGRect)rect
-                  animated:(BOOL)animated)
+RCT_EXPORT_METHOD(zoomToRect : (nonnull NSNumber *)reactTag withRect : (CGRect)rect animated : (BOOL)animated)
 {
-  [self.bridge.uiManager addUIBlock:
-   ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry){ // TODO(macOS ISS#3536887)
-    RCTUIView *view = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
-    if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
-      [(id<RCTScrollableProtocol>)view zoomToRect:rect animated:animated];
-    } else {
-      RCTLogError(@"tried to zoomToRect: on non-RCTScrollableProtocol view %@ "
-                  "with tag #%@", view, reactTag);
-    }
-  }];
+  [self.bridge.uiManager
+      addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTUIView *> *viewRegistry) { // TODO(macOS ISS#3536887)
+        RCTUIView *view = viewRegistry[reactTag]; // TODO(macOS ISS#3536887)
+        if ([view conformsToProtocol:@protocol(RCTScrollableProtocol)]) {
+          [(id<RCTScrollableProtocol>)view zoomToRect:rect animated:animated];
+        } else {
+          RCTLogError(
+              @"tried to zoomToRect: on non-RCTScrollableProtocol view %@ "
+               "with tag #%@",
+              view,
+              reactTag);
+        }
+      }];
 }
 
-RCT_EXPORT_METHOD(flashScrollIndicators:(nonnull NSNumber *)reactTag)
+RCT_EXPORT_METHOD(flashScrollIndicators : (nonnull NSNumber *)reactTag)
 {
-  [self.bridge.uiManager addUIBlock:
-   ^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTScrollView *> *viewRegistry){
-
-     RCTScrollView *view = viewRegistry[reactTag];
-     if (!view || ![view isKindOfClass:[RCTScrollView class]]) {
-       RCTLogError(@"Cannot find RCTScrollView with tag #%@", reactTag);
-       return;
-     }
-
-     [view flashScrollIndicators]; // TODO(macOS ISS#2323203)
-   }];
+  [self.bridge.uiManager
+      addUIBlock:^(__unused RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTScrollView *> *viewRegistry) {
+        RCTScrollView *view = viewRegistry[reactTag];
+        if (!view || ![view isKindOfClass:[RCTScrollView class]]) {
+          RCTLogError(@"Cannot find RCTScrollView with tag #%@", reactTag);
+          return;
+        }
+
+        [view flashScrollIndicators]; // TODO(macOS ISS#2323203)
+      }];
 }
 
 @end
diff --git a/React/Views/ScrollView/RCTScrollableProtocol.h b/React/Views/ScrollView/RCTScrollableProtocol.h
index caed735316e3af..578b9596b988a5 100644
--- a/React/Views/ScrollView/RCTScrollableProtocol.h
+++ b/React/Views/ScrollView/RCTScrollableProtocol.h
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 #import <React/RCTComponent.h>
+#import <React/RCTUIKit.h> // TODO(macOS ISS#2323203)
 
 /**
  * Contains any methods related to scrolling. Any `RCTView` that has scrolling
diff --git a/React/Views/UIView+React.h b/React/Views/UIView+React.h
index 6c2db1a4e77534..f729b8f3f207e5 100644
--- a/React/Views/UIView+React.h
+++ b/React/Views/UIView+React.h
@@ -120,7 +120,7 @@
  */
 @property (nonatomic, copy) NSString *accessibilityRoleInternal; // TODO(OSS Candidate ISS#2710739): renamed so it doesn't conflict with -[NSAccessibility accessibilityRole].
 @property (nonatomic, copy) NSDictionary<NSString *, id> *accessibilityState;
-@property (nonatomic, copy) NSArray <NSDictionary *> *accessibilityActions;
+@property (nonatomic, copy) NSArray<NSDictionary *> *accessibilityActions;
 @property (nonatomic, copy) NSDictionary *accessibilityValueInternal;
 
 /**
diff --git a/React/Views/UIView+React.m b/React/Views/UIView+React.m
index 12af79cac2feff..6fc19edcec8208 100644
--- a/React/Views/UIView+React.m
+++ b/React/Views/UIView+React.m
@@ -35,12 +35,12 @@ - (void)setRootTag:(NSNumber *)rootTag
   objc_setAssociatedObject(self, @selector(rootTag), rootTag, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
 
-- (NSNumber *)nativeID
+- (NSString *)nativeID
 {
   return objc_getAssociatedObject(self, _cmd);
 }
 
-- (void)setNativeID:(NSNumber *)nativeID
+- (void)setNativeID:(NSString *)nativeID
 {
   objc_setAssociatedObject(self, @selector(nativeID), nativeID, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
@@ -48,19 +48,19 @@ - (void)setNativeID:(NSNumber *)nativeID
 - (BOOL)shouldAccessibilityIgnoresInvertColors
 {
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-    if (@available(iOS 11.0, *)) {
-        return self.accessibilityIgnoresInvertColors;
-    }
+  if (@available(iOS 11.0, *)) {
+    return self.accessibilityIgnoresInvertColors;
+  }
 #endif
-    return NO;
+  return NO;
 }
 
 - (void)setShouldAccessibilityIgnoresInvertColors:(BOOL)shouldAccessibilityIgnoresInvertColors
 {
 #if defined(__IPHONE_OS_VERSION_MAX_ALLOWED) && __IPHONE_OS_VERSION_MAX_ALLOWED >= 110000 /* __IPHONE_11_0 */
-    if (@available(iOS 11.0, *)) {
-        self.accessibilityIgnoresInvertColors = shouldAccessibilityIgnoresInvertColors;
-    }
+  if (@available(iOS 11.0, *)) {
+    self.accessibilityIgnoresInvertColors = shouldAccessibilityIgnoresInvertColors;
+  }
 #endif
 }
 
@@ -145,13 +145,13 @@ - (void)setReactLayoutDirection:(UIUserInterfaceLayoutDirection)layoutDirection
   if ([self respondsToSelector:@selector(setSemanticContentAttribute:)]) {
 #pragma clang diagnostic push // TODO(OSS Candidate ISS#2710739)
 #pragma clang diagnostic ignored "-Wunguarded-availability" // TODO(OSS Candidate ISS#2710739)
-    self.semanticContentAttribute =
-      layoutDirection == UIUserInterfaceLayoutDirectionLeftToRight ?
-        UISemanticContentAttributeForceLeftToRight :
-        UISemanticContentAttributeForceRightToLeft;
+    self.semanticContentAttribute = layoutDirection == UIUserInterfaceLayoutDirectionLeftToRight
+        ? UISemanticContentAttributeForceLeftToRight
+        : UISemanticContentAttributeForceRightToLeft;
 #pragma clang diagnostic pop // TODO(OSS Candidate ISS#2710739)
   } else {
-    objc_setAssociatedObject(self, @selector(reactLayoutDirection), @(layoutDirection), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+    objc_setAssociatedObject(
+        self, @selector(reactLayoutDirection), @(layoutDirection), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
   }
 #else // [TODO(macOS ISS#2323203)
 	self.userInterfaceLayoutDirection	= layoutDirection;
@@ -188,7 +188,8 @@ - (void)setReactZIndex:(NSInteger)reactZIndex
       // that original order is preserved.
       return NSOrderedAscending;
     }
-  }] : self.subviews;
+  }]
+                         : self.subviews;
 }
 
 - (void)didUpdateReactSubviews
@@ -213,11 +214,14 @@ - (void)reactSetFrame:(CGRect)frame
   CGRect bounds = {CGPointZero, frame.size};
 
   // Avoid crashes due to nan coords
-  if (isnan(position.x) || isnan(position.y) ||
-      isnan(bounds.origin.x) || isnan(bounds.origin.y) ||
+  if (isnan(position.x) || isnan(position.y) || isnan(bounds.origin.x) || isnan(bounds.origin.y) ||
       isnan(bounds.size.width) || isnan(bounds.size.height)) {
-    RCTLogError(@"Invalid layout for (%@)%@. position: %@. bounds: %@",
-                self.reactTag, self, NSStringFromCGPoint(position), NSStringFromCGRect(bounds));
+    RCTLogError(
+        @"Invalid layout for (%@)%@. position: %@. bounds: %@",
+        self.reactTag,
+        self,
+        NSStringFromCGPoint(position),
+        NSStringFromCGRect(bounds));
     return;
   }
 
@@ -279,13 +283,15 @@ - (void)setReactIsFocusNeeded:(BOOL)isFocusNeeded
   objc_setAssociatedObject(self, @selector(reactIsFocusNeeded), @(isFocusNeeded), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
 
-- (void)reactFocus {
+- (void)reactFocus
+{
   if (![self becomeFirstResponder]) {
     self.reactIsFocusNeeded = YES;
   }
 }
 
-- (void)reactFocusIfNeeded {
+- (void)reactFocusIfNeeded
+{
   if (self.reactIsFocusNeeded) {
     if ([self becomeFirstResponder]) {
       self.reactIsFocusNeeded = NO;
@@ -293,7 +299,8 @@ - (void)reactFocusIfNeeded {
   }
 }
 
-- (void)reactBlur {
+- (void)reactBlur
+{
 #if TARGET_OS_OSX // TODO(macOS ISS#2323203)
   if (self == [[self window] firstResponder]) {
     [[self window] makeFirstResponder:[[self window] nextResponder]];
@@ -322,11 +329,10 @@ - (UIEdgeInsets)reactCompoundInsets
   UIEdgeInsets paddingInsets = self.reactPaddingInsets;
 
   return UIEdgeInsetsMake(
-    borderInsets.top + paddingInsets.top,
-    borderInsets.left + paddingInsets.left,
-    borderInsets.bottom + paddingInsets.bottom,
-    borderInsets.right + paddingInsets.right
-  );
+      borderInsets.top + paddingInsets.top,
+      borderInsets.left + paddingInsets.left,
+      borderInsets.bottom + paddingInsets.bottom,
+      borderInsets.right + paddingInsets.right);
 }
 
 - (CGRect)reactContentFrame
@@ -348,7 +354,8 @@ - (RCTPlatformView *)reactAccessibilityElement // TODO(macOS ISS#2323203)
 
 - (void)setAccessibilityActions:(NSArray<NSDictionary *> *)accessibilityActions
 {
-  objc_setAssociatedObject(self, @selector(accessibilityActions), accessibilityActions, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+  objc_setAssociatedObject(
+      self, @selector(accessibilityActions), accessibilityActions, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
 
 - (NSString *)accessibilityRoleInternal // TODO(OSS Candidate ISS#2710739): renamed so it doesn't conflict with -[NSAccessibility accessibilityRole].
@@ -377,7 +384,8 @@ - (void)setAccessibilityState:(NSDictionary<NSString *, id> *)accessibilityState
 }
 - (void)setAccessibilityValueInternal:(NSDictionary<NSString *, id> *)accessibilityValue
 {
-  objc_setAssociatedObject(self, @selector(accessibilityValueInternal), accessibilityValue, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
+  objc_setAssociatedObject(
+      self, @selector(accessibilityValueInternal), accessibilityValue, OBJC_ASSOCIATION_RETAIN_NONATOMIC);
 }
 
 #pragma mark - Debug
@@ -403,4 +411,3 @@ - (NSString *)react_recursiveDescription
 }
 
 @end
-
diff --git a/React/third-party.xcconfig b/React/third-party.xcconfig
index 3ce55a008225fd..ada55f5ebe8ce0 100644
--- a/React/third-party.xcconfig
+++ b/React/third-party.xcconfig
@@ -8,5 +8,5 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-HEADER_SEARCH_PATHS = $(SRCROOT)/../third-party/boost_1_63_0 $(SRCROOT)/../third-party/folly-2018.10.22.00 $(SRCROOT)/../third-party/glog-0.3.5/src
+HEADER_SEARCH_PATHS = $(SRCROOT)/../third-party/boost_1_63_0 $(SRCROOT)/../third-party/folly-2020.01.13.00 $(SRCROOT)/../third-party/glog-0.3.5/src
 OTHER_CFLAGS = -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1
diff --git a/ReactAndroid/DevExperience.md b/ReactAndroid/DevExperience.md
index f2deababe7f4db..aa56e8c1e5b02f 100644
--- a/ReactAndroid/DevExperience.md
+++ b/ReactAndroid/DevExperience.md
@@ -1,4 +1,4 @@
-Here's how to test the whole dev experience end-to-end. This will be eventually merged into the [Getting Started guide](https://facebook.github.io/react-native/docs/getting-started.html).
+Here's how to test the whole dev experience end-to-end. This will be eventually merged into the [Getting Started guide](https://reactnative.dev/docs/getting-started.html).
 
 Assuming you have the [Android SDK](https://developer.android.com/sdk/installing/index.html) installed, run `android` to open the Android SDK Manager.
 
diff --git a/ReactAndroid/README.md b/ReactAndroid/README.md
index d96e2bf1184d0a..a920b7615d9b0e 100644
--- a/ReactAndroid/README.md
+++ b/ReactAndroid/README.md
@@ -1,7 +1,7 @@
 # Building React Native for Android
 
-See the [docs on the website](https://facebook.github.io/react-native/docs/building-from-source.html#android).
+See the [docs on the website](https://reactnative.dev/docs/building-from-source.html#android).
 
 # Running tests
 
-When you submit a pull request CircleCI will automatically run all tests. To run tests locally, see [Testing](https://facebook.github.io/react-native/docs/testing.html).
+When you submit a pull request CircleCI will automatically run all tests. To run tests locally, see [Testing](https://reactnative.dev/docs/testing.html).
diff --git a/ReactAndroid/build.gradle b/ReactAndroid/build.gradle
index 42675dd0d8fec5..595bfafb74804f 100644
--- a/ReactAndroid/build.gradle
+++ b/ReactAndroid/build.gradle
@@ -374,7 +374,7 @@ task extractJNIFiles {
 }
 
 android {
-    compileSdkVersion 28
+    compileSdkVersion 29
 
     compileOptions {
         sourceCompatibility(JavaVersion.VERSION_1_8)
@@ -441,6 +441,7 @@ dependencies {
     api("com.facebook.yoga:proguard-annotations:1.14.1")
     api("javax.inject:javax.inject:1")
     api("androidx.appcompat:appcompat:1.0.2")
+    api("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0")
     api("com.facebook.fresco:fresco:${FRESCO_VERSION}")
     api("com.facebook.fresco:imagepipeline-okhttp3:${FRESCO_VERSION}")
     api("com.facebook.soloader:soloader:${SO_LOADER_VERSION}")
diff --git a/ReactAndroid/gradle.properties b/ReactAndroid/gradle.properties
index a053e035f2579b..2758faee899f16 100644
--- a/ReactAndroid/gradle.properties
+++ b/ReactAndroid/gradle.properties
@@ -1,5 +1,5 @@
 # TODO :: ANDROID patch to stay consistant with the npm version.
-VERSION_NAME=0.62.0
+VERSION_NAME=0.63.2
 GROUP=com.facebook.react
 
 POM_NAME=ReactNative
@@ -15,11 +15,11 @@ FEST_ASSERT_CORE_VERSION=2.0M10
 ANDROIDX_TEST_VERSION=1.1.0
 FRESCO_VERSION=2.0.0
 OKHTTP_VERSION=3.12.1
-SO_LOADER_VERSION=0.8.0
+SO_LOADER_VERSION=0.8.2
 
 BOOST_VERSION=1_63_0
 DOUBLE_CONVERSION_VERSION=1.1.6
-FOLLY_VERSION=2018.10.22.00
+FOLLY_VERSION=2020.01.13.00
 GLOG_VERSION=0.3.5
 
 android.useAndroidX=true
diff --git a/ReactAndroid/proguard-rules.pro b/ReactAndroid/proguard-rules.pro
index 7eeef601f7189a..e13dfef7ec70ad 100644
--- a/ReactAndroid/proguard-rules.pro
+++ b/ReactAndroid/proguard-rules.pro
@@ -51,6 +51,9 @@
 -dontwarn com.facebook.react.**
 -keep,includedescriptorclasses class com.facebook.react.bridge.** { *; }
 
+# hermes
+-keep class com.facebook.jni.** { *; }
+
 # okhttp
 
 -keepattributes Signature
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java b/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java
index f96c16b0c9923c..7e26d3506fe33b 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java
@@ -7,26 +7,23 @@
 
 package com.facebook.react.bridge;
 
+import static com.facebook.react.bridge.Arguments.fromBundle;
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertNotNull;
+
 import android.content.Context;
 import android.content.Intent;
 import android.os.Bundle;
 import android.os.Parcel;
 import android.os.Parcelable;
-
 import androidx.annotation.NonNull;
 import androidx.test.platform.app.InstrumentationRegistry;
 import androidx.test.runner.AndroidJUnit4;
-
 import com.facebook.soloader.SoLoader;
-
 import org.junit.Before;
 import org.junit.Test;
 import org.junit.runner.RunWith;
 
-import static com.facebook.react.bridge.Arguments.fromBundle;
-import static org.junit.Assert.assertEquals;
-import static org.junit.Assert.assertNotNull;
-
 @RunWith(AndroidJUnit4.class)
 public class ArgumentsTest {
 
@@ -42,9 +39,9 @@ public void testFromBundle() {
   }
 
   /**
-   * When passing a bundle via {@link Intent} extras, it gets parceled and unparceled.
-   * Any array of bundles will return as an array of {@link Parcelable} instead. This test
-   * verifies that {@link Arguments#fromArray} handles this situation correctly.
+   * When passing a bundle via {@link Intent} extras, it gets parceled and unparceled. Any array of
+   * bundles will return as an array of {@link Parcelable} instead. This test verifies that {@link
+   * Arguments#fromArray} handles this situation correctly.
    */
   @Test
   public void testFromMarshaledBundle() {
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK
index 0bb7e7becc9564..301a2fdd5db49d 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/BUCK
@@ -14,6 +14,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        react_native_dep("java/com/facebook/hermes/reactexecutor:reactexecutor"),
         react_native_dep("libraries/soloader/java/com/facebook/soloader:soloader"),
         react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:core"),
@@ -33,7 +34,6 @@ rn_android_library(
         react_native_target("java/com/facebook/react/common:common"),
         react_native_target("java/com/facebook/react/devsupport:interfaces"),
         react_native_target("java/com/facebook/react/fabric:fabric"),
-        react_native_target("java/com/facebook/react/jscexecutor:jscexecutor"),
         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/modules/core:core"),
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 d93316e09e4518..614b341b0ec949 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
@@ -75,6 +75,8 @@ protected void onCreate(Bundle savedInstanceState) {
     rootView.addView(mScreenshotingFrameLayout);
 
     mReactRootView = new ReactRootView(this);
+
+    // This is useful for standalone instrumentation tests, but not SSTs
     Intent intent = getIntent();
     if (intent != null && intent.getBooleanExtra(EXTRA_IS_FABRIC_TEST, false)) {
       mReactRootView.setIsFabric(true);
@@ -165,6 +167,11 @@ public void renderComponent(String appKey) {
   }
 
   public void renderComponent(final String appKey, final @Nullable Bundle initialProps) {
+    // This is used by SSTs
+    boolean fabricEnabled =
+        (initialProps != null ? initialProps.getBoolean(EXTRA_IS_FABRIC_TEST, false) : false);
+    mReactRootView.setIsFabric(fabricEnabled);
+
     final CountDownLatch currentLayoutEvent = mLayoutEvent = new CountDownLatch(1);
     runOnUiThread(
         new Runnable() {
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 bbf5d6428568e3..fa723d1418e792 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
@@ -14,6 +14,7 @@
 import androidx.annotation.Nullable;
 import androidx.test.InstrumentationRegistry;
 import com.android.internal.util.Predicate;
+import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.NativeModuleRegistryBuilder;
 import com.facebook.react.R;
@@ -28,7 +29,6 @@
 import com.facebook.react.bridge.NativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.queue.ReactQueueConfigurationSpec;
-import com.facebook.react.jscexecutor.JSCExecutorFactory;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.uimanager.ViewManager;
 import java.util.Arrays;
@@ -79,7 +79,7 @@ public CatalystInstance build() {
         }
         JavaScriptExecutor executor = null;
         try {
-          executor = new JSCExecutorFactory("ReactTestHelperApp", "ReactTestHelperDevice").create();
+          executor = new HermesExecutorFactory().create();
         } catch (Exception e) {
           throw new RuntimeException(e);
         }
@@ -108,7 +108,8 @@ public ReactInstanceEasyBuilder getCatalystInstanceBuilder() {
 
     @Override
     public ReactInstanceManagerBuilder getReactInstanceManagerBuilder() {
-      return ReactInstanceManager.builder();
+      return ReactInstanceManager.builder()
+          .setJavaScriptExecutorFactory(new HermesExecutorFactory());
     }
   }
 
diff --git a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/BUCK b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/BUCK
index b0a3d9e254f707..1bf0b3c7a8ab15 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/BUCK
@@ -16,7 +16,7 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = ([
-        react_native_dep("third-party/java/espresso:espresso"),
+        react_native_dep("third-party/android/androidx:test-espresso-core"),
         react_native_dep("third-party/java/jsr-305:jsr-305"),
         react_native_dep("third-party/java/junit:junit"),
         react_native_dep("third-party/java/testing-support-lib:testing-support-lib"),
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 f068a88c30c657..3d955e4b4e5fba 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
@@ -12,6 +12,7 @@
 import android.util.TypedValue;
 import android.view.View;
 import android.view.ViewGroup;
+import android.view.accessibility.AccessibilityNodeInfo;
 import android.view.inputmethod.EditorInfo;
 import android.widget.EditText;
 import com.facebook.react.bridge.JavaScriptModule;
@@ -107,6 +108,97 @@ public void testOnSubmitEditing() throws Throwable {
     fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_NONE);
   }
 
+  public void testRequestFocusDoesNothing() throws Throwable {
+    String testId = "textInput1";
+
+    final ReactEditText reactEditText = getViewByTestId(testId);
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.clearFocus();
+          }
+        });
+    waitForBridgeAndUIIdle();
+    assertFalse(reactEditText.isFocused());
+
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.requestFocus();
+          }
+        });
+    waitForBridgeAndUIIdle();
+
+    // Calling requestFocus() directly should no-op
+    assertFalse(reactEditText.isFocused());
+  }
+
+  public void testRequestFocusFromJS() throws Throwable {
+    String testId = "textInput1";
+
+    final ReactEditText reactEditText = getViewByTestId(testId);
+
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.clearFocus();
+          }
+        });
+    waitForBridgeAndUIIdle();
+    assertFalse(reactEditText.isFocused());
+
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.requestFocusFromJS();
+          }
+        });
+    waitForBridgeAndUIIdle();
+    assertTrue(reactEditText.isFocused());
+  }
+
+  public void testAccessibilityFocus() throws Throwable {
+    String testId = "textInput1";
+
+    final ReactEditText reactEditText = getViewByTestId(testId);
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.clearFocus();
+          }
+        });
+    waitForBridgeAndUIIdle();
+    assertFalse(reactEditText.isFocused());
+
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.performAccessibilityAction(
+                AccessibilityNodeInfo.ACTION_ACCESSIBILITY_FOCUS, null);
+            reactEditText.performAccessibilityAction(AccessibilityNodeInfo.ACTION_CLICK, null);
+          }
+        });
+    waitForBridgeAndUIIdle();
+    assertTrue(reactEditText.isFocused());
+
+    runTestOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            reactEditText.performAccessibilityAction(
+                AccessibilityNodeInfo.ACTION_CLEAR_FOCUS, null);
+          }
+        });
+    waitForBridgeAndUIIdle();
+    assertFalse(reactEditText.isFocused());
+  }
+
   private void fireEditorActionAndCheckRecording(
       final ReactEditText reactEditText, final int actionId) throws Throwable {
     fireEditorActionAndCheckRecording(reactEditText, actionId, true);
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 d14a43f82cfef1..0c2c6a3781d998 100644
--- a/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/BUCK
+++ b/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/BUCK
@@ -13,7 +13,7 @@ rn_android_library(
     srcs = glob(["*.java"]),
     is_androidx = True,
     deps = ([
-        react_native_dep("third-party/java/espresso:espresso"),
+        react_native_dep("third-party/android/androidx:test-espresso-core"),
         react_native_dep("third-party/java/fest:fest"),
         react_native_dep("third-party/java/junit:junit"),
         react_native_dep("third-party/java/testing-support-lib:testing-support-lib"),
diff --git a/ReactAndroid/src/androidTest/js/TestBundle.js b/ReactAndroid/src/androidTest/js/TestBundle.js
index 4634d0c80491af..4608c1780d3733 100644
--- a/ReactAndroid/src/androidTest/js/TestBundle.js
+++ b/ReactAndroid/src/androidTest/js/TestBundle.js
@@ -9,8 +9,8 @@
 
 'use strict';
 
-// Disable YellowBox so we do not have to mock its dependencies
-console.disableYellowBox = true;
+// Disable LogBox so we do not have to mock its dependencies.
+require('react-native').LogBox.ignoreAllLogs(true);
 
 // Include callable JS modules first, in case one of the other ones below throws
 require('./ProgressBarTestModule');
diff --git a/ReactAndroid/src/androidTest/js/TextInputTestModule.js b/ReactAndroid/src/androidTest/js/TextInputTestModule.js
index 4d994fdf759419..606d1ffd24f95b 100644
--- a/ReactAndroid/src/androidTest/js/TextInputTestModule.js
+++ b/ReactAndroid/src/androidTest/js/TextInputTestModule.js
@@ -170,7 +170,7 @@ const styles = StyleSheet.create({
     fontWeight: 'bold',
   },
   textInputColor: {
-    marginLeft: 20,
+    color: '#00ff00',
   },
 });
 
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/BUCK b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/BUCK
index fc3dede1b90cad..9c844d1b75b321 100644
--- a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/BUCK
@@ -1,4 +1,4 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "react_native_dep", "react_native_target", "rn_android_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "FBJNI_TARGET", "IS_OSS_BUILD", "react_native_dep", "react_native_target", "react_native_xplat_target", "rn_android_library", "rn_xplat_cxx_library")
 
 rn_android_library(
     name = "FBReactNativeSpec",
@@ -14,3 +14,44 @@ rn_android_library(
         react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
     ],
 )
+
+rn_xplat_cxx_library(
+    name = "FBReactNativeSpec-jni",
+    srcs = [
+        "jni/FBReactNativeSpec-generated.cpp",
+    ],
+    headers = {
+        "FBReactNativeSpec/FBReactNativeSpec.h": "jni/FBReactNativeSpec.h",
+    },
+    header_namespace = "",
+    exported_headers = {
+        "FBReactNativeSpec/FBReactNativeSpec.h": "jni/FBReactNativeSpec.h",
+    },
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    labels = ["supermodule:android/default/public.react_native.infra"],
+    platforms = (ANDROID,),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    visibility = [
+        "PUBLIC",
+    ],
+    deps = [
+        FBJNI_TARGET,
+        "//xplat/folly:molly",
+        "//xplat/jsi:JSIDynamic",
+        react_native_target("jni/react/jni:jni"),
+        react_native_xplat_target("cxxreact:bridge"),
+    ],
+    exported_deps = ([
+        react_native_xplat_target("turbomodule/core:core"),
+    ]) + ([
+        "//xplat/jsi:jsi",
+    ]) if not IS_OSS_BUILD else [],
+)
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeBlobModuleSpec.java b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeBlobModuleSpec.java
index 14ea57f1d41d24..774bbfd390a4ec 100644
--- a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeBlobModuleSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeBlobModuleSpec.java
@@ -55,11 +55,10 @@ public NativeBlobModuleSpec(ReactApplicationContext reactContext) {
   public final @Nullable Map<String, Object> getConstants() {
     Map<String, Object> constants = getTypedExportedConstants();
     if (ReactBuildConfig.DEBUG || ReactBuildConfig.IS_INTERNAL_BUILD) {
-      Set<String> obligatoryFlowConstants = new HashSet<>(Arrays.asList(
-          "BLOB_URI_SCHEME"
-      ));
+      Set<String> obligatoryFlowConstants = new HashSet<>();
       Set<String> optionalFlowConstants = new HashSet<>(Arrays.asList(
-          "BLOB_URI_HOST"
+          "BLOB_URI_HOST",
+          "BLOB_URI_SCHEME"
       ));
       Set<String> undeclaredConstants = new HashSet<>(constants.keySet());
       undeclaredConstants.removeAll(obligatoryFlowConstants);
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevLoadingViewSpec.java b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevLoadingViewSpec.java
index 30cb6d15958c07..95a3c553a48f8f 100644
--- a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevLoadingViewSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevLoadingViewSpec.java
@@ -16,7 +16,6 @@
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReactModuleWithSpec;
-import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 
 public abstract class NativeDevLoadingViewSpec extends ReactContextBaseJavaModule implements ReactModuleWithSpec, TurboModule {
@@ -28,5 +27,5 @@ public NativeDevLoadingViewSpec(ReactApplicationContext reactContext) {
   public abstract void hide();
 
   @ReactMethod
-  public abstract void showMessage(String message, ReadableMap color, ReadableMap backgroundColor);
+  public abstract void showMessage(String message, Double withColor, Double withBackgroundColor);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevSettingsSpec.java b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevSettingsSpec.java
index c1ff7bde0f8358..77bd1cdf8deea6 100644
--- a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevSettingsSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeDevSettingsSpec.java
@@ -30,6 +30,9 @@ public NativeDevSettingsSpec(ReactApplicationContext reactContext) {
   public void onFastRefresh() {
   }
 
+  @ReactMethod
+  public abstract void removeListeners(double count);
+
   @ReactMethod
   public abstract void reload();
 
@@ -51,4 +54,7 @@ public void reloadWithReason(String reason) {
 
   @ReactMethod
   public abstract void setIsShakeToShowDevMenuEnabled(boolean enabled);
+
+  @ReactMethod
+  public abstract void addListener(String eventName);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSCHeapCaptureSpec.java b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSCHeapCaptureSpec.java
new file mode 100644
index 00000000000000..f74a8a12912e92
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSCHeapCaptureSpec.java
@@ -0,0 +1,29 @@
+/**
+ * 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.
+ *
+ * <p>Generated by an internal genrule from Flow types.
+ *
+ * @generated
+ * @nolint
+ */
+
+package com.facebook.fbreact.specs;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReactModuleWithSpec;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import javax.annotation.Nullable;
+
+public abstract class NativeJSCHeapCaptureSpec extends ReactContextBaseJavaModule implements ReactModuleWithSpec, TurboModule {
+  public NativeJSCHeapCaptureSpec(ReactApplicationContext reactContext) {
+    super(reactContext);
+  }
+
+  @ReactMethod
+  public abstract void captureComplete(String path, @Nullable String error);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSDevSupportSpec.java b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSDevSupportSpec.java
index 4663777a6c2f40..4e76f968ae6923 100644
--- a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSDevSupportSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativeJSDevSupportSpec.java
@@ -16,7 +16,6 @@
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReactModuleWithSpec;
-import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import java.util.Arrays;
@@ -34,7 +33,7 @@ public NativeJSDevSupportSpec(ReactApplicationContext reactContext) {
   public abstract void onFailure(double errorCode, String error);
 
   @ReactMethod
-  public abstract void onSuccess(ReadableMap data);
+  public abstract void onSuccess(String data);
 
   protected abstract Map<String, Object> getTypedExportedConstants();
 
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativePlatformConstantsAndroidSpec.java b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativePlatformConstantsAndroidSpec.java
index c39b6a03d53650..c8340538348f63 100644
--- a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativePlatformConstantsAndroidSpec.java
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/NativePlatformConstantsAndroidSpec.java
@@ -47,11 +47,12 @@ public NativePlatformConstantsAndroidSpec(ReactApplicationContext reactContext)
           "Version",
           "reactNativeVersion",
           "Model",
-          "ServerHost",
           "isTesting",
           "Release"
       ));
-      Set<String> optionalFlowConstants = new HashSet<>();
+      Set<String> optionalFlowConstants = new HashSet<>(Arrays.asList(
+          "ServerHost"
+      ));
       Set<String> undeclaredConstants = new HashSet<>(constants.keySet());
       undeclaredConstants.removeAll(obligatoryFlowConstants);
       undeclaredConstants.removeAll(optionalFlowConstants);
diff --git a/ReactAndroid/src/main/java/com/facebook/fbreact/specs/jni/FBReactNativeSpec-generated.cpp b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/jni/FBReactNativeSpec-generated.cpp
new file mode 100644
index 00000000000000..b90658b8dfa3c0
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/jni/FBReactNativeSpec-generated.cpp
@@ -0,0 +1,2492 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "isReduceMotionEnabled", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "isTouchExplorationEnabled", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setAccessibilityFocus", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "announceForAccessibility", "(Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeAccessibilityInfoSpecJSI::NativeAccessibilityInfoSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AccessibilityInfo", instance, jsInvoker, nativeInvoker) {
+        
+        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
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentBoldTextState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentGrayscaleState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentInvertColorsState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentReduceMotionState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentReduceTransparencyState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentVoiceOverState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setAccessibilityContentSizeMultipliers", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setAccessibilityFocus", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "announceForAccessibility", "(Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeAccessibilityManagerSpecJSI::NativeAccessibilityManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AccessibilityManager", instance, jsInvoker, nativeInvoker) {
+        
+        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};
+        
+        
+        methodMap_["setAccessibilityFocus"] = MethodMetadata {1, __hostFunction_NativeAccessibilityManagerSpecJSI_setAccessibilityFocus};
+        
+        
+        methodMap_["announceForAccessibility"] = MethodMetadata {1, __hostFunction_NativeAccessibilityManagerSpecJSI_announceForAccessibility};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showActionSheetWithOptions", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showShareActionSheetWithOptions", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+
+    NativeActionSheetManagerSpecJSI::NativeActionSheetManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ActionSheetManager", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["showActionSheetWithOptions"] = MethodMetadata {2, __hostFunction_NativeActionSheetManagerSpecJSI_showActionSheetWithOptions};
+        
+        
+        methodMap_["showShareActionSheetWithOptions"] = MethodMetadata {3, __hostFunction_NativeActionSheetManagerSpecJSI_showShareActionSheetWithOptions};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "alertWithArgs", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+
+    NativeAlertManagerSpecJSI::NativeAlertManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AlertManager", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["alertWithArgs"] = MethodMetadata {2, __hostFunction_NativeAlertManagerSpecJSI_alertWithArgs};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "createAnimatedNode", "(DLcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "startListeningToAnimatedNodeValue", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "stopListeningToAnimatedNodeValue", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "connectAnimatedNodes", "(DD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "disconnectAnimatedNodes", "(DD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "startAnimatingNode", "(DDLcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "stopAnimation", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setAnimatedNodeValue", "(DD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setAnimatedNodeOffset", "(DD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "flattenAnimatedNodeOffset", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "extractAnimatedNodeOffset", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "connectAnimatedNodeToView", "(DD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "disconnectAnimatedNodeFromView", "(DD)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAnimatedModuleSpecJSI_restoreDefaultValues(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "restoreDefaultValues", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "dropAnimatedNode", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addAnimatedEventToView", "(DLjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeAnimatedEventFromView", "(DLjava/lang/String;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeAnimatedModuleSpecJSI::NativeAnimatedModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AnimatedModule", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["createAnimatedNode"] = MethodMetadata {2, __hostFunction_NativeAnimatedModuleSpecJSI_createAnimatedNode};
+        
+        
+        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};
+        
+        
+        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_["restoreDefaultValues"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_restoreDefaultValues};
+        
+        
+        methodMap_["dropAnimatedNode"] = MethodMetadata {1, __hostFunction_NativeAnimatedModuleSpecJSI_dropAnimatedNode};
+        
+        
+        methodMap_["addAnimatedEventToView"] = MethodMetadata {3, __hostFunction_NativeAnimatedModuleSpecJSI_addAnimatedEventToView};
+        
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "startRecordingFps", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "stopRecordingFps", "(D)V", args, count);
+    }
+
+
+    NativeAnimationsDebugModuleSpecJSI::NativeAnimationsDebugModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AnimationsDebugModule", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["startRecordingFps"] = MethodMetadata {0, __hostFunction_NativeAnimationsDebugModuleSpecJSI_startRecordingFps};
+        
+        
+        methodMap_["stopRecordingFps"] = MethodMetadata {1, __hostFunction_NativeAnimationsDebugModuleSpecJSI_stopRecordingFps};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getCurrentAppState", "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeAppStateSpecJSI::NativeAppStateSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AppState", instance, jsInvoker, nativeInvoker) {
+        
+        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
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeAppearanceSpecJSI_getColorScheme(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, StringKind, "getColorScheme", "()Ljava/lang/String;", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAppearanceSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeAppearanceSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeAppearanceSpecJSI::NativeAppearanceSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("Appearance", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getColorScheme"] = MethodMetadata {0, __hostFunction_NativeAppearanceSpecJSI_getColorScheme};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeAppearanceSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeAppearanceSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "multiGet", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "multiSet", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "multiMerge", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "multiRemove", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "clear", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getAllKeys", "(Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+
+    NativeAsyncStorageSpecJSI::NativeAsyncStorageSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("AsyncStorage", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addNetworkingHandler", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addWebSocketHandler", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeWebSocketHandler", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "sendOverSocket", "(Lcom/facebook/react/bridge/ReadableMap;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "createFromParts", "(Lcom/facebook/react/bridge/ReadableArray;Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "release", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeBlobModuleSpecJSI::NativeBlobModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("BlobModule", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "startReportAProblemFlow", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setExtraData", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setCategoryID", "(Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeBugReportingSpecJSI::NativeBugReportingSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("BugReporting", instance, jsInvoker, nativeInvoker) {
+        
+        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_NativeCameraRollManagerSpecJSI_getPhotos(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getPhotos", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeCameraRollManagerSpecJSI_saveToCameraRoll(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "saveToCameraRoll", "(Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeCameraRollManagerSpecJSI_deletePhotos(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "deletePhotos", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeCameraRollManagerSpecJSI::NativeCameraRollManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("CameraRollManager", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getPhotos"] = MethodMetadata {1, __hostFunction_NativeCameraRollManagerSpecJSI_getPhotos};
+        
+        
+        methodMap_["saveToCameraRoll"] = MethodMetadata {2, __hostFunction_NativeCameraRollManagerSpecJSI_saveToCameraRoll};
+        
+        
+        methodMap_["deletePhotos"] = MethodMetadata {1, __hostFunction_NativeCameraRollManagerSpecJSI_deletePhotos};
+        
+        
+
+    }
+
+  } // 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getString", "(Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setString", "(Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeClipboardSpecJSI::NativeClipboardSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("Clipboard", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "open", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeDatePickerAndroidSpecJSI::NativeDatePickerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DatePickerAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showMessage", "(Ljava/lang/String;Ljava/lang/Double;Ljava/lang/Double;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "hide", "()V", args, count);
+    }
+
+
+    NativeDevLoadingViewSpecJSI::NativeDevLoadingViewSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DevLoadingView", instance, jsInvoker, nativeInvoker) {
+        
+        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_NativeDevMenuSpecJSI_show(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "show", "()V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevMenuSpecJSI_reload(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "reload", "()V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevMenuSpecJSI_debugRemotely(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "debugRemotely", "(Z)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevMenuSpecJSI_setProfilingEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setProfilingEnabled", "(Z)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevMenuSpecJSI_setHotLoadingEnabled(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setHotLoadingEnabled", "(Z)V", args, count);
+    }
+
+
+    NativeDevMenuSpecJSI::NativeDevMenuSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DevMenu", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["show"] = MethodMetadata {0, __hostFunction_NativeDevMenuSpecJSI_show};
+        
+        
+        methodMap_["reload"] = MethodMetadata {0, __hostFunction_NativeDevMenuSpecJSI_reload};
+        
+        
+        methodMap_["debugRemotely"] = MethodMetadata {1, __hostFunction_NativeDevMenuSpecJSI_debugRemotely};
+        
+        
+        methodMap_["setProfilingEnabled"] = MethodMetadata {1, __hostFunction_NativeDevMenuSpecJSI_setProfilingEnabled};
+        
+        
+        methodMap_["setHotLoadingEnabled"] = MethodMetadata {1, __hostFunction_NativeDevMenuSpecJSI_setHotLoadingEnabled};
+        
+        
+
+    }
+
+  } // 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "reload", "()V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_reloadWithReason(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "reloadWithReason", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_onFastRefresh(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "onFastRefresh", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setHotLoadingEnabled", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setIsDebuggingRemotely", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setProfilingEnabled", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "toggleElementInspector", "()V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_addMenuItem(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addMenuItem", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeDevSettingsSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setIsShakeToShowDevMenuEnabled", "(Z)V", args, count);
+    }
+
+
+    NativeDevSettingsSpecJSI::NativeDevSettingsSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DevSettings", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["reload"] = MethodMetadata {0, __hostFunction_NativeDevSettingsSpecJSI_reload};
+        
+        
+        methodMap_["reloadWithReason"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_reloadWithReason};
+        
+        
+        methodMap_["onFastRefresh"] = MethodMetadata {0, __hostFunction_NativeDevSettingsSpecJSI_onFastRefresh};
+        
+        
+        methodMap_["setHotLoadingEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setHotLoadingEnabled};
+        
+        
+        methodMap_["setIsDebuggingRemotely"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setIsDebuggingRemotely};
+        
+        
+        methodMap_["setProfilingEnabled"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_setProfilingEnabled};
+        
+        
+        methodMap_["toggleElementInspector"] = MethodMetadata {0, __hostFunction_NativeDevSettingsSpecJSI_toggleElementInspector};
+        
+        
+        methodMap_["addMenuItem"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_addMenuItem};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeDevSettingsSpecJSI_removeListeners};
+        
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "invokeDefaultBackPressHandler", "()V", args, count);
+    }
+
+
+    NativeDeviceEventManagerSpecJSI::NativeDeviceEventManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DeviceEventManager", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeDeviceInfoSpecJSI::NativeDeviceInfoSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DeviceInfo", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeDeviceInfoSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showAlert", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeDialogManagerAndroidSpecJSI::NativeDialogManagerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("DialogManagerAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["showAlert"] = MethodMetadata {3, __hostFunction_NativeDialogManagerAndroidSpecJSI_showAlert};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeDialogManagerAndroidSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "reportFatalException", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "reportSoftException", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "reportException", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "updateExceptionMessage", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "dismissRedbox", "()V", args, count);
+    }
+
+
+    NativeExceptionsManagerSpecJSI::NativeExceptionsManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ExceptionsManager", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["reportFatalException"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_reportFatalException};
+        
+        
+        methodMap_["reportSoftException"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_reportSoftException};
+        
+        
+        methodMap_["reportException"] = MethodMetadata {1, __hostFunction_NativeExceptionsManagerSpecJSI_reportException};
+        
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "readAsDataURL", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "readAsText", "(Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeFileReaderModuleSpecJSI::NativeFileReaderModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("FileReaderModule", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["readAsDataURL"] = MethodMetadata {1, __hostFunction_NativeFileReaderModuleSpecJSI_readAsDataURL};
+        
+        
+        methodMap_["readAsText"] = MethodMetadata {2, __hostFunction_NativeFileReaderModuleSpecJSI_readAsText};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setGlobalOptions", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setContext", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "beginScroll", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "endScroll", "()V", args, count);
+    }
+
+
+    NativeFrameRateLoggerSpecJSI::NativeFrameRateLoggerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("FrameRateLogger", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["setGlobalOptions"] = MethodMetadata {1, __hostFunction_NativeFrameRateLoggerSpecJSI_setGlobalOptions};
+        
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "notifyTaskFinished", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "notifyTaskRetry", "(DLcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeHeadlessJsTaskSupportSpecJSI::NativeHeadlessJsTaskSupportSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("HeadlessJsTaskSupport", instance, jsInvoker, nativeInvoker) {
+        
+        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_NativeI18nManagerSpecJSI_allowRTL(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "allowRTL", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "forceRTL", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "swapLeftAndRightInRTL", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeI18nManagerSpecJSI::NativeI18nManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("I18nManager", instance, jsInvoker, nativeInvoker) {
+        
+        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 {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeImageEditorSpecJSI_cropImage(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "cropImage", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+
+    NativeImageEditorSpecJSI::NativeImageEditorSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ImageEditor", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["cropImage"] = MethodMetadata {4, __hostFunction_NativeImageEditorSpecJSI_cropImage};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderAndroidSpecJSI_abortRequest(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "abortRequest", "(D)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderAndroidSpecJSI_getSize(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getSize", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderAndroidSpecJSI_getSizeWithHeaders(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getSizeWithHeaders", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderAndroidSpecJSI_prefetchImage(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "prefetchImage", "(Ljava/lang/String;DLcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderAndroidSpecJSI_queryCache(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "queryCache", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeImageLoaderAndroidSpecJSI::NativeImageLoaderAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ImageLoaderAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["abortRequest"] = MethodMetadata {1, __hostFunction_NativeImageLoaderAndroidSpecJSI_abortRequest};
+        
+        
+        methodMap_["getSize"] = MethodMetadata {1, __hostFunction_NativeImageLoaderAndroidSpecJSI_getSize};
+        
+        
+        methodMap_["getSizeWithHeaders"] = MethodMetadata {2, __hostFunction_NativeImageLoaderAndroidSpecJSI_getSizeWithHeaders};
+        
+        
+        methodMap_["prefetchImage"] = MethodMetadata {2, __hostFunction_NativeImageLoaderAndroidSpecJSI_prefetchImage};
+        
+        
+        methodMap_["queryCache"] = MethodMetadata {1, __hostFunction_NativeImageLoaderAndroidSpecJSI_queryCache};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderIOSSpecJSI_getSize(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getSize", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderIOSSpecJSI_getSizeWithHeaders(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getSizeWithHeaders", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderIOSSpecJSI_prefetchImage(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "prefetchImage", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageLoaderIOSSpecJSI_queryCache(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "queryCache", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeImageLoaderIOSSpecJSI::NativeImageLoaderIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ImageLoaderIOS", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getSize"] = MethodMetadata {1, __hostFunction_NativeImageLoaderIOSSpecJSI_getSize};
+        
+        
+        methodMap_["getSizeWithHeaders"] = MethodMetadata {2, __hostFunction_NativeImageLoaderIOSSpecJSI_getSizeWithHeaders};
+        
+        
+        methodMap_["prefetchImage"] = MethodMetadata {1, __hostFunction_NativeImageLoaderIOSSpecJSI_prefetchImage};
+        
+        
+        methodMap_["queryCache"] = MethodMetadata {1, __hostFunction_NativeImageLoaderIOSSpecJSI_queryCache};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "canRecordVideos", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "canUseCamera", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "openCameraDialog", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "openSelectDialog", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "clearAllPendingVideos", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removePendingVideo", "(Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeImagePickerIOSSpecJSI::NativeImagePickerIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ImagePickerIOS", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["canRecordVideos"] = MethodMetadata {1, __hostFunction_NativeImagePickerIOSSpecJSI_canRecordVideos};
+        
+        
+        methodMap_["canUseCamera"] = MethodMetadata {1, __hostFunction_NativeImagePickerIOSSpecJSI_canUseCamera};
+        
+        
+        methodMap_["openCameraDialog"] = MethodMetadata {3, __hostFunction_NativeImagePickerIOSSpecJSI_openCameraDialog};
+        
+        
+        methodMap_["openSelectDialog"] = MethodMetadata {3, __hostFunction_NativeImagePickerIOSSpecJSI_openSelectDialog};
+        
+        
+        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_NativeImageStoreSpecJSI_getBase64ForTag(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getBase64ForTag", "(Ljava/lang/String;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageStoreSpecJSI_hasImageForTag(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "hasImageForTag", "(Ljava/lang/String;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageStoreSpecJSI_removeImageForTag(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeImageForTag", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeImageStoreSpecJSI_addImageFromBase64(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addImageFromBase64", "(Ljava/lang/String;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+
+    NativeImageStoreSpecJSI::NativeImageStoreSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ImageStore", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getBase64ForTag"] = MethodMetadata {3, __hostFunction_NativeImageStoreSpecJSI_getBase64ForTag};
+        
+        
+        methodMap_["hasImageForTag"] = MethodMetadata {2, __hostFunction_NativeImageStoreSpecJSI_hasImageForTag};
+        
+        
+        methodMap_["removeImageForTag"] = MethodMetadata {1, __hostFunction_NativeImageStoreSpecJSI_removeImageForTag};
+        
+        
+        methodMap_["addImageFromBase64"] = MethodMetadata {3, __hostFunction_NativeImageStoreSpecJSI_addImageFromBase64};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeJSCHeapCaptureSpecJSI_captureComplete(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "captureComplete", "(Ljava/lang/String;Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeJSCHeapCaptureSpecJSI::NativeJSCHeapCaptureSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("JSCHeapCapture", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["captureComplete"] = MethodMetadata {2, __hostFunction_NativeJSCHeapCaptureSpecJSI_captureComplete};
+        
+        
+
+    }
+
+  } // 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "operationComplete", "(DLjava/lang/String;Ljava/lang/String;)V", args, count);
+    }
+
+
+    NativeJSCSamplingProfilerSpecJSI::NativeJSCSamplingProfilerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("JSCSamplingProfiler", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "onSuccess", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "onFailure", "(DLjava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeJSDevSupportSpecJSI::NativeJSDevSupportSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("JSDevSupport", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeKeyboardObserverSpecJSI::NativeKeyboardObserverSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("KeyboardObserver", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeKeyboardObserverSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeKeyboardObserverSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getInitialURL", "(Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "canOpenURL", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "openURL", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "openSettings", "(Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "sendIntent", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeLinkingSpecJSI::NativeLinkingSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("Linking", instance, jsInvoker, nativeInvoker) {
+        
+        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_NativeLogBoxSpecJSI_show(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "show", "()V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeLogBoxSpecJSI_hide(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "hide", "()V", args, count);
+    }
+
+
+    NativeLogBoxSpecJSI::NativeLogBoxSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("LogBox", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["show"] = MethodMetadata {0, __hostFunction_NativeLogBoxSpecJSI_show};
+        
+        
+        methodMap_["hide"] = MethodMetadata {0, __hostFunction_NativeLogBoxSpecJSI_hide};
+        
+        
+
+    }
+
+  } // 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeModalManagerSpecJSI::NativeModalManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ModalManager", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeModalManagerSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeModalManagerSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "sendRequest", "(Ljava/lang/String;Ljava/lang/String;DLcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;ZDZ)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "abortRequest", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "clearCookies", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeNetworkingAndroidSpecJSI::NativeNetworkingAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("NetworkingAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        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
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "sendRequest", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "abortRequest", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "clearCookies", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeNetworkingIOSSpecJSI::NativeNetworkingIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("NetworkingIOS", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["sendRequest"] = MethodMetadata {2, __hostFunction_NativeNetworkingIOSSpecJSI_sendRequest};
+        
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "checkPermission", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "requestPermission", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "shouldShowRequestPermissionRationale", "(Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "requestMultiplePermissions", "(Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativePermissionsAndroidSpecJSI::NativePermissionsAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("PermissionsAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, StringKind, "getAndroidID", "()Ljava/lang/String;", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativePlatformConstantsAndroidSpecJSI::NativePlatformConstantsAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("PlatformConstantsAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativePlatformConstantsIOSSpecJSI::NativePlatformConstantsIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("PlatformConstantsIOS", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativePlatformConstantsIOSSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "onFinishRemoteNotification", "(Ljava/lang/String;Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setApplicationIconBadgeNumber", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getApplicationIconBadgeNumber", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "requestPermissions", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "abandonPermissions", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "checkPermissions", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "presentLocalNotification", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "scheduleLocalNotification", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "cancelAllLocalNotifications", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "cancelLocalNotifications", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "getInitialNotification", "(Lcom/facebook/react/bridge/Promise;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getScheduledLocalNotifications", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeAllDeliveredNotifications", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeDeliveredNotifications", "(Lcom/facebook/react/bridge/ReadableArray;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getDeliveredNotifications", "(Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativePushNotificationManagerIOSSpecJSI::NativePushNotificationManagerIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("PushNotificationManagerIOS", instance, jsInvoker, nativeInvoker) {
+        
+        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};
+        
+        
+        methodMap_["abandonPermissions"] = MethodMetadata {0, __hostFunction_NativePushNotificationManagerIOSSpecJSI_abandonPermissions};
+        
+        
+        methodMap_["checkPermissions"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_checkPermissions};
+        
+        
+        methodMap_["presentLocalNotification"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_presentLocalNotification};
+        
+        
+        methodMap_["scheduleLocalNotification"] = MethodMetadata {1, __hostFunction_NativePushNotificationManagerIOSSpecJSI_scheduleLocalNotification};
+        
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setExtraData", "(Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "dismiss", "()V", args, count);
+    }
+
+
+    NativeRedBoxSpecJSI::NativeRedBoxSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("RedBox", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "fetchSegment", "(DLcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getSegment", "(DLcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+
+    NativeSegmentFetcherSpecJSI::NativeSegmentFetcherSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("SegmentFetcher", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setValues", "(Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "deleteValues", "(Lcom/facebook/react/bridge/ReadableArray;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeSettingsManagerSpecJSI::NativeSettingsManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("SettingsManager", instance, jsInvoker, nativeInvoker) {
+        
+        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
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "share", "(Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeShareModuleSpecJSI::NativeShareModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ShareModule", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["share"] = MethodMetadata {2, __hostFunction_NativeShareModuleSpecJSI_share};
+        
+        
+
+    }
+
+  } // 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "playTouchSound", "()V", args, count);
+    }
+
+
+    NativeSoundManagerSpecJSI::NativeSoundManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("SoundManager", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeSourceCodeSpecJSI::NativeSourceCodeSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("SourceCode", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeSourceCodeSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setColor(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setColor", "(DZ)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setTranslucent(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setTranslucent", "(Z)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setStyle(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setStyle", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setHidden(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setHidden", "(Z)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerAndroidSpecJSI_getConstants(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeStatusBarManagerAndroidSpecJSI::NativeStatusBarManagerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("StatusBarManagerAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["setColor"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setColor};
+        
+        
+        methodMap_["setTranslucent"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setTranslucent};
+        
+        
+        methodMap_["setStyle"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setStyle};
+        
+        
+        methodMap_["setHidden"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerAndroidSpecJSI_setHidden};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeStatusBarManagerAndroidSpecJSI_getConstants};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+namespace facebook {
+  namespace react {
+
+    
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_getHeight(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "getHeight", "(Lcom/facebook/react/bridge/Callback;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_setNetworkActivityIndicatorVisible(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setNetworkActivityIndicatorVisible", "(Z)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_addListener(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_removeListeners(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_setStyle(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setStyle", "(Ljava/lang/String;Z)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_setHidden(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setHidden", "(ZLjava/lang/String;)V", args, count);
+    }
+
+    static facebook::jsi::Value __hostFunction_NativeStatusBarManagerIOSSpecJSI_getConstants(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+      return static_cast<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeStatusBarManagerIOSSpecJSI::NativeStatusBarManagerIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("StatusBarManagerIOS", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["getHeight"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerIOSSpecJSI_getHeight};
+        
+        
+        methodMap_["setNetworkActivityIndicatorVisible"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerIOSSpecJSI_setNetworkActivityIndicatorVisible};
+        
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerIOSSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeStatusBarManagerIOSSpecJSI_removeListeners};
+        
+        
+        methodMap_["setStyle"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerIOSSpecJSI_setStyle};
+        
+        
+        methodMap_["setHidden"] = MethodMetadata {2, __hostFunction_NativeStatusBarManagerIOSSpecJSI_setHidden};
+        
+        
+        methodMap_["getConstants"] = MethodMetadata {0, __hostFunction_NativeStatusBarManagerIOSSpecJSI_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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeTVNavigationEventEmitterSpecJSI::NativeTVNavigationEventEmitterSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("TVNavigationEventEmitter", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["addListener"] = MethodMetadata {1, __hostFunction_NativeTVNavigationEventEmitterSpecJSI_addListener};
+        
+        
+        methodMap_["removeListeners"] = MethodMetadata {1, __hostFunction_NativeTVNavigationEventEmitterSpecJSI_removeListeners};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, PromiseKind, "open", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V", args, count);
+    }
+
+
+    NativeTimePickerAndroidSpecJSI::NativeTimePickerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("TimePickerAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["open"] = MethodMetadata {1, __hostFunction_NativeTimePickerAndroidSpecJSI_open};
+        
+        
+
+    }
+
+  } // namespace react
+} // namespace facebook
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "createTimer", "(DDDZ)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "deleteTimer", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setSendIdleEvents", "(Z)V", args, count);
+    }
+
+
+    NativeTimingSpecJSI::NativeTimingSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("Timing", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "show", "(Ljava/lang/String;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showWithGravity", "(Ljava/lang/String;DD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showWithGravityAndOffset", "(Ljava/lang/String;DDDD)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeToastAndroidSpecJSI::NativeToastAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("ToastAndroid", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstantsForViewManager", "(Ljava/lang/String;)Lcom/facebook/react/bridge/WritableMap;", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ArrayKind, "getDefaultEventTypes", "()Lcom/facebook/react/bridge/WritableArray;", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "playTouchSound", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "lazilyLoadView", "(Ljava/lang/String;)Lcom/facebook/react/bridge/WritableMap;", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "createView", "(Ljava/lang/Double;Ljava/lang/String;DLcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "updateView", "(DLjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "focus", "(Ljava/lang/Double;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "blur", "(Ljava/lang/Double;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "findSubviewIn", "(Ljava/lang/Double;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "dispatchViewManagerCommand", "(Ljava/lang/Double;DLcom/facebook/react/bridge/ReadableArray;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "measure", "(Ljava/lang/Double;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "measureInWindow", "(Ljava/lang/Double;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "viewIsDescendantOf", "(Ljava/lang/Double;Ljava/lang/Double;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "measureLayout", "(Ljava/lang/Double;Ljava/lang/Double;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "measureLayoutRelativeToParent", "(Ljava/lang/Double;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setJSResponder", "(Ljava/lang/Double;Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "clearJSResponder", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "configureNextLayoutAnimation", "(Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeSubviewsFromContainerWithID", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "replaceExistingNonRootView", "(Ljava/lang/Double;Ljava/lang/Double;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setChildren", "(Ljava/lang/Double;Lcom/facebook/react/bridge/ReadableArray;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "manageChildren", "(Ljava/lang/Double;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "setLayoutAnimationEnabledExperimental", "(Z)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "sendAccessibilityEvent", "(Ljava/lang/Double;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "showPopupMenu", "(Ljava/lang/Double;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "dismissPopupMenu", "()V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, ObjectKind, "getConstants", "()Ljava/util/Map;", args, count);
+    }
+
+
+    NativeUIManagerSpecJSI::NativeUIManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("UIManager", instance, jsInvoker, nativeInvoker) {
+        
+        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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "vibrate", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "vibrateByPattern", "(Lcom/facebook/react/bridge/ReadableArray;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "cancel", "()V", args, count);
+    }
+
+
+    NativeVibrationSpecJSI::NativeVibrationSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("Vibration", instance, jsInvoker, nativeInvoker) {
+        
+        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
+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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "connect", "(Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableMap;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "send", "(Ljava/lang/String;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "sendBinary", "(Ljava/lang/String;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "ping", "(D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "close", "(DLjava/lang/String;D)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "addListener", "(Ljava/lang/String;)V", 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<JavaTurboModule&>(turboModule).invokeJavaMethod(rt, VoidKind, "removeListeners", "(D)V", args, count);
+    }
+
+
+    NativeWebSocketModuleSpecJSI::NativeWebSocketModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker)
+      : JavaTurboModule("WebSocketModule", instance, jsInvoker, nativeInvoker) {
+        
+        methodMap_["connect"] = MethodMetadata {4, __hostFunction_NativeWebSocketModuleSpecJSI_connect};
+        
+        
+        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/ReactAndroid/src/main/java/com/facebook/fbreact/specs/jni/FBReactNativeSpec.h b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/jni/FBReactNativeSpec.h
new file mode 100644
index 00000000000000..0567b512e61971
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/fbreact/specs/jni/FBReactNativeSpec.h
@@ -0,0 +1,833 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 <ReactCommon/JavaTurboModule.h>
+#import <ReactCommon/TurboModule.h>
+#import <fb/fbjni.h>
+#import <jsi/jsi.h>
+
+
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AccessibilityInfo'
+     */
+
+    class JSI_EXPORT NativeAccessibilityInfoSpecJSI : public JavaTurboModule {
+    public:
+      NativeAccessibilityInfoSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AccessibilityManager'
+     */
+
+    class JSI_EXPORT NativeAccessibilityManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeAccessibilityManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ActionSheetManager'
+     */
+
+    class JSI_EXPORT NativeActionSheetManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeActionSheetManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AlertManager'
+     */
+
+    class JSI_EXPORT NativeAlertManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeAlertManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AnimatedModule'
+     */
+
+    class JSI_EXPORT NativeAnimatedModuleSpecJSI : public JavaTurboModule {
+    public:
+      NativeAnimatedModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AnimationsDebugModule'
+     */
+
+    class JSI_EXPORT NativeAnimationsDebugModuleSpecJSI : public JavaTurboModule {
+    public:
+      NativeAnimationsDebugModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AppState'
+     */
+
+    class JSI_EXPORT NativeAppStateSpecJSI : public JavaTurboModule {
+    public:
+      NativeAppStateSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'Appearance'
+     */
+
+    class JSI_EXPORT NativeAppearanceSpecJSI : public JavaTurboModule {
+    public:
+      NativeAppearanceSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'AsyncStorage'
+     */
+
+    class JSI_EXPORT NativeAsyncStorageSpecJSI : public JavaTurboModule {
+    public:
+      NativeAsyncStorageSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'BlobModule'
+     */
+
+    class JSI_EXPORT NativeBlobModuleSpecJSI : public JavaTurboModule {
+    public:
+      NativeBlobModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'BugReporting'
+     */
+
+    class JSI_EXPORT NativeBugReportingSpecJSI : public JavaTurboModule {
+    public:
+      NativeBugReportingSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'CameraRollManager'
+     */
+
+    class JSI_EXPORT NativeCameraRollManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeCameraRollManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'Clipboard'
+     */
+
+    class JSI_EXPORT NativeClipboardSpecJSI : public JavaTurboModule {
+    public:
+      NativeClipboardSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DatePickerAndroid'
+     */
+
+    class JSI_EXPORT NativeDatePickerAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeDatePickerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DevLoadingView'
+     */
+
+    class JSI_EXPORT NativeDevLoadingViewSpecJSI : public JavaTurboModule {
+    public:
+      NativeDevLoadingViewSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DevMenu'
+     */
+
+    class JSI_EXPORT NativeDevMenuSpecJSI : public JavaTurboModule {
+    public:
+      NativeDevMenuSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DevSettings'
+     */
+
+    class JSI_EXPORT NativeDevSettingsSpecJSI : public JavaTurboModule {
+    public:
+      NativeDevSettingsSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DeviceEventManager'
+     */
+
+    class JSI_EXPORT NativeDeviceEventManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeDeviceEventManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DeviceInfo'
+     */
+
+    class JSI_EXPORT NativeDeviceInfoSpecJSI : public JavaTurboModule {
+    public:
+      NativeDeviceInfoSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'DialogManagerAndroid'
+     */
+
+    class JSI_EXPORT NativeDialogManagerAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeDialogManagerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ExceptionsManager'
+     */
+
+    class JSI_EXPORT NativeExceptionsManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeExceptionsManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'FileReaderModule'
+     */
+
+    class JSI_EXPORT NativeFileReaderModuleSpecJSI : public JavaTurboModule {
+    public:
+      NativeFileReaderModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'FrameRateLogger'
+     */
+
+    class JSI_EXPORT NativeFrameRateLoggerSpecJSI : public JavaTurboModule {
+    public:
+      NativeFrameRateLoggerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'HeadlessJsTaskSupport'
+     */
+
+    class JSI_EXPORT NativeHeadlessJsTaskSupportSpecJSI : public JavaTurboModule {
+    public:
+      NativeHeadlessJsTaskSupportSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'I18nManager'
+     */
+
+    class JSI_EXPORT NativeI18nManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeI18nManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ImageEditor'
+     */
+
+    class JSI_EXPORT NativeImageEditorSpecJSI : public JavaTurboModule {
+    public:
+      NativeImageEditorSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ImageLoaderAndroid'
+     */
+
+    class JSI_EXPORT NativeImageLoaderAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeImageLoaderAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ImageLoaderIOS'
+     */
+
+    class JSI_EXPORT NativeImageLoaderIOSSpecJSI : public JavaTurboModule {
+    public:
+      NativeImageLoaderIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ImagePickerIOS'
+     */
+
+    class JSI_EXPORT NativeImagePickerIOSSpecJSI : public JavaTurboModule {
+    public:
+      NativeImagePickerIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ImageStore'
+     */
+
+    class JSI_EXPORT NativeImageStoreSpecJSI : public JavaTurboModule {
+    public:
+      NativeImageStoreSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'JSCHeapCapture'
+     */
+
+    class JSI_EXPORT NativeJSCHeapCaptureSpecJSI : public JavaTurboModule {
+    public:
+      NativeJSCHeapCaptureSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'JSCSamplingProfiler'
+     */
+
+    class JSI_EXPORT NativeJSCSamplingProfilerSpecJSI : public JavaTurboModule {
+    public:
+      NativeJSCSamplingProfilerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'JSDevSupport'
+     */
+
+    class JSI_EXPORT NativeJSDevSupportSpecJSI : public JavaTurboModule {
+    public:
+      NativeJSDevSupportSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'KeyboardObserver'
+     */
+
+    class JSI_EXPORT NativeKeyboardObserverSpecJSI : public JavaTurboModule {
+    public:
+      NativeKeyboardObserverSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'Linking'
+     */
+
+    class JSI_EXPORT NativeLinkingSpecJSI : public JavaTurboModule {
+    public:
+      NativeLinkingSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'LogBox'
+     */
+
+    class JSI_EXPORT NativeLogBoxSpecJSI : public JavaTurboModule {
+    public:
+      NativeLogBoxSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ModalManager'
+     */
+
+    class JSI_EXPORT NativeModalManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeModalManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'NetworkingAndroid'
+     */
+
+    class JSI_EXPORT NativeNetworkingAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeNetworkingAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'NetworkingIOS'
+     */
+
+    class JSI_EXPORT NativeNetworkingIOSSpecJSI : public JavaTurboModule {
+    public:
+      NativeNetworkingIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'PermissionsAndroid'
+     */
+
+    class JSI_EXPORT NativePermissionsAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativePermissionsAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'PlatformConstantsAndroid'
+     */
+
+    class JSI_EXPORT NativePlatformConstantsAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativePlatformConstantsAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'PlatformConstantsIOS'
+     */
+
+    class JSI_EXPORT NativePlatformConstantsIOSSpecJSI : public JavaTurboModule {
+    public:
+      NativePlatformConstantsIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'PushNotificationManagerIOS'
+     */
+
+    class JSI_EXPORT NativePushNotificationManagerIOSSpecJSI : public JavaTurboModule {
+    public:
+      NativePushNotificationManagerIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'RedBox'
+     */
+
+    class JSI_EXPORT NativeRedBoxSpecJSI : public JavaTurboModule {
+    public:
+      NativeRedBoxSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'SegmentFetcher'
+     */
+
+    class JSI_EXPORT NativeSegmentFetcherSpecJSI : public JavaTurboModule {
+    public:
+      NativeSegmentFetcherSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'SettingsManager'
+     */
+
+    class JSI_EXPORT NativeSettingsManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeSettingsManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ShareModule'
+     */
+
+    class JSI_EXPORT NativeShareModuleSpecJSI : public JavaTurboModule {
+    public:
+      NativeShareModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'SoundManager'
+     */
+
+    class JSI_EXPORT NativeSoundManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeSoundManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'SourceCode'
+     */
+
+    class JSI_EXPORT NativeSourceCodeSpecJSI : public JavaTurboModule {
+    public:
+      NativeSourceCodeSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'StatusBarManagerAndroid'
+     */
+
+    class JSI_EXPORT NativeStatusBarManagerAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeStatusBarManagerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'StatusBarManagerIOS'
+     */
+
+    class JSI_EXPORT NativeStatusBarManagerIOSSpecJSI : public JavaTurboModule {
+    public:
+      NativeStatusBarManagerIOSSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'TVNavigationEventEmitter'
+     */
+
+    class JSI_EXPORT NativeTVNavigationEventEmitterSpecJSI : public JavaTurboModule {
+    public:
+      NativeTVNavigationEventEmitterSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'TimePickerAndroid'
+     */
+
+    class JSI_EXPORT NativeTimePickerAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeTimePickerAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'Timing'
+     */
+
+    class JSI_EXPORT NativeTimingSpecJSI : public JavaTurboModule {
+    public:
+      NativeTimingSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'ToastAndroid'
+     */
+
+    class JSI_EXPORT NativeToastAndroidSpecJSI : public JavaTurboModule {
+    public:
+      NativeToastAndroidSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'UIManager'
+     */
+
+    class JSI_EXPORT NativeUIManagerSpecJSI : public JavaTurboModule {
+    public:
+      NativeUIManagerSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'Vibration'
+     */
+
+    class JSI_EXPORT NativeVibrationSpecJSI : public JavaTurboModule {
+    public:
+      NativeVibrationSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+namespace facebook {
+  namespace react {
+    /**
+     * C++ class for module 'WebSocketModule'
+     */
+
+    class JSI_EXPORT NativeWebSocketModuleSpecJSI : public JavaTurboModule {
+    public:
+      NativeWebSocketModuleSpecJSI(jni::alias_ref<JTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker);
+
+    };
+  } // namespace react
+} // namespace facebook
+
+
+
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/.clang-tidy b/ReactAndroid/src/main/java/com/facebook/hermes/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp
index 89ab5645f8940e..b77c90294d5cfd 100644
--- a/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/instrumentation/OnLoad.cpp
@@ -7,7 +7,7 @@
 
 #include "HermesSamplingProfiler.h"
 
-JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void* reserved) {
+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/HermesExecutor.java b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutor.java
index f2e18746e4b193..bb065be4f42e75 100644
--- a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/HermesExecutor.java
@@ -31,7 +31,7 @@ public class HermesExecutor extends JavaScriptExecutor {
     super(
         config == null
             ? initHybridDefaultConfig()
-            : initHybrid(config.heapSizeMB, config.es6Symbol, config.bytecodeWarmupPercent));
+            : initHybrid(config.heapSizeMB, config.es6Proxy));
   }
 
   @Override
@@ -50,6 +50,5 @@ public String getName() {
 
   private static native HybridData initHybridDefaultConfig();
 
-  private static native HybridData initHybrid(
-      long heapSizeMB, boolean es6Symbol, int bytecodeWarmupPercent);
+  private static native HybridData initHybrid(long heapSizeMB, boolean es6Proxy);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp
index b21457247ade2d..d6cbef092de08a 100644
--- a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/OnLoad.cpp
@@ -14,6 +14,7 @@
 #include <react/jni/JReactMarker.h>
 #include <react/jni/JSLogging.h>
 #include <react/jni/JavaScriptExecutorHolder.h>
+#include <react/jni/NativeTime.h>
 
 #include <memory>
 
@@ -22,12 +23,10 @@ namespace react {
 
 static ::hermes::vm::RuntimeConfig makeRuntimeConfig(
     jlong heapSizeMB,
-    bool es6Symbol,
-    jint bytecodeWarmupPercent) {
+    bool es6Proxy) {
   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
@@ -35,10 +34,13 @@ static ::hermes::vm::RuntimeConfig makeRuntimeConfig(
           .withAllocInYoung(false)
           .withRevertToYGAtTTI(true);
 
+  if (heapSizeMB > 0) {
+    gcConfigBuilder.withMaxHeapSize(heapSizeMB << 20);
+  }
+
   return vm::RuntimeConfig::Builder()
       .withGCConfig(gcConfigBuilder.build())
-      .withES6Symbol(es6Symbol)
-      .withBytecodeWarmupPercent(bytecodeWarmupPercent)
+      .withES6Proxy(es6Proxy)
       .build();
 }
 
@@ -47,6 +49,10 @@ static void installBindings(jsi::Runtime &runtime) {
       static_cast<void (*)(const std::string &, unsigned int)>(
           &reactAndroidLoggingHook);
   react::bindNativeLogger(runtime, androidLogger);
+
+  react::PerformanceNow androidNativePerformanceNow =
+      static_cast<double (*)()>(&reactAndroidNativePerformanceNowHook);
+  react::bindNativePerformanceNow(runtime, androidNativePerformanceNow);
 }
 
 class HermesExecutorHolder
@@ -63,14 +69,10 @@ class HermesExecutorHolder
         std::make_unique<HermesExecutorFactory>(installBindings));
   }
 
-  static jni::local_ref<jhybriddata> initHybrid(
-      jni::alias_ref<jclass>,
-      jlong heapSizeMB,
-      bool es6Symbol,
-      jint bytecodeWarmupPercent) {
+  static jni::local_ref<jhybriddata>
+  initHybrid(jni::alias_ref<jclass>, jlong heapSizeMB, bool es6Proxy) {
     JReactMarker::setLogPerfMarkerIfNeeded();
-    auto runtimeConfig =
-        makeRuntimeConfig(heapSizeMB, es6Symbol, bytecodeWarmupPercent);
+    auto runtimeConfig = makeRuntimeConfig(heapSizeMB, es6Proxy);
     return makeCxxInstance(std::make_unique<HermesExecutorFactory>(
         installBindings, JSIExecutor::defaultTimeoutInvoker, runtimeConfig));
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java
index 98e5f68b0c5b9e..15349f1d8d0887 100644
--- a/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java
+++ b/ReactAndroid/src/main/java/com/facebook/hermes/reactexecutor/RuntimeConfig.java
@@ -10,7 +10,5 @@
 /** 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 es6Proxy;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/BUCK b/ReactAndroid/src/main/java/com/facebook/react/BUCK
index 476cc659145a8c..c8728a8d441754 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/BUCK
@@ -4,6 +4,7 @@ rn_android_library(
     name = "react",
     srcs = glob(["*.java"]),
     is_androidx = True,
+    labels = ["supermodule:android/default/public.react_native.infra"],
     provided_deps = [
         react_native_dep("third-party/android/androidx:annotation"),
         react_native_dep("third-party/android/androidx:appcompat"),
@@ -34,7 +35,6 @@ rn_android_library(
         react_native_target("java/com/facebook/react/module/model:model"),
         react_native_target("java/com/facebook/react/modules/appregistry:appregistry"),
         react_native_target("java/com/facebook/react/modules/appearance:appearance"),
-        react_native_target("java/com/facebook/react/modules/core:core"),
         react_native_target("java/com/facebook/react/modules/debug:debug"),
         react_native_target("java/com/facebook/react/modules/fabric:fabric"),
         react_native_target("java/com/facebook/react/modules/debug:interfaces"),
@@ -42,13 +42,14 @@ rn_android_library(
         react_native_target("java/com/facebook/react/modules/systeminfo:systeminfo"),
         react_native_target("java/com/facebook/react/modules/toast:toast"),
         react_native_target("java/com/facebook/react/surface:surface"),
-        react_native_target("java/com/facebook/react/uimanager:uimanager"),
         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/modules/core:core"),
         react_native_target("java/com/facebook/react/packagerconnection:packagerconnection"),
+        react_native_target("java/com/facebook/react/uimanager:uimanager"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java b/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
index a17763207b53f3..754d86ec08d5c4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
@@ -30,6 +30,7 @@
 import com.facebook.react.modules.debug.SourceCodeModule;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
 import com.facebook.react.modules.systeminfo.AndroidInfoModule;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.uimanager.UIImplementationProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
@@ -56,14 +57,14 @@
       TimingModule.class,
       UIManagerModule.class,
     })
-/* package */ class CoreModulesPackage extends TurboReactPackage implements ReactPackageLogger {
+public class CoreModulesPackage extends TurboReactPackage implements ReactPackageLogger {
 
   private final ReactInstanceManager mReactInstanceManager;
   private final DefaultHardwareBackBtnHandler mHardwareBackBtnHandler;
   private final boolean mLazyViewManagersEnabled;
   private final int mMinTimeLeftInFrameForNonBatchedOperationMs;
 
-  CoreModulesPackage(
+  public CoreModulesPackage(
       ReactInstanceManager reactInstanceManager,
       DefaultHardwareBackBtnHandler hardwareBackBtnHandler,
       @Nullable UIImplementationProvider uiImplementationProvider,
@@ -116,7 +117,7 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
                 reactModule.needsEagerInit(),
                 reactModule.hasConstants(),
                 reactModule.isCxxModule(),
-                false));
+                TurboModule.class.isAssignableFrom(moduleClass)));
       }
 
       return new ReactModuleInfoProvider() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java b/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
index 40932960b74784..fb72f43732cc52 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
@@ -7,16 +7,16 @@
 
 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.JSCHeapCapture;
-import com.facebook.react.devsupport.JSDevSupport;
+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 java.util.ArrayList;
-import java.util.List;
-import javax.inject.Provider;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import java.util.HashMap;
+import java.util.Map;
 
 /**
  * Package defining core framework modules (e.g. UIManager). It should be used for modules that
@@ -26,29 +26,59 @@
 @ReactModuleList(
     nativeModules = {
       JSCHeapCapture.class,
-      JSDevSupport.class,
     })
-/* package */ class DebugCorePackage extends LazyReactPackage {
-
-  DebugCorePackage() {}
+public class DebugCorePackage extends TurboReactPackage {
+  public DebugCorePackage() {}
 
   @Override
-  public List<ModuleSpec> getNativeModules(final ReactApplicationContext reactContext) {
-    List<ModuleSpec> moduleSpecList = new ArrayList<>();
-    moduleSpecList.add(
-        ModuleSpec.nativeModuleSpec(
-            JSCHeapCapture.class,
-            new Provider<NativeModule>() {
-              @Override
-              public NativeModule get() {
-                return new JSCHeapCapture(reactContext);
-              }
-            }));
-    return moduleSpecList;
+  public NativeModule getModule(String name, ReactApplicationContext reactContext) {
+    switch (name) {
+      case JSCHeapCapture.TAG:
+        return new JSCHeapCapture(reactContext);
+      default:
+        throw new IllegalArgumentException(
+            "In CoreModulesPackage, could not find Native module for " + name);
+    }
   }
 
   @Override
   public ReactModuleInfoProvider getReactModuleInfoProvider() {
-    return LazyReactPackage.getReactModuleInfoProviderViaReflection(this);
+    try {
+      Class<?> reactModuleInfoProviderClass =
+          Class.forName("com.facebook.react.DebugCorePackage$$ReactModuleInfoProvider");
+      return (ReactModuleInfoProvider) reactModuleInfoProviderClass.newInstance();
+    } catch (ClassNotFoundException e) {
+      // In OSS case, the annotation processor does not run. We fall back on creating this by hand
+      Class<? extends NativeModule>[] moduleList = new Class[] {JSCHeapCapture.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(),
+                TurboModule.class.isAssignableFrom(moduleClass)));
+      }
+
+      return new ReactModuleInfoProvider() {
+        @Override
+        public Map<String, ReactModuleInfo> getReactModuleInfos() {
+          return reactModuleInfoMap;
+        }
+      };
+    } catch (InstantiationException e) {
+      throw new RuntimeException(
+          "No ReactModuleInfoProvider for DebugCorePackage$$ReactModuleInfoProvider", e);
+    } catch (IllegalAccessException e) {
+      throw new RuntimeException(
+          "No ReactModuleInfoProvider for DebugCorePackage$$ReactModuleInfoProvider", e);
+    }
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
index 2d79c4d3fb205f..17eae9a95057da 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
@@ -40,7 +40,6 @@
 import android.nfc.NfcAdapter;
 import android.os.Bundle;
 import android.os.Process;
-import android.util.Log;
 import android.view.View;
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
@@ -219,7 +218,7 @@ public static ReactInstanceManagerBuilder builder() {
       int minTimeLeftInFrameForNonBatchedOperationMs,
       @Nullable JSIModulePackage jsiModulePackage,
       @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.ctor()");
+    FLog.d(TAG, "ReactInstanceManager.ctor()");
     initializeSoLoaderIfNecessary(applicationContext);
 
     DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(applicationContext);
@@ -321,7 +320,13 @@ public JavaScriptExecutorFactory getJavaScriptExecutorFactory() {
 
       @Override
       public void destroyRootView(View rootView) {
+        // TODO T62192299: remove when investigation is complete
+        FLog.e(TAG, "destroyRootView called");
+
         if (rootView instanceof ReactRootView) {
+          // TODO T62192299: remove when investigation is complete
+          FLog.e(TAG, "destroyRootView called, unmountReactApplication");
+
           ((ReactRootView) rootView).unmountReactApplication();
         }
       }
@@ -364,7 +369,7 @@ static void initializeSoLoaderIfNecessary(Context applicationContext) {
    */
   @ThreadConfined(UI)
   public void createReactContextInBackground() {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.createReactContextInBackground()");
+    FLog.d(TAG, "ReactInstanceManager.createReactContextInBackground()");
     UiThreadUtil
         .assertOnUiThread(); // Assert before setting mHasStartedCreatingInitialContext = true
     if (!mHasStartedCreatingInitialContext) {
@@ -391,7 +396,7 @@ public void recreateReactContextInBackground() {
 
   @ThreadConfined(UI)
   private void recreateReactContextInBackgroundInner() {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.recreateReactContextInBackgroundInner()");
+    FLog.d(TAG, "ReactInstanceManager.recreateReactContextInBackgroundInner()");
     PrinterHolder.getPrinter()
         .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: recreateReactContextInBackground");
     UiThreadUtil.assertOnUiThread();
@@ -437,9 +442,7 @@ public void run() {
 
   @ThreadConfined(UI)
   private void recreateReactContextInBackgroundFromBundleLoader() {
-    Log.d(
-        ReactConstants.TAG,
-        "ReactInstanceManager.recreateReactContextInBackgroundFromBundleLoader()");
+    FLog.d(TAG, "ReactInstanceManager.recreateReactContextInBackgroundFromBundleLoader()");
     PrinterHolder.getPrinter()
         .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from BundleLoader");
     recreateReactContextInBackground(mJavaScriptExecutorFactory, mBundleLoader);
@@ -462,7 +465,7 @@ public void onBackPressed() {
     ReactContext reactContext = mCurrentReactContext;
     if (reactContext == null) {
       // Invoke without round trip to JS.
-      FLog.w(ReactConstants.TAG, "Instance detached from instance manager");
+      FLog.w(TAG, "Instance detached from instance manager");
       invokeDefaultOnBackPressed();
     } else {
       DeviceEventManagerModule deviceEventManagerModule =
@@ -484,7 +487,7 @@ public void onNewIntent(Intent intent) {
     UiThreadUtil.assertOnUiThread();
     ReactContext currentContext = getCurrentReactContext();
     if (currentContext == null) {
-      FLog.w(ReactConstants.TAG, "Instance detached from instance manager");
+      FLog.w(TAG, "Instance detached from instance manager");
     } else {
       String action = intent.getAction();
       Uri uri = intent.getData();
@@ -648,12 +651,29 @@ public void onHostDestroy(Activity activity) {
     }
   }
 
+  /** Temporary: due to T62192299, log sources of destroy calls. TODO T62192299: delete */
+  private void logOnDestroy() {
+    FLog.e(
+        TAG,
+        "ReactInstanceManager.destroy called",
+        new RuntimeException("ReactInstanceManager.destroy called"));
+  }
+
   /** Destroy this React instance and the attached JS context. */
   @ThreadConfined(UI)
   public void destroy() {
     UiThreadUtil.assertOnUiThread();
     PrinterHolder.getPrinter().logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: Destroy");
 
+    // TODO T62192299: remove when investigation is complete
+    logOnDestroy();
+
+    if (mHasStartedDestroying) {
+      FLog.e(
+          ReactConstants.TAG, "ReactInstanceManager.destroy called: bail out, already destroying");
+      return;
+    }
+
     mHasStartedDestroying = true;
 
     if (mUseDeveloperSupport) {
@@ -922,7 +942,7 @@ public String getJsExecutorName() {
 
   @ThreadConfined(UI)
   private void onReloadWithJSDebugger(JavaJSExecutor.Factory jsExecutorFactory) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.onReloadWithJSDebugger()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.onReloadWithJSDebugger()");
     recreateReactContextInBackground(
         new ProxyJavaScriptExecutor.Factory(jsExecutorFactory),
         JSBundleLoader.createRemoteDebuggerBundleLoader(
@@ -932,7 +952,7 @@ private void onReloadWithJSDebugger(JavaJSExecutor.Factory jsExecutorFactory) {
 
   @ThreadConfined(UI)
   private void onJSBundleLoadedFromServer() {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.onJSBundleLoadedFromServer()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.onJSBundleLoadedFromServer()");
 
     JSBundleLoader bundleLoader =
         JSBundleLoader.createCachedBundleFromNetworkLoader(
@@ -944,7 +964,7 @@ private void onJSBundleLoadedFromServer() {
   @ThreadConfined(UI)
   private void recreateReactContextInBackground(
       JavaScriptExecutorFactory jsExecutorFactory, JSBundleLoader jsBundleLoader) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.recreateReactContextInBackground()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.recreateReactContextInBackground()");
     UiThreadUtil.assertOnUiThread();
 
     final ReactContextInitParams initParams =
@@ -958,7 +978,7 @@ private void recreateReactContextInBackground(
 
   @ThreadConfined(UI)
   private void runCreateReactContextOnNewThread(final ReactContextInitParams initParams) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.runCreateReactContextOnNewThread()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.runCreateReactContextOnNewThread()");
     UiThreadUtil.assertOnUiThread();
     synchronized (mAttachedReactRoots) {
       synchronized (mReactContextLock) {
@@ -1016,6 +1036,12 @@ public void run() {
                           try {
                             setupReactContext(reactApplicationContext);
                           } catch (Exception e) {
+                            // TODO T62192299: remove this after investigation
+                            FLog.e(
+                                ReactConstants.TAG,
+                                "ReactInstanceManager caught exception in setupReactContext",
+                                e);
+
                             mDevSupportManager.handleException(e);
                           }
                         }
@@ -1034,7 +1060,7 @@ public void run() {
   }
 
   private void setupReactContext(final ReactApplicationContext reactContext) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.setupReactContext()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.setupReactContext()");
     ReactMarker.logMarker(PRE_SETUP_REACT_CONTEXT_END);
     ReactMarker.logMarker(SETUP_REACT_CONTEXT_START);
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "setupReactContext");
@@ -1101,15 +1127,20 @@ public void run() {
   }
 
   private void attachRootViewToInstance(final ReactRoot reactRoot) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.attachRootViewToInstance()");
+    // TODO: downgrade back to FLog.d once T62192299 is resolved.
+    FLog.e(ReactConstants.TAG, "ReactInstanceManager.attachRootViewToInstance()");
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "attachRootViewToInstance");
 
-    // UIManager is technically Nullable here, but if we can't get a UIManager
-    // at this point, something has probably gone horribly wrong so it's probably best
-    // to throw a NullPointerException.
+    @Nullable
     UIManager uiManager =
         UIManagerHelper.getUIManager(mCurrentReactContext, reactRoot.getUIManagerType());
 
+    // If we can't get a UIManager something has probably gone horribly wrong
+    if (uiManager == null) {
+      throw new IllegalStateException(
+          "Unable to attach a rootView to ReactInstance when UIManager is not properly initialized.");
+    }
+
     @Nullable Bundle initialProperties = reactRoot.getAppProperties();
 
     final int rootTag =
@@ -1144,7 +1175,7 @@ public void run() {
   }
 
   private void detachViewFromInstance(ReactRoot reactRoot, CatalystInstance catalystInstance) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.detachViewFromInstance()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.detachViewFromInstance()");
     UiThreadUtil.assertOnUiThread();
     if (reactRoot.getUIManagerType() == FABRIC) {
       catalystInstance
@@ -1158,7 +1189,7 @@ private void detachViewFromInstance(ReactRoot reactRoot, CatalystInstance cataly
   }
 
   private void tearDownReactContext(ReactContext reactContext) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.tearDownReactContext()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.tearDownReactContext()");
     UiThreadUtil.assertOnUiThread();
     if (mLifecycleState == LifecycleState.RESUMED) {
       reactContext.onHostPause();
@@ -1181,7 +1212,7 @@ private void tearDownReactContext(ReactContext reactContext) {
   /** @return instance of {@link ReactContext} configured a {@link CatalystInstance} set */
   private ReactApplicationContext createReactContext(
       JavaScriptExecutor jsExecutor, JSBundleLoader jsBundleLoader) {
-    Log.d(ReactConstants.TAG, "ReactInstanceManager.createReactContext()");
+    FLog.d(ReactConstants.TAG, "ReactInstanceManager.createReactContext()");
     ReactMarker.logMarker(CREATE_REACT_CONTEXT_START, jsExecutor.getName());
     final ReactApplicationContext reactContext = new ReactApplicationContext(mApplicationContext);
 
@@ -1214,14 +1245,33 @@ private ReactApplicationContext createReactContext(
 
     reactContext.initializeWithInstance(catalystInstance);
 
+    // TODO(T46487253): Remove after task is closed
+    FLog.e(
+        ReactConstants.TAG,
+        "ReactInstanceManager.createReactContext: mJSIModulePackage "
+            + (mJSIModulePackage != null ? "not null" : "null"));
+
     if (mJSIModulePackage != null) {
       catalystInstance.addJSIModules(
           mJSIModulePackage.getJSIModules(
               reactContext, catalystInstance.getJavaScriptContextHolder()));
 
+      // TODO(T46487253): Remove after task is closed
+      FLog.e(
+          ReactConstants.TAG,
+          "ReactInstanceManager.createReactContext: ReactFeatureFlags.useTurboModules == "
+              + (ReactFeatureFlags.useTurboModules == false ? "false" : "true"));
+
       if (ReactFeatureFlags.useTurboModules) {
         JSIModule turboModuleManager =
             catalystInstance.getJSIModule(JSIModuleType.TurboModuleManager);
+
+        // TODO(T46487253): Remove after task is closed
+        FLog.e(
+            ReactConstants.TAG,
+            "ReactInstanceManager.createReactContext: TurboModuleManager "
+                + (turboModuleManager == null ? "not created" : "created"));
+
         catalystInstance.setTurboModuleManager(turboModuleManager);
 
         TurboModuleRegistry registry = (TurboModuleRegistry) turboModuleManager;
@@ -1255,7 +1305,6 @@ private NativeModuleRegistry processPackages(
 
     ReactMarker.logMarker(PROCESS_PACKAGES_START);
 
-    // TODO(6818138): Solve use-case of native modules overriding
     synchronized (mPackages) {
       for (ReactPackage reactPackage : packages) {
         if (checkAndUpdatePackageMembership && mPackages.contains(reactPackage)) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
index c5e6e0dfa27ce3..e2809cd6580c68 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
@@ -13,7 +13,6 @@
 import android.app.Activity;
 import android.app.Application;
 import android.content.Context;
-
 import androidx.annotation.Nullable;
 import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
 import com.facebook.infer.annotation.Assertions;
@@ -290,7 +289,8 @@ public ReactInstanceManager build() {
         mCustomPackagerCommandHandlers);
   }
 
-  private JavaScriptExecutorFactory getDefaultJSExecutorFactory(String appName, String deviceName, Context applicationContext) {
+  private JavaScriptExecutorFactory getDefaultJSExecutorFactory(
+      String appName, String deviceName, Context applicationContext) {
     try {
       // If JSC is included, use it as normal
       initializeSoLoaderIfNecessary(applicationContext);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java b/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
index cfb6b5031c15a6..b40196b11e3ec1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
@@ -15,10 +15,8 @@
 import android.content.Context;
 import android.graphics.Canvas;
 import android.graphics.Rect;
-import android.os.Build;
 import android.os.Bundle;
 import android.util.AttributeSet;
-import android.util.DisplayMetrics;
 import android.view.KeyEvent;
 import android.view.MotionEvent;
 import android.view.Surface;
@@ -36,10 +34,10 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
+import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.modules.appregistry.AppRegistry;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
@@ -77,6 +75,7 @@ public interface ReactRootViewEventListener {
     void onAttachedToReactInstance(ReactRootView rootView);
   }
 
+  private static final String TAG = "ReactRootView";
   private @Nullable ReactInstanceManager mReactInstanceManager;
   private @Nullable String mJSModuleName;
   private @Nullable Bundle mAppProperties;
@@ -127,11 +126,10 @@ private void init() {
 
   @Override
   protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
-    setAllowImmediateUIOperationExecution(false);
+    // TODO: T60453649 - Add test automation to verify behavior of onMeasure
 
     if (mUseSurface) {
       super.onMeasure(widthMeasureSpec, heightMeasureSpec);
-      setAllowImmediateUIOperationExecution(true);
       return;
     }
 
@@ -185,7 +183,6 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
       mLastHeight = height;
 
     } finally {
-      setAllowImmediateUIOperationExecution(true);
       Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
     }
   }
@@ -195,14 +192,11 @@ public void onChildStartedNativeGesture(MotionEvent androidEvent) {
     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");
+      FLog.w(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");
+      FLog.w(TAG, "Unable to dispatch touch to JS before the dispatcher is available");
       return;
     }
     ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
@@ -242,9 +236,7 @@ public boolean dispatchKeyEvent(KeyEvent ev) {
     if (mReactInstanceManager == null
         || !mIsAttachedToInstance
         || mReactInstanceManager.getCurrentReactContext() == null) {
-      FLog.w(
-          ReactConstants.TAG,
-          "Unable to handle key event as the catalyst instance has not been attached");
+      FLog.w(TAG, "Unable to handle key event as the catalyst instance has not been attached");
       return super.dispatchKeyEvent(ev);
     }
     mAndroidHWInputDeviceHelper.handleKeyEvent(ev);
@@ -257,7 +249,7 @@ protected void onFocusChanged(boolean gainFocus, int direction, Rect previouslyF
         || !mIsAttachedToInstance
         || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-          ReactConstants.TAG,
+          TAG,
           "Unable to handle focus changed event as the catalyst instance has not been attached");
       super.onFocusChanged(gainFocus, direction, previouslyFocusedRect);
       return;
@@ -272,7 +264,7 @@ public void requestChildFocus(View child, View focused) {
         || !mIsAttachedToInstance
         || mReactInstanceManager.getCurrentReactContext() == null) {
       FLog.w(
-          ReactConstants.TAG,
+          TAG,
           "Unable to handle child focus changed event as the catalyst instance has not been attached");
       super.requestChildFocus(child, focused);
       return;
@@ -285,14 +277,11 @@ private void dispatchJSTouchEvent(MotionEvent event) {
     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");
+      FLog.w(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");
+      FLog.w(TAG, "Unable to dispatch touch to JS before the dispatcher is available");
       return;
     }
     ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
@@ -435,49 +424,20 @@ public String getSurfaceID() {
 
   private void updateRootLayoutSpecs(final int widthMeasureSpec, final int heightMeasureSpec) {
     if (mReactInstanceManager == null) {
-      FLog.w(
-          ReactConstants.TAG,
-          "Unable to update root layout specs for uninitialized ReactInstanceManager");
+      FLog.w(TAG, "Unable to update root layout specs for uninitialized ReactInstanceManager");
       return;
     }
     final ReactContext reactApplicationContext = mReactInstanceManager.getCurrentReactContext();
 
     if (reactApplicationContext != null) {
-      UIManagerHelper.getUIManager(reactApplicationContext, getUIManagerType())
-          .updateRootLayoutSpecs(getRootViewTag(), widthMeasureSpec, heightMeasureSpec);
-    }
-  }
-
-  /**
-   * In Fabric, it is possible for MountItems to be scheduled during onMeasure calls, specifically:
-   *
-   * <p>ReactRootView.onMeasure -> ReactRootView.updateRootLayoutSpecs ->
-   * FabricUIManager.updateRootLayoutSpecs -> Binding.setConstraints -> (C++) commit new tree ->
-   * (C++ Android binding) diff tree, schedule mount items -> FabricUIManager.scheduleMountItem
-   *
-   * <p>If called on the main thread, `scheduleMountItem` will execute MountItems synchronously,
-   * causing all ShadowNode updates to be flushed to the view hierarchy, on the main thread, during
-   * an onMeasure call.
-   *
-   * <p>Use this method to disable immediate execution of mount items.
-   *
-   * <p>This is a noop outside in pre-Fabric React Native.
-   */
-  private void setAllowImmediateUIOperationExecution(boolean flag) {
-    final ReactInstanceManager reactInstanceManager = mReactInstanceManager;
-
-    if (reactInstanceManager == null) {
-      return;
-    }
-
-    final ReactContext reactApplicationContext = reactInstanceManager.getCurrentReactContext();
-
-    if (reactApplicationContext == null) {
-      return;
+      @Nullable
+      UIManager uiManager =
+          UIManagerHelper.getUIManager(reactApplicationContext, getUIManagerType());
+      // Ignore calling updateRootLayoutSpecs if UIManager is not properly initialized.
+      if (uiManager != null) {
+        uiManager.updateRootLayoutSpecs(getRootViewTag(), widthMeasureSpec, heightMeasureSpec);
+      }
     }
-
-    UIManagerHelper.getUIManager(reactApplicationContext, getUIManagerType())
-        .setAllowImmediateUIOperationExecution(flag);
   }
 
   /**
@@ -584,6 +544,8 @@ public void runApplication() {
 
         mShouldLogContentAppeared = true;
 
+        // TODO T62192299: remove this
+        FLog.e(TAG, "runApplication: call AppRegistry.runApplication");
         catalystInstance.getJSModule(AppRegistry.class).runApplication(jsAppModuleName, appParams);
       }
     } finally {
@@ -683,8 +645,6 @@ private class CustomGlobalLayoutListener implements ViewTreeObserver.OnGlobalLay
 
     private int mKeyboardHeight = 0;
     private int mDeviceRotation = 0;
-    private DisplayMetrics mWindowMetrics = new DisplayMetrics();
-    private DisplayMetrics mScreenMetrics = new DisplayMetrics();
 
     /* package */ CustomGlobalLayoutListener() {
       DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(getContext().getApplicationContext());
@@ -749,32 +709,8 @@ 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())) {
-        mWindowMetrics.setTo(DisplayMetricsHolder.getWindowDisplayMetrics());
-        mScreenMetrics.setTo(DisplayMetricsHolder.getScreenDisplayMetrics());
-        emitUpdateDimensionsEvent();
-      }
-    }
-
-    private boolean areMetricsEqual(DisplayMetrics displayMetrics, DisplayMetrics otherMetrics) {
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
-        return displayMetrics.equals(otherMetrics);
-      } 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;
-      }
+      // DeviceInfoModule caches the last dimensions emitted to JS, so we don't need to check here.
+      emitUpdateDimensionsEvent();
     }
 
     private void emitOrientationChanged(final int newRotation) {
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 35beffdbb6d9fd..919b5a5f16e9f4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
@@ -9,13 +9,12 @@
 
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeAnimatedModuleSpec;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.ReactConstants;
@@ -59,12 +58,12 @@
  * 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>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 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>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
@@ -75,7 +74,7 @@
  * while UI thread is "executing" the animation loop.
  */
 @ReactModule(name = NativeAnimatedModule.NAME)
-public class NativeAnimatedModule extends ReactContextBaseJavaModule
+public class NativeAnimatedModule extends NativeAnimatedModuleSpec
     implements LifecycleEventListener, UIManagerModuleListener {
 
   public static final String NAME = "NativeAnimatedModule";
@@ -110,7 +109,7 @@ protected void doFrameGuarded(final long frameTimeNanos) {
               // 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
+              // @Override
               Assertions.assertNotNull(mReactChoreographer)
                   .postFrameCallback(
                       ReactChoreographer.CallbackType.NATIVE_ANIMATED_MODULE,
@@ -128,9 +127,10 @@ protected void doFrameGuarded(final long frameTimeNanos) {
   public void initialize() {
     ReactApplicationContext reactApplicationContext = getReactApplicationContextIfActiveOrWarn();
 
-    if (reactApplicationContext != null) {
-      UIManagerModule uiManager = reactApplicationContext.getNativeModule(UIManagerModule.class);
+    // TODO T59412313 Implement this API on FabricUIManager to use in bridgeless mode
+    if (reactApplicationContext != null && !reactApplicationContext.isBridgeless()) {
       reactApplicationContext.addLifecycleEventListener(this);
+      UIManagerModule uiManager = reactApplicationContext.getNativeModule(UIManagerModule.class);
       uiManager.addUIManagerListener(this);
     }
   }
@@ -216,8 +216,10 @@ public void setNodesManager(NativeAnimatedNodesManager nodesManager) {
     mNodesManager = nodesManager;
   }
 
-  @ReactMethod
-  public void createAnimatedNode(final int tag, final ReadableMap config) {
+  @Override
+  public void createAnimatedNode(final double tagDouble, final ReadableMap config) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -227,8 +229,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void startListeningToAnimatedNodeValue(final int tag) {
+  @Override
+  public void startListeningToAnimatedNodeValue(final double tagDouble) {
+    final int tag = (int) tagDouble;
+
     final AnimatedNodeValueListener listener =
         new AnimatedNodeValueListener() {
           public void onValueUpdate(double value) {
@@ -255,8 +259,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void stopListeningToAnimatedNodeValue(final int tag) {
+  @Override
+  public void stopListeningToAnimatedNodeValue(final double tagDouble) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -266,8 +272,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void dropAnimatedNode(final int tag) {
+  @Override
+  public void dropAnimatedNode(final double tagDouble) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -277,8 +285,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void setAnimatedNodeValue(final int tag, final double value) {
+  @Override
+  public void setAnimatedNodeValue(final double tagDouble, final double value) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -288,8 +298,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void setAnimatedNodeOffset(final int tag, final double value) {
+  @Override
+  public void setAnimatedNodeOffset(final double tagDouble, final double value) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -299,8 +311,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void flattenAnimatedNodeOffset(final int tag) {
+  @Override
+  public void flattenAnimatedNodeOffset(final double tagDouble) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -310,8 +324,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void extractAnimatedNodeOffset(final int tag) {
+  @Override
+  public void extractAnimatedNodeOffset(final double tagDouble) {
+    final int tag = (int) tagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -321,12 +337,15 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
+  @Override
   public void startAnimatingNode(
-      final int animationId,
-      final int animatedNodeTag,
+      final double animationIdDouble,
+      final double animatedNodeTagDouble,
       final ReadableMap animationConfig,
       final Callback endCallback) {
+    final int animationId = (int) animationIdDouble;
+    final int animatedNodeTag = (int) animatedNodeTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -337,8 +356,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void stopAnimation(final int animationId) {
+  @Override
+  public void stopAnimation(final double animationIdDouble) {
+    final int animationId = (int) animationIdDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -348,8 +369,12 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void connectAnimatedNodes(final int parentNodeTag, final int childNodeTag) {
+  @Override
+  public void connectAnimatedNodes(
+      final double parentNodeTagDouble, final double childNodeTagDouble) {
+    final int parentNodeTag = (int) parentNodeTagDouble;
+    final int childNodeTag = (int) childNodeTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -359,8 +384,12 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void disconnectAnimatedNodes(final int parentNodeTag, final int childNodeTag) {
+  @Override
+  public void disconnectAnimatedNodes(
+      final double parentNodeTagDouble, final double childNodeTagDouble) {
+    final int parentNodeTag = (int) parentNodeTagDouble;
+    final int childNodeTag = (int) childNodeTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -370,8 +399,12 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void connectAnimatedNodeToView(final int animatedNodeTag, final int viewTag) {
+  @Override
+  public void connectAnimatedNodeToView(
+      final double animatedNodeTagDouble, final double viewTagDouble) {
+    final int animatedNodeTag = (int) animatedNodeTagDouble;
+    final int viewTag = (int) viewTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -381,8 +414,12 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void disconnectAnimatedNodeFromView(final int animatedNodeTag, final int viewTag) {
+  @Override
+  public void disconnectAnimatedNodeFromView(
+      final double animatedNodeTagDouble, final double viewTagDouble) {
+    final int animatedNodeTag = (int) animatedNodeTagDouble;
+    final int viewTag = (int) viewTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -392,8 +429,10 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
-  public void restoreDefaultValues(final int animatedNodeTag) {
+  @Override
+  public void restoreDefaultValues(final double animatedNodeTagDouble) {
+    final int animatedNodeTag = (int) animatedNodeTagDouble;
+
     mPreOperations.add(
         new UIThreadOperation() {
           @Override
@@ -403,9 +442,11 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
+  @Override
   public void addAnimatedEventToView(
-      final int viewTag, final String eventName, final ReadableMap eventMapping) {
+      final double viewTagDouble, final String eventName, final ReadableMap eventMapping) {
+    final int viewTag = (int) viewTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -415,9 +456,12 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
         });
   }
 
-  @ReactMethod
+  @Override
   public void removeAnimatedEventFromView(
-      final int viewTag, final String eventName, final int animatedValueTag) {
+      final double viewTagDouble, final String eventName, final double animatedValueTagDouble) {
+    final int viewTag = (int) viewTagDouble;
+    final int animatedValueTag = (int) animatedValueTagDouble;
+
     mOperations.add(
         new UIThreadOperation() {
           @Override
@@ -426,4 +470,14 @@ public void execute(NativeAnimatedNodesManager animatedNodesManager) {
           }
         });
   }
+
+  @Override
+  public void addListener(String eventName) {
+    // iOS only
+  }
+
+  @Override
+  public void removeListeners(double count) {
+    // iOS only
+  }
 }
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 21e816d1e96bf4..6302abe043e5f3 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/Arguments.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/Arguments.java
@@ -9,7 +9,6 @@
 
 import android.os.Bundle;
 import android.os.Parcelable;
-
 import androidx.annotation.Nullable;
 import java.lang.reflect.Array;
 import java.util.AbstractList;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK b/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK
index 76ccbd8b6d9917..eaa8ab4df53479 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/BUCK
@@ -1,4 +1,4 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "IS_OSS_BUILD", "react_native_dep", "react_native_target", "rn_android_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "IS_OSS_BUILD", "react_native_dep", "react_native_target", "react_native_tests_target", "rn_android_library")
 
 INTERFACES = [
     "Dynamic.java",
@@ -11,6 +11,7 @@ INTERFACES = [
     "ReadableArray.java",
     "ReadableType.java",
     "NativeArrayInterface.java",
+    "LifecycleEventListener.java",
 ]
 
 rn_android_library(
@@ -29,6 +30,9 @@ rn_android_library(
         react_native_dep("third-party/android/androidx:legacy-support-core-utils"),
     ],
     required_for_source_only_abi = True,
+    tests = [
+        react_native_tests_target("java/com/facebook/react/bridge:bridge"),
+    ],
     visibility = [
         "PUBLIC",
     ],
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 0822837e5a5c34..a6ac1405b054a4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
@@ -12,7 +12,6 @@
 
 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;
@@ -123,7 +122,7 @@ private CatalystInstanceImpl(
       final NativeModuleRegistry nativeModuleRegistry,
       final JSBundleLoader jsBundleLoader,
       NativeModuleCallExceptionHandler nativeModuleCallExceptionHandler) {
-    Log.d(ReactConstants.TAG, "Initializing React Xplat Bridge.");
+    FLog.d(ReactConstants.TAG, "Initializing React Xplat Bridge.");
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "createCatalystInstanceImpl");
 
     mHybridData = initHybrid();
@@ -140,7 +139,7 @@ private CatalystInstanceImpl(
     mTraceListener = new JSProfilerTraceListener(this);
     Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
 
-    Log.d(ReactConstants.TAG, "Initializing React Xplat Bridge before initializeBridge");
+    FLog.d(ReactConstants.TAG, "Initializing React Xplat Bridge before initializeBridge");
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "initializeCxxBridge");
     initializeBridge(
         new BridgeCallback(this),
@@ -149,7 +148,7 @@ private CatalystInstanceImpl(
         mNativeModulesQueueThread,
         mNativeModuleRegistry.getJavaModules(this),
         mNativeModuleRegistry.getCxxModules());
-    Log.d(ReactConstants.TAG, "Initializing React Xplat Bridge after initializeBridge");
+    FLog.d(ReactConstants.TAG, "Initializing React Xplat Bridge after initializeBridge");
     Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
 
     mJavaScriptContextHolder = new JavaScriptContextHolder(getJavaScriptContext());
@@ -253,7 +252,7 @@ private native void jniLoadScriptFromFile(
 
   @Override
   public void runJSBundle() {
-    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.runJSBundle()");
+    FLog.d(ReactConstants.TAG, "CatalystInstanceImpl.runJSBundle()");
     Assertions.assertCondition(!mJSBundleHasLoaded, "JS bundle was already loaded!");
     // incrementPendingJSCalls();
     mJSBundleLoader.loadScript(CatalystInstanceImpl.this);
@@ -333,7 +332,7 @@ public void invokeCallback(final int callbackID, final NativeArrayInterface argu
   @Override
   @ThreadConfined(UI)
   public void destroy() {
-    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.destroy() start");
+    FLog.d(ReactConstants.TAG, "CatalystInstanceImpl.destroy() start");
     UiThreadUtil.assertOnUiThread();
 
     if (ReactFeatureFlags.useCatalystTeardownV2) {
@@ -345,7 +344,7 @@ public void destroy() {
 
   @ThreadConfined(UI)
   public void destroyV1() {
-    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.destroyV1() start");
+    FLog.d(ReactConstants.TAG, "CatalystInstanceImpl.destroyV1() start");
     UiThreadUtil.assertOnUiThread();
 
     if (mDestroyed) {
@@ -405,7 +404,7 @@ public void run() {
 
                                             mHybridData.resetNative();
                                             getReactQueueConfiguration().destroy();
-                                            Log.d(
+                                            FLog.d(
                                                 ReactConstants.TAG,
                                                 "CatalystInstanceImpl.destroy() end");
                                             ReactMarker.logMarker(
@@ -430,7 +429,7 @@ public void run() {
    */
   @ThreadConfined(UI)
   public void destroyV2() {
-    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.destroyV2() start");
+    FLog.d(ReactConstants.TAG, "CatalystInstanceImpl.destroyV2() start");
     UiThreadUtil.assertOnUiThread();
 
     if (mDestroyed) {
@@ -447,7 +446,7 @@ public void destroyV2() {
         new Runnable() {
           @Override
           public void run() {
-            Log.d("CatalystInstanceImpl", ".destroy on native modules thread");
+            FLog.d("CatalystInstanceImpl", ".destroy on native modules thread");
             mNativeModuleRegistry.notifyJSInstanceDestroy();
 
             // Notifies all JSI modules that they are being destroyed, including the FabricUIManager
@@ -464,7 +463,7 @@ public void run() {
             }
 
             mNativeModulesThreadDestructionComplete = true;
-            Log.d("CatalystInstanceImpl", ".destroy on native modules thread finished");
+            FLog.d("CatalystInstanceImpl", ".destroy on native modules thread finished");
           }
         });
 
@@ -474,14 +473,14 @@ public void run() {
             new Runnable() {
               @Override
               public void run() {
-                Log.d("CatalystInstanceImpl", ".destroy on JS thread");
+                FLog.d("CatalystInstanceImpl", ".destroy on JS thread");
                 // We need to destroy the TurboModuleManager on the JS Thread
                 if (mTurboModuleManagerJSIModule != null) {
                   mTurboModuleManagerJSIModule.onCatalystInstanceDestroy();
                 }
 
                 mJSThreadDestructionComplete = true;
-                Log.d("CatalystInstanceImpl", ".destroy on JS thread finished");
+                FLog.d("CatalystInstanceImpl", ".destroy on JS thread finished");
               }
             });
 
@@ -490,7 +489,7 @@ public void run() {
     while (!mNativeModulesThreadDestructionComplete || !mJSThreadDestructionComplete) {
       // Never wait here, blocking the UI thread, for more than 100ms
       if ((System.currentTimeMillis() - waitStartTime) > 100) {
-        Log.w(
+        FLog.w(
             ReactConstants.TAG,
             "CatalystInstanceImpl.destroy() timed out waiting for Native Modules and JS thread teardown");
         break;
@@ -511,7 +510,7 @@ public void run() {
     mHybridData.resetNative();
 
     getReactQueueConfiguration().destroy();
-    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.destroy() end");
+    FLog.d(ReactConstants.TAG, "CatalystInstanceImpl.destroy() end");
     ReactMarker.logMarker(ReactMarkerConstants.DESTROY_CATALYST_INSTANCE_END);
 
     // This is a noop if the listener was not yet registered.
@@ -527,7 +526,7 @@ public boolean isDestroyed() {
   @VisibleForTesting
   @Override
   public void initialize() {
-    Log.d(ReactConstants.TAG, "CatalystInstanceImpl.initialize()");
+    FLog.d(ReactConstants.TAG, "CatalystInstanceImpl.initialize()");
     Assertions.assertCondition(
         !mInitialized, "This catalyst instance has already been initialized");
     // We assume that the instance manager blocks on running the JS bundle. If
@@ -582,6 +581,13 @@ public NativeModule getNativeModule(String moduleName) {
     if (getTurboModuleRegistry() != null) {
       TurboModule turboModule = getTurboModuleRegistry().getModule(moduleName);
 
+      // TODO(T46487253): Remove after task is closed
+      FLog.e(
+          ReactConstants.TAG,
+          "CatalystInstanceImpl.getNativeModule: TurboModule "
+              + moduleName
+              + (turboModule == null ? " not" : "")
+              + " found");
       if (turboModule != null) {
         return (NativeModule) turboModule;
       }
@@ -709,6 +715,9 @@ public void run() {
   }
 
   private void onNativeException(Exception e) {
+    // TODO T62192299: remove this after investigation
+    FLog.e(ReactConstants.TAG, "CatalystInstanceImpl caught native exception", e);
+
     mNativeModuleCallExceptionHandler.handleException(e);
     mReactQueueConfiguration
         .getUIQueueThread()
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ColorPropConverter.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ColorPropConverter.java
new file mode 100644
index 00000000000000..5ac8ddceb690a1
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ColorPropConverter.java
@@ -0,0 +1,124 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 android.content.Context;
+import android.content.res.Resources;
+import android.util.TypedValue;
+import androidx.core.content.res.ResourcesCompat;
+
+public class ColorPropConverter {
+  private static final String JSON_KEY = "resource_paths";
+  private static final String PREFIX_RESOURCE = "@";
+  private static final String PREFIX_ATTR = "?";
+  private static final String PACKAGE_DELIMITER = ":";
+  private static final String PATH_DELIMITER = "/";
+  private static final String ATTR = "attr";
+  private static final String ATTR_SEGMENT = "attr/";
+
+  public static Integer getColor(Object value, Context context) {
+    if (value == null) {
+      return null;
+    }
+
+    if (value instanceof Double) {
+      return ((Double) value).intValue();
+    }
+
+    if (context == null) {
+      throw new RuntimeException("Context may not be null.");
+    }
+
+    if (value instanceof ReadableMap) {
+      ReadableMap map = (ReadableMap) value;
+      ReadableArray resourcePaths = map.getArray(JSON_KEY);
+
+      if (resourcePaths == null) {
+        throw new JSApplicationCausedNativeException(
+            "ColorValue: The `" + JSON_KEY + "` must be an array of color resource path strings.");
+      }
+
+      for (int i = 0; i < resourcePaths.size(); i++) {
+        String resourcePath = resourcePaths.getString(i);
+
+        if (resourcePath == null || resourcePath.isEmpty()) {
+          continue;
+        }
+
+        boolean isResource = resourcePath.startsWith(PREFIX_RESOURCE);
+        boolean isThemeAttribute = resourcePath.startsWith(PREFIX_ATTR);
+
+        resourcePath = resourcePath.substring(1);
+
+        try {
+          if (isResource) {
+            return resolveResource(context, resourcePath);
+          } else if (isThemeAttribute) {
+            return resolveThemeAttribute(context, resourcePath);
+          }
+        } catch (Resources.NotFoundException exception) {
+          // The resource could not be found so do nothing to allow the for loop to continue and
+          // try the next fallback resource in the array.  If none of the fallbacks are
+          // found then the exception immediately after the for loop will be thrown.
+        }
+      }
+
+      throw new JSApplicationCausedNativeException(
+          "ColorValue: None of the paths in the `"
+              + JSON_KEY
+              + "` array resolved to a color resource.");
+    }
+
+    throw new JSApplicationCausedNativeException(
+        "ColorValue: the value must be a number or Object.");
+  }
+
+  private static int resolveResource(Context context, String resourcePath) {
+    String[] pathTokens = resourcePath.split(PACKAGE_DELIMITER);
+
+    String packageName = context.getPackageName();
+    String resource = resourcePath;
+
+    if (pathTokens.length > 1) {
+      packageName = pathTokens[0];
+      resource = pathTokens[1];
+    }
+
+    String[] resourceTokens = resource.split(PATH_DELIMITER);
+    String resourceType = resourceTokens[0];
+    String resourceName = resourceTokens[1];
+
+    int resourceId = context.getResources().getIdentifier(resourceName, resourceType, packageName);
+
+    return ResourcesCompat.getColor(context.getResources(), resourceId, context.getTheme());
+  }
+
+  private static int resolveThemeAttribute(Context context, String resourcePath) {
+    String path = resourcePath.replaceAll(ATTR_SEGMENT, "");
+    String[] pathTokens = path.split(PACKAGE_DELIMITER);
+
+    String packageName = context.getPackageName();
+    String resourceName = path;
+
+    if (pathTokens.length > 1) {
+      packageName = pathTokens[0];
+      resourceName = pathTokens[1];
+    }
+
+    int resourceId = context.getResources().getIdentifier(resourceName, ATTR, packageName);
+
+    TypedValue outValue = new TypedValue();
+    Resources.Theme theme = context.getTheme();
+
+    if (theme.resolveAttribute(resourceId, outValue, true)) {
+      return outValue.data;
+    }
+
+    throw new Resources.NotFoundException();
+  }
+}
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 b9572f64ce3eb1..db9f29b130e7fa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaJSExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaJSExecutor.java
@@ -38,7 +38,7 @@ public ProxyExecutorException(Throwable cause) {
    * @param sourceURL url or file location from which script content was loaded
    */
   @DoNotStrip
-  void loadApplicationScript(String sourceURL) throws ProxyExecutorException;
+  void loadBundle(String sourceURL) throws ProxyExecutorException;
 
   /**
    * Execute javascript method within js context
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 4247f8a6ca5df2..4998395a21f82a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModuleRegistry.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaScriptModuleRegistry.java
@@ -71,17 +71,8 @@ public JavaScriptModuleInvocationHandler(
 
     private String getJSModuleName() {
       if (mName == null) {
-        // With proguard obfuscation turned on, proguard apparently (poorly) emulates inner
-        // classes or something because Class#getSimpleName() no longer strips the outer
-        // class name. We manually strip it here if necessary.
-        String name = mModuleInterface.getSimpleName();
-        int dollarSignIndex = name.lastIndexOf('$');
-        if (dollarSignIndex != -1) {
-          name = name.substring(dollarSignIndex + 1);
-        }
-
-        // getting the class name every call is expensive, so cache it
-        mName = name;
+        // Getting the class name every call is expensive, so cache it
+        mName = JavaScriptModuleRegistry.getJSModuleName(mModuleInterface);
       }
       return mName;
     }
@@ -94,4 +85,16 @@ private String getJSModuleName() {
       return null;
     }
   }
+
+  public static String getJSModuleName(Class<? extends JavaScriptModule> jsModuleInterface) {
+    // With proguard obfuscation turned on, proguard apparently (poorly) emulates inner
+    // classes or something because Class#getSimpleName() no longer strips the outer
+    // class name. We manually strip it here if necessary.
+    String name = jsModuleInterface.getSimpleName();
+    int dollarSignIndex = name.lastIndexOf('$');
+    if (dollarSignIndex != -1) {
+      name = name.substring(dollarSignIndex + 1);
+    }
+    return name;
+  }
 }
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 a3a92274390ae1..fe13dd689810e1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
@@ -33,10 +33,17 @@
  */
 public class ReactContext extends ContextWrapper {
 
+  private static final String TAG = "ReactContext";
   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.";
+  private static final String LATE_JS_ACCESS_EXCEPTION_MESSAGE =
+      "Tried to access a JS module after the React instance was destroyed.";
+  private static final String EARLY_NATIVE_MODULE_EXCEPTION_MESSAGE =
+      "Trying to call native module before CatalystInstance has been set!";
+  private static final String LATE_NATIVE_MODULE_EXCEPTION_MESSAGE =
+      "Trying to call native module after CatalystInstance has been destroyed!";
 
   private final CopyOnWriteArraySet<LifecycleEventListener> mLifecycleEventListeners =
       new CopyOnWriteArraySet<>();
@@ -47,6 +54,7 @@ public class ReactContext extends ContextWrapper {
 
   private LifecycleState mLifecycleState = LifecycleState.BEFORE_CREATE;
 
+  private volatile boolean mDestroyed = false;
   private @Nullable CatalystInstance mCatalystInstance;
   private @Nullable LayoutInflater mInflater;
   private @Nullable MessageQueueThread mUiMessageQueueThread;
@@ -68,6 +76,11 @@ public void initializeWithInstance(CatalystInstance catalystInstance) {
     if (mCatalystInstance != null) {
       throw new IllegalStateException("ReactContext has been already initialized");
     }
+    if (mDestroyed) {
+      ReactSoftException.logSoftException(
+          TAG,
+          new IllegalStateException("Cannot initialize ReactContext after it has been destroyed."));
+    }
 
     mCatalystInstance = catalystInstance;
 
@@ -104,6 +117,11 @@ public void setNativeModuleCallExceptionHandler(
     mNativeModuleCallExceptionHandler = nativeModuleCallExceptionHandler;
   }
 
+  private void raiseCatalystInstanceMissingException() {
+    throw new IllegalStateException(
+        mDestroyed ? LATE_NATIVE_MODULE_EXCEPTION_MESSAGE : EARLY_NATIVE_MODULE_EXCEPTION_MESSAGE);
+  }
+
   // We override the following method so that views inflated with the inflater obtained from this
   // context return the ReactContext in #getContext(). The default implementation uses the base
   // context instead, so it couldn't be cast to ReactContext.
@@ -124,15 +142,17 @@ public Object getSystemService(String name) {
    */
   public <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface) {
     if (mCatalystInstance == null) {
-      throw new RuntimeException(EARLY_JS_ACCESS_EXCEPTION_MESSAGE);
+      if (mDestroyed) {
+        throw new IllegalStateException(LATE_JS_ACCESS_EXCEPTION_MESSAGE);
+      }
+      throw new IllegalStateException(EARLY_JS_ACCESS_EXCEPTION_MESSAGE);
     }
     return mCatalystInstance.getJSModule(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!");
+      raiseCatalystInstanceMissingException();
     }
     return mCatalystInstance.hasNativeModule(nativeModuleInterface);
   }
@@ -140,8 +160,7 @@ public <T extends NativeModule> boolean hasNativeModule(Class<T> nativeModuleInt
   /** @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!");
+      raiseCatalystInstanceMissingException();
     }
     return mCatalystInstance.getNativeModule(nativeModuleInterface);
   }
@@ -186,7 +205,7 @@ public void run() {
               });
           break;
         default:
-          throw new RuntimeException("Unhandled lifecycle state.");
+          throw new IllegalStateException("Unhandled lifecycle state.");
       }
     }
   }
@@ -273,6 +292,7 @@ public void onHostDestroy() {
   public void destroy() {
     UiThreadUtil.assertOnUiThread();
 
+    mDestroyed = true;
     if (mCatalystInstance != null) {
       mCatalystInstance.destroy();
       if (ReactFeatureFlags.nullifyCatalystInstanceOnDestroy) {
@@ -367,7 +387,7 @@ public void handleException(Exception e) {
               + " - hasExceptionHandler: "
               + hasExceptionHandler,
           e);
-      throw new RuntimeException(e);
+      throw new IllegalStateException(e);
     }
   }
 
@@ -413,6 +433,11 @@ public boolean startActivityForResult(Intent intent, int code, Bundle bundle) {
     return mCurrentActivity.get();
   }
 
+  /** @deprecated DO NOT USE, this method will be removed in the near future. */
+  public boolean isBridgeless() {
+    return false;
+  }
+
   /**
    * Get the C pointer (as a long) to the JavaScriptCore context associated with this instance. Use
    * the following pattern to ensure that the JS context is not cleared while you are using it:
@@ -422,4 +447,22 @@ public boolean startActivityForResult(Intent intent, int code, Bundle bundle) {
   public JavaScriptContextHolder getJavaScriptContextHolder() {
     return mCatalystInstance.getJavaScriptContextHolder();
   }
+
+  public JSIModule getJSIModule(JSIModuleType moduleType) {
+    if (!hasActiveCatalystInstance()) {
+      throw new IllegalStateException(
+          "Unable to retrieve a JSIModule if CatalystInstance is not active.");
+    }
+    return mCatalystInstance.getJSIModule(moduleType);
+  }
+
+  /**
+   * Get the sourceURL for the JS bundle from the CatalystInstance. This method is needed for
+   * compatibility with bridgeless mode, which has no CatalystInstance.
+   *
+   * @return The JS bundle URL set when the bundle was loaded
+   */
+  public @Nullable String getSourceURL() {
+    return mCatalystInstance.getSourceURL();
+  }
 }
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 ea6d366f9fe646..eb2111e4db3f16 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
@@ -10,7 +10,6 @@
 import static com.facebook.infer.annotation.ThreadConfined.ANY;
 
 import android.app.Activity;
-import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
@@ -28,7 +27,7 @@ public ReactContextBaseJavaModule() {
     mReactApplicationContext = null;
   }
 
-  public ReactContextBaseJavaModule(@NonNull ReactApplicationContext reactContext) {
+  public ReactContextBaseJavaModule(@Nullable ReactApplicationContext reactContext) {
     mReactApplicationContext = reactContext;
   }
 
@@ -53,7 +52,8 @@ protected final ReactApplicationContext getReactApplicationContext() {
    */
   @ThreadConfined(ANY)
   protected @Nullable final ReactApplicationContext getReactApplicationContextIfActiveOrWarn() {
-    if (mReactApplicationContext.hasActiveCatalystInstance()) {
+    if (mReactApplicationContext.hasActiveCatalystInstance()
+        || mReactApplicationContext.isBridgeless()) {
       return mReactApplicationContext;
     }
 
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactNoCrashSoftException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactNoCrashSoftException.java
index 46c749fb6f4611..b3234996e190a9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactNoCrashSoftException.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactNoCrashSoftException.java
@@ -13,7 +13,15 @@
  * and not crash, no matter what.
  */
 public class ReactNoCrashSoftException extends RuntimeException {
-  public ReactNoCrashSoftException(String detailMessage) {
-    super(detailMessage);
+  public ReactNoCrashSoftException(String m) {
+    super(m);
+  }
+
+  public ReactNoCrashSoftException(Throwable e) {
+    super(e);
+  }
+
+  public ReactNoCrashSoftException(String m, Throwable e) {
+    super(m, e);
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/bridge/RetryableMountingLayerException.java b/ReactAndroid/src/main/java/com/facebook/react/bridge/RetryableMountingLayerException.java
new file mode 100644
index 00000000000000..a9c8fb325f7518
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/RetryableMountingLayerException.java
@@ -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.
+ */
+
+package com.facebook.react.bridge;
+
+/**
+ * ViewCommands can throw this Exception. If this is caught during the execution of a ViewCommand
+ * mounting instruction, it indicates that the mount item can be safely retried.
+ */
+public class RetryableMountingLayerException extends RuntimeException {
+  public RetryableMountingLayerException(String msg, Throwable e) {
+    super(msg, e);
+  }
+
+  public RetryableMountingLayerException(Throwable e) {
+    super(e);
+  }
+
+  public RetryableMountingLayerException(String msg) {
+    super(msg);
+  }
+}
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 73e815306cfc4a..89ef6a717209d1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
@@ -56,6 +56,9 @@ <T extends View> int addRootView(
    */
   void dispatchCommand(int reactTag, String commandId, @Nullable ReadableArray commandArgs);
 
+  /** @return the {@link EventDispatcher} object that is used by this class. */
+  <T> T getEventDispatcher();
+
   /**
    * 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
@@ -78,16 +81,4 @@ <T extends View> int addRootView(
    * @param eventType
    */
   void sendAccessibilityEvent(int reactTag, int eventType);
-
-  /**
-   * When mounting instructions are scheduled on the UI thread, should they be executed immediately?
-   * For Fabric. Should noop in pre-Fabric.
-   *
-   * <p>This should only be called on the UI thread.
-   *
-   * @param flag
-   */
-  @UiThread
-  @ThreadConfined(UI)
-  void setAllowImmediateUIOperationExecution(boolean flag);
 }
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 b746fcdc1cc200..c5b9de82a4453f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
@@ -16,15 +16,6 @@
  */
 public class ReactFeatureFlags {
 
-  /** 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 */
-  public static boolean useArrayNativeAccessor = false;
-
-  /** 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++
@@ -32,18 +23,6 @@ public class ReactFeatureFlags {
    */
   public static volatile boolean useTurboModules = false;
 
-  /**
-   * 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
    */
@@ -72,12 +51,10 @@ public class ReactFeatureFlags {
   public static boolean nullifyCatalystInstanceOnDestroy = false;
 
   /**
-   * Temporary flag that should be removed soon. See FabricUIManager: if this flag is disabled,
-   * mountItems scheduled on the UI thread will *always* be executed synchronously. If this flag is
-   * enabled, users of FabricUIManager may disable immediate execution of scheduled mount items.
-   * TODO T54997838: remove as followup
+   * Temporary flag. See UIImplementation: if this flag is enabled, ViewCommands will be queued and
+   * executed before any other types of UI operations.
    */
-  public static boolean allowDisablingImmediateExecutionOfScheduleMountItems = false;
+  public static boolean allowEarlyViewCommandExecution = false;
 
   /**
    * This react flag enables a custom algorithm for the getChildVisibleRect() method in the classes
@@ -90,4 +67,10 @@ public class ReactFeatureFlags {
    * <p>The react flag is disabled by default because this is increasing ANRs (T57363204)
    */
   public static boolean clipChildRectsIfOverflowIsHidden = false;
+
+  /**
+   * Temporary feature flat to control a fix in the transition to layoutOnlyViews TODO T61185028:
+   * remove this when bug is fixed
+   */
+  public static boolean enableTransitionLayoutOnlyViewCleanup = false;
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
index 39f69cba1f1318..a5c503d2f750b0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BUCK
@@ -26,6 +26,7 @@ rn_android_library(
         react_native_target("java/com/facebook/debug/tags:tags"),
         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/util:util"),
         react_native_target("java/com/facebook/react/common/network:network"),
         react_native_target("java/com/facebook/react/devsupport:interfaces"),
         react_native_target("java/com/facebook/react/module/annotations:annotations"),
@@ -36,7 +37,9 @@ rn_android_library(
         react_native_target("java/com/facebook/react/packagerconnection:packagerconnection"),
         react_native_target("res:devsupport"),
     ],
-    exported_deps = [react_native_target("java/com/facebook/fbreact/specs:FBReactNativeSpec")],
+    exported_deps = [
+        react_native_target("java/com/facebook/fbreact/specs:FBReactNativeSpec"),
+    ],
 )
 
 rn_android_library(
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 53bbb803752d1b..17235dd9d46356 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/BundleDownloader.java
@@ -7,7 +7,6 @@
 
 package com.facebook.react.devsupport;
 
-import android.util.Log;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
@@ -58,7 +57,7 @@ public static class BundleInfo {
         info.mUrl = obj.getString("url");
         info.mFilesChangedCount = obj.getInt("filesChangedCount");
       } catch (JSONException e) {
-        Log.e(TAG, "Invalid bundle info: ", e);
+        FLog.e(TAG, "Invalid bundle info: ", e);
         return null;
       }
 
@@ -72,7 +71,7 @@ public static class BundleInfo {
         obj.put("url", mUrl);
         obj.put("filesChangedCount", mFilesChangedCount);
       } catch (JSONException e) {
-        Log.e(TAG, "Can't serialize bundle info: ", e);
+        FLog.e(TAG, "Can't serialize bundle info: ", e);
         return null;
       }
 
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 c40242077cf4e9..f80ae648404005 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
@@ -7,13 +7,10 @@
 
 package com.facebook.react.devsupport;
 
-import android.content.Context;
 import android.os.AsyncTask;
-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;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.PackagerStatusCallback;
@@ -250,36 +247,6 @@ protected Void doInBackground(Void... params) {
     }.executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
   }
 
-  public void attachDebugger(final Context context, final String title) {
-    new AsyncTask<Void, String, Boolean>() {
-      @Override
-      protected Boolean doInBackground(Void... ignore) {
-        return doSync();
-      }
-
-      public boolean doSync() {
-        try {
-          String attachToNuclideUrl = getInspectorAttachUrl(context, title);
-          OkHttpClient client = new OkHttpClient();
-          Request request = new Request.Builder().url(attachToNuclideUrl).build();
-          client.newCall(request).execute();
-          return true;
-        } catch (IOException e) {
-          FLog.e(ReactConstants.TAG, "Failed to send attach request to Inspector", e);
-          return false;
-        }
-      }
-
-      @Override
-      protected void onPostExecute(Boolean result) {
-        if (!result) {
-          String message = context.getString(R.string.catalyst_debug_nuclide_error);
-          Toast.makeText(context, message, Toast.LENGTH_LONG).show();
-        }
-      }
-    }.executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
-  }
-
   public void symbolicateStackTrace(
       Iterable<StackFrame> stackFrames, final SymbolicationListener listener) {
     try {
@@ -370,16 +337,6 @@ private String getInspectorDeviceUrl() {
         mPackageName);
   }
 
-  private String getInspectorAttachUrl(Context context, String title) {
-    return String.format(
-        Locale.US,
-        "http://%s/nuclide/attach-debugger-nuclide?title=%s&app=%s&device=%s",
-        AndroidInfoHelpers.getServerHost(context),
-        title,
-        mPackageName,
-        AndroidInfoHelpers.getFriendlyDeviceName());
-  }
-
   public void downloadBundleFromURL(
       DevBundleDownloadListener callback,
       File outputFile,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java
new file mode 100644
index 00000000000000..249a359230dcc6
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java
@@ -0,0 +1,1234 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 android.app.Activity;
+import android.app.ActivityManager;
+import android.app.AlertDialog;
+import android.content.BroadcastReceiver;
+import android.content.Context;
+import android.content.DialogInterface;
+import android.content.Intent;
+import android.content.IntentFilter;
+import android.content.pm.PackageInfo;
+import android.content.pm.PackageManager;
+import android.hardware.SensorManager;
+import android.util.Pair;
+import android.view.View;
+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;
+import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.R;
+import com.facebook.react.bridge.DefaultNativeModuleCallExceptionHandler;
+import com.facebook.react.bridge.JavaJSExecutor;
+import com.facebook.react.bridge.JavaScriptExecutorFactory;
+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.UiThreadUtil;
+import com.facebook.react.common.DebugServerException;
+import com.facebook.react.common.ReactConstants;
+import com.facebook.react.common.ShakeDetector;
+import com.facebook.react.common.futures.SimpleSettableFuture;
+import com.facebook.react.devsupport.DevServerHelper.PackagerCommandListener;
+import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
+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.core.RCTNativeAppEventEmitter;
+import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
+import com.facebook.react.packagerconnection.RequestHandler;
+import com.facebook.react.packagerconnection.Responder;
+import java.io.File;
+import java.io.IOException;
+import java.net.MalformedURLException;
+import java.net.URL;
+import java.util.ArrayList;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Locale;
+import java.util.Map;
+import java.util.concurrent.ExecutionException;
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.TimeoutException;
+
+public abstract class DevSupportManagerBase
+    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";
+
+  public static final String EMOJI_HUNDRED_POINTS_SYMBOL = " \uD83D\uDCAF";
+  public static final String EMOJI_FACE_WITH_NO_GOOD_GESTURE = " \uD83D\uDE45";
+
+  private final List<ExceptionLogger> mExceptionLoggers = new ArrayList<>();
+
+  private final Context mApplicationContext;
+  private final ShakeDetector mShakeDetector;
+  private final BroadcastReceiver mReloadAppBroadcastReceiver;
+  private final DevServerHelper mDevServerHelper;
+  private final LinkedHashMap<String, DevOptionHandler> mCustomDevOptions = new LinkedHashMap<>();
+  private final ReactInstanceManagerDevHelper mReactInstanceManagerHelper;
+  private final @Nullable String mJSAppBundleName;
+  private final File mJSBundleTempFile;
+  private final DefaultNativeModuleCallExceptionHandler mDefaultNativeModuleCallExceptionHandler;
+  private final DevLoadingViewController mDevLoadingViewController;
+
+  private @Nullable RedBoxDialog mRedBoxDialog;
+  private @Nullable AlertDialog mDevOptionsDialog;
+  private @Nullable DebugOverlayController mDebugOverlayController;
+  private boolean mDevLoadingViewVisible = false;
+  private @Nullable ReactContext mCurrentContext;
+  private DevInternalSettings mDevSettings;
+  private boolean mIsReceiverRegistered = false;
+  private boolean mIsShakeDetectorStarted = false;
+  private boolean mIsDevSupportEnabled = false;
+  private @Nullable RedBoxHandler mRedBoxHandler;
+  private @Nullable String mLastErrorTitle;
+  private @Nullable StackFrame[] mLastErrorStack;
+  private int mLastErrorCookie = 0;
+  private @Nullable ErrorType mLastErrorType;
+  private @Nullable DevBundleDownloadListener mBundleDownloadListener;
+  private @Nullable List<ErrorCustomizer> mErrorCustomizers;
+  private @Nullable PackagerLocationCustomizer mPackagerLocationCustomizer;
+
+  private InspectorPackagerConnection.BundleStatus mBundleStatus;
+
+  private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
+
+  public DevSupportManagerBase(
+      Context applicationContext,
+      ReactInstanceManagerDevHelper reactInstanceManagerHelper,
+      @Nullable String packagerPathForJSBundleName,
+      boolean enableOnCreate,
+      int minNumShakes) {
+
+    this(
+        applicationContext,
+        reactInstanceManagerHelper,
+        packagerPathForJSBundleName,
+        enableOnCreate,
+        null,
+        null,
+        minNumShakes,
+        null);
+  }
+
+  public DevSupportManagerBase(
+      Context applicationContext,
+      ReactInstanceManagerDevHelper reactInstanceManagerHelper,
+      @Nullable String packagerPathForJSBundleName,
+      boolean enableOnCreate,
+      @Nullable RedBoxHandler redBoxHandler,
+      @Nullable DevBundleDownloadListener devBundleDownloadListener,
+      int minNumShakes,
+      @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
+    mReactInstanceManagerHelper = reactInstanceManagerHelper;
+    mApplicationContext = applicationContext;
+    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;
+              }
+            });
+    mBundleDownloadListener = devBundleDownloadListener;
+
+    // Prepare shake gesture detector (will be started/stopped from #reload)
+    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);
+              }
+              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
+    // start reading first reload output while the second reload starts writing to the same
+    // file. As this should only be the case in dev mode we leave it as it is.
+    // TODO(6418010): Fix readers-writers problem in debug reload from HTTP server
+    mJSBundleTempFile = new File(applicationContext.getFilesDir(), JS_BUNDLE_FILE_NAME);
+
+    mDefaultNativeModuleCallExceptionHandler = new DefaultNativeModuleCallExceptionHandler();
+
+    setDevSupportEnabled(enableOnCreate);
+
+    mRedBoxHandler = redBoxHandler;
+    mDevLoadingViewController =
+        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
+  public void handleException(Exception e) {
+    if (mIsDevSupportEnabled) {
+
+      for (ExceptionLogger logger : mExceptionLoggers) {
+        logger.log(e);
+      }
+
+    } else {
+      mDefaultNativeModuleCallExceptionHandler.handleException(e);
+    }
+  }
+
+  private interface ExceptionLogger {
+    void log(Exception ex);
+  }
+
+  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());
+      Throwable cause = e.getCause();
+      while (cause != null) {
+        message.append("\n\n").append(cause.getMessage());
+        cause = cause.getCause();
+      }
+
+      if (e instanceof JSException) {
+        FLog.e(ReactConstants.TAG, "Exception in native call from JS", e);
+        String stack = ((JSException) e).getStack();
+        message.append("\n\n").append(stack);
+
+        // TODO #11638796: convert the stack into something useful
+        showNewError(
+            message.toString(), new StackFrame[] {}, JSEXCEPTION_ERROR_COOKIE, ErrorType.JS);
+      } else {
+        showNewJavaError(message.toString(), 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);
+  }
+
+  /**
+   * Add option item to dev settings dialog displayed by this manager. In the case user select given
+   * option from that dialog, the appropriate handler passed as {@param optionHandler} will be
+   * called.
+   */
+  @Override
+  public void addCustomDevOption(String optionName, DevOptionHandler optionHandler) {
+    mCustomDevOptions.put(optionName, optionHandler);
+  }
+
+  @Override
+  public void showNewJSError(String message, ReadableArray details, int errorCookie) {
+    showNewError(message, StackTraceHelper.convertJsStackTrace(details), errorCookie, ErrorType.JS);
+  }
+
+  @Override
+  public void registerErrorCustomizer(ErrorCustomizer errorCustomizer) {
+    if (mErrorCustomizers == null) {
+      mErrorCustomizers = new ArrayList<>();
+    }
+    mErrorCustomizers.add(errorCustomizer);
+  }
+
+  private Pair<String, StackFrame[]> processErrorCustomizers(Pair<String, StackFrame[]> errorInfo) {
+    if (mErrorCustomizers == null) {
+      return errorInfo;
+    } else {
+      for (ErrorCustomizer errorCustomizer : mErrorCustomizers) {
+        Pair<String, StackFrame[]> result = errorCustomizer.customizeErrorInfo(errorInfo);
+        if (result != null) {
+          errorInfo = result;
+        }
+      }
+      return errorInfo;
+    }
+  }
+
+  @Override
+  public void updateJSError(
+      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();
+            }
+            mRedBoxDialog.show();
+          }
+        });
+  }
+
+  @Override
+  public void hideRedboxDialog() {
+    // dismiss redbox if exists
+    if (mRedBoxDialog != null) {
+      mRedBoxDialog.dismiss();
+      mRedBoxDialog = null;
+    }
+  }
+
+  public @Nullable View createRootView(String appKey) {
+    return mReactInstanceManagerHelper.createRootView(appKey);
+  }
+
+  public void destroyRootView(View rootView) {
+    mReactInstanceManagerHelper.destroyRootView(rootView);
+  }
+
+  private void hideDevOptionsDialog() {
+    if (mDevOptionsDialog != null) {
+      mDevOptionsDialog.dismiss();
+      mDevOptionsDialog = null;
+    }
+  }
+
+  private void showNewError(
+      @Nullable final String message,
+      final StackFrame[] stack,
+      final int errorCookie,
+      final ErrorType errorType) {
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          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);
+                return;
+              }
+              mRedBoxDialog = new RedBoxDialog(context, DevSupportManagerBase.this, mRedBoxHandler);
+            }
+            if (mRedBoxDialog.isShowing()) {
+              // Sometimes errors cause multiple errors to be thrown in JS in quick succession. Only
+              // show the first and most actionable one.
+              return;
+            }
+            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
+            // inside {@link #updateJSError} after source mapping.
+            if (mRedBoxHandler != null && errorType == ErrorType.NATIVE) {
+              mRedBoxHandler.handleRedbox(message, stack, RedBoxHandler.ErrorType.NATIVE);
+            }
+            mRedBoxDialog.resetReporting();
+            mRedBoxDialog.show();
+          }
+        });
+  }
+
+  @Override
+  public void showDevOptionsDialog() {
+    if (mDevOptionsDialog != null || !mIsDevSupportEnabled || ActivityManager.isUserAMonkey()) {
+      return;
+    }
+    LinkedHashMap<String, DevOptionHandler> options = new LinkedHashMap<>();
+    /* register standard options */
+    options.put(
+        mApplicationContext.getString(R.string.catalyst_reload),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            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.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();
+          }
+        });
+    options.put(
+        mApplicationContext.getString(R.string.catalyst_change_bundle_location),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            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(
+        // NOTE: `isElementInspectorEnabled` is not guaranteed to be accurate.
+        mApplicationContext.getString(R.string.catalyst_inspector),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            mDevSettings.setElementInspectorEnabled(!mDevSettings.isElementInspectorEnabled());
+            mReactInstanceManagerHelper.toggleElementInspector();
+          }
+        });
+
+    options.put(
+        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();
+            }
+          }
+        });
+
+    options.put(
+        mIsSamplingProfilerEnabled
+            ? mApplicationContext.getString(R.string.catalyst_sample_profiler_disable)
+            : mApplicationContext.getString(R.string.catalyst_sample_profiler_enable),
+        new DevOptionHandler() {
+          @Override
+          public void onOptionSelected() {
+            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() {
+          @Override
+          public void onOptionSelected() {
+            Intent intent = new Intent(mApplicationContext, DevSettingsActivity.class);
+            intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
+            mApplicationContext.startActivity(intent);
+          }
+        });
+
+    if (mCustomDevOptions.size() > 0) {
+      options.putAll(mCustomDevOptions);
+    }
+
+    final DevOptionHandler[] optionHandlers = options.values().toArray(new DevOptionHandler[0]);
+
+    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");
+      return;
+    }
+    mDevOptionsDialog =
+        new AlertDialog.Builder(context)
+            .setItems(
+                options.keySet().toArray(new String[0]),
+                new DialogInterface.OnClickListener() {
+                  @Override
+                  public void onClick(DialogInterface dialog, int which) {
+                    optionHandlers[which].onOptionSelected();
+                    mDevOptionsDialog = null;
+                  }
+                })
+            .setOnCancelListener(
+                new DialogInterface.OnCancelListener() {
+                  @Override
+                  public void onCancel(DialogInterface dialog) {
+                    mDevOptionsDialog = null;
+                  }
+                })
+            .create();
+    mDevOptionsDialog.show();
+    if (mCurrentContext != null) {
+      mCurrentContext.getJSModule(RCTNativeAppEventEmitter.class).emit("RCTDevMenuShown", null);
+    }
+  }
+
+  /** 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).
+   */
+  @Override
+  public void setDevSupportEnabled(boolean isDevSupportEnabled) {
+    mIsDevSupportEnabled = isDevSupportEnabled;
+    reloadSettings();
+  }
+
+  @Override
+  public boolean getDevSupportEnabled() {
+    return mIsDevSupportEnabled;
+  }
+
+  @Override
+  public DeveloperSettings getDevSettings() {
+    return mDevSettings;
+  }
+
+  @Override
+  public void onNewReactContextCreated(ReactContext reactContext) {
+    resetCurrentContext(reactContext);
+  }
+
+  @Override
+  public void onReactInstanceDestroyed(ReactContext reactContext) {
+    if (reactContext == mCurrentContext) {
+      // only call reset context when the destroyed context matches the one that is currently set
+      // for this manager
+      resetCurrentContext(null);
+    }
+  }
+
+  @Override
+  public String getSourceMapUrl() {
+    if (mJSAppBundleName == null) {
+      return "";
+    }
+
+    return mDevServerHelper.getSourceMapUrl(Assertions.assertNotNull(mJSAppBundleName));
+  }
+
+  @Override
+  public String getSourceUrl() {
+    if (mJSAppBundleName == null) {
+      return "";
+    }
+
+    return mDevServerHelper.getSourceUrl(Assertions.assertNotNull(mJSAppBundleName));
+  }
+
+  @Override
+  public String getJSBundleURLForRemoteDebugging() {
+    return mDevServerHelper.getJSBundleURLForRemoteDebugging(
+        Assertions.assertNotNull(mJSAppBundleName));
+  }
+
+  @Override
+  public String getDownloadedJSBundleFile() {
+    return mJSBundleTempFile.getAbsolutePath();
+  }
+
+  /**
+   * @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);
+        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));
+          if (exopackageDir.exists()) {
+            return mJSBundleTempFile.lastModified() > exopackageDir.lastModified();
+          }
+          return true;
+        }
+      } catch (PackageManager.NameNotFoundException e) {
+        // Ignore this error and just fallback to loading JS from assets
+        FLog.e(ReactConstants.TAG, "DevSupport is unable to get current app info");
+      }
+    }
+    return false;
+  }
+
+  /**
+   * @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 {
+      String[] assets = mApplicationContext.getAssets().list("");
+      for (int i = 0; i < assets.length; i++) {
+        if (assets[i].equals(bundleAssetName)) {
+          return true;
+        }
+      }
+    } catch (IOException e) {
+      // Ignore this error and just fallback to downloading JS from devserver
+      FLog.e(ReactConstants.TAG, "Error while loading assets list");
+    }
+    return false;
+  }
+
+  private void resetCurrentContext(@Nullable ReactContext reactContext) {
+    if (mCurrentContext == reactContext) {
+      // new context is the same as the old one - do nothing
+      return;
+    }
+
+    mCurrentContext = reactContext;
+
+    // Recreate debug overlay controller with new CatalystInstance object
+    if (mDebugOverlayController != null) {
+      mDebugOverlayController.setFpsDebugViewVisible(false);
+    }
+    if (reactContext != null) {
+      mDebugOverlayController = new DebugOverlayController(reactContext);
+    }
+
+    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)
+            .setup("android", path, host, port, mDevSettings.isHotModuleReplacementEnabled());
+      } catch (MalformedURLException e) {
+        showNewJavaError(e.getMessage(), e);
+      }
+    }
+
+    reloadSettings();
+  }
+
+  @Override
+  public void reloadSettings() {
+    if (UiThreadUtil.isOnUiThread()) {
+      reload();
+    } else {
+      UiThreadUtil.runOnUiThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              reload();
+            }
+          });
+    }
+  }
+
+  public void onInternalSettingsChanged() {
+    reloadSettings();
+  }
+
+  @Override
+  public void handleReloadJS() {
+
+    UiThreadUtil.assertOnUiThread();
+
+    ReactMarker.logMarker(
+        ReactMarkerConstants.RELOAD,
+        mDevSettings.getPackagerConnectionSettings().getDebugServerHost());
+
+    // dismiss redbox if exists
+    hideRedboxDialog();
+
+    if (mDevSettings.isRemoteJSDebugEnabled()) {
+      PrinterHolder.getPrinter()
+          .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Proxy");
+      mDevLoadingViewController.showForRemoteJSEnabled();
+      mDevLoadingViewVisible = true;
+      reloadJSInProxyMode();
+    } else {
+      PrinterHolder.getPrinter()
+          .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Server");
+      String bundleURL =
+          mDevServerHelper.getDevServerBundleURL(Assertions.assertNotNull(mJSAppBundleName));
+      reloadJSFromServer(bundleURL);
+    }
+  }
+
+  @Override
+  public void isPackagerRunning(final PackagerStatusCallback callback) {
+    Runnable checkPackagerRunning =
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevServerHelper.isPackagerRunning(callback);
+          }
+        };
+    if (mPackagerLocationCustomizer != null) {
+      mPackagerLocationCustomizer.run(checkPackagerRunning);
+    } else {
+      checkPackagerRunning.run();
+    }
+  }
+
+  @Override
+  public @Nullable File downloadBundleResourceFromUrlSync(
+      final String resourceURL, final File outputFile) {
+    return mDevServerHelper.downloadBundleResourceFromUrlSync(resourceURL, outputFile);
+  }
+
+  @Override
+  public @Nullable String getLastErrorTitle() {
+    return mLastErrorTitle;
+  }
+
+  @Override
+  public @Nullable StackFrame[] getLastErrorStack() {
+    return mLastErrorStack;
+  }
+
+  @Override
+  public void onPackagerConnected() {
+    // No-op
+  }
+
+  @Override
+  public void onPackagerDisconnected() {
+    // No-op
+  }
+
+  @Override
+  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();
+          }
+        });
+  }
+
+  @Override
+  public void onPackagerDevMenuCommand() {
+    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);
+          }
+        });
+  }
+
+  @Override
+  public @Nullable Map<String, RequestHandler> customCommandHandlers() {
+    return mCustomPackagerCommandHandlers;
+  }
+
+  private void handleCaptureHeap(final Responder responder) {
+    if (mCurrentContext == null) {
+      return;
+    }
+    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());
+          }
+        });
+  }
+
+  private void updateLastErrorInfo(
+      @Nullable final String message,
+      final StackFrame[] stack,
+      final int errorCookie,
+      final ErrorType errorType) {
+    mLastErrorTitle = message;
+    mLastErrorStack = stack;
+    mLastErrorCookie = errorCookie;
+    mLastErrorType = errorType;
+  }
+
+  private void reloadJSInProxyMode() {
+    // When using js proxy, there is no need to fetch JS bundle as proxy executor will do that
+    // 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);
+            }
+          }
+        };
+    mReactInstanceManagerHelper.onReloadWithJSDebugger(factory);
+  }
+
+  private WebsocketJavaScriptExecutor.JSExecutorConnectCallback getExecutorConnectCallback(
+      final SimpleSettableFuture<Boolean> future) {
+    return new WebsocketJavaScriptExecutor.JSExecutorConnectCallback() {
+      @Override
+      public void onSuccess() {
+        future.set(true);
+        mDevLoadingViewController.hide();
+        mDevLoadingViewVisible = false;
+      }
+
+      @Override
+      public void onFailure(final Throwable cause) {
+        mDevLoadingViewController.hide();
+        mDevLoadingViewVisible = false;
+        FLog.e(ReactConstants.TAG, "Failed to connect to debugger!", cause);
+        future.setException(
+            new IOException(mApplicationContext.getString(R.string.catalyst_debug_error), cause));
+      }
+    };
+  }
+
+  public void reloadJSFromServer(final String bundleURL) {
+    reloadJSFromServer(
+        bundleURL,
+        new BundleLoadCallback() {
+          @Override
+          public void onSuccess() {
+            UiThreadUtil.runOnUiThread(
+                new Runnable() {
+                  @Override
+                  public void run() {
+                    mReactInstanceManagerHelper.onJSBundleLoadedFromServer();
+                  }
+                });
+          }
+        });
+  }
+
+  protected interface BundleLoadCallback {
+    void onSuccess();
+  }
+
+  protected void reloadJSFromServer(final String bundleURL, final BundleLoadCallback callback) {
+    ReactMarker.logMarker(ReactMarkerConstants.DOWNLOAD_START);
+
+    mDevLoadingViewController.showForUrl(bundleURL);
+    mDevLoadingViewVisible = true;
+
+    final BundleDownloader.BundleInfo bundleInfo = new BundleDownloader.BundleInfo();
+
+    mDevServerHelper.downloadBundleFromURL(
+        new DevBundleDownloadListener() {
+          @Override
+          public void onSuccess() {
+            mDevLoadingViewController.hide();
+            mDevLoadingViewVisible = false;
+            synchronized (DevSupportManagerBase.this) {
+              mBundleStatus.isLastDownloadSucess = true;
+              mBundleStatus.updateTimestamp = System.currentTimeMillis();
+            }
+            if (mBundleDownloadListener != null) {
+              mBundleDownloadListener.onSuccess();
+            }
+            ReactMarker.logMarker(ReactMarkerConstants.DOWNLOAD_END, bundleInfo.toJSONString());
+            callback.onSuccess();
+          }
+
+          @Override
+          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);
+            }
+          }
+
+          @Override
+          public void onFailure(final Exception cause) {
+            mDevLoadingViewController.hide();
+            mDevLoadingViewVisible = false;
+            synchronized (DevSupportManagerBase.this) {
+              mBundleStatus.isLastDownloadSucess = false;
+            }
+            if (mBundleDownloadListener != null) {
+              mBundleDownloadListener.onFailure(cause);
+            }
+            FLog.e(ReactConstants.TAG, "Unable to download JS bundle", cause);
+            UiThreadUtil.runOnUiThread(
+                new Runnable() {
+                  @Override
+                  public void run() {
+                    if (cause instanceof DebugServerException) {
+                      DebugServerException debugServerException = (DebugServerException) cause;
+                      showNewJavaError(debugServerException.getMessage(), cause);
+                    } else {
+                      showNewJavaError(
+                          mApplicationContext.getString(R.string.catalyst_reload_error), cause);
+                    }
+                  }
+                });
+          }
+        },
+        mJSBundleTempFile,
+        bundleURL,
+        bundleInfo);
+  }
+
+  @Override
+  public void startInspector() {
+    if (mIsDevSupportEnabled) {
+      mDevServerHelper.openInspectorConnection();
+    }
+  }
+
+  @Override
+  public void stopInspector() {
+    mDevServerHelper.closeInspectorConnection();
+  }
+
+  @Override
+  public void setHotModuleReplacementEnabled(final boolean isHotModuleReplacementEnabled) {
+    if (!mIsDevSupportEnabled) {
+      return;
+    }
+
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setHotModuleReplacementEnabled(isHotModuleReplacementEnabled);
+            handleReloadJS();
+          }
+        });
+  }
+
+  @Override
+  public void setRemoteJSDebugEnabled(final boolean isRemoteJSDebugEnabled) {
+    if (!mIsDevSupportEnabled) {
+      return;
+    }
+
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setRemoteJSDebugEnabled(isRemoteJSDebugEnabled);
+            handleReloadJS();
+          }
+        });
+  }
+
+  @Override
+  public void setFpsDebugEnabled(final boolean isFpsDebugEnabled) {
+    if (!mIsDevSupportEnabled) {
+      return;
+    }
+
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setFpsDebugEnabled(isFpsDebugEnabled);
+          }
+        });
+  }
+
+  @Override
+  public void toggleElementInspector() {
+    if (!mIsDevSupportEnabled) {
+      return;
+    }
+
+    UiThreadUtil.runOnUiThread(
+        new Runnable() {
+          @Override
+          public void run() {
+            mDevSettings.setElementInspectorEnabled(!mDevSettings.isElementInspectorEnabled());
+            mReactInstanceManagerHelper.toggleElementInspector();
+          }
+        });
+  }
+
+  private void reload() {
+    UiThreadUtil.assertOnUiThread();
+
+    // reload settings, show/hide debug overlay if required & start/stop shake detector
+    if (mIsDevSupportEnabled) {
+      // update visibility of FPS debug overlay depending on the settings
+      if (mDebugOverlayController != null) {
+        mDebugOverlayController.setFpsDebugViewVisible(mDevSettings.isFpsDebugEnabled());
+      }
+
+      // start shake gesture detector
+      if (!mIsShakeDetectorStarted) {
+        mShakeDetector.start(
+            (SensorManager) mApplicationContext.getSystemService(Context.SENSOR_SERVICE));
+        mIsShakeDetectorStarted = true;
+      }
+
+      // register reload app broadcast receiver
+      if (!mIsReceiverRegistered) {
+        IntentFilter filter = new IntentFilter();
+        filter.addAction(getReloadAppAction(mApplicationContext));
+        mApplicationContext.registerReceiver(mReloadAppBroadcastReceiver, filter);
+        mIsReceiverRegistered = true;
+      }
+
+      // show the dev loading if it should be
+      if (mDevLoadingViewVisible) {
+        mDevLoadingViewController.showMessage("Reloading...");
+      }
+
+      mDevServerHelper.openPackagerConnection(this.getClass().getSimpleName(), this);
+    } else {
+      // hide FPS debug overlay
+      if (mDebugOverlayController != null) {
+        mDebugOverlayController.setFpsDebugViewVisible(false);
+      }
+
+      // stop shake gesture detector
+      if (mIsShakeDetectorStarted) {
+        mShakeDetector.stop();
+        mIsShakeDetectorStarted = false;
+      }
+
+      // unregister app reload broadcast receiver
+      if (mIsReceiverRegistered) {
+        mApplicationContext.unregisterReceiver(mReloadAppBroadcastReceiver);
+        mIsReceiverRegistered = false;
+      }
+
+      // hide redbox dialog
+      hideRedboxDialog();
+
+      // hide dev options dialog
+      hideDevOptionsDialog();
+
+      // hide loading view
+      mDevLoadingViewController.hide();
+      mDevServerHelper.closePackagerConnection();
+    }
+  }
+
+  /** Intent action for reloading the JS */
+  private static String getReloadAppAction(Context context) {
+    return context.getPackageName() + RELOAD_APP_ACTION_SUFFIX;
+  }
+
+  @Override
+  public void setPackagerLocationCustomizer(
+      DevSupportManager.PackagerLocationCustomizer packagerLocationCustomizer) {
+    mPackagerLocationCustomizer = packagerLocationCustomizer;
+  }
+}
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 5dd361f1d83f91..8c0beeafe5bd14 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerImpl.java
@@ -7,63 +7,12 @@
 
 package com.facebook.react.devsupport;
 
-import android.app.Activity;
-import android.app.ActivityManager;
-import android.app.AlertDialog;
-import android.content.BroadcastReceiver;
 import android.content.Context;
-import android.content.DialogInterface;
-import android.content.Intent;
-import android.content.IntentFilter;
-import android.content.pm.PackageInfo;
-import android.content.pm.PackageManager;
-import android.hardware.SensorManager;
-import android.util.Pair;
-import android.view.View;
-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;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.R;
 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.ReactContext;
-import com.facebook.react.bridge.ReactMarker;
-import com.facebook.react.bridge.ReactMarkerConstants;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.common.DebugServerException;
-import com.facebook.react.common.ReactConstants;
-import com.facebook.react.common.ShakeDetector;
-import com.facebook.react.common.futures.SimpleSettableFuture;
-import com.facebook.react.devsupport.DevServerHelper.PackagerCommandListener;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
-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.core.RCTNativeAppEventEmitter;
-import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
 import com.facebook.react.packagerconnection.RequestHandler;
-import com.facebook.react.packagerconnection.Responder;
-import java.io.File;
-import java.io.IOException;
-import java.net.MalformedURLException;
-import java.net.URL;
-import java.util.ArrayList;
-import java.util.LinkedHashMap;
-import java.util.List;
-import java.util.Locale;
 import java.util.Map;
-import java.util.concurrent.ExecutionException;
-import java.util.concurrent.TimeUnit;
-import java.util.concurrent.TimeoutException;
 
 /**
  * Interface for accessing and interacting with development features. Following features
@@ -91,59 +40,7 @@
  * {@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 {
-
-  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";
-
-  public static final String EMOJI_HUNDRED_POINTS_SYMBOL = " \uD83D\uDCAF";
-  public static final String EMOJI_FACE_WITH_NO_GOOD_GESTURE = " \uD83D\uDE45";
-
-  private final List<ExceptionLogger> mExceptionLoggers = new ArrayList<>();
-
-  private final Context mApplicationContext;
-  private final ShakeDetector mShakeDetector;
-  private final BroadcastReceiver mReloadAppBroadcastReceiver;
-  private final DevServerHelper mDevServerHelper;
-  private final LinkedHashMap<String, DevOptionHandler> mCustomDevOptions = new LinkedHashMap<>();
-  private final ReactInstanceManagerDevHelper mReactInstanceManagerHelper;
-  private final @Nullable String mJSAppBundleName;
-  private final File mJSBundleTempFile;
-  private final DefaultNativeModuleCallExceptionHandler mDefaultNativeModuleCallExceptionHandler;
-  private final DevLoadingViewController mDevLoadingViewController;
-
-  private @Nullable RedBoxDialog mRedBoxDialog;
-  private @Nullable AlertDialog mDevOptionsDialog;
-  private @Nullable DebugOverlayController mDebugOverlayController;
-  private boolean mDevLoadingViewVisible = false;
-  private @Nullable ReactContext mCurrentContext;
-  private DevInternalSettings mDevSettings;
-  private boolean mIsReceiverRegistered = false;
-  private boolean mIsShakeDetectorStarted = false;
-  private boolean mIsDevSupportEnabled = false;
-  private @Nullable RedBoxHandler mRedBoxHandler;
-  private @Nullable String mLastErrorTitle;
-  private @Nullable StackFrame[] mLastErrorStack;
-  private int mLastErrorCookie = 0;
-  private @Nullable ErrorType mLastErrorType;
-  private @Nullable DevBundleDownloadListener mBundleDownloadListener;
-  private @Nullable List<ErrorCustomizer> mErrorCustomizers;
-
-  private InspectorPackagerConnection.BundleStatus mBundleStatus;
-
-  private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
+public final class DevSupportManagerImpl extends DevSupportManagerBase {
 
   public DevSupportManagerImpl(
       Context applicationContext,
@@ -152,7 +49,7 @@ public DevSupportManagerImpl(
       boolean enableOnCreate,
       int minNumShakes) {
 
-    this(
+    super(
         applicationContext,
         reactInstanceManagerHelper,
         packagerPathForJSBundleName,
@@ -172,1072 +69,14 @@ public DevSupportManagerImpl(
       @Nullable DevBundleDownloadListener devBundleDownloadListener,
       int minNumShakes,
       @Nullable Map<String, RequestHandler> customPackagerCommandHandlers) {
-    mReactInstanceManagerHelper = reactInstanceManagerHelper;
-    mApplicationContext = applicationContext;
-    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;
-              }
-            });
-    mBundleDownloadListener = devBundleDownloadListener;
-
-    // Prepare shake gesture detector (will be started/stopped from #reload)
-    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);
-              }
-              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
-    // start reading first reload output while the second reload starts writing to the same
-    // file. As this should only be the case in dev mode we leave it as it is.
-    // TODO(6418010): Fix readers-writers problem in debug reload from HTTP server
-    mJSBundleTempFile = new File(applicationContext.getFilesDir(), JS_BUNDLE_FILE_NAME);
-
-    mDefaultNativeModuleCallExceptionHandler = new DefaultNativeModuleCallExceptionHandler();
-
-    setDevSupportEnabled(enableOnCreate);
-
-    mRedBoxHandler = redBoxHandler;
-    mDevLoadingViewController =
-        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
-  public void handleException(Exception e) {
-    if (mIsDevSupportEnabled) {
-
-      for (ExceptionLogger logger : mExceptionLoggers) {
-        logger.log(e);
-      }
-
-    } else {
-      mDefaultNativeModuleCallExceptionHandler.handleException(e);
-    }
-  }
-
-  private interface ExceptionLogger {
-    void log(Exception ex);
-  }
-
-  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());
-      Throwable cause = e.getCause();
-      while (cause != null) {
-        message.append("\n\n").append(cause.getMessage());
-        cause = cause.getCause();
-      }
-
-      if (e instanceof JSException) {
-        FLog.e(ReactConstants.TAG, "Exception in native call from JS", e);
-        String stack = ((JSException) e).getStack();
-        message.append("\n\n").append(stack);
-
-        // TODO #11638796: convert the stack into something useful
-        showNewError(
-            message.toString(), new StackFrame[] {}, JSEXCEPTION_ERROR_COOKIE, ErrorType.JS);
-      } else {
-        showNewJavaError(message.toString(), 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);
-  }
-
-  /**
-   * Add option item to dev settings dialog displayed by this manager. In the case user select given
-   * option from that dialog, the appropriate handler passed as {@param optionHandler} will be
-   * called.
-   */
-  @Override
-  public void addCustomDevOption(String optionName, DevOptionHandler optionHandler) {
-    mCustomDevOptions.put(optionName, optionHandler);
-  }
-
-  @Override
-  public void showNewJSError(String message, ReadableArray details, int errorCookie) {
-    showNewError(message, StackTraceHelper.convertJsStackTrace(details), errorCookie, ErrorType.JS);
-  }
-
-  @Override
-  public void registerErrorCustomizer(ErrorCustomizer errorCustomizer) {
-    if (mErrorCustomizers == null) {
-      mErrorCustomizers = new ArrayList<>();
-    }
-    mErrorCustomizers.add(errorCustomizer);
-  }
-
-  private Pair<String, StackFrame[]> processErrorCustomizers(Pair<String, StackFrame[]> errorInfo) {
-    if (mErrorCustomizers == null) {
-      return errorInfo;
-    } else {
-      for (ErrorCustomizer errorCustomizer : mErrorCustomizers) {
-        Pair<String, StackFrame[]> result = errorCustomizer.customizeErrorInfo(errorInfo);
-        if (result != null) {
-          errorInfo = result;
-        }
-      }
-      return errorInfo;
-    }
-  }
-
-  @Override
-  public void updateJSError(
-      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();
-            }
-            mRedBoxDialog.show();
-          }
-        });
-  }
-
-  @Override
-  public void hideRedboxDialog() {
-    // dismiss redbox if exists
-    if (mRedBoxDialog != null) {
-      mRedBoxDialog.dismiss();
-      mRedBoxDialog = null;
-    }
-  }
-
-  public @Nullable View createRootView(String appKey) {
-    return mReactInstanceManagerHelper.createRootView(appKey);
-  }
-
-  public void destroyRootView(View rootView) {
-    mReactInstanceManagerHelper.destroyRootView(rootView);
-  }
-
-  private void hideDevOptionsDialog() {
-    if (mDevOptionsDialog != null) {
-      mDevOptionsDialog.dismiss();
-      mDevOptionsDialog = null;
-    }
-  }
-
-  private void showNewError(
-      @Nullable final String message,
-      final StackFrame[] stack,
-      final int errorCookie,
-      final ErrorType errorType) {
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          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);
-                return;
-              }
-              mRedBoxDialog = new RedBoxDialog(context, DevSupportManagerImpl.this, mRedBoxHandler);
-            }
-            if (mRedBoxDialog.isShowing()) {
-              // Sometimes errors cause multiple errors to be thrown in JS in quick succession. Only
-              // show the first and most actionable one.
-              return;
-            }
-            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
-            // inside {@link #updateJSError} after source mapping.
-            if (mRedBoxHandler != null && errorType == ErrorType.NATIVE) {
-              mRedBoxHandler.handleRedbox(message, stack, RedBoxHandler.ErrorType.NATIVE);
-            }
-            mRedBoxDialog.resetReporting();
-            mRedBoxDialog.show();
-          }
-        });
-  }
-
-  @Override
-  public void showDevOptionsDialog() {
-    if (mDevOptionsDialog != null || !mIsDevSupportEnabled || ActivityManager.isUserAMonkey()) {
-      return;
-    }
-    LinkedHashMap<String, DevOptionHandler> options = new LinkedHashMap<>();
-    /* register standard options */
-    options.put(
-        mApplicationContext.getString(R.string.catalyst_reload),
-        new DevOptionHandler() {
-          @Override
-          public void onOptionSelected() {
-            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()) {
-      options.put(
-          mApplicationContext.getString(R.string.catalyst_debug_nuclide),
-          new DevOptionHandler() {
-            @Override
-            public void onOptionSelected() {
-              mDevServerHelper.attachDebugger(mApplicationContext, "ReactNative");
-            }
-          });
-    }
-    options.put(
-        mApplicationContext.getString(R.string.catalyst_change_bundle_location),
-        new DevOptionHandler() {
-          @Override
-          public void onOptionSelected() {
-            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(
-        // NOTE: `isElementInspectorEnabled` is not guaranteed to be accurate.
-        mApplicationContext.getString(R.string.catalyst_inspector),
-        new DevOptionHandler() {
-          @Override
-          public void onOptionSelected() {
-            mDevSettings.setElementInspectorEnabled(!mDevSettings.isElementInspectorEnabled());
-            mReactInstanceManagerHelper.toggleElementInspector();
-          }
-        });
-
-    options.put(
-        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();
-            }
-          }
-        });
-
-    options.put(
-        mIsSamplingProfilerEnabled
-            ? mApplicationContext.getString(R.string.catalyst_sample_profiler_disable)
-            : mApplicationContext.getString(R.string.catalyst_sample_profiler_enable),
-        new DevOptionHandler() {
-          @Override
-          public void onOptionSelected() {
-            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() {
-          @Override
-          public void onOptionSelected() {
-            Intent intent = new Intent(mApplicationContext, DevSettingsActivity.class);
-            intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
-            mApplicationContext.startActivity(intent);
-          }
-        });
-
-    if (mCustomDevOptions.size() > 0) {
-      options.putAll(mCustomDevOptions);
-    }
-
-    final DevOptionHandler[] optionHandlers = options.values().toArray(new DevOptionHandler[0]);
-
-    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");
-      return;
-    }
-    mDevOptionsDialog =
-        new AlertDialog.Builder(context)
-            .setItems(
-                options.keySet().toArray(new String[0]),
-                new DialogInterface.OnClickListener() {
-                  @Override
-                  public void onClick(DialogInterface dialog, int which) {
-                    optionHandlers[which].onOptionSelected();
-                    mDevOptionsDialog = null;
-                  }
-                })
-            .setOnCancelListener(
-                new DialogInterface.OnCancelListener() {
-                  @Override
-                  public void onCancel(DialogInterface dialog) {
-                    mDevOptionsDialog = null;
-                  }
-                })
-            .create();
-    mDevOptionsDialog.show();
-    if (mCurrentContext != null) {
-      mCurrentContext.getJSModule(RCTNativeAppEventEmitter.class).emit("RCTDevMenuShown", null);
-    }
-  }
-
-  /** 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).
-   */
-  @Override
-  public void setDevSupportEnabled(boolean isDevSupportEnabled) {
-    mIsDevSupportEnabled = isDevSupportEnabled;
-    reloadSettings();
-  }
-
-  @Override
-  public boolean getDevSupportEnabled() {
-    return mIsDevSupportEnabled;
-  }
-
-  @Override
-  public DeveloperSettings getDevSettings() {
-    return mDevSettings;
-  }
-
-  @Override
-  public void onNewReactContextCreated(ReactContext reactContext) {
-    resetCurrentContext(reactContext);
-  }
-
-  @Override
-  public void onReactInstanceDestroyed(ReactContext reactContext) {
-    if (reactContext == mCurrentContext) {
-      // only call reset context when the destroyed context matches the one that is currently set
-      // for this manager
-      resetCurrentContext(null);
-    }
-  }
-
-  @Override
-  public String getSourceMapUrl() {
-    if (mJSAppBundleName == null) {
-      return "";
-    }
-
-    return mDevServerHelper.getSourceMapUrl(Assertions.assertNotNull(mJSAppBundleName));
-  }
-
-  @Override
-  public String getSourceUrl() {
-    if (mJSAppBundleName == null) {
-      return "";
-    }
-
-    return mDevServerHelper.getSourceUrl(Assertions.assertNotNull(mJSAppBundleName));
-  }
-
-  @Override
-  public String getJSBundleURLForRemoteDebugging() {
-    return mDevServerHelper.getJSBundleURLForRemoteDebugging(
-        Assertions.assertNotNull(mJSAppBundleName));
-  }
-
-  @Override
-  public String getDownloadedJSBundleFile() {
-    return mJSBundleTempFile.getAbsolutePath();
-  }
-
-  /**
-   * @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);
-        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));
-          if (exopackageDir.exists()) {
-            return mJSBundleTempFile.lastModified() > exopackageDir.lastModified();
-          }
-          return true;
-        }
-      } catch (PackageManager.NameNotFoundException e) {
-        // Ignore this error and just fallback to loading JS from assets
-        FLog.e(ReactConstants.TAG, "DevSupport is unable to get current app info");
-      }
-    }
-    return false;
-  }
-
-  /**
-   * @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 {
-      String[] assets = mApplicationContext.getAssets().list("");
-      for (int i = 0; i < assets.length; i++) {
-        if (assets[i].equals(bundleAssetName)) {
-          return true;
-        }
-      }
-    } catch (IOException e) {
-      // Ignore this error and just fallback to downloading JS from devserver
-      FLog.e(ReactConstants.TAG, "Error while loading assets list");
-    }
-    return false;
-  }
-
-  private void resetCurrentContext(@Nullable ReactContext reactContext) {
-    if (mCurrentContext == reactContext) {
-      // new context is the same as the old one - do nothing
-      return;
-    }
-
-    mCurrentContext = reactContext;
-
-    // Recreate debug overlay controller with new CatalystInstance object
-    if (mDebugOverlayController != null) {
-      mDebugOverlayController.setFpsDebugViewVisible(false);
-    }
-    if (reactContext != null) {
-      mDebugOverlayController = new DebugOverlayController(reactContext);
-    }
-
-    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)
-            .setup("android", path, host, port, mDevSettings.isHotModuleReplacementEnabled());
-      } catch (MalformedURLException e) {
-        showNewJavaError(e.getMessage(), e);
-      }
-    }
-
-    reloadSettings();
-  }
-
-  @Override
-  public void reloadSettings() {
-    if (UiThreadUtil.isOnUiThread()) {
-      reload();
-    } else {
-      UiThreadUtil.runOnUiThread(
-          new Runnable() {
-            @Override
-            public void run() {
-              reload();
-            }
-          });
-    }
-  }
-
-  public void onInternalSettingsChanged() {
-    reloadSettings();
-  }
-
-  @Override
-  public void handleReloadJS() {
-
-    UiThreadUtil.assertOnUiThread();
-
-    ReactMarker.logMarker(
-        ReactMarkerConstants.RELOAD,
-        mDevSettings.getPackagerConnectionSettings().getDebugServerHost());
-
-    // dismiss redbox if exists
-    hideRedboxDialog();
-
-    if (mDevSettings.isRemoteJSDebugEnabled()) {
-      PrinterHolder.getPrinter()
-          .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Proxy");
-      mDevLoadingViewController.showForRemoteJSEnabled();
-      mDevLoadingViewVisible = true;
-      reloadJSInProxyMode();
-    } else {
-      PrinterHolder.getPrinter()
-          .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Server");
-      String bundleURL =
-          mDevServerHelper.getDevServerBundleURL(Assertions.assertNotNull(mJSAppBundleName));
-      reloadJSFromServer(bundleURL);
-    }
-  }
-
-  @Override
-  public void isPackagerRunning(PackagerStatusCallback callback) {
-    mDevServerHelper.isPackagerRunning(callback);
-  }
-
-  @Override
-  public @Nullable File downloadBundleResourceFromUrlSync(
-      final String resourceURL, final File outputFile) {
-    return mDevServerHelper.downloadBundleResourceFromUrlSync(resourceURL, outputFile);
-  }
-
-  @Override
-  public @Nullable String getLastErrorTitle() {
-    return mLastErrorTitle;
-  }
-
-  @Override
-  public @Nullable StackFrame[] getLastErrorStack() {
-    return mLastErrorStack;
-  }
-
-  @Override
-  public void onPackagerConnected() {
-    // No-op
-  }
-
-  @Override
-  public void onPackagerDisconnected() {
-    // No-op
-  }
-
-  @Override
-  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();
-          }
-        });
-  }
-
-  @Override
-  public void onPackagerDevMenuCommand() {
-    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);
-          }
-        });
-  }
-
-  @Override
-  public @Nullable Map<String, RequestHandler> customCommandHandlers() {
-    return mCustomPackagerCommandHandlers;
-  }
-
-  private void handleCaptureHeap(final Responder responder) {
-    if (mCurrentContext == null) {
-      return;
-    }
-    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());
-          }
-        });
-  }
-
-  private void updateLastErrorInfo(
-      @Nullable final String message,
-      final StackFrame[] stack,
-      final int errorCookie,
-      final ErrorType errorType) {
-    mLastErrorTitle = message;
-    mLastErrorStack = stack;
-    mLastErrorCookie = errorCookie;
-    mLastErrorType = errorType;
-  }
-
-  private void reloadJSInProxyMode() {
-    // When using js proxy, there is no need to fetch JS bundle as proxy executor will do that
-    // 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);
-            }
-          }
-        };
-    mReactInstanceManagerHelper.onReloadWithJSDebugger(factory);
-  }
-
-  private WebsocketJavaScriptExecutor.JSExecutorConnectCallback getExecutorConnectCallback(
-      final SimpleSettableFuture<Boolean> future) {
-    return new WebsocketJavaScriptExecutor.JSExecutorConnectCallback() {
-      @Override
-      public void onSuccess() {
-        future.set(true);
-        mDevLoadingViewController.hide();
-        mDevLoadingViewVisible = false;
-      }
-
-      @Override
-      public void onFailure(final Throwable cause) {
-        mDevLoadingViewController.hide();
-        mDevLoadingViewVisible = false;
-        FLog.e(ReactConstants.TAG, "Failed to connect to debugger!", cause);
-        future.setException(
-            new IOException(mApplicationContext.getString(R.string.catalyst_debug_error), cause));
-      }
-    };
-  }
-
-  public void reloadJSFromServer(final String bundleURL) {
-    ReactMarker.logMarker(ReactMarkerConstants.DOWNLOAD_START);
-
-    mDevLoadingViewController.showForUrl(bundleURL);
-    mDevLoadingViewVisible = true;
-
-    final BundleDownloader.BundleInfo bundleInfo = new BundleDownloader.BundleInfo();
-
-    mDevServerHelper.downloadBundleFromURL(
-        new DevBundleDownloadListener() {
-          @Override
-          public void onSuccess() {
-            mDevLoadingViewController.hide();
-            mDevLoadingViewVisible = false;
-            synchronized (DevSupportManagerImpl.this) {
-              mBundleStatus.isLastDownloadSucess = true;
-              mBundleStatus.updateTimestamp = System.currentTimeMillis();
-            }
-            if (mBundleDownloadListener != null) {
-              mBundleDownloadListener.onSuccess();
-            }
-            UiThreadUtil.runOnUiThread(
-                new Runnable() {
-                  @Override
-                  public void run() {
-                    ReactMarker.logMarker(
-                        ReactMarkerConstants.DOWNLOAD_END, bundleInfo.toJSONString());
-                    mReactInstanceManagerHelper.onJSBundleLoadedFromServer();
-                  }
-                });
-          }
-
-          @Override
-          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);
-            }
-          }
-
-          @Override
-          public void onFailure(final Exception cause) {
-            mDevLoadingViewController.hide();
-            mDevLoadingViewVisible = false;
-            synchronized (DevSupportManagerImpl.this) {
-              mBundleStatus.isLastDownloadSucess = false;
-            }
-            if (mBundleDownloadListener != null) {
-              mBundleDownloadListener.onFailure(cause);
-            }
-            FLog.e(ReactConstants.TAG, "Unable to download JS bundle", cause);
-            UiThreadUtil.runOnUiThread(
-                new Runnable() {
-                  @Override
-                  public void run() {
-                    if (cause instanceof DebugServerException) {
-                      DebugServerException debugServerException = (DebugServerException) cause;
-                      showNewJavaError(debugServerException.getMessage(), cause);
-                    } else {
-                      showNewJavaError(
-                          mApplicationContext.getString(R.string.catalyst_reload_error), cause);
-                    }
-                  }
-                });
-          }
-        },
-        mJSBundleTempFile,
-        bundleURL,
-        bundleInfo);
-  }
-
-  @Override
-  public void startInspector() {
-    if (mIsDevSupportEnabled) {
-      mDevServerHelper.openInspectorConnection();
-    }
-  }
-
-  @Override
-  public void stopInspector() {
-    mDevServerHelper.closeInspectorConnection();
-  }
-
-  @Override
-  public void setHotModuleReplacementEnabled(final boolean isHotModuleReplacementEnabled) {
-    if (!mIsDevSupportEnabled) {
-      return;
-    }
-
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mDevSettings.setHotModuleReplacementEnabled(isHotModuleReplacementEnabled);
-            handleReloadJS();
-          }
-        });
-  }
-
-  @Override
-  public void setRemoteJSDebugEnabled(final boolean isRemoteJSDebugEnabled) {
-    if (!mIsDevSupportEnabled) {
-      return;
-    }
-
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mDevSettings.setRemoteJSDebugEnabled(isRemoteJSDebugEnabled);
-            handleReloadJS();
-          }
-        });
-  }
-
-  @Override
-  public void setFpsDebugEnabled(final boolean isFpsDebugEnabled) {
-    if (!mIsDevSupportEnabled) {
-      return;
-    }
-
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mDevSettings.setFpsDebugEnabled(isFpsDebugEnabled);
-          }
-        });
-  }
-
-  @Override
-  public void toggleElementInspector() {
-    if (!mIsDevSupportEnabled) {
-      return;
-    }
-
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mDevSettings.setElementInspectorEnabled(!mDevSettings.isElementInspectorEnabled());
-            mReactInstanceManagerHelper.toggleElementInspector();
-          }
-        });
-  }
-
-  private void reload() {
-    UiThreadUtil.assertOnUiThread();
-
-    // reload settings, show/hide debug overlay if required & start/stop shake detector
-    if (mIsDevSupportEnabled) {
-      // update visibility of FPS debug overlay depending on the settings
-      if (mDebugOverlayController != null) {
-        mDebugOverlayController.setFpsDebugViewVisible(mDevSettings.isFpsDebugEnabled());
-      }
-
-      // start shake gesture detector
-      if (!mIsShakeDetectorStarted) {
-        mShakeDetector.start(
-            (SensorManager) mApplicationContext.getSystemService(Context.SENSOR_SERVICE));
-        mIsShakeDetectorStarted = true;
-      }
-
-      // register reload app broadcast receiver
-      if (!mIsReceiverRegistered) {
-        IntentFilter filter = new IntentFilter();
-        filter.addAction(getReloadAppAction(mApplicationContext));
-        mApplicationContext.registerReceiver(mReloadAppBroadcastReceiver, filter);
-        mIsReceiverRegistered = true;
-      }
-
-      // show the dev loading if it should be
-      if (mDevLoadingViewVisible) {
-        mDevLoadingViewController.showMessage("Reloading...");
-      }
-
-      mDevServerHelper.openPackagerConnection(this.getClass().getSimpleName(), this);
-    } else {
-      // hide FPS debug overlay
-      if (mDebugOverlayController != null) {
-        mDebugOverlayController.setFpsDebugViewVisible(false);
-      }
-
-      // stop shake gesture detector
-      if (mIsShakeDetectorStarted) {
-        mShakeDetector.stop();
-        mIsShakeDetectorStarted = false;
-      }
-
-      // unregister app reload broadcast receiver
-      if (mIsReceiverRegistered) {
-        mApplicationContext.unregisterReceiver(mReloadAppBroadcastReceiver);
-        mIsReceiverRegistered = false;
-      }
-
-      // hide redbox dialog
-      hideRedboxDialog();
-
-      // hide dev options dialog
-      hideDevOptionsDialog();
-
-      // hide loading view
-      mDevLoadingViewController.hide();
-      mDevServerHelper.closePackagerConnection();
-    }
-  }
-
-  /** Intent action for reloading the JS */
-  private static String getReloadAppAction(Context context) {
-    return context.getPackageName() + RELOAD_APP_ACTION_SUFFIX;
+    super(
+        applicationContext,
+        reactInstanceManagerHelper,
+        packagerPathForJSBundleName,
+        enableOnCreate,
+        redBoxHandler,
+        devBundleDownloadListener,
+        minNumShakes,
+        customPackagerCommandHandlers);
   }
 }
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 267a455e6ebe4b..5c6331c99b7a53 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/DisabledDevSupportManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/DisabledDevSupportManager.java
@@ -9,6 +9,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.DefaultNativeModuleCallExceptionHandler;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
@@ -130,7 +131,7 @@ public void handleReloadJS() {}
   public void reloadJSFromServer(String bundleURL) {}
 
   @Override
-  public void isPackagerRunning(PackagerStatusCallback callback) {}
+  public void isPackagerRunning(final PackagerStatusCallback callback) {}
 
   @Override
   public @Nullable File downloadBundleResourceFromUrlSync(
@@ -151,8 +152,15 @@ public void isPackagerRunning(PackagerStatusCallback callback) {}
   @Override
   public void registerErrorCustomizer(ErrorCustomizer errorCustomizer) {}
 
+  @Override
+  public void setPackagerLocationCustomizer(
+      DevSupportManager.PackagerLocationCustomizer packagerLocationCustomizer) {}
+
   @Override
   public void handleException(Exception e) {
+    // TODO T62192299: remove this after investigation
+    FLog.e("DisabledDevSupportManager", "Caught exception", e);
+
     mDefaultNativeModuleCallExceptionHandler.handleException(e);
   }
 }
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 030d7833bc3495..2880da778455aa 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
@@ -8,18 +8,17 @@
 package com.facebook.react.devsupport;
 
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeJSCHeapCaptureSpec;
 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 already be initialized, thus we eagerly initialize this module
-@ReactModule(name = "JSCHeapCapture", needsEagerInit = true)
-public class JSCHeapCapture extends ReactContextBaseJavaModule {
-  public static final String TAG = JSCHeapCapture.class.getSimpleName();
+@ReactModule(name = JSCHeapCapture.TAG, needsEagerInit = true)
+public class JSCHeapCapture extends NativeJSCHeapCaptureSpec {
+  public static final String TAG = "JSCHeapCapture";
 
   public interface HeapCapture extends JavaScriptModule {
     void captureHeap(String path);
@@ -69,7 +68,7 @@ public synchronized void captureHeap(String path, final CaptureCallback callback
     }
   }
 
-  @ReactMethod
+  @Override
   public synchronized void captureComplete(String path, String error) {
     if (mCaptureInProgress != null) {
       if (error == 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 22729b34d78777..83772aecf5eae9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDebuggerWebSocketClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDebuggerWebSocketClient.java
@@ -81,7 +81,7 @@ public void prepareJSRuntime(JSDebuggerCallback callback) {
     }
   }
 
-  public void loadApplicationScript(
+  public void loadBundle(
       String sourceURL, HashMap<String, String> injectedObjects, JSDebuggerCallback callback) {
     int requestID = mRequestID.getAndIncrement();
     mCallbacks.put(requestID, callback);
@@ -119,7 +119,7 @@ public void executeJSCall(String methodName, String jsonArgsArray, JSDebuggerCal
 
       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 underlying StringWriter */
       sw.append(",\"arguments\":").append(jsonArgsArray);
       js.endObject().close();
       sendMessage(requestID, sw.toString());
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 1130c32e76b8dd..1b3c60f9850880 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSDevSupport.java
@@ -10,16 +10,15 @@
 import android.util.Pair;
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeJSDevSupportSpec;
 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.util.HashMap;
 import java.util.Map;
 
 @ReactModule(name = JSDevSupport.MODULE_NAME)
-public class JSDevSupport extends ReactContextBaseJavaModule {
+public class JSDevSupport extends NativeJSDevSupportSpec {
   public static final String MODULE_NAME = "JSDevSupport";
 
   public static final int ERROR_CODE_EXCEPTION = 0;
@@ -72,7 +71,7 @@ public synchronized void getJSHierarchy(int reactTag, DevSupportCallback callbac
   }
 
   @SuppressWarnings("unused")
-  @ReactMethod
+  @Override
   public synchronized void onSuccess(String data) {
     if (mCurrentCallback != null) {
       mCurrentCallback.onSuccess(data);
@@ -80,15 +79,17 @@ public synchronized void onSuccess(String data) {
   }
 
   @SuppressWarnings("unused")
-  @ReactMethod
-  public synchronized void onFailure(int errorCode, String error) {
+  @Override
+  public synchronized void onFailure(double errorCodeDouble, String error) {
+    int errorCode = (int) errorCodeDouble;
+
     if (mCurrentCallback != null) {
       mCurrentCallback.onFailure(errorCode, new RuntimeException(error));
     }
   }
 
   @Override
-  public Map<String, Object> getConstants() {
+  public Map<String, Object> getTypedExportedConstants() {
     HashMap<String, Object> constants = new HashMap<>();
     constants.put("ERROR_CODE_EXCEPTION", ERROR_CODE_EXCEPTION);
     constants.put("ERROR_CODE_VIEW_NOT_FOUND", ERROR_CODE_VIEW_NOT_FOUND);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java b/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java
index 05e70b069d33fc..3fccd255d9d0e6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java
@@ -11,17 +11,15 @@
 import android.view.View;
 import android.view.ViewGroup;
 import androidx.annotation.Nullable;
-import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeLogBoxSpec;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.UiThreadUtil;
-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.RNLog;
 
 @ReactModule(name = LogBoxModule.NAME)
-public class LogBoxModule extends ReactContextBaseJavaModule {
+public class LogBoxModule extends NativeLogBoxSpec {
 
   public static final String NAME = "LogBox";
 
@@ -37,12 +35,10 @@ public LogBoxModule(ReactApplicationContext reactContext, DevSupportManager devS
         new Runnable() {
           @Override
           public void run() {
-            if (mReactRootView == null) {
+            if (mReactRootView == null && mDevSupportManager != null) {
               mReactRootView = mDevSupportManager.createRootView("LogBox");
               if (mReactRootView == null) {
-                FLog.e(
-                    ReactConstants.TAG,
-                    "Unable to launch logbox because react was unable to create the root view");
+                RNLog.e("Unable to launch logbox because react was unable to create the root view");
               }
             }
           }
@@ -54,37 +50,38 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
+  @Override
   public void show() {
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            if (mLogBoxDialog == null) {
-              Activity context = getCurrentActivity();
-              if (context == null || context.isFinishing()) {
-                FLog.e(
-                    ReactConstants.TAG,
-                    "Unable to launch logbox because react activity "
-                        + "is not available, here is the error that logbox would've displayed: ");
-                return;
+    if (mReactRootView != null) {
+      UiThreadUtil.runOnUiThread(
+          new Runnable() {
+            @Override
+            public void run() {
+              if (mLogBoxDialog == null && mReactRootView != null) {
+                Activity context = getCurrentActivity();
+                if (context == null || context.isFinishing()) {
+                  RNLog.e(
+                      "Unable to launch logbox because react activity "
+                          + "is not available, here is the error that logbox would've displayed: ");
+                  return;
+                }
+                mLogBoxDialog = new LogBoxDialog(context, mReactRootView);
+                mLogBoxDialog.setCancelable(false);
+                mLogBoxDialog.show();
               }
-              mLogBoxDialog = new LogBoxDialog(context, mReactRootView);
-              mLogBoxDialog.setCancelable(false);
-              mLogBoxDialog.show();
             }
-          }
-        });
+          });
+    }
   }
 
-  @ReactMethod
+  @Override
   public void hide() {
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
           public void run() {
             if (mLogBoxDialog != null) {
-              if (mReactRootView.getParent() != null) {
+              if (mReactRootView != null && mReactRootView.getParent() != null) {
                 ((ViewGroup) mReactRootView.getParent()).removeView(mReactRootView);
               }
               mLogBoxDialog.dismiss();
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 b045cf69f48b04..e993205ee7f998 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/devsupport/WebsocketJavaScriptExecutor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/devsupport/WebsocketJavaScriptExecutor.java
@@ -153,10 +153,9 @@ public void close() {
   }
 
   @Override
-  public void loadApplicationScript(String sourceURL) throws JavaJSExecutor.ProxyExecutorException {
+  public void loadBundle(String sourceURL) throws JavaJSExecutor.ProxyExecutorException {
     JSExecutorCallbackFuture callback = new JSExecutorCallbackFuture();
-    Assertions.assertNotNull(mWebSocketClient)
-        .loadApplicationScript(sourceURL, mInjectedObjects, callback);
+    Assertions.assertNotNull(mWebSocketClient).loadBundle(sourceURL, mInjectedObjects, callback);
     try {
       callback.get();
     } catch (Throwable cause) {
@@ -178,7 +177,7 @@ public void loadApplicationScript(String sourceURL) throws JavaJSExecutor.ProxyE
 
   @Override
   public void setGlobalVariable(String propertyName, String jsonEncodedValue) {
-    // Store and use in the next loadApplicationScript() call.
+    // Store and use in the next loadBundle() call.
     mInjectedObjects.put(propertyName, jsonEncodedValue);
   }
 }
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 43a477e3faddee..10684ce3d4f9b5 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
@@ -89,4 +89,15 @@ public interface DevSupportManager extends NativeModuleCallExceptionHandler {
   StackFrame[] getLastErrorStack();
 
   void registerErrorCustomizer(ErrorCustomizer errorCustomizer);
+
+  /**
+   * The PackagerLocationCustomizer allows you to have a dynamic packager location that is
+   * determined right before loading the packager. Your customizer must call |callback|, as loading
+   * will be blocked waiting for it to resolve.
+   */
+  public interface PackagerLocationCustomizer {
+    void run(Runnable callback);
+  }
+
+  void setPackagerLocationCustomizer(PackagerLocationCustomizer packagerLocationCustomizer);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/.clang-tidy b/ReactAndroid/src/main/java/com/facebook/react/fabric/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
index 20bb2eca6e9ab5..81ab4e76829cff 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
@@ -51,7 +51,9 @@ public native void startSurfaceWithConstraints(
       float minWidth,
       float maxWidth,
       float minHeight,
-      float maxHeight);
+      float maxHeight,
+      boolean isRTL,
+      boolean doLeftAndRightSwapInRTL);
 
   public native void renderTemplateToSurface(int surfaceId, String uiTemplate);
 
@@ -60,7 +62,13 @@ public native void startSurfaceWithConstraints(
   public native void setPixelDensity(float pointScaleFactor);
 
   public native void setConstraints(
-      int surfaceId, float minWidth, float maxWidth, float minHeight, float maxHeight);
+      int surfaceId,
+      float minWidth,
+      float maxWidth,
+      float minHeight,
+      float maxHeight,
+      boolean isRTL,
+      boolean doLeftAndRightSwapInRTL);
 
   public void register(
       @NonNull JavaScriptContextHolder jsContext,
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
index d26f518952eaf4..c091ed2e381a1c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
@@ -38,6 +38,7 @@ public class FabricComponents {
     sComponentNames.put("Video", "RCTVideo");
     sComponentNames.put("StickerInputView", "RCTStickerInputView");
     sComponentNames.put("Map", "RCTMap");
+    sComponentNames.put("WebView", "RCTWebView");
   }
 
   /** @return the name of component in the Fabric environment */
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 6dcaaf4de60867..4d55cf236d6038 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
@@ -20,7 +20,7 @@
 import com.facebook.react.fabric.mounting.MountingManager;
 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.DispatchIntCommandMountItem;
 import com.facebook.react.fabric.mounting.mountitems.DispatchStringCommandMountItem;
 import com.facebook.react.fabric.mounting.mountitems.InsertMountItem;
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
@@ -108,7 +108,7 @@ private static void loadClasses() {
     GuardedFrameCallback.class.getClass();
     BatchMountItem.class.getClass();
     DeleteMountItem.class.getClass();
-    DispatchCommandMountItem.class.getClass();
+    DispatchIntCommandMountItem.class.getClass();
     DispatchStringCommandMountItem.class.getClass();
     InsertMountItem.class.getClass();
     MountItem.class.getClass();
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 1509f49963ebd3..5bc9ab4627d7b6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
@@ -35,13 +35,14 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
+import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.RetryableMountingLayerException;
 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.config.ReactFeatureFlags;
 import com.facebook.react.fabric.events.EventBeatManager;
 import com.facebook.react.fabric.events.EventEmitterWrapper;
@@ -51,6 +52,7 @@
 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.DispatchIntCommandMountItem;
 import com.facebook.react.fabric.mounting.mountitems.DispatchStringCommandMountItem;
 import com.facebook.react.fabric.mounting.mountitems.InsertMountItem;
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
@@ -65,6 +67,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.modules.i18nmanager.I18nUtil;
 import com.facebook.react.uimanager.ReactRoot;
 import com.facebook.react.uimanager.ReactRootViewTagGenerator;
 import com.facebook.react.uimanager.StateWrapper;
@@ -109,9 +112,17 @@ public class FabricUIManager implements UIManager, LifecycleEventListener {
       new ConcurrentHashMap<>();
 
   @NonNull private final EventBeatManager mEventBeatManager;
+  @NonNull private final Object mViewCommandMountItemsLock = new Object();
   @NonNull private final Object mMountItemsLock = new Object();
   @NonNull private final Object mPreMountItemsLock = new Object();
 
+  private boolean mInDispatch = false;
+  private int mReDispatchCounter = 0;
+
+  @GuardedBy("mViewCommandMountItemsLock")
+  @NonNull
+  private List<DispatchCommandMountItem> mViewCommandMountItems = new ArrayList<>();
+
   @GuardedBy("mMountItemsLock")
   @NonNull
   private List<MountItem> mMountItems = new ArrayList<>();
@@ -125,13 +136,6 @@ public class FabricUIManager implements UIManager, LifecycleEventListener {
   @NonNull
   private final DispatchUIFrameCallback mDispatchUIFrameCallback;
 
-  /**
-   * Whether or not to immediately, synchronously execute mountItems when they are scheduled on the
-   * UI thread.
-   */
-  @ThreadConfined(UI)
-  private boolean mImmediatelyExecutedMountItemsOnUI = true;
-
   /**
    * This is used to keep track of whether or not the FabricUIManager has been destroyed. Once the
    * Catalyst instance is being destroyed, we should cease all operation here.
@@ -214,7 +218,9 @@ public <T extends View> int startSurface(
         getMinSize(widthMeasureSpec),
         getMaxSize(widthMeasureSpec),
         getMinSize(heightMeasureSpec),
-        getMaxSize(heightMeasureSpec));
+        getMaxSize(heightMeasureSpec),
+        I18nUtil.getInstance().isRTL(rootView.getContext()),
+        I18nUtil.getInstance().doLeftAndRightSwapInRTL(rootView.getContext()));
     return rootTag;
   }
 
@@ -430,31 +436,36 @@ private long measure(
       float maxWidth,
       float minHeight,
       float maxHeight) {
-    return mMountingManager.measure(
-        mReactContextForRootTag.get(rootTag),
+    return measure(
+        rootTag,
         componentName,
         localData,
         props,
         state,
-        getYogaSize(minWidth, maxWidth),
-        getYogaMeasureMode(minWidth, maxWidth),
-        getYogaSize(minHeight, maxHeight),
-        getYogaMeasureMode(minHeight, maxHeight));
+        minWidth,
+        maxWidth,
+        minHeight,
+        maxHeight,
+        null);
   }
 
   @DoNotStrip
   @SuppressWarnings("unused")
   private long measure(
+      int rootTag,
       String componentName,
-      @NonNull ReadableMap localData,
-      @NonNull ReadableMap props,
-      @NonNull ReadableMap state,
+      ReadableMap localData,
+      ReadableMap props,
+      ReadableMap state,
       float minWidth,
       float maxWidth,
       float minHeight,
-      float maxHeight) {
+      float maxHeight,
+      @Nullable int[] attachmentsPositions) {
+    ReactContext context =
+        rootTag < 0 ? mReactApplicationContext : mReactContextForRootTag.get(rootTag);
     return mMountingManager.measure(
-        mReactApplicationContext,
+        context,
         componentName,
         localData,
         props,
@@ -462,7 +473,8 @@ private long measure(
         getYogaSize(minWidth, maxWidth),
         getYogaMeasureMode(minWidth, maxWidth),
         getYogaSize(minHeight, maxHeight),
-        getYogaMeasureMode(minHeight, maxHeight));
+        getYogaMeasureMode(minHeight, maxHeight),
+        attachmentsPositions);
   }
 
   @Override
@@ -481,25 +493,17 @@ public void synchronouslyUpdateViewOnUIThread(int reactTag, @NonNull ReadableMap
       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
+      ReactSoftException.logSoftException(
+          TAG,
+          new ReactNoCrashSoftException(
+              "Caught exception in synchronouslyUpdateViewOnUIThread", ex));
     } finally {
       ReactMarker.logFabricMarker(
           ReactMarkerConstants.FABRIC_UPDATE_UI_MAIN_THREAD_END, null, commitNumber);
     }
   }
 
-  /**
-   * When mounting instructions are scheduled on the UI thread, should they be executed immediately?
-   * *
-   */
-  @Override
-  @UiThread
-  @ThreadConfined(UI)
-  public void setAllowImmediateUIOperationExecution(boolean flag) {
-    mImmediatelyExecutedMountItemsOnUI = flag;
-  }
-
   /**
    * This method enqueues UI operations directly to the UI thread. This might change in the future
    * to enforce execution order using {@link ReactChoreographer#CallbackType}.
@@ -538,12 +542,7 @@ private void scheduleMountItem(
 
     if (UiThreadUtil.isOnUiThread()) {
       // We only read these flags on the UI thread.
-      boolean immediateExecutionEnabled =
-          !ReactFeatureFlags.allowDisablingImmediateExecutionOfScheduleMountItems
-              || mImmediatelyExecutedMountItemsOnUI;
-      if (immediateExecutionEnabled) {
-        dispatchMountItems();
-      }
+      tryDispatchMountItems();
     }
 
     // Post markers outside of lock and after sync mounting finishes its execution
@@ -574,26 +573,162 @@ private void scheduleMountItem(
 
   @UiThread
   @ThreadConfined(UI)
-  private void dispatchMountItems() {
-    mRunStartTime = SystemClock.uptimeMillis();
+  private void tryDispatchMountItems() {
+    // If we're already dispatching, don't reenter.
+    // Reentrance can potentially happen a lot on Android in Fabric because
+    // `updateState` from the
+    // mounting layer causes mount items to be dispatched synchronously. We want to 1) make sure
+    // we don't reenter in those cases, but 2) still execute those queued instructions
+    // synchronously.
+    // This is a pretty blunt tool, but we might not have better options since we really don't want
+    // to execute anything out-of-order.
+    if (mInDispatch) {
+      return;
+    }
+
+    final boolean didDispatchItems;
+    try {
+      didDispatchItems = dispatchMountItems();
+    } catch (Throwable e) {
+      mReDispatchCounter = 0;
+      throw e;
+    } finally {
+      // Clean up after running dispatchMountItems - even if an exception was thrown
+      mInDispatch = false;
+    }
+
+    // Decide if we want to try reentering
+    if (mReDispatchCounter < 10 && didDispatchItems) {
+      // Executing twice in a row is normal. Only log after that point.
+      if (mReDispatchCounter > 2) {
+        ReactSoftException.logSoftException(
+            TAG,
+            new ReactNoCrashSoftException(
+                "Re-dispatched "
+                    + mReDispatchCounter
+                    + " times. This indicates setState (?) is likely being called too many times during mounting."));
+      }
+
+      mReDispatchCounter++;
+      tryDispatchMountItems();
+    }
+    mReDispatchCounter = 0;
+  }
+
+  @UiThread
+  @ThreadConfined(UI)
+  private List<DispatchCommandMountItem> getAndResetViewCommandMountItems() {
+    if (!ReactFeatureFlags.allowEarlyViewCommandExecution) {
+      return null;
+    }
+
+    synchronized (mViewCommandMountItemsLock) {
+      List<DispatchCommandMountItem> result = mViewCommandMountItems;
+      if (result.isEmpty()) {
+        return null;
+      }
+      mViewCommandMountItems = new ArrayList<>();
+      return result;
+    }
+  }
 
-    List<MountItem> mountItemsToDispatch;
+  @UiThread
+  @ThreadConfined(UI)
+  private List<MountItem> getAndResetMountItems() {
     synchronized (mMountItemsLock) {
-      if (mMountItems.isEmpty()) {
-        return;
+      List<MountItem> result = mMountItems;
+      if (result.isEmpty()) {
+        return null;
       }
-      mountItemsToDispatch = mMountItems;
       mMountItems = new ArrayList<>();
+      return result;
     }
+  }
 
-    // If there are MountItems to dispatch, we make sure all the "pre mount items" are executed
-    ArrayDeque<MountItem> mPreMountItemsToDispatch = null;
+  private ArrayDeque<MountItem> getAndResetPreMountItems() {
     synchronized (mPreMountItemsLock) {
-      if (!mPreMountItems.isEmpty()) {
-        mPreMountItemsToDispatch = mPreMountItems;
-        mPreMountItems = new ArrayDeque<>(PRE_MOUNT_ITEMS_INITIAL_SIZE_ARRAY);
+      ArrayDeque<MountItem> result = mPreMountItems;
+      if (result.isEmpty()) {
+        return null;
       }
+      mPreMountItems = new ArrayDeque<>(PRE_MOUNT_ITEMS_INITIAL_SIZE_ARRAY);
+      return result;
     }
+  }
+
+  @UiThread
+  @ThreadConfined(UI)
+  /** Nothing should call this directly except for `tryDispatchMountItems`. */
+  private boolean dispatchMountItems() {
+    if (mReDispatchCounter == 0) {
+      mBatchedExecutionTime = 0;
+    }
+
+    mRunStartTime = SystemClock.uptimeMillis();
+
+    List<DispatchCommandMountItem> viewCommandMountItemsToDispatch =
+        getAndResetViewCommandMountItems();
+    List<MountItem> mountItemsToDispatch = getAndResetMountItems();
+
+    if (mountItemsToDispatch == null && viewCommandMountItemsToDispatch == null) {
+      return false;
+    }
+
+    // As an optimization, execute all ViewCommands first
+    // This should be:
+    // 1) Performant: ViewCommands are often a replacement for SetNativeProps, which we've always
+    // wanted to be as "synchronous" as possible.
+    // 2) Safer: ViewCommands are inherently disconnected from the tree commit/diff/mount process.
+    // JS imperatively queues these commands.
+    //    If JS has queued a command, it's reasonable to assume that the more time passes, the more
+    // likely it is that the view disappears.
+    //    Thus, by executing ViewCommands early, we should actually avoid a category of
+    // errors/glitches.
+    if (viewCommandMountItemsToDispatch != null) {
+      Systrace.beginSection(
+          Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+          "FabricUIManager::mountViews viewCommandMountItems to execute: "
+              + viewCommandMountItemsToDispatch.size());
+      for (DispatchCommandMountItem command : viewCommandMountItemsToDispatch) {
+        if (ENABLE_FABRIC_LOGS) {
+          FLog.d(TAG, "dispatchMountItems: Executing viewCommandMountItem: " + command.toString());
+        }
+        try {
+          command.execute(mMountingManager);
+        } catch (RetryableMountingLayerException e) {
+          // If the exception is marked as Retryable, we retry the viewcommand exactly once, after
+          // the current batch of mount items has finished executing.
+          if (command.getRetries() == 0) {
+            command.incrementRetries();
+            dispatchCommandMountItem(command);
+          } else {
+            // It's very common for commands to be executed on views that no longer exist - for
+            // example, a blur event on TextInput being fired because of a navigation event away
+            // from the current screen. If the exception is marked as Retryable, we log a soft
+            // exception but never crash in debug.
+            // It's not clear that logging this is even useful, because these events are very
+            // common, mundane, and there's not much we can do about them currently.
+            ReactSoftException.logSoftException(
+                TAG,
+                new ReactNoCrashSoftException(
+                    "Caught exception executing ViewCommand: " + command.toString(), e));
+          }
+        } catch (Throwable e) {
+          // Non-Retryable exceptions are logged as soft exceptions in prod, but crash in Debug.
+          ReactSoftException.logSoftException(
+              TAG,
+              new RuntimeException(
+                  "Caught exception executing ViewCommand: " + command.toString(), e));
+        }
+      }
+
+      Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    }
+
+    // If there are MountItems to dispatch, we make sure all the "pre mount items" are executed
+    // first
+    ArrayDeque<MountItem> mPreMountItemsToDispatch = getAndResetPreMountItems();
+
     if (mPreMountItemsToDispatch != null) {
       Systrace.beginSection(
           Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
@@ -607,24 +742,29 @@ private void dispatchMountItems() {
       Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
     }
 
-    Systrace.beginSection(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
-        "FabricUIManager::mountViews mountItems to execute: " + mountItemsToDispatch.size());
-
-    long batchedExecutionStartTime = SystemClock.uptimeMillis();
-    for (MountItem mountItem : mountItemsToDispatch) {
-      if (ENABLE_FABRIC_LOGS) {
-        // If a MountItem description is split across multiple lines, it's because it's a compound
-        // MountItem. Log each line separately.
-        String[] mountItemLines = mountItem.toString().split("\n");
-        for (String m : mountItemLines) {
-          FLog.d(TAG, "dispatchMountItems: Executing mountItem: " + m);
+    if (mountItemsToDispatch != null) {
+      Systrace.beginSection(
+          Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
+          "FabricUIManager::mountViews mountItems to execute: " + mountItemsToDispatch.size());
+
+      long batchedExecutionStartTime = SystemClock.uptimeMillis();
+
+      for (MountItem mountItem : mountItemsToDispatch) {
+        if (ENABLE_FABRIC_LOGS) {
+          // If a MountItem description is split across multiple lines, it's because it's a compound
+          // MountItem. Log each line separately.
+          String[] mountItemLines = mountItem.toString().split("\n");
+          for (String m : mountItemLines) {
+            FLog.d(TAG, "dispatchMountItems: Executing mountItem: " + m);
+          }
         }
+        mountItem.execute(mMountingManager);
       }
-      mountItem.execute(mMountingManager);
+      mBatchedExecutionTime += SystemClock.uptimeMillis() - batchedExecutionStartTime;
     }
-    mBatchedExecutionTime = SystemClock.uptimeMillis() - batchedExecutionStartTime;
     Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+
+    return true;
   }
 
   @UiThread
@@ -632,22 +772,31 @@ private void dispatchMountItems() {
   private void dispatchPreMountItems(long frameTimeNanos) {
     Systrace.beginSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManager::premountViews");
 
-    while (true) {
-      long timeLeftInFrame = FRAME_TIME_MS - ((System.nanoTime() - frameTimeNanos) / 1000000);
-      if (timeLeftInFrame < MAX_TIME_IN_FRAME_FOR_NON_BATCHED_OPERATIONS_MS) {
-        break;
-      }
+    // dispatchPreMountItems cannot be reentrant, but we want to prevent dispatchMountItems from
+    // reentering during dispatchPreMountItems
+    mInDispatch = true;
 
-      MountItem preMountItemsToDispatch;
-      synchronized (mPreMountItemsLock) {
-        if (mPreMountItems.isEmpty()) {
+    try {
+      while (true) {
+        long timeLeftInFrame = FRAME_TIME_MS - ((System.nanoTime() - frameTimeNanos) / 1000000);
+        if (timeLeftInFrame < MAX_TIME_IN_FRAME_FOR_NON_BATCHED_OPERATIONS_MS) {
           break;
         }
-        preMountItemsToDispatch = mPreMountItems.pollFirst();
-      }
 
-      preMountItemsToDispatch.execute(mMountingManager);
+        MountItem preMountItemsToDispatch;
+        synchronized (mPreMountItemsLock) {
+          if (mPreMountItems.isEmpty()) {
+            break;
+          }
+          preMountItemsToDispatch = mPreMountItems.pollFirst();
+        }
+
+        preMountItemsToDispatch.execute(mMountingManager);
+      }
+    } finally {
+      mInDispatch = false;
     }
+
     Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
   }
 
@@ -668,12 +817,28 @@ public void updateRootLayoutSpecs(
       FLog.d(TAG, "Updating Root Layout Specs");
     }
 
+    ThemedReactContext reactContext = mReactContextForRootTag.get(rootTag);
+    boolean isRTL = false;
+    boolean doLeftAndRightSwapInRTL = false;
+    if (reactContext != null) {
+      isRTL = I18nUtil.getInstance().isRTL(reactContext);
+      doLeftAndRightSwapInRTL = I18nUtil.getInstance().doLeftAndRightSwapInRTL(reactContext);
+    } else {
+      // TODO T65116569: analyze why this happens
+      ReactSoftException.logSoftException(
+          TAG,
+          new IllegalStateException(
+              "updateRootLayoutSpecs called before ReactContext set for tag: " + rootTag));
+    }
+
     mBinding.setConstraints(
         rootTag,
         getMinSize(widthMeasureSpec),
         getMaxSize(widthMeasureSpec),
         getMinSize(heightMeasureSpec),
-        getMaxSize(heightMeasureSpec));
+        getMaxSize(heightMeasureSpec),
+        isRTL,
+        doLeftAndRightSwapInRTL);
   }
 
   public void receiveEvent(int reactTag, String eventName, @Nullable WritableMap params) {
@@ -693,6 +858,13 @@ public void onHostResume() {
         .postFrameCallback(ReactChoreographer.CallbackType.DISPATCH_UI, mDispatchUIFrameCallback);
   }
 
+  @Override
+  @NonNull
+  @SuppressWarnings("unchecked")
+  public EventDispatcher getEventDispatcher() {
+    return mEventDispatcher;
+  }
+
   @Override
   public void onHostPause() {
     ReactChoreographer.getInstance()
@@ -708,9 +880,7 @@ public void onHostDestroy() {}
   @ThreadConfined(ANY)
   public void dispatchCommand(
       final int reactTag, final int commandId, @Nullable final ReadableArray commandArgs) {
-    synchronized (mMountItemsLock) {
-      mMountItems.add(new DispatchCommandMountItem(reactTag, commandId, commandArgs));
-    }
+    dispatchCommandMountItem(new DispatchIntCommandMountItem(reactTag, commandId, commandArgs));
   }
 
   @Override
@@ -718,8 +888,20 @@ public void dispatchCommand(
   @ThreadConfined(ANY)
   public void dispatchCommand(
       final int reactTag, final String commandId, @Nullable final ReadableArray commandArgs) {
-    synchronized (mMountItemsLock) {
-      mMountItems.add(new DispatchStringCommandMountItem(reactTag, commandId, commandArgs));
+    dispatchCommandMountItem(new DispatchStringCommandMountItem(reactTag, commandId, commandArgs));
+  }
+
+  @AnyThread
+  @ThreadConfined(ANY)
+  private void dispatchCommandMountItem(DispatchCommandMountItem command) {
+    if (ReactFeatureFlags.allowEarlyViewCommandExecution) {
+      synchronized (mViewCommandMountItemsLock) {
+        mViewCommandMountItems.add(command);
+      }
+    } else {
+      synchronized (mMountItemsLock) {
+        mMountItems.add(command);
+      }
     }
   }
 
@@ -806,20 +988,17 @@ void stop() {
     @ThreadConfined(UI)
     public void doFrameGuarded(long frameTimeNanos) {
       if (!mIsMountingEnabled || mDestroyed) {
-        FLog.w(
-            ReactConstants.TAG,
-            "Not flushing pending UI operations because of previously thrown Exception");
+        FLog.w(TAG, "Not flushing pending UI operations because of previously thrown Exception");
         return;
       }
 
       try {
-
         dispatchPreMountItems(frameTimeNanos);
 
-        dispatchMountItems();
+        tryDispatchMountItems();
 
       } catch (Exception ex) {
-        FLog.i(ReactConstants.TAG, "Exception thrown when executing UIFrameGuarded", ex);
+        FLog.e(TAG, "Exception thrown when executing UIFrameGuarded", ex);
         stop();
         throw ex;
       } finally {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/BUCK b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/BUCK
index a804631c65a288..65ffaea91c4cbd 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/BUCK
@@ -32,11 +32,11 @@ rn_xplat_cxx_library(
         react_native_xplat_target("fabric/components/scrollview:scrollview"),
         react_native_xplat_target("utils:utils"),
         react_native_target("jni/react/jni:jni"),
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/jsi:JSIDynamic",
-        "fbsource//xplat/jsi:jsi",
-        "fbsource//xplat/third-party/linker_lib:atomic",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:molly",
+        "//xplat/jsi:JSIDynamic",
+        "//xplat/jsi:jsi",
+        "//xplat/third-party/linker_lib:atomic",
         FBJNI_TARGET,
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp
index e584fb04956c60..908b0e73eab9f8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.cpp
@@ -26,7 +26,6 @@
 #include <react/uimanager/SchedulerToolbox.h>
 #include <react/uimanager/primitives.h>
 #include <react/utils/ContextContainer.h>
-#include <react/utils/TimeUtils.h>
 
 #include <Glog/logging.h>
 
@@ -102,7 +101,9 @@ void Binding::startSurfaceWithConstraints(
     jfloat minWidth,
     jfloat maxWidth,
     jfloat minHeight,
-    jfloat maxHeight) {
+    jfloat maxHeight,
+    jboolean isRTL,
+    jboolean doLeftAndRightSwapInRTL) {
   SystraceSection s("FabricUIManagerBinding::startSurfaceWithConstraints");
 
   LOG(WARNING) << "Binding::startSurfaceWithConstraints() was called (address: "
@@ -121,9 +122,12 @@ void Binding::startSurfaceWithConstraints(
 
   LayoutContext context;
   context.pointScaleFactor = {pointScaleFactor_};
+  context.swapLeftAndRightInRTL = doLeftAndRightSwapInRTL;
   LayoutConstraints constraints = {};
   constraints.minimumSize = minimumSize;
   constraints.maximumSize = maximumSize;
+  constraints.layoutDirection =
+      isRTL ? LayoutDirection::RightToLeft : LayoutDirection::LeftToRight;
 
   scheduler->startSurface(
       surfaceId,
@@ -168,7 +172,9 @@ void Binding::setConstraints(
     jfloat minWidth,
     jfloat maxWidth,
     jfloat minHeight,
-    jfloat maxHeight) {
+    jfloat maxHeight,
+    jboolean isRTL,
+    jboolean doLeftAndRightSwapInRTL) {
   SystraceSection s("FabricUIManagerBinding::setConstraints");
 
   std::shared_ptr<Scheduler> scheduler = getScheduler();
@@ -184,9 +190,12 @@ void Binding::setConstraints(
 
   LayoutContext context;
   context.pointScaleFactor = {pointScaleFactor_};
+  context.swapLeftAndRightInRTL = doLeftAndRightSwapInRTL;
   LayoutConstraints constraints = {};
   constraints.minimumSize = minimumSize;
   constraints.maximumSize = maximumSize;
+  constraints.layoutDirection =
+      isRTL ? LayoutDirection::RightToLeft : LayoutDirection::LeftToRight;
 
   scheduler->constraintSurfaceLayout(surfaceId, constraints, context);
 }
@@ -255,11 +264,16 @@ void Binding::installFabricUIManager(
       "react_fabric:enable_removedelete_collation_android");
   collapseDeleteCreateMountingInstructions_ = reactNativeConfig_->getBool(
       "react_fabric:enabled_collapse_delete_create_mounting_instructions");
-  ;
+
+  disableVirtualNodePreallocation_ = reactNativeConfig_->getBool(
+      "react_fabric:disable_virtual_node_preallocation");
 
   disablePreallocateViews_ = reactNativeConfig_->getBool(
       "react_fabric:disabled_view_preallocation_android");
 
+  enableOptimizedMovesDiffer_ = reactNativeConfig_->getBool(
+      "react_fabric:enabled_optimized_moves_differ_android");
+
   auto toolbox = SchedulerToolbox{};
   toolbox.contextContainer = contextContainer;
   toolbox.componentRegistryFactory = componentsRegistry->buildRegistryFunction;
@@ -426,29 +440,6 @@ local_ref<JMountItem::javaobject> createInsertMountItem(
       mutation.index);
 }
 
-local_ref<JMountItem::javaobject> createUpdateLocalData(
-    const jni::global_ref<jobject> &javaUIManager,
-    const ShadowViewMutation &mutation) {
-  static auto updateLocalDataInstruction =
-      jni::findClassStatic(UIManagerJavaDescriptor)
-          ->getMethod<alias_ref<JMountItem>(jint, ReadableMap::javaobject)>(
-              "updateLocalDataMountItem");
-
-  auto localData = mutation.newChildShadowView.localData;
-
-  folly::dynamic newLocalData = folly::dynamic::object();
-  if (localData) {
-    newLocalData = localData->getDynamic();
-  }
-
-  local_ref<ReadableNativeMap::jhybridobject> readableNativeMap =
-      ReadableNativeMap::newObjectCxxArgs(newLocalData);
-  return updateLocalDataInstruction(
-      javaUIManager,
-      mutation.newChildShadowView.tag,
-      castReadableMap(readableNativeMap).get());
-}
-
 local_ref<JMountItem::javaobject> createUpdateStateMountItem(
     const jni::global_ref<jobject> &javaUIManager,
     const ShadowViewMutation &mutation) {
@@ -583,7 +574,7 @@ void Binding::schedulerDidFinishTransaction(
   std::lock_guard<std::recursive_mutex> lock(commitMutex_);
 
   SystraceSection s("FabricUIManagerBinding::schedulerDidFinishTransaction");
-  long finishTransactionStartTime = monotonicTimeInMilliseconds();
+  auto finishTransactionStartTime = telemetryTimePointNow();
 
   jni::global_ref<jobject> localJavaUIManager = getJavaUIManager();
   if (!localJavaUIManager) {
@@ -592,7 +583,9 @@ void Binding::schedulerDidFinishTransaction(
     return;
   }
 
-  auto mountingTransaction = mountingCoordinator->pullTransaction();
+  auto mountingTransaction = mountingCoordinator->pullTransaction(
+      enableOptimizedMovesDiffer_ ? DifferentiatorMode::OptimizedMoves
+                                  : DifferentiatorMode::Classic);
 
   if (!mountingTransaction.has_value()) {
     return;
@@ -737,11 +730,6 @@ void Binding::schedulerDidFinishTransaction(
             mountItems[position++] =
                 createUpdatePropsMountItem(localJavaUIManager, mutation);
           }
-          if (mutation.oldChildShadowView.localData !=
-              mutation.newChildShadowView.localData) {
-            mountItems[position++] =
-                createUpdateLocalData(localJavaUIManager, mutation);
-          }
           if (mutation.oldChildShadowView.state !=
               mutation.newChildShadowView.state) {
             mountItems[position++] =
@@ -791,12 +779,6 @@ void Binding::schedulerDidFinishTransaction(
                 createUpdateStateMountItem(localJavaUIManager, mutation);
           }
 
-          // LocalData
-          if (mutation.newChildShadowView.localData) {
-            mountItems[position++] =
-                createUpdateLocalData(localJavaUIManager, mutation);
-          }
-
           // Layout
           auto updateLayoutMountItem =
               createUpdateLayoutMountItem(localJavaUIManager, mutation);
@@ -861,19 +843,19 @@ void Binding::schedulerDidFinishTransaction(
                                           jlong,
                                           jlong)>("scheduleMountItem");
 
-  long finishTransactionEndTime = monotonicTimeInMilliseconds();
+  auto finishTransactionEndTime = telemetryTimePointNow();
 
   scheduleMountItem(
       localJavaUIManager,
       batch.get(),
       telemetry.getCommitNumber(),
-      telemetry.getCommitStartTime(),
-      telemetry.getDiffStartTime(),
-      telemetry.getDiffEndTime(),
-      telemetry.getLayoutStartTime(),
-      telemetry.getLayoutEndTime(),
-      finishTransactionStartTime,
-      finishTransactionEndTime);
+      telemetryTimePointToMilliseconds(telemetry.getCommitStartTime()),
+      telemetryTimePointToMilliseconds(telemetry.getDiffStartTime()),
+      telemetryTimePointToMilliseconds(telemetry.getDiffEndTime()),
+      telemetryTimePointToMilliseconds(telemetry.getLayoutStartTime()),
+      telemetryTimePointToMilliseconds(telemetry.getLayoutEndTime()),
+      telemetryTimePointToMilliseconds(finishTransactionStartTime),
+      telemetryTimePointToMilliseconds(finishTransactionEndTime));
 }
 
 void Binding::setPixelDensity(float pointScaleFactor) {
@@ -896,6 +878,10 @@ void Binding::schedulerDidRequestPreliminaryViewAllocation(
 
   bool isLayoutableShadowNode = shadowView.layoutMetrics != EmptyLayoutMetrics;
 
+  if (disableVirtualNodePreallocation_ && !isLayoutableShadowNode) {
+    return;
+  }
+
   static auto preallocateView =
       jni::findClassStatic(UIManagerJavaDescriptor)
           ->getMethod<void(
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h
index 12bc5f05f21027..1145d7ea8f0e3f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/jni/Binding.h
@@ -38,7 +38,9 @@ class Binding : public jni::HybridClass<Binding>, public SchedulerDelegate {
       jfloat minWidth,
       jfloat maxWidth,
       jfloat minHeight,
-      jfloat maxHeight);
+      jfloat maxHeight,
+      jboolean isRTL,
+      jboolean doLeftAndRightSwapInRTL);
 
   static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jclass>);
 
@@ -62,7 +64,9 @@ class Binding : public jni::HybridClass<Binding>, public SchedulerDelegate {
       jfloat minWidth,
       jfloat maxWidth,
       jfloat minHeight,
-      jfloat maxHeight);
+      jfloat maxHeight,
+      jboolean isRTL,
+      jboolean doLeftAndRightSwapInRTL);
 
   void renderTemplateToSurface(jint surfaceId, jstring uiTemplate);
 
@@ -107,6 +111,8 @@ class Binding : public jni::HybridClass<Binding>, public SchedulerDelegate {
   bool shouldCollateRemovesAndDeletes_{false};
   bool collapseDeleteCreateMountingInstructions_{false};
   bool disablePreallocateViews_{false};
+  bool disableVirtualNodePreallocation_{false};
+  bool enableOptimizedMovesDiffer_{false};
 };
 
 } // namespace react
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 1e94ac56f44ac7..79966769fd79d7 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
@@ -18,13 +18,14 @@
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.annotation.UiThread;
+import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.infer.annotation.ThreadConfined;
-import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableNativeMap;
+import com.facebook.react.bridge.RetryableMountingLayerException;
 import com.facebook.react.bridge.SoftAssertions;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.fabric.FabricUIManager;
@@ -113,6 +114,17 @@ private void dropView(@NonNull View view) {
   public void addViewAt(int parentTag, int tag, int index) {
     UiThreadUtil.assertOnUiThread();
     ViewState parentViewState = getViewState(parentTag);
+    if (!(parentViewState.mView instanceof ViewGroup)) {
+      String message =
+          "Unable to add a view into a view that is not a ViewGroup. ParentTag: "
+              + parentTag
+              + " - Tag: "
+              + tag
+              + " - Index: "
+              + index;
+      FLog.e(TAG, message);
+      throw new IllegalStateException(message);
+    }
     final ViewGroup parentView = (ViewGroup) parentViewState.mView;
     ViewState viewState = getViewState(tag);
     final View view = viewState.mView;
@@ -143,21 +155,18 @@ public void receiveCommand(int reactTag, int commandId, @Nullable ReadableArray
     // view hierarchy. For example, TextInput may send a "blur" command in response to the view
     // disappearing. Throw `ReactNoCrashSoftException` so they're logged but don't crash in dev
     // for now.
-    // TODO T58653970: Crash in debug again and fix all the places that cause this to crash.
     if (viewState == null) {
-      ReactSoftException.logSoftException(
-          MountingManager.TAG,
-          new ReactNoCrashSoftException(
-              "Unable to find viewState for tag: " + reactTag + " for commandId: " + commandId));
-      return;
+      throw new RetryableMountingLayerException(
+          "Unable to find viewState for tag: " + reactTag + " for commandId: " + commandId);
     }
 
     if (viewState.mViewManager == null) {
-      throw new IllegalStateException("Unable to find viewManager for tag " + reactTag);
+      throw new RetryableMountingLayerException("Unable to find viewManager for tag " + reactTag);
     }
 
     if (viewState.mView == null) {
-      throw new IllegalStateException("Unable to find viewState view for tag " + reactTag);
+      throw new RetryableMountingLayerException(
+          "Unable to find viewState view for tag " + reactTag);
     }
 
     viewState.mViewManager.receiveCommand(viewState.mView, commandId, commandArgs);
@@ -167,20 +176,23 @@ public void receiveCommand(
       int reactTag, @NonNull String commandId, @Nullable ReadableArray commandArgs) {
     ViewState viewState = getNullableViewState(reactTag);
 
+    // It's not uncommon for JS to send events as/after a component is being removed from the
+    // view hierarchy. For example, TextInput may send a "blur" command in response to the view
+    // disappearing. Throw `ReactNoCrashSoftException` so they're logged but don't crash in dev
+    // for now.
     if (viewState == null) {
-      ReactSoftException.logSoftException(
-          MountingManager.TAG,
-          new IllegalStateException(
-              "Unable to find viewState for tag: " + reactTag + " for commandId: " + commandId));
-      return;
+      throw new RetryableMountingLayerException(
+          "Unable to find viewState for tag: " + reactTag + " for commandId: " + commandId);
     }
 
     if (viewState.mViewManager == null) {
-      throw new IllegalStateException("Unable to find viewState manager for tag " + reactTag);
+      throw new RetryableMountingLayerException(
+          "Unable to find viewState manager for tag " + reactTag);
     }
 
     if (viewState.mView == null) {
-      throw new IllegalStateException("Unable to find viewState view for tag " + reactTag);
+      throw new RetryableMountingLayerException(
+          "Unable to find viewState view for tag " + reactTag);
     }
 
     viewState.mViewManager.receiveCommand(viewState.mView, commandId, commandArgs);
@@ -433,7 +445,13 @@ public void preallocateView(
   @UiThread
   public void updateEventEmitter(int reactTag, @NonNull EventEmitterWrapper eventEmitter) {
     UiThreadUtil.assertOnUiThread();
-    ViewState viewState = getViewState(reactTag);
+    ViewState viewState = mTagToViewState.get(reactTag);
+    if (viewState == null) {
+      // TODO T62717437 - Use a flag to determine that these event emitters belong to virtual nodes
+      // only.
+      viewState = new ViewState(reactTag, null, null);
+      mTagToViewState.put(reactTag, viewState);
+    }
     viewState.mEventEmitter = eventEmitter;
   }
 
@@ -500,11 +518,21 @@ public long measure(
       float width,
       @NonNull YogaMeasureMode widthMode,
       float height,
-      @NonNull YogaMeasureMode heightMode) {
+      @NonNull YogaMeasureMode heightMode,
+      @Nullable int[] attachmentsPositions) {
 
     return mViewManagerRegistry
         .get(componentName)
-        .measure(context, localData, props, state, width, widthMode, height, heightMode);
+        .measure(
+            context,
+            localData,
+            props,
+            state,
+            width,
+            widthMode,
+            height,
+            heightMode,
+            attachmentsPositions);
   }
 
   @AnyThread
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 89fc96ff1d3f06..29f3063cd46ade 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,31 +7,23 @@
 
 package com.facebook.react.fabric.mounting.mountitems;
 
-import androidx.annotation.NonNull;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.fabric.mounting.MountingManager;
+import androidx.annotation.UiThread;
 
-public class DispatchCommandMountItem implements MountItem {
-
-  private final int mReactTag;
-  private final int mCommandId;
-  private final @Nullable ReadableArray mCommandArgs;
-
-  public DispatchCommandMountItem(
-      int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
-    mReactTag = reactTag;
-    mCommandId = commandId;
-    mCommandArgs = commandArgs;
-  }
+/**
+ * This is a common interface for View Command operations. Once we delete the deprecated {@link
+ * DispatchIntCommandMountItem}, we can delete this interface too. It provides a set of common
+ * operations to simplify generic operations on all types of ViewCommands.
+ */
+public abstract class DispatchCommandMountItem implements MountItem {
+  private int mNumRetries = 0;
 
-  @Override
-  public void execute(@NonNull MountingManager mountingManager) {
-    mountingManager.receiveCommand(mReactTag, mCommandId, mCommandArgs);
+  @UiThread
+  public void incrementRetries() {
+    mNumRetries++;
   }
 
-  @Override
-  public String toString() {
-    return "DispatchCommandMountItem [" + mReactTag + "] " + mCommandId;
+  @UiThread
+  public int getRetries() {
+    return mNumRetries;
   }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java
new file mode 100644
index 00000000000000..9d525755bfa38e
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java
@@ -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.
+ */
+
+package com.facebook.react.fabric.mounting.mountitems;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.fabric.mounting.MountingManager;
+
+public class DispatchIntCommandMountItem extends DispatchCommandMountItem {
+
+  private final int mReactTag;
+  private final int mCommandId;
+  private final @Nullable ReadableArray mCommandArgs;
+
+  public DispatchIntCommandMountItem(
+      int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
+    mReactTag = reactTag;
+    mCommandId = commandId;
+    mCommandArgs = commandArgs;
+  }
+
+  @Override
+  public void execute(@NonNull MountingManager mountingManager) {
+    mountingManager.receiveCommand(mReactTag, mCommandId, mCommandArgs);
+  }
+
+  @Override
+  public String toString() {
+    return "DispatchIntCommandMountItem [" + mReactTag + "] " + mCommandId;
+  }
+}
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
index 074466dd212b6a..0b04e25f161d0e 100644
--- 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
@@ -12,7 +12,7 @@
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.fabric.mounting.MountingManager;
 
-public class DispatchStringCommandMountItem implements MountItem {
+public class DispatchStringCommandMountItem extends DispatchCommandMountItem {
 
   private final int mReactTag;
   @NonNull private final String mCommandId;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/BUCK b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/BUCK
index 56d7626ba8e7b1..ef047b2e31f02e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/BUCK
@@ -26,7 +26,7 @@ rn_xplat_cxx_library(
         react_native_target("java/com/facebook/react/jscexecutor:jscexecutor"),
     ],
     deps = [
-        "fbsource//xplat/folly:molly",
+        "//xplat/folly:molly",
         FBJNI_TARGET,
         react_native_target("jni/react/jni:jni"),
         react_native_xplat_target("jsi:JSCRuntime"),
diff --git a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/OnLoad.cpp b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/OnLoad.cpp
index f4e1783fee6f51..e05dfec2ef98e4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/OnLoad.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/OnLoad.cpp
@@ -11,6 +11,7 @@
 #include <react/jni/JReactMarker.h>
 #include <react/jni/JSLogging.h>
 #include <react/jni/JavaScriptExecutorHolder.h>
+#include <react/jni/NativeTime.h>
 #include <react/jni/ReadableNativeMap.h>
 
 #include <memory>
@@ -30,6 +31,10 @@ class JSCExecutorFactory : public JSExecutorFactory {
           static_cast<void (*)(const std::string &, unsigned int)>(
               &reactAndroidLoggingHook);
       react::bindNativeLogger(runtime, androidLogger);
+
+      react::PerformanceNow androidNativePerformanceNow =
+          static_cast<double (*)()>(&reactAndroidNativePerformanceNowHook);
+      react::bindNativePerformanceNow(runtime, androidNativePerformanceNow);
     };
     return std::make_unique<JSIExecutor>(
         jsc::makeJSCRuntime(),
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 99d9c760d123d1..373c78cc354a63 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
@@ -15,7 +15,6 @@
 import com.facebook.react.module.annotations.ReactModuleList;
 import com.facebook.react.module.model.ReactModuleInfo;
 import com.facebook.react.module.model.ReactModuleInfoProvider;
-import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.squareup.javapoet.ClassName;
 import com.squareup.javapoet.CodeBlock;
 import com.squareup.javapoet.JavaFile;
@@ -152,6 +151,16 @@ private CodeBlock getCodeBlockForReactModuleInfos(List<String> nativeModules)
     } else {
       builder.addStatement("$T map = new $T()", MAP_TYPE, INSTANTIATED_MAP_TYPE);
 
+      String turboModuleInterfaceCanonicalName =
+          "com.facebook.react.turbomodule.core.interfaces.TurboModule";
+      TypeMirror turboModuleInterface =
+          mElements.getTypeElement(turboModuleInterfaceCanonicalName).asType();
+
+      if (turboModuleInterface == null) {
+        throw new RuntimeException(
+            "com.facebook.react.turbomodule.core.interfaces.TurboModule interface not found.");
+      }
+
       for (String nativeModule : nativeModules) {
         String keyString = nativeModule;
 
@@ -171,12 +180,15 @@ private CodeBlock getCodeBlockForReactModuleInfos(List<String> nativeModules)
                   + "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()));
+        boolean isTurboModule;
+        try {
+          isTurboModule = mTypes.isAssignable(typeElement.asType(), turboModuleInterface);
+        } catch (Exception ex) {
+          throw new RuntimeException(
+              "Failed to check if "
+                  + nativeModule
+                  + " is type-assignable to "
+                  + turboModuleInterfaceCanonicalName);
         }
 
         List<? extends Element> elements = typeElement.getEnclosedElements();
@@ -222,18 +234,6 @@ private CodeBlock getCodeBlockForReactModuleInfos(List<String> nativeModules)
     return builder.build();
   }
 
-  /**
-   * 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()));
-  }
-
   private static class ReactModuleSpecException extends Exception {
 
     public final String mMessage;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/.clang-tidy b/ReactAndroid/src/main/java/com/facebook/react/modules/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
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 bb7bec2c387499..1b8998a5977f18 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
@@ -19,11 +19,10 @@
 import android.view.accessibility.AccessibilityEvent;
 import android.view.accessibility.AccessibilityManager;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeAccessibilityInfoSpec;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
 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 com.facebook.react.modules.core.DeviceEventManagerModule;
 
@@ -32,7 +31,7 @@
  * device. For API >= 19.
  */
 @ReactModule(name = AccessibilityInfoModule.NAME)
-public class AccessibilityInfoModule extends ReactContextBaseJavaModule
+public class AccessibilityInfoModule extends NativeAccessibilityInfoSpec
     implements LifecycleEventListener {
 
   public static final String NAME = "AccessibilityInfo";
@@ -101,12 +100,12 @@ private boolean getIsReduceMotionEnabledValue() {
     return value != null && value.equals("0.0");
   }
 
-  @ReactMethod
+  @Override
   public void isReduceMotionEnabled(Callback successCallback) {
     successCallback.invoke(mReduceMotionEnabled);
   }
 
-  @ReactMethod
+  @Override
   public void isTouchExplorationEnabled(Callback successCallback) {
     successCallback.invoke(mTouchExplorationEnabled);
   }
@@ -183,7 +182,7 @@ public void onCatalystInstanceDestroy() {
   @Override
   public void onHostDestroy() {}
 
-  @ReactMethod
+  @Override
   public void announceForAccessibility(String message) {
     if (mAccessibilityManager == null || !mAccessibilityManager.isEnabled()) {
       return;
@@ -196,4 +195,9 @@ public void announceForAccessibility(String message) {
 
     mAccessibilityManager.sendAccessibilityEvent(event);
   }
+
+  @Override
+  public void setAccessibilityFocus(double reactTag) {
+    // iOS only
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/appearance/AppearanceModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/appearance/AppearanceModule.java
index 861d64180bcd23..99b7c5311becc6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/appearance/AppearanceModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/appearance/AppearanceModule.java
@@ -9,17 +9,17 @@
 
 import android.content.Context;
 import android.content.res.Configuration;
+import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeAppearanceSpec;
 import com.facebook.react.bridge.Arguments;
 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.module.annotations.ReactModule;
 import com.facebook.react.modules.core.DeviceEventManagerModule.RCTDeviceEventEmitter;
 
 /** Module that exposes the user's preferred color scheme. */
 @ReactModule(name = AppearanceModule.NAME)
-public class AppearanceModule extends ReactContextBaseJavaModule {
+public class AppearanceModule extends NativeAppearanceSpec {
 
   public static final String NAME = "Appearance";
 
@@ -27,13 +27,34 @@ public class AppearanceModule extends ReactContextBaseJavaModule {
 
   private String mColorScheme = "light";
 
+  private final @Nullable OverrideColorScheme mOverrideColorScheme;
+
+  /** Optional override to the current color scheme */
+  public interface OverrideColorScheme {
+
+    /**
+     * Color scheme will use the return value instead of the current system configuration. Available
+     * scheme: {light, dark}
+     */
+    public String getScheme();
+  }
+
   public AppearanceModule(ReactApplicationContext reactContext) {
+    this(reactContext, null);
+  }
+
+  public AppearanceModule(
+      ReactApplicationContext reactContext, @Nullable OverrideColorScheme overrideColorScheme) {
     super(reactContext);
 
+    mOverrideColorScheme = overrideColorScheme;
     mColorScheme = colorSchemeForCurrentConfiguration(reactContext);
   }
 
-  private static String colorSchemeForCurrentConfiguration(Context context) {
+  private String colorSchemeForCurrentConfiguration(Context context) {
+    if (mOverrideColorScheme != null) {
+      return mOverrideColorScheme.getScheme();
+    }
     int currentNightMode =
         context.getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK;
     switch (currentNightMode) {
@@ -51,18 +72,18 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod(isBlockingSynchronousMethod = true)
+  @Override
   public String getColorScheme() {
     mColorScheme = colorSchemeForCurrentConfiguration(getReactApplicationContext());
     return mColorScheme;
   }
 
   /** Stub */
-  @ReactMethod
+  @Override
   public void addListener(String eventName) {}
 
   /** Stub */
-  @ReactMethod
+  @Override
   public void removeListeners(double count) {}
 
   /*
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 7b88dda632fea0..396e525d5f915d 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
@@ -7,12 +7,11 @@
 
 package com.facebook.react.modules.appstate;
 
+import com.facebook.fbreact.specs.NativeAppStateSpec;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
 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;
@@ -23,7 +22,7 @@
 import javax.annotation.Nullable;
 
 @ReactModule(name = AppStateModule.NAME)
-public class AppStateModule extends ReactContextBaseJavaModule
+public class AppStateModule extends NativeAppStateSpec
     implements LifecycleEventListener, WindowFocusChangeListener {
   public static final String TAG = AppStateModule.class.getSimpleName();
 
@@ -52,13 +51,13 @@ public String getName() {
   }
 
   @Override
-  public Map<String, Object> getConstants() {
+  public Map<String, Object> getTypedExportedConstants() {
     HashMap<String, Object> constants = new HashMap<>();
     constants.put(INITIAL_STATE, mAppState);
     return constants;
   }
 
-  @ReactMethod
+  @Override
   public void getCurrentAppState(Callback success, Callback error) {
     success.invoke(createAppStateEventMap());
   }
@@ -93,14 +92,31 @@ private WritableMap createAppStateEventMap() {
   }
 
   private void sendEvent(String eventName, @Nullable Object data) {
-    ReactApplicationContext reactApplicationContext = getReactApplicationContextIfActiveOrWarn();
+    ReactApplicationContext reactApplicationContext = getReactApplicationContext();
 
-    if (reactApplicationContext != null) {
-      reactApplicationContext.getJSModule(RCTDeviceEventEmitter.class).emit(eventName, data);
+    if (reactApplicationContext == null) {
+      return;
+    }
+    // We don't gain anything interesting from logging here, and it's an extremely common
+    // race condition for an AppState event to be triggered as the Catalyst instance is being
+    // set up or torn down. So, just fail silently here.
+    if (!reactApplicationContext.hasActiveCatalystInstance()) {
+      return;
     }
+    reactApplicationContext.getJSModule(RCTDeviceEventEmitter.class).emit(eventName, data);
   }
 
   private void sendAppStateChangeEvent() {
     sendEvent("appStateDidChange", createAppStateEventMap());
   }
+
+  @Override
+  public void addListener(String eventName) {
+    // iOS only
+  }
+
+  @Override
+  public void removeListeners(double count) {
+    // iOS only
+  }
 }
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 bf432b9095a6cd..fa782cf9770e70 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
@@ -13,11 +13,10 @@
 import android.provider.MediaStore;
 import android.webkit.MimeTypeMap;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeBlobModuleSpec;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
@@ -43,7 +42,7 @@
 import okio.ByteString;
 
 @ReactModule(name = BlobModule.NAME)
-public class BlobModule extends ReactContextBaseJavaModule {
+public class BlobModule extends NativeBlobModuleSpec {
 
   public static final String NAME = "BlobModule";
 
@@ -156,14 +155,14 @@ public String getName() {
   }
 
   @Override
-  public @Nullable Map<String, Object> getConstants() {
+  public @Nullable Map<String, Object> getTypedExportedConstants() {
     // The application can register BlobProvider as a ContentProvider so that blobs are resolvable.
     // If it does, it needs to tell us what authority was used via this string resource.
     Resources resources = getReactApplicationContext().getResources();
     String packageName = getReactApplicationContext().getPackageName();
     int resourceId = resources.getIdentifier("blob_provider_authority", "string", packageName);
     if (resourceId == 0) {
-      return null;
+      return MapBuilder.<String, Object>of();
     }
 
     return MapBuilder.<String, Object>of(
@@ -296,7 +295,7 @@ private WebSocketModule getWebSocketModule(String reason) {
     return null;
   }
 
-  @ReactMethod
+  @Override
   public void addNetworkingHandler() {
     ReactApplicationContext reactApplicationContext = getReactApplicationContextIfActiveOrWarn();
 
@@ -309,8 +308,10 @@ public void addNetworkingHandler() {
     }
   }
 
-  @ReactMethod
-  public void addWebSocketHandler(final int id) {
+  @Override
+  public void addWebSocketHandler(final double idDouble) {
+    final int id = (int) idDouble;
+
     WebSocketModule webSocketModule = getWebSocketModule("addWebSocketHandler");
 
     if (webSocketModule != null) {
@@ -318,8 +319,10 @@ public void addWebSocketHandler(final int id) {
     }
   }
 
-  @ReactMethod
-  public void removeWebSocketHandler(final int id) {
+  @Override
+  public void removeWebSocketHandler(final double idDouble) {
+    final int id = (int) idDouble;
+
     WebSocketModule webSocketModule = getWebSocketModule("removeWebSocketHandler");
 
     if (webSocketModule != null) {
@@ -327,8 +330,10 @@ public void removeWebSocketHandler(final int id) {
     }
   }
 
-  @ReactMethod
-  public void sendOverSocket(ReadableMap blob, int id) {
+  @Override
+  public void sendOverSocket(ReadableMap blob, double idDouble) {
+    int id = (int) idDouble;
+
     WebSocketModule webSocketModule = getWebSocketModule("sendOverSocket");
 
     if (webSocketModule != null) {
@@ -342,7 +347,7 @@ public void sendOverSocket(ReadableMap blob, int id) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void createFromParts(ReadableArray parts, String blobId) {
     int totalBlobSize = 0;
     ArrayList<byte[]> partList = new ArrayList<>(parts.size());
@@ -370,7 +375,7 @@ public void createFromParts(ReadableArray parts, String blobId) {
     store(buffer.array(), blobId);
   }
 
-  @ReactMethod
+  @Override
   public void release(String blobId) {
     remove(blobId);
   }
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 1345a576bd681c..805d744cf0ec1c 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
@@ -8,15 +8,14 @@
 package com.facebook.react.modules.blob;
 
 import android.util.Base64;
+import com.facebook.fbreact.specs.NativeFileReaderModuleSpec;
 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.ReadableMap;
 import com.facebook.react.module.annotations.ReactModule;
 
 @ReactModule(name = FileReaderModule.NAME)
-public class FileReaderModule extends ReactContextBaseJavaModule {
+public class FileReaderModule extends NativeFileReaderModuleSpec {
 
   public static final String NAME = "FileReaderModule";
   private static final String ERROR_INVALID_BLOB = "ERROR_INVALID_BLOB";
@@ -40,7 +39,7 @@ private BlobModule getBlobModule(String reason) {
     return null;
   }
 
-  @ReactMethod
+  @Override
   public void readAsText(ReadableMap blob, String encoding, Promise promise) {
     BlobModule blobModule = getBlobModule("readAsText");
 
@@ -65,7 +64,7 @@ public void readAsText(ReadableMap blob, String encoding, Promise promise) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void readAsDataURL(ReadableMap blob, Promise promise) {
     BlobModule blobModule = getBlobModule("readAsDataURL");
 
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 4e5f1bd513f014..05746f4f508f7d 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
@@ -22,14 +22,13 @@
 import android.text.TextUtils;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeCameraRollManagerSpec;
 import com.facebook.react.bridge.GuardedAsyncTask;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.Promise;
 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.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.WritableArray;
@@ -56,7 +55,7 @@
  * {@link MediaStore.Images}).
  */
 @ReactModule(name = CameraRollManager.NAME)
-public class CameraRollManager extends ReactContextBaseJavaModule {
+public class CameraRollManager extends NativeCameraRollManagerSpec {
 
   public static final String NAME = "CameraRollManager";
 
@@ -102,7 +101,7 @@ public String getName() {
    * @param uri the file://, http:// or https:// URI of the image to save
    * @param promise to be resolved or rejected
    */
-  @ReactMethod
+  @Override
   public void saveToCameraRoll(String uri, String type, Promise promise) {
     new SaveToCameraRoll(getReactApplicationContext(), Uri.parse(uri), promise)
         .executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
@@ -223,7 +222,7 @@ public void onScanCompleted(String path, Uri uri) {
    * @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
    */
-  @ReactMethod
+  @Override
   public void getPhotos(final ReadableMap params, final Promise promise) {
     int first = params.getInt("first");
     String after = params.hasKey("after") ? params.getString("after") : null;
@@ -523,4 +522,9 @@ private static void putLocationInfo(
       node.putMap("location", location);
     }
   }
+
+  @Override
+  public void deletePhotos(ReadableArray assets, Promise promise) {
+    // iOS only
+  }
 }
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 87036200cd34a8..105d4d3c153fa6 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
@@ -22,14 +22,13 @@
 import android.text.TextUtils;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeImageEditorSpec;
 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.ReadableMap;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.module.annotations.ReactModule;
@@ -42,13 +41,11 @@
 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. */
 @ReactModule(name = ImageEditingManager.NAME)
-public class ImageEditingManager extends ReactContextBaseJavaModule {
+public class ImageEditingManager extends NativeImageEditorSpec {
 
   public static final String NAME = "ImageEditingManager";
 
@@ -99,11 +96,6 @@ public String getName() {
     return NAME;
   }
 
-  @Override
-  public Map<String, Object> getConstants() {
-    return Collections.emptyMap();
-  }
-
   @Override
   public void onCatalystInstanceDestroy() {
     new CleanTask(getReactApplicationContext()).executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
@@ -161,11 +153,14 @@ public boolean accept(File dir, String filename) {
    *     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
+  @Override
   public void cropImage(
       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;
+    boolean allowExternalStorage =
+        options.hasKey("allowExternalStorage") ? options.getBoolean("allowExternalStorage") : true;
+
     if (offset == null
         || size == null
         || !offset.hasKey("x")
@@ -186,6 +181,7 @@ public void cropImage(
             (int) offset.getDouble("y"),
             (int) size.getDouble("width"),
             (int) size.getDouble("height"),
+            allowExternalStorage,
             success,
             error);
     if (options.hasKey("displaySize")) {
@@ -203,6 +199,7 @@ private static class CropTask extends GuardedAsyncTask<Void, Void> {
     final int mY;
     final int mWidth;
     final int mHeight;
+    final boolean mAllowExternalStorage;
     int mTargetWidth = 0;
     int mTargetHeight = 0;
     final Callback mSuccess;
@@ -215,6 +212,7 @@ private CropTask(
         int y,
         int width,
         int height,
+        boolean allowExternalStorage,
         Callback success,
         Callback error) {
       super(context);
@@ -228,6 +226,7 @@ private CropTask(
       mY = y;
       mWidth = width;
       mHeight = height;
+      mAllowExternalStorage = allowExternalStorage;
       mSuccess = success;
       mError = error;
     }
@@ -275,8 +274,17 @@ protected void doInBackgroundGuarded(Void... params) {
           throw new IOException("Could not determine MIME type");
         }
 
-        File tempFile = createTempFile(mContext, mimeType);
-        writeCompressedBitmapToFile(cropped, mimeType, tempFile);
+        File tempFile;
+        try {
+          tempFile = writeBitmapToInternalCache(mContext, cropped, mimeType);
+        } catch (Exception e) {
+          if (mAllowExternalStorage) {
+            tempFile = writeBitmapToExternalCache(mContext, cropped, mimeType);
+          } else {
+            throw new SecurityException(
+                "We couldn't create file in internal cache and external cache is disabled. Did you forget to pass allowExternalStorage=true?");
+          }
+        }
 
         if (mimeType.equals("image/jpeg")) {
           copyExif(mContext, Uri.parse(mUri), tempFile);
@@ -463,42 +471,36 @@ private static Bitmap.CompressFormat getCompressFormatForType(String type) {
     return Bitmap.CompressFormat.JPEG;
   }
 
+  private static File writeBitmapToInternalCache(Context context, Bitmap cropped, String mimeType)
+      throws IOException {
+    File tempFile = createTempFile(context.getCacheDir(), mimeType);
+    writeCompressedBitmapToFile(cropped, mimeType, tempFile);
+    return tempFile;
+  }
+
+  private static File writeBitmapToExternalCache(Context context, Bitmap cropped, String mimeType)
+      throws IOException {
+    File tempFile = createTempFile(context.getExternalCacheDir(), mimeType);
+    writeCompressedBitmapToFile(cropped, mimeType, tempFile);
+    return tempFile;
+  }
+
   private static void writeCompressedBitmapToFile(Bitmap cropped, String mimeType, File tempFile)
       throws IOException {
     OutputStream out = new FileOutputStream(tempFile);
-    try {
-      cropped.compress(getCompressFormatForType(mimeType), COMPRESS_QUALITY, out);
-    } finally {
-      if (out != null) {
-        out.close();
-      }
-    }
+    cropped.compress(getCompressFormatForType(mimeType), COMPRESS_QUALITY, out);
   }
 
   /**
-   * Create a temporary file in the cache directory on either internal or external storage,
-   * whichever is available and has more free space.
+   * Create a temporary file in internal / external storage to use for image scaling and caching.
    *
    * @param mimeType the MIME type of the file to create (image/*)
    */
-  private static File createTempFile(Context context, @Nullable String mimeType)
+  private static File createTempFile(@Nullable File cacheDir, @Nullable String mimeType)
       throws IOException {
-    File externalCacheDir = context.getExternalCacheDir();
-    File internalCacheDir = context.getCacheDir();
-    File cacheDir;
-    if (externalCacheDir == null && internalCacheDir == null) {
+    if (cacheDir == null) {
       throw new IOException("No cache directory available");
     }
-    if (externalCacheDir == null) {
-      cacheDir = internalCacheDir;
-    } else if (internalCacheDir == null) {
-      cacheDir = externalCacheDir;
-    } else {
-      cacheDir =
-          externalCacheDir.getFreeSpace() > internalCacheDir.getFreeSpace()
-              ? externalCacheDir
-              : internalCacheDir;
-    }
     return File.createTempFile(TEMP_FILE_PREFIX, getFileExtensionForType(mimeType), cacheDir);
   }
 
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 5133955d936961..8bf377cfb4cc13 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
@@ -12,12 +12,11 @@
 import android.os.AsyncTask;
 import android.util.Base64;
 import android.util.Base64OutputStream;
+import com.facebook.fbreact.specs.NativeImageStoreSpec;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.GuardedAsyncTask;
 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.io.ByteArrayOutputStream;
 import java.io.Closeable;
@@ -26,7 +25,7 @@
 import java.io.InputStream;
 
 @ReactModule(name = ImageStoreManager.NAME)
-public class ImageStoreManager extends ReactContextBaseJavaModule {
+public class ImageStoreManager extends NativeImageStoreSpec {
 
   public static final String NAME = "ImageStoreManager";
   private static final int BUFFER_SIZE = 8192;
@@ -47,7 +46,7 @@ public String getName() {
    * @param success callback to be invoked with the base64 string as the only argument
    * @param error callback to be invoked on error (e.g. file not found, not readable etc.)
    */
-  @ReactMethod
+  @Override
   public void getBase64ForTag(String uri, Callback success, Callback error) {
     new GetBase64Task(getReactApplicationContext(), uri, success, error)
         .executeOnExecutor(AsyncTask.THREAD_POOL_EXECUTOR);
@@ -106,4 +105,20 @@ private static void closeQuietly(Closeable closeable) {
       // shhh
     }
   }
+
+  @Override
+  public void hasImageForTag(String uri, Callback callback) {
+    // iOS only
+  }
+
+  @Override
+  public void removeImageForTag(String uri) {
+    // iOS only
+  }
+
+  @Override
+  public void addImageFromBase64(
+      String base64ImageData, Callback successCallback, Callback errorCallback) {
+    // iOS only
+  }
 }
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 ec8e8c3e2c1cd0..cf8231716433f8 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
@@ -10,19 +10,18 @@
 import android.net.Uri;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeDeviceEventManagerSpec;
 import com.facebook.proguard.annotations.DoNotStrip;
 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.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. */
 @ReactModule(name = DeviceEventManagerModule.NAME)
-public class DeviceEventManagerModule extends ReactContextBaseJavaModule {
+public class DeviceEventManagerModule extends NativeDeviceEventManagerSpec {
   public static final String NAME = "DeviceEventManager";
 
   @DoNotStrip
@@ -71,7 +70,7 @@ public void emitNewIntentReceived(Uri uri) {
    * Invokes the default back handler for the host of this catalyst instance. This should be invoked
    * if JS does not want to handle the back press itself.
    */
-  @ReactMethod
+  @Override
   public void invokeDefaultBackPressHandler() {
     // There should be no need to check if the catalyst instance is alive. After initialization
     // the thread instances cannot be null, and scheduling on a thread after ReactApplicationContext
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 c2d7a38e00ca56..265ecf88be00e3 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
@@ -8,10 +8,9 @@
 package com.facebook.react.modules.core;
 
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeExceptionsManagerSpec;
 import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
 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;
@@ -22,13 +21,14 @@
 import com.facebook.react.util.JSStackTrace;
 
 @ReactModule(name = ExceptionsManagerModule.NAME)
-public class ExceptionsManagerModule extends ReactContextBaseJavaModule {
+public class ExceptionsManagerModule extends NativeExceptionsManagerSpec {
 
   public static final String NAME = "ExceptionsManager";
 
   private final DevSupportManager mDevSupportManager;
 
   public ExceptionsManagerModule(DevSupportManager devSupportManager) {
+    super(null);
     mDevSupportManager = devSupportManager;
   }
 
@@ -37,8 +37,10 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
-  public void reportFatalException(String message, ReadableArray stack, int id) {
+  @Override
+  public void reportFatalException(String message, ReadableArray stack, double idDouble) {
+    int id = (int) idDouble;
+
     JavaOnlyMap data = new JavaOnlyMap();
     data.putString("message", message);
     data.putArray("stack", stack);
@@ -47,8 +49,10 @@ public void reportFatalException(String message, ReadableArray stack, int id) {
     reportException(data);
   }
 
-  @ReactMethod
-  public void reportSoftException(String message, ReadableArray stack, int id) {
+  @Override
+  public void reportSoftException(String message, ReadableArray stack, double idDouble) {
+    int id = (int) idDouble;
+
     JavaOnlyMap data = new JavaOnlyMap();
     data.putString("message", message);
     data.putArray("stack", stack);
@@ -57,7 +61,7 @@ public void reportSoftException(String message, ReadableArray stack, int id) {
     reportException(data);
   }
 
-  @ReactMethod
+  @Override
   public void reportException(ReadableMap data) {
     String message = data.hasKey("message") ? data.getString("message") : "";
     ReadableArray stack = data.hasKey("stack") ? data.getArray("stack") : Arguments.createArray();
@@ -87,14 +91,17 @@ public void reportException(ReadableMap data) {
     }
   }
 
-  @ReactMethod
-  public void updateExceptionMessage(String title, ReadableArray details, int exceptionId) {
+  @Override
+  public void updateExceptionMessage(
+      String title, ReadableArray details, double exceptionIdDouble) {
+    int exceptionId = (int) exceptionIdDouble;
+
     if (mDevSupportManager.getDevSupportEnabled()) {
       mDevSupportManager.updateJSError(title, details, exceptionId);
     }
   }
 
-  @ReactMethod
+  @Override
   public void dismissRedbox() {
     if (mDevSupportManager.getDevSupportEnabled()) {
       mDevSupportManager.hideRedboxDialog();
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 b4459e90f0ec79..ce9f6fc48c713c 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
@@ -8,10 +8,9 @@
 package com.facebook.react.modules.core;
 
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeHeadlessJsTaskSupportSpec;
 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.jstasks.HeadlessJsTaskContext;
 import com.facebook.react.module.annotations.ReactModule;
 
@@ -20,7 +19,7 @@
  * it can e.g. release any resources, stop timers etc.
  */
 @ReactModule(name = HeadlessJsTaskSupportModule.NAME)
-public class HeadlessJsTaskSupportModule extends ReactContextBaseJavaModule {
+public class HeadlessJsTaskSupportModule extends NativeHeadlessJsTaskSupportSpec {
 
   public static final String NAME = "HeadlessJsTaskSupport";
 
@@ -33,8 +32,10 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
-  public void notifyTaskRetry(int taskId, Promise promise) {
+  @Override
+  public void notifyTaskRetry(double taskIdDouble, Promise promise) {
+    int taskId = (int) taskIdDouble;
+
     HeadlessJsTaskContext headlessJsTaskContext =
         HeadlessJsTaskContext.getInstance(getReactApplicationContext());
     if (headlessJsTaskContext.isTaskRunning(taskId)) {
@@ -49,8 +50,10 @@ public void notifyTaskRetry(int taskId, Promise promise) {
     }
   }
 
-  @ReactMethod
-  public void notifyTaskFinished(int taskId) {
+  @Override
+  public void notifyTaskFinished(double taskIdDouble) {
+    int taskId = (int) taskIdDouble;
+
     HeadlessJsTaskContext headlessJsTaskContext =
         HeadlessJsTaskContext.getInstance(getReactApplicationContext());
     if (headlessJsTaskContext.isTaskRunning(taskId)) {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java
index 1766d089a1c992..00e2862a216264 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/JavaTimerManager.java
@@ -9,6 +9,7 @@
 
 import android.util.SparseArray;
 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.UiThreadUtil;
@@ -293,6 +294,7 @@ private void clearChoreographerIdleCallback() {
    * @param delay The time in ms before the callback should be invoked.
    * @param repeat Whether the timer should be repeated (used for setInterval).
    */
+  @DoNotStrip
   public void createTimer(final int callbackID, final long delay, final boolean repeat) {
     long initialTargetTime = SystemClock.nanoTime() / 1000000 + delay;
     Timer timer = new Timer(callbackID, initialTargetTime, (int) delay, repeat);
@@ -343,6 +345,7 @@ public void createAndMaybeCallTimer(
     createTimer(callbackID, adjustedDuration, repeat);
   }
 
+  @DoNotStrip
   public void deleteTimer(int timerId) {
     synchronized (mTimerGuard) {
       Timer timer = mTimerIdsToTimers.get(timerId);
@@ -354,6 +357,7 @@ public void deleteTimer(int timerId) {
     }
   }
 
+  @DoNotStrip
   public void setSendIdleEvents(final boolean sendIdleEvents) {
     synchronized (mIdleCallbackGuard) {
       mSendIdleEvents = sendIdleEvents;
@@ -373,4 +377,37 @@ public void run() {
           }
         });
   }
+
+  /**
+   * Returns a bool representing whether there are any active timers that will be fired within a
+   * certain period of time. Disregards repeating timers (setInterval). Used for testing to
+   * determine if RN is idle.
+   *
+   * @param rangeMs The time range, in ms, to check
+   * @return True if there are pending timers within the given range; false otherwise
+   */
+  /* package */ boolean hasActiveTimersInRange(long rangeMs) {
+    synchronized (mTimerGuard) {
+      Timer nextTimer = mTimers.peek();
+      if (nextTimer == null) {
+        // Timers queue is empty
+        return false;
+      }
+      if (isTimerInRange(nextTimer, rangeMs)) {
+        // First check the next timer, so we can avoid iterating over the entire queue if it's
+        // already within range.
+        return true;
+      }
+      for (Timer timer : mTimers) {
+        if (isTimerInRange(timer, rangeMs)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
+
+  private static boolean isTimerInRange(Timer timer, long rangeMs) {
+    return !timer.mRepeat && timer.mInterval < rangeMs;
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/core/TimingModule.java b/ReactAndroid/src/main/java/com/facebook/react/modules/core/TimingModule.java
index b7e7d0524809f8..8ac7f07606a4a0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/core/TimingModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/core/TimingModule.java
@@ -7,11 +7,11 @@
 
 package com.facebook.react.modules.core;
 
+import com.facebook.fbreact.specs.NativeTimingSpec;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.jstasks.HeadlessJsTaskContext;
 import com.facebook.react.jstasks.HeadlessJsTaskEventListener;
@@ -19,7 +19,7 @@
 
 /** Native module for JS timer execution. Timers fire on frame boundaries. */
 @ReactModule(name = TimingModule.NAME)
-public final class TimingModule extends ReactContextBaseJavaModule
+public final class TimingModule extends NativeTimingSpec
     implements LifecycleEventListener, HeadlessJsTaskEventListener {
 
   public class BridgeTimerManager implements JavaScriptTimerManager {
@@ -79,21 +79,26 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
+  @Override
   public void createTimer(
-      final int callbackID,
-      final int duration,
+      final double callbackIDDouble,
+      final double durationDouble,
       final double jsSchedulingTime,
       final boolean repeat) {
+    final int callbackID = (int) callbackIDDouble;
+    final int duration = (int) durationDouble;
+
     mJavaTimerManager.createAndMaybeCallTimer(callbackID, duration, jsSchedulingTime, repeat);
   }
 
-  @ReactMethod
-  public void deleteTimer(int timerId) {
+  @Override
+  public void deleteTimer(double timerIdDouble) {
+    int timerId = (int) timerIdDouble;
+
     mJavaTimerManager.deleteTimer(timerId);
   }
 
-  @ReactMethod
+  @Override
   public void setSendIdleEvents(final boolean sendIdleEvents) {
     mJavaTimerManager.setSendIdleEvents(sendIdleEvents);
   }
@@ -130,4 +135,9 @@ public void onCatalystInstanceDestroy() {
     headlessJsTaskContext.removeTaskEventListener(this);
     mJavaTimerManager.onInstanceDestroy();
   }
+
+  @VisibleForTesting
+  public boolean hasActiveTimersInRange(long rangeMs) {
+    return mJavaTimerManager.hasActiveTimersInRange(rangeMs);
+  }
 }
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 d44c4f8b9bec05..20cb825893816b 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
@@ -18,6 +18,7 @@
 import androidx.fragment.app.DialogFragment;
 import androidx.fragment.app.FragmentActivity;
 import androidx.fragment.app.FragmentManager;
+import com.facebook.fbreact.specs.NativeDatePickerAndroidSpec;
 import com.facebook.react.bridge.*;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.module.annotations.ReactModule;
@@ -27,7 +28,7 @@
  * the user selects a date.
  */
 @ReactModule(name = DatePickerDialogModule.FRAGMENT_TAG)
-public class DatePickerDialogModule extends ReactContextBaseJavaModule {
+public class DatePickerDialogModule extends NativeDatePickerAndroidSpec {
 
   @VisibleForTesting public static final String FRAGMENT_TAG = "DatePickerAndroid";
 
@@ -45,7 +46,6 @@ public DatePickerDialogModule(ReactApplicationContext reactContext) {
     super(reactContext);
   }
 
-  @Override
   public @NonNull String getName() {
     return DatePickerDialogModule.FRAGMENT_TAG;
   }
@@ -100,7 +100,7 @@ public void onDismiss(DialogInterface dialog) {
    *     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
+  @Override
   public void open(@Nullable final ReadableMap options, Promise promise) {
     Activity raw_activity = getCurrentActivity();
     if (raw_activity == null || !(raw_activity instanceof FragmentActivity)) {
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 8e0e98a5c21bd6..da69cf93c05ded 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
@@ -10,10 +10,9 @@
 import android.widget.Toast;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeAnimationsDebugModuleSpec;
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
@@ -24,7 +23,7 @@
  * going from one screen to another).
  */
 @ReactModule(name = AnimationsDebugModule.NAME)
-public class AnimationsDebugModule extends ReactContextBaseJavaModule {
+public class AnimationsDebugModule extends NativeAnimationsDebugModuleSpec {
 
   protected static final String NAME = "AnimationsDebugModule";
 
@@ -42,7 +41,7 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
+  @Override
   public void startRecordingFps() {
     if (mCatalystSettings == null || !mCatalystSettings.isAnimationFpsDebugEnabled()) {
       return;
@@ -61,7 +60,7 @@ public void startRecordingFps() {
    * (unix time) so that we know when the animation stopped from the JS perspective and we don't
    * count time after as being part of the animation.
    */
-  @ReactMethod
+  @Override
   public void stopRecordingFps(double animationStopTimeMs) {
     if (mFrameCallback == null) {
       return;
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 55ad479ebc7e56..5edda1a1c21ce2 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
@@ -7,10 +7,9 @@
 
 package com.facebook.react.modules.debug;
 
+import com.facebook.fbreact.specs.NativeDevSettingsSpec;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.devsupport.interfaces.DevOptionHandler;
@@ -22,7 +21,7 @@
  * Module that exposes the URL to the source code map (used for exception stack trace parsing) to JS
  */
 @ReactModule(name = DevSettingsModule.NAME)
-public class DevSettingsModule extends ReactContextBaseJavaModule {
+public class DevSettingsModule extends NativeDevSettingsSpec {
 
   public static final String NAME = "DevSettings";
 
@@ -40,7 +39,7 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
+  @Override
   public void reload() {
     if (mDevSupportManager.getDevSupportEnabled()) {
       UiThreadUtil.runOnUiThread(
@@ -53,37 +52,37 @@ public void run() {
     }
   }
 
-  @ReactMethod
+  @Override
   public void reloadWithReason(String reason) {
     this.reload();
   }
 
-  @ReactMethod
+  @Override
   public void onFastRefresh() {
     // noop
   }
 
-  @ReactMethod
+  @Override
   public void setHotLoadingEnabled(boolean isHotLoadingEnabled) {
     mDevSupportManager.setHotModuleReplacementEnabled(isHotLoadingEnabled);
   }
 
-  @ReactMethod
+  @Override
   public void setIsDebuggingRemotely(boolean isDebugginRemotelyEnabled) {
     mDevSupportManager.setRemoteJSDebugEnabled(isDebugginRemotelyEnabled);
   }
 
-  @ReactMethod
+  @Override
   public void setProfilingEnabled(boolean isProfilingEnabled) {
     mDevSupportManager.setFpsDebugEnabled(isProfilingEnabled);
   }
 
-  @ReactMethod
+  @Override
   public void toggleElementInspector() {
     mDevSupportManager.toggleElementInspector();
   }
 
-  @ReactMethod
+  @Override
   public void addMenuItem(final String title) {
     mDevSupportManager.addCustomDevOption(
         title,
@@ -104,4 +103,19 @@ public void onOptionSelected() {
           }
         });
   }
+
+  @Override
+  public void setIsShakeToShowDevMenuEnabled(boolean enabled) {
+    // iOS only
+  }
+
+  @Override
+  public void addListener(String eventName) {
+    // iOS only
+  }
+
+  @Override
+  public void removeListeners(double count) {
+    // iOS only
+  }
 }
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 315189544d8856..88ee3dbedf449c 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
@@ -37,7 +37,7 @@ protected Map<String, Object> getTypedExportedConstants() {
 
     String sourceURL =
         Assertions.assertNotNull(
-            getReactApplicationContext().getCatalystInstance().getSourceURL(),
+            getReactApplicationContext().getSourceURL(),
             "No source URL loaded, have you initialised the instance?");
 
     constants.put("scriptURL", sourceURL);
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 d997266426500f..083c9c1d9f27b1 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
@@ -9,27 +9,28 @@
 
 import android.content.Context;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeDeviceInfoSpec;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftException;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableNativeMap;
 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. */
 @ReactModule(name = DeviceInfoModule.NAME)
-public class DeviceInfoModule extends ReactContextBaseJavaModule
-    implements LifecycleEventListener, TurboModule {
+public class DeviceInfoModule extends NativeDeviceInfoSpec implements LifecycleEventListener {
 
   public static final String NAME = "DeviceInfo";
 
   private @Nullable ReactApplicationContext mReactApplicationContext;
   private float mFontScale;
+  private @Nullable ReadableMap mPreviousDisplayMetrics;
 
   public DeviceInfoModule(ReactApplicationContext reactContext) {
     super(reactContext);
@@ -52,7 +53,7 @@ public String getName() {
   }
 
   @Override
-  public @Nullable Map<String, Object> getConstants() {
+  public @Nullable Map<String, Object> getTypedExportedConstants() {
     HashMap<String, Object> constants = new HashMap<>();
     constants.put("Dimensions", DisplayMetricsHolder.getDisplayMetricsMap(mFontScale));
     return constants;
@@ -83,9 +84,17 @@ public void emitUpdateDimensionsEvent() {
     }
 
     if (mReactApplicationContext.hasActiveCatalystInstance()) {
-      mReactApplicationContext
-          .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
-          .emit("didUpdateDimensions", DisplayMetricsHolder.getDisplayMetricsNativeMap(mFontScale));
+      // Don't emit an event to JS if the dimensions haven't changed
+      WritableNativeMap displayMetrics =
+          DisplayMetricsHolder.getDisplayMetricsNativeMap(mFontScale);
+      if (mPreviousDisplayMetrics == null) {
+        mPreviousDisplayMetrics = displayMetrics.copy();
+      } else if (!displayMetrics.equals(mPreviousDisplayMetrics)) {
+        mPreviousDisplayMetrics = displayMetrics.copy();
+        mReactApplicationContext
+            .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+            .emit("didUpdateDimensions", displayMetrics);
+      }
     } else {
       ReactSoftException.logSoftException(
           NAME,
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 437336f0ab02f1..e3a25072156aa6 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
@@ -17,11 +17,10 @@
 import androidx.fragment.app.FragmentActivity;
 import androidx.fragment.app.FragmentManager;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeDialogManagerAndroidSpec;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.SoftAssertions;
@@ -31,7 +30,7 @@
 import java.util.Map;
 
 @ReactModule(name = DialogModule.NAME)
-public class DialogModule extends ReactContextBaseJavaModule implements LifecycleEventListener {
+public class DialogModule extends NativeDialogManagerAndroidSpec implements LifecycleEventListener {
 
   /* package */ static final String FRAGMENT_TAG =
       "com.facebook.catalyst.react.dialog.DialogModule";
@@ -149,7 +148,7 @@ public void onDismiss(DialogInterface dialog) {
   }
 
   @Override
-  public Map<String, Object> getConstants() {
+  public Map<String, Object> getTypedExportedConstants() {
     return CONSTANTS;
   }
 
@@ -179,7 +178,7 @@ public void onHostResume() {
     }
   }
 
-  @ReactMethod
+  @Override
   public void showAlert(
       ReadableMap options, Callback errorCallback, final Callback actionCallback) {
     final FragmentManagerHelper fragmentManagerHelper = getFragmentManagerHelper();
diff --git a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK
index 0cad1b2e00a3e3..0e467a7738e3f9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/BUCK
@@ -30,7 +30,11 @@ 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/common:common"),
         react_native_target("java/com/facebook/react/modules/network:network"),
+        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
+    ],
+    exported_deps = [
+        react_native_target("java/com/facebook/react/modules/common:common"),
+        react_native_target("java/com/facebook/react/bridge:interfaces"),
     ],
 )
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 0b5c3e32dae62b..df26770d309376 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
@@ -24,6 +24,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.react.turbomodule.core.interfaces.TurboModule;
 import java.util.HashSet;
 import okhttp3.JavaNetCookieJar;
 import okhttp3.OkHttpClient;
@@ -35,7 +36,7 @@
  */
 @ReactModule(name = FrescoModule.NAME, needsEagerInit = true)
 public class FrescoModule extends ReactContextBaseJavaModule
-    implements ModuleDataCleaner.Cleanable, LifecycleEventListener {
+    implements ModuleDataCleaner.Cleanable, LifecycleEventListener, TurboModule {
 
   public static final String NAME = "FrescoModule";
   private final boolean mClearOnDestroy;
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 f08290f8e7354a..7c324332e37fa9 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
@@ -15,11 +15,10 @@
 import android.nfc.NfcAdapter;
 import android.provider.Settings;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativeLinkingSpec;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableType;
@@ -27,7 +26,7 @@
 
 /** Intent module. Launch other activities or open URLs. */
 @ReactModule(name = IntentModule.NAME)
-public class IntentModule extends ReactContextBaseJavaModule {
+public class IntentModule extends NativeLinkingSpec {
 
   public static final String NAME = "IntentAndroid";
 
@@ -45,7 +44,7 @@ public String getName() {
    *
    * @param promise a promise which is resolved with the initial URL
    */
-  @ReactMethod
+  @Override
   public void getInitialURL(Promise promise) {
     try {
       Activity currentActivity = getCurrentActivity();
@@ -79,7 +78,7 @@ public void getInitialURL(Promise promise) {
    *
    * @param url the URL to open
    */
-  @ReactMethod
+  @Override
   public void openURL(String url, Promise promise) {
     if (url == null || url.isEmpty()) {
       promise.reject(new JSApplicationIllegalArgumentException("Invalid URL: " + url));
@@ -121,7 +120,7 @@ public void openURL(String url, Promise promise) {
    * @param url the URL to open
    * @param promise a promise that is always resolved with a boolean argument
    */
-  @ReactMethod
+  @Override
   public void canOpenURL(String url, Promise promise) {
     if (url == null || url.isEmpty()) {
       promise.reject(new JSApplicationIllegalArgumentException("Invalid URL: " + url));
@@ -148,7 +147,7 @@ public void canOpenURL(String url, Promise promise) {
    *
    * @param promise a promise which is resolved when the Settings is opened
    */
-  @ReactMethod
+  @Override
   public void openSettings(Promise promise) {
     try {
       Intent intent = new Intent();
@@ -182,7 +181,7 @@ public void openSettings(Promise promise) {
    * @param action The general action to be performed
    * @param extras An array of extras [{ String, String | Number | Boolean }]
    */
-  @ReactMethod
+  @Override
   public void sendIntent(String action, @Nullable ReadableArray extras, Promise promise) {
     if (action == null || action.isEmpty()) {
       promise.reject(new JSApplicationIllegalArgumentException("Invalid Action: " + action + "."));
@@ -238,4 +237,14 @@ public void sendIntent(String action, @Nullable ReadableArray extras, Promise pr
 
     getReactApplicationContext().startActivity(intent);
   }
+
+  @Override
+  public void addListener(String eventName) {
+    // iOS only
+  }
+
+  @Override
+  public void removeListeners(double count) {
+    // iOS only
+  }
 }
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 15e93193b6ffee..879481740de15a 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
@@ -13,11 +13,10 @@
 import android.os.Build;
 import android.os.Process;
 import android.util.SparseArray;
+import com.facebook.fbreact.specs.NativePermissionsAndroidSpec;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
@@ -28,7 +27,7 @@
 
 /** Module that exposes the Android M Permission system to JS. */
 @ReactModule(name = PermissionsModule.NAME)
-public class PermissionsModule extends ReactContextBaseJavaModule implements PermissionListener {
+public class PermissionsModule extends NativePermissionsAndroidSpec implements PermissionListener {
 
   private static final String ERROR_INVALID_ACTIVITY = "E_INVALID_ACTIVITY";
   public static final String NAME = "PermissionsAndroid";
@@ -52,7 +51,7 @@ public String getName() {
    * Check if the app has the permission given. successCallback is called with true if the
    * permission had been granted, false otherwise. See {@link Activity#checkSelfPermission}.
    */
-  @ReactMethod
+  @Override
   public void checkPermission(final String permission, final Promise promise) {
     Context context = getReactApplicationContext().getBaseContext();
     if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
@@ -72,7 +71,7 @@ public void checkPermission(final String permission, final Promise promise) {
    * again). For devices before Android M, this always returns false. See {@link
    * Activity#shouldShowRequestPermissionRationale}.
    */
-  @ReactMethod
+  @Override
   public void shouldShowRequestPermissionRationale(final String permission, final Promise promise) {
     if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
       promise.resolve(false);
@@ -92,7 +91,7 @@ public void shouldShowRequestPermissionRationale(final String permission, final
    * user has the permission given or not and resolves with GRANTED or DENIED. See {@link
    * Activity#checkSelfPermission}.
    */
-  @ReactMethod
+  @Override
   public void requestPermission(final String permission, final Promise promise) {
     Context context = getReactApplicationContext().getBaseContext();
     if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
@@ -137,7 +136,7 @@ public void invoke(Object... args) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void requestMultiplePermissions(final ReadableArray permissions, final Promise promise) {
     final WritableMap grantedPermissions = new WritableNativeMap();
     final ArrayList<String> permissionsToCheck = new ArrayList<String>();
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 024c7eb37a7cd8..ee826d69eb985b 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
@@ -9,18 +9,17 @@
 
 import android.app.Activity;
 import android.content.Intent;
+import com.facebook.fbreact.specs.NativeShareModuleSpec;
 import com.facebook.react.bridge.Arguments;
 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.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.module.annotations.ReactModule;
 
 /** Intent module. Launch other activities or open URLs. */
 @ReactModule(name = ShareModule.NAME)
-public class ShareModule extends ReactContextBaseJavaModule {
+public class ShareModule extends NativeShareModuleSpec {
 
   public static final String NAME = "ShareModule";
   /* package */ static final String ACTION_SHARED = "sharedAction";
@@ -44,7 +43,7 @@ public String getName() {
    * @param content the data to send
    * @param dialogTitle the title of the chooser dialog
    */
-  @ReactMethod
+  @Override
   public void share(ReadableMap content, String dialogTitle, Promise promise) {
     if (content == null) {
       promise.reject(ERROR_INVALID_CONTENT, "Content cannot be null");
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
index 215b76998a0592..8e1b122defb865 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/modules/sound/SoundManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/modules/sound/SoundManagerModule.java
@@ -9,15 +9,14 @@
 
 import android.content.Context;
 import android.media.AudioManager;
+import com.facebook.fbreact.specs.NativeSoundManagerSpec;
 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 class SoundManagerModule extends NativeSoundManagerSpec {
 
   public static final String NAME = "SoundManager";
 
@@ -30,7 +29,7 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
+  @Override
   public void playTouchSound() {
     AudioManager audioManager =
         (AudioManager) getReactApplicationContext().getSystemService(Context.AUDIO_SERVICE);
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 3b23b4f0bff973..1898a62a127b33 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
@@ -19,11 +19,10 @@
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeStatusBarManagerAndroidSpec;
 import com.facebook.react.bridge.GuardedRunnable;
 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.bridge.UiThreadUtil;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.ReactConstants;
@@ -33,7 +32,7 @@
 
 /** {@link NativeModule} that allows changing the appearance of the status bar. */
 @ReactModule(name = StatusBarModule.NAME)
-public class StatusBarModule extends ReactContextBaseJavaModule {
+public class StatusBarModule extends NativeStatusBarManagerAndroidSpec {
 
   private static final String HEIGHT_KEY = "HEIGHT";
   private static final String DEFAULT_BACKGROUND_COLOR_KEY = "DEFAULT_BACKGROUND_COLOR";
@@ -49,7 +48,7 @@ public String getName() {
   }
 
   @Override
-  public @Nullable Map<String, Object> getConstants() {
+  public @Nullable Map<String, Object> getTypedExportedConstants() {
     final Context context = getReactApplicationContext();
     final Activity activity = getCurrentActivity();
 
@@ -70,8 +69,10 @@ public String getName() {
         HEIGHT_KEY, height, DEFAULT_BACKGROUND_COLOR_KEY, statusBarColorString);
   }
 
-  @ReactMethod
-  public void setColor(final int color, final boolean animated) {
+  @Override
+  public void setColor(final double colorDouble, final boolean animated) {
+    final int color = (int) colorDouble;
+
     final Activity activity = getCurrentActivity();
     if (activity == null) {
       FLog.w(
@@ -114,7 +115,7 @@ public void onAnimationUpdate(ValueAnimator animator) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void setTranslucent(final boolean translucent) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
@@ -156,7 +157,7 @@ public WindowInsets onApplyWindowInsets(View v, WindowInsets insets) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void setHidden(final boolean hidden) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
@@ -180,7 +181,7 @@ public void run() {
         });
   }
 
-  @ReactMethod
+  @Override
   public void setStyle(@Nullable final String style) {
     final Activity activity = getCurrentActivity();
     if (activity == null) {
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 368c2b5ec9c490..2b605a571f9803 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
@@ -15,12 +15,11 @@
 import android.database.sqlite.SQLiteStatement;
 import android.os.AsyncTask;
 import com.facebook.common.logging.FLog;
+import com.facebook.fbreact.specs.NativeAsyncStorageSpec;
 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.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
@@ -33,7 +32,7 @@
 import java.util.concurrent.Executor;
 
 @ReactModule(name = AsyncStorageModule.NAME)
-public final class AsyncStorageModule extends ReactContextBaseJavaModule
+public final class AsyncStorageModule extends NativeAsyncStorageSpec
     implements ModuleDataCleaner.Cleanable {
 
   public static final String NAME = "AsyncSQLiteDBStorage";
@@ -120,7 +119,7 @@ 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.
    */
-  @ReactMethod
+  @Override
   public void multiGet(final ReadableArray keys, final Callback callback) {
     if (keys == null) {
       callback.invoke(AsyncStorageErrorUtil.getInvalidKeyError(null), null);
@@ -196,7 +195,7 @@ protected void doInBackgroundGuarded(Void... params) {
    * return AsyncLocalStorageFailure, but all other pairs will have been inserted. The insertion
    * will replace conflicting (key, value) pairs.
    */
-  @ReactMethod
+  @Override
   public void multiSet(final ReadableArray keyValueArray, final Callback callback) {
     if (keyValueArray.size() == 0) {
       callback.invoke(AsyncStorageErrorUtil.getInvalidKeyError(null));
@@ -259,7 +258,7 @@ protected void doInBackgroundGuarded(Void... params) {
   }
 
   /** Removes all rows of the keys given. */
-  @ReactMethod
+  @Override
   public void multiRemove(final ReadableArray keys, final Callback callback) {
     if (keys.size() == 0) {
       callback.invoke(AsyncStorageErrorUtil.getInvalidKeyError(null));
@@ -313,7 +312,7 @@ protected void doInBackgroundGuarded(Void... params) {
    * Given an array of (key, value) pairs, this will merge the given values with the stored values
    * of the given keys, if they exist.
    */
-  @ReactMethod
+  @Override
   public void multiMerge(final ReadableArray keyValueArray, final Callback callback) {
     new GuardedAsyncTask<Void, Void>(getReactApplicationContext()) {
       @Override
@@ -373,7 +372,7 @@ protected void doInBackgroundGuarded(Void... params) {
   }
 
   /** Clears the database. */
-  @ReactMethod
+  @Override
   public void clear(final Callback callback) {
     new GuardedAsyncTask<Void, Void>(getReactApplicationContext()) {
       @Override
@@ -394,7 +393,7 @@ protected void doInBackgroundGuarded(Void... params) {
   }
 
   /** Returns an array with all keys from the database. */
-  @ReactMethod
+  @Override
   public void getAllKeys(final Callback callback) {
     new GuardedAsyncTask<Void, Void>(getReactApplicationContext()) {
       @Override
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 a0e7febc12fcd9..24c6f4deb4cbfc 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
@@ -16,10 +16,9 @@
 import android.os.Build;
 import android.provider.Settings.Secure;
 import androidx.annotation.Nullable;
+import com.facebook.fbreact.specs.NativePlatformConstantsAndroidSpec;
 import com.facebook.react.R;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-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;
@@ -29,7 +28,7 @@
 /** Module that exposes Android Constants to JS. */
 @ReactModule(name = AndroidInfoModule.NAME)
 @SuppressLint("HardwareIds")
-public class AndroidInfoModule extends ReactContextBaseJavaModule implements TurboModule {
+public class AndroidInfoModule extends NativePlatformConstantsAndroidSpec implements TurboModule {
   public static final String NAME = "PlatformConstants";
   private static final String IS_TESTING = "IS_TESTING";
 
@@ -66,7 +65,7 @@ public String getName() {
   }
 
   @Override
-  public @Nullable Map<String, Object> getConstants() {
+  public @Nullable Map<String, Object> getTypedExportedConstants() {
     HashMap<String, Object> constants = new HashMap<>();
     constants.put("Version", Build.VERSION.SDK_INT);
     constants.put("Release", Build.VERSION.RELEASE);
@@ -83,7 +82,7 @@ public String getName() {
     return constants;
   }
 
-  @ReactMethod(isBlockingSynchronousMethod = true)
+  @Override
   public String getAndroidID() {
     return Secure.getString(getReactApplicationContext().getContentResolver(), Secure.ANDROID_ID);
   }
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 6c766aaf8b41e4..f2a8f4a5bdd157 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", 62,
+      "minor", 63,
       "patch", 2,
       "prerelease", null);
 }
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 412cf5d369aff9..b40f7b6b46c6bc 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
@@ -17,11 +17,10 @@
 import androidx.fragment.app.DialogFragment;
 import androidx.fragment.app.FragmentActivity;
 import androidx.fragment.app.FragmentManager;
+import com.facebook.fbreact.specs.NativeTimePickerAndroidSpec;
 import com.facebook.react.bridge.NativeModule;
 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.ReadableMap;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
@@ -33,7 +32,7 @@
  * the user selects a time.
  */
 @ReactModule(name = TimePickerDialogModule.FRAGMENT_TAG)
-public class TimePickerDialogModule extends ReactContextBaseJavaModule {
+public class TimePickerDialogModule extends NativeTimePickerAndroidSpec {
 
   @VisibleForTesting public static final String FRAGMENT_TAG = "TimePickerAndroid";
 
@@ -87,14 +86,14 @@ public void onDismiss(DialogInterface dialog) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void open(@Nullable final ReadableMap options, Promise promise) {
 
     Activity raw_activity = getCurrentActivity();
     if (raw_activity == null || !(raw_activity instanceof FragmentActivity)) {
       promise.reject(
-        ERROR_NO_ACTIVITY,
-        "Tried to open a DatePicker dialog while not attached to a FragmentActivity");
+          ERROR_NO_ACTIVITY,
+          "Tried to open a DatePicker dialog while not attached to a FragmentActivity");
       return;
     }
 
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 a7746375af3247..c646c946327ec4 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
@@ -9,10 +9,9 @@
 
 import android.view.Gravity;
 import android.widget.Toast;
+import com.facebook.fbreact.specs.NativeToastAndroidSpec;
 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.bridge.UiThreadUtil;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
@@ -20,7 +19,7 @@
 
 /** {@link NativeModule} that allows JS to show an Android Toast. */
 @ReactModule(name = ToastModule.NAME)
-public class ToastModule extends ReactContextBaseJavaModule {
+public class ToastModule extends NativeToastAndroidSpec {
 
   private static final String DURATION_SHORT_KEY = "SHORT";
   private static final String DURATION_LONG_KEY = "LONG";
@@ -40,7 +39,7 @@ public String getName() {
   }
 
   @Override
-  public Map<String, Object> getConstants() {
+  public Map<String, Object> getTypedExportedConstants() {
     final Map<String, Object> constants = MapBuilder.newHashMap();
     constants.put(DURATION_SHORT_KEY, Toast.LENGTH_SHORT);
     constants.put(DURATION_LONG_KEY, Toast.LENGTH_LONG);
@@ -50,8 +49,10 @@ public Map<String, Object> getConstants() {
     return constants;
   }
 
-  @ReactMethod
-  public void show(final String message, final int duration) {
+  @Override
+  public void show(final String message, final double durationDouble) {
+    final int duration = (int) durationDouble;
+
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -61,8 +62,12 @@ public void run() {
         });
   }
 
-  @ReactMethod
-  public void showWithGravity(final String message, final int duration, final int gravity) {
+  @Override
+  public void showWithGravity(
+      final String message, final double durationDouble, final double gravityDouble) {
+    final int duration = (int) durationDouble;
+    final int gravity = (int) gravityDouble;
+
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
@@ -74,13 +79,18 @@ public void run() {
         });
   }
 
-  @ReactMethod
+  @Override
   public void showWithGravityAndOffset(
       final String message,
-      final int duration,
-      final int gravity,
-      final int xOffset,
-      final int yOffset) {
+      final double durationDouble,
+      final double gravityDouble,
+      final double xOffsetDouble,
+      final double yOffsetDouble) {
+    final int duration = (int) durationDouble;
+    final int gravity = (int) gravityDouble;
+    final int xOffset = (int) xOffsetDouble;
+    final int yOffset = (int) yOffsetDouble;
+
     UiThreadUtil.runOnUiThread(
         new Runnable() {
           @Override
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 1417cc3c7bb6d9..909ced4fc61547 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
@@ -10,15 +10,14 @@
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.os.Vibrator;
+import com.facebook.fbreact.specs.NativeVibrationSpec;
 import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.module.annotations.ReactModule;
 
 @SuppressLint("MissingPermission")
 @ReactModule(name = VibrationModule.NAME)
-public class VibrationModule extends ReactContextBaseJavaModule {
+public class VibrationModule extends NativeVibrationSpec {
 
   public static final String NAME = "Vibration";
 
@@ -31,7 +30,7 @@ public String getName() {
     return NAME;
   }
 
-  @ReactMethod
+  @Override
   public void vibrate(double durationDouble) {
     int duration = (int) durationDouble;
 
@@ -41,8 +40,10 @@ public void vibrate(double durationDouble) {
     }
   }
 
-  @ReactMethod
-  public void vibrateByPattern(ReadableArray pattern, int repeat) {
+  @Override
+  public void vibrateByPattern(ReadableArray pattern, double repeatDouble) {
+    int repeat = (int) repeatDouble;
+
     Vibrator v = (Vibrator) getReactApplicationContext().getSystemService(Context.VIBRATOR_SERVICE);
     if (v != null) {
       long[] patternLong = new long[pattern.size()];
@@ -53,7 +54,7 @@ public void vibrateByPattern(ReadableArray pattern, int repeat) {
     }
   }
 
-  @ReactMethod
+  @Override
   public void cancel() {
     Vibrator v = (Vibrator) getReactApplicationContext().getSystemService(Context.VIBRATOR_SERVICE);
     if (v != null) {
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 97750befeb37d8..987374ca639d42 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
@@ -102,6 +102,8 @@ public void connect(
       builder.addHeader("Cookie", cookie);
     }
 
+    boolean hasOriginHeader = false;
+
     if (options != null
         && options.hasKey("headers")
         && options.getType("headers").equals(ReadableType.Map)) {
@@ -109,19 +111,20 @@ public void connect(
       ReadableMap headers = options.getMap("headers");
       ReadableMapKeySetIterator iterator = headers.keySetIterator();
 
-      if (!headers.hasKey("origin")) {
-        builder.addHeader("origin", getDefaultOrigin(url));
-      }
-
       while (iterator.hasNextKey()) {
         String key = iterator.nextKey();
         if (ReadableType.String.equals(headers.getType(key))) {
+          if (key.equalsIgnoreCase("origin")) {
+            hasOriginHeader = true;
+          }
           builder.addHeader(key, headers.getString(key));
         } else {
           FLog.w(ReactConstants.TAG, "Ignoring: requested " + key + ", value not a string");
         }
       }
-    } else {
+    }
+
+    if (!hasOriginHeader) {
       builder.addHeader("origin", getDefaultOrigin(url));
     }
 
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 eb5420bc49084d..ff077ad47e2fbe 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/JSPackagerClient.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/JSPackagerClient.java
@@ -18,8 +18,6 @@
 /** 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 int PROTOCOL_VERSION = 2;
 
   private class ResponderImpl implements Responder {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java b/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
index 4de393afb11e01..5cee5dba148d36 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
@@ -348,7 +348,7 @@ private static CodeBlock generateSetProperty(ClassInfo info, List<PropertyInfo>
       if (BOXED_PRIMITIVES.contains(propertyInfo.propertyType)) {
         builder.add("value == null ? null : ");
       }
-      getPropertyExtractor(propertyInfo, builder);
+      getPropertyExtractor(info, propertyInfo, builder);
       builder.addStatement(")");
 
       builder.addStatement("break").unindent();
@@ -359,7 +359,7 @@ private static CodeBlock generateSetProperty(ClassInfo info, List<PropertyInfo>
   }
 
   private static CodeBlock.Builder getPropertyExtractor(
-      PropertyInfo info, CodeBlock.Builder builder) {
+      ClassInfo classInfo, PropertyInfo info, CodeBlock.Builder builder) {
     TypeName propertyType = info.propertyType;
     if (propertyType.equals(STRING_TYPE)) {
       return builder.add("($L)value", STRING_TYPE);
@@ -394,7 +394,20 @@ private static CodeBlock.Builder getPropertyExtractor(
         return builder.add("value == null ? $Lf : ((Double)value).floatValue()", defaultFloat);
       }
     }
-    if (propertyType.equals(TypeName.INT)) {
+    if ("Color".equals(info.mProperty.customType())) {
+      switch (classInfo.getType()) {
+        case VIEW_MANAGER:
+          return builder.add(
+              "value == null ? $L : $T.getColor(value, view.getContext())",
+              info.mProperty.defaultInt(),
+              com.facebook.react.bridge.ColorPropConverter.class);
+        case SHADOW_NODE:
+          return builder.add(
+              "value == null ? $L : $T.getColor(value, node.getThemedContext())",
+              info.mProperty.defaultInt(),
+              com.facebook.react.bridge.ColorPropConverter.class);
+      }
+    } else if (propertyType.equals(TypeName.INT)) {
       return builder.add(
           "value == null ? $L : ((Double)value).intValue()", info.mProperty.defaultInt());
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK b/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
index 5acd40190d59ac..bb25d9d77605b4 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/BUCK
@@ -49,6 +49,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/modules/toast:toast"),
         react_native_target("java/com/facebook/react/modules/vibration:vibration"),
         react_native_target("java/com/facebook/react/modules/websocket:websocket"),
+        react_native_target("java/com/facebook/react/turbomodule/core/interfaces:interfaces"),
         react_native_target("java/com/facebook/react/uimanager:uimanager"),
         react_native_target("java/com/facebook/react/views/art:art"),
         react_native_target("java/com/facebook/react/views/checkbox:checkbox"),
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 cbf88a7f9f98e6..1ccb0fe94ece3f 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
@@ -41,6 +41,7 @@
 import com.facebook.react.modules.toast.ToastModule;
 import com.facebook.react.modules.vibration.VibrationModule;
 import com.facebook.react.modules.websocket.WebSocketModule;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.views.art.ARTRenderableViewManager;
 import com.facebook.react.views.art.ARTSurfaceViewManager;
@@ -208,7 +209,7 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
   public ReactModuleInfoProvider getReactModuleInfoProvider() {
     try {
       Class<?> reactModuleInfoProviderClass =
-          Class.forName("com.facebook.react.MainReactPackage$$ReactModuleInfoProvider");
+          Class.forName("com.facebook.react.shell.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
@@ -255,7 +256,7 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
                 reactModule.needsEagerInit(),
                 reactModule.hasConstants(),
                 reactModule.isCxxModule(),
-                false));
+                TurboModule.class.isAssignableFrom(moduleClass)));
       }
 
       return new ReactModuleInfoProvider() {
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/.clang-tidy b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
index e737a3ef14900f..c76bb1bc109760 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
@@ -17,13 +17,20 @@
  * pass it from CatalystInstance, through Java, to TurboModuleManager::initHybrid.
  */
 public class CallInvokerHolderImpl implements CallInvokerHolder {
-  static {
-    SoLoader.loadLibrary("turbomodulejsijni");
-  }
+  private static volatile boolean sIsSoLibraryLoaded;
 
   private final HybridData mHybridData;
 
   private CallInvokerHolderImpl(HybridData hd) {
+    maybeLoadSoLibrary();
     mHybridData = hd;
   }
+
+  // Prevents issues with initializer interruptions. See T38996825 and D13793825 for more context.
+  private static synchronized void maybeLoadSoLibrary() {
+    if (!sIsSoLibraryLoaded) {
+      SoLoader.loadLibrary("turbomodulejsijni");
+      sIsSoLibraryLoaded = true;
+    }
+  }
 }
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 467a7e394d6f8c..52647dd0129874 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
@@ -7,9 +7,13 @@
 
 package com.facebook.react.turbomodule.core;
 
+import androidx.annotation.GuardedBy;
+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.bridge.CxxModuleWrapper;
 import com.facebook.react.bridge.JSIModule;
 import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.NativeModule;
@@ -25,13 +29,20 @@
  * a Java module, that the C++ counterpart calls.
  */
 public class TurboModuleManager implements JSIModule, TurboModuleRegistry {
-  static {
-    SoLoader.loadLibrary("turbomodulejsijni");
-  }
+  private static volatile boolean sIsSoLibraryLoaded;
+  private final List<String> mEagerInitModuleNames;
+  private final TurboModuleProvider mJavaModuleProvider;
+  private final TurboModuleProvider mCxxModuleProvider;
+
+  // Prevents the creation of new TurboModules once cleanup as been initiated.
+  private final Object mTurboModuleCleanupLock = new Object();
 
-  private final TurboModuleManagerDelegate mTurbomoduleManagerDelegate;
+  @GuardedBy("mTurboModuleCleanupLock")
+  private boolean mTurboModuleCleanupStarted = false;
 
-  private final Map<String, TurboModule> mTurboModules = new HashMap<>();
+  // List of TurboModules that have been, or are currently being, instantiated
+  @GuardedBy("mTurboModuleCleanupLock")
+  private final Map<String, TurboModuleHolder> mTurboModuleHolders = new HashMap<>();
 
   @DoNotStrip
   @SuppressWarnings("unused")
@@ -39,53 +50,221 @@ public class TurboModuleManager implements JSIModule, TurboModuleRegistry {
 
   public TurboModuleManager(
       JavaScriptContextHolder jsContext,
-      TurboModuleManagerDelegate tmmDelegate,
+      @Nullable final TurboModuleManagerDelegate delegate,
       CallInvokerHolder jsCallInvokerHolder,
       CallInvokerHolder nativeCallInvokerHolder) {
+    maybeLoadSoLibrary();
     mHybridData =
         initHybrid(
             jsContext.get(),
             (CallInvokerHolderImpl) jsCallInvokerHolder,
             (CallInvokerHolderImpl) nativeCallInvokerHolder,
-            tmmDelegate);
-    mTurbomoduleManagerDelegate = tmmDelegate;
+            delegate);
+    installJSIBindings();
+
+    mEagerInitModuleNames =
+        delegate == null ? new ArrayList<String>() : delegate.getEagerInitModuleNames();
+
+    mJavaModuleProvider =
+        new TurboModuleProvider() {
+          @Nullable
+          public TurboModule getModule(String moduleName) {
+            if (delegate == null) {
+              return null;
+            }
+
+            return delegate.getModule(moduleName);
+          }
+        };
+
+    mCxxModuleProvider =
+        new TurboModuleProvider() {
+          @Nullable
+          public TurboModule getModule(String moduleName) {
+            if (delegate == null) {
+              return null;
+            }
+
+            CxxModuleWrapper nativeModule = delegate.getLegacyCxxModule(moduleName);
+            if (nativeModule != null) {
+              // TurboModuleManagerDelegate must always return TurboModules
+              Assertions.assertCondition(
+                  nativeModule instanceof TurboModule,
+                  "CxxModuleWrapper \"" + moduleName + "\" is not a TurboModule");
+              return (TurboModule) nativeModule;
+            }
+            return null;
+          }
+        };
   }
 
   public List<String> getEagerInitModuleNames() {
-    return mTurbomoduleManagerDelegate.getEagerInitModuleNames();
+    return mEagerInitModuleNames;
   }
 
-  @DoNotStrip
+  /**
+   * TurboModuleHolders are used as locks to ensure that when n threads race to create a
+   * TurboModule, only the first thread creates that TurboModule. All other n - 1 threads wait until
+   * the TurboModule is created and initialized.
+   */
   @Nullable
-  protected TurboModule getJavaModule(String name) {
-    if (!mTurboModules.containsKey(name)) {
-      final TurboModule turboModule = mTurbomoduleManagerDelegate.getModule(name);
+  private TurboModuleHolder getOrMaybeCreateTurboModuleHolder(String moduleName) {
+    synchronized (mTurboModuleCleanupLock) {
+      if (mTurboModuleCleanupStarted) {
+        /*
+         * Always return null after cleanup has started, so that getModule(moduleName) returns null.
+         */
+        return null;
+      }
+
+      /*
+       * TODO(T64619790): Should we populate mJavaTurboModuleHolders ahead of time, to avoid having
+       * * to control concurrent access to it?
+       */
+      if (!mTurboModuleHolders.containsKey(moduleName)) {
+        mTurboModuleHolders.put(moduleName, new TurboModuleHolder());
+      }
+      return mTurboModuleHolders.get(moduleName);
+    }
+  }
+
+  /**
+   * If n threads race to create TurboModule x, then only the first thread should create x. All n -
+   * 1 other threads should wait until x is created and initialized.
+   *
+   * <p>Note: After we've started cleanup, getModule will always return null.
+   */
+  @Nullable
+  public TurboModule getModule(String moduleName) {
+    final TurboModuleHolder moduleHolder = getOrMaybeCreateTurboModuleHolder(moduleName);
+
+    if (moduleHolder == null) {
+      return null;
+    }
+
+    boolean shouldCreateModule = false;
+
+    synchronized (moduleHolder) {
+      if (moduleHolder.isDoneCreatingModule()) {
+        return moduleHolder.getModule();
+      }
+
+      if (!moduleHolder.isCreatingModule()) {
+        // Only one thread gets here
+        shouldCreateModule = true;
+        moduleHolder.startCreatingModule();
+      }
+    }
+
+    if (shouldCreateModule) {
+      TurboModule turboModule = mJavaModuleProvider.getModule(moduleName);
+
+      if (turboModule == null) {
+        turboModule = mCxxModuleProvider.getModule(moduleName);
+      }
 
       if (turboModule != null) {
-        /**
-         * TurboModuleManager is initialized after ReactApplicationContext has been setup.
-         * Therefore, it's safe to call initialize on the TurboModule.
+        synchronized (moduleHolder) {
+          moduleHolder.setModule(turboModule);
+        }
+
+        /*
+         * TurboModuleManager is initialized after ReactApplicationContext has been set up.
+         * NativeModules should be initialized after ReactApplicationContext has been set up.
+         * Therefore, we should initialize on the TurboModule now.
          */
         ((NativeModule) turboModule).initialize();
+      }
 
-        mTurboModules.put(name, turboModule);
+      synchronized (moduleHolder) {
+        moduleHolder.endCreatingModule();
+        moduleHolder.notifyAll();
       }
+
+      return turboModule;
+    }
+
+    synchronized (moduleHolder) {
+      boolean wasInterrupted = false;
+      while (moduleHolder.isCreatingModule()) {
+        try {
+          // Wait until TurboModule is created and initialized
+          moduleHolder.wait();
+        } catch (InterruptedException e) {
+          wasInterrupted = true;
+        }
+      }
+
+      if (wasInterrupted) {
+        /*
+         * TurboModules should ideally be quick to create and initialize. Therefore,
+         * we wait until the TurboModule is done initializing before re-interrupting the
+         * current thread.
+         */
+        Thread.currentThread().interrupt();
+      }
+
+      return moduleHolder.getModule();
+    }
+  }
+
+  @DoNotStrip
+  @Nullable
+  private CxxModuleWrapper getLegacyCxxModule(String moduleName) {
+    final TurboModule turboModule = getModule(moduleName);
+    if (!(turboModule instanceof CxxModuleWrapper)) {
+      return null;
     }
 
-    return mTurboModules.get(name);
+    return (CxxModuleWrapper) turboModule;
   }
 
+  @DoNotStrip
   @Nullable
-  public TurboModule getModule(String name) {
-    return getJavaModule(name);
+  private TurboModule getJavaModule(String moduleName) {
+    final TurboModule turboModule = getModule(moduleName);
+    if (turboModule instanceof CxxModuleWrapper) {
+      return null;
+    }
+
+    return turboModule;
   }
 
+  /** Which TurboModules have been created? */
   public Collection<TurboModule> getModules() {
-    return mTurboModules.values();
+    final List<TurboModuleHolder> turboModuleHolders = new ArrayList<>();
+    synchronized (mTurboModuleCleanupLock) {
+      turboModuleHolders.addAll(mTurboModuleHolders.values());
+    }
+
+    final List<TurboModule> turboModules = new ArrayList<>();
+    for (final TurboModuleHolder moduleHolder : turboModuleHolders) {
+      synchronized (moduleHolder) {
+        // No need to wait for the TurboModule to finish being created and initialized
+        if (moduleHolder.getModule() != null) {
+          turboModules.add(moduleHolder.getModule());
+        }
+      }
+    }
+
+    return turboModules;
   }
 
-  public boolean hasModule(String name) {
-    return mTurboModules.containsKey(name);
+  public boolean hasModule(String moduleName) {
+    TurboModuleHolder moduleHolder;
+    synchronized (mTurboModuleCleanupLock) {
+      moduleHolder = mTurboModuleHolders.get(moduleName);
+    }
+
+    if (moduleHolder != null) {
+      synchronized (moduleHolder) {
+        if (moduleHolder.getModule() != null) {
+          return true;
+        }
+      }
+    }
+
+    return false;
   }
 
   private native HybridData initHybrid(
@@ -96,23 +275,84 @@ private native HybridData initHybrid(
 
   private native void installJSIBindings();
 
-  public void installBindings() {
-    installJSIBindings();
-  }
-
   @Override
   public void initialize() {}
 
   @Override
   public void onCatalystInstanceDestroy() {
-    for (TurboModule turboModule : mTurboModules.values()) {
-      // TODO(T48014458): Rename this to invalidate()
-      ((NativeModule) turboModule).onCatalystInstanceDestroy();
+    /*
+     * Halt the production of new TurboModules.
+     *
+     * <p>After this point, mTurboModuleHolders will not be accessed by TurboModuleManager.
+     * Therefore, it won't be modified.
+     *
+     * <p>The TurboModuleHolders in mTurboModuleHolders, however, can still be populated with newly
+     * created TurboModules.
+     */
+    synchronized (mTurboModuleCleanupLock) {
+      mTurboModuleCleanupStarted = true;
+    }
+
+    final Set<String> turboModuleNames = new HashSet<>(mTurboModuleHolders.keySet());
+
+    for (final String moduleName : turboModuleNames) {
+      // Retrieve the TurboModule, possibly waiting for it to finish instantiating.
+      final TurboModule turboModule = getModule(moduleName);
+
+      if (turboModule != null) {
+        // TODO(T48014458): Rename this to invalidate()
+        ((NativeModule) turboModule).onCatalystInstanceDestroy();
+      }
     }
 
-    mTurboModules.clear();
+    mTurboModuleHolders.clear();
 
     // Delete the native part of this hybrid class.
     mHybridData.resetNative();
   }
+
+  // Prevents issues with initializer interruptions. See T38996825 and D13793825 for more context.
+  private static synchronized void maybeLoadSoLibrary() {
+    if (!sIsSoLibraryLoaded) {
+      SoLoader.loadLibrary("turbomodulejsijni");
+      sIsSoLibraryLoaded = true;
+    }
+  }
+
+  private static class TurboModuleHolder {
+    private volatile TurboModule mModule = null;
+    private volatile boolean mIsTryingToCreate = false;
+    private volatile boolean mIsDoneCreatingModule = false;
+
+    void setModule(@NonNull TurboModule module) {
+      mModule = module;
+    }
+
+    @Nullable
+    TurboModule getModule() {
+      return mModule;
+    }
+
+    void startCreatingModule() {
+      mIsTryingToCreate = true;
+    }
+
+    void endCreatingModule() {
+      mIsTryingToCreate = false;
+      mIsDoneCreatingModule = true;
+    }
+
+    boolean isDoneCreatingModule() {
+      return mIsDoneCreatingModule;
+    }
+
+    boolean isCreatingModule() {
+      return mIsTryingToCreate;
+    }
+  }
+
+  private interface TurboModuleProvider {
+    @Nullable
+    TurboModule getModule(String name);
+  }
 }
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 b92fa24ff5cca1..b744d110dd969f 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
@@ -16,15 +16,15 @@
 import java.util.List;
 
 public abstract class TurboModuleManagerDelegate {
-  static {
-    SoLoader.loadLibrary("turbomodulejsijni");
-  }
-
   private final HybridData mHybridData;
 
+  private static volatile boolean sIsSoLibraryLoaded;
+
   protected abstract HybridData initHybrid();
 
   protected TurboModuleManagerDelegate() {
+    maybeLoadOtherSoLibraries();
+    maybeLoadSoLibrary();
     mHybridData = initHybrid();
   }
 
@@ -45,4 +45,14 @@ protected TurboModuleManagerDelegate() {
   public List<String> getEagerInitModuleNames() {
     return new ArrayList<>();
   }
+
+  // Prevents issues with initializer interruptions. See T38996825 and D13793825 for more context.
+  private static synchronized void maybeLoadSoLibrary() {
+    if (!sIsSoLibraryLoaded) {
+      SoLoader.loadLibrary("turbomodulejsijni");
+      sIsSoLibraryLoaded = true;
+    }
+  }
+
+  protected synchronized void maybeLoadOtherSoLibraries() {}
 }
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 7fbc3fb88365db..4de25abe7deacc 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
@@ -31,8 +31,8 @@ rn_xplat_cxx_library(
         FBJNI_TARGET,
     ],
     exported_deps = [
-        "fbsource//xplat/jsi:jsi",
         ":callinvokerholder",
+        "//xplat/jsi:jsi",
         react_native_xplat_target("turbomodule/core:core"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/CallInvokerHolder.cpp b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/CallInvokerHolder.cpp
index 4635fe990c8ec1..1169dd2337e5b2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/CallInvokerHolder.cpp
+++ b/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/jni/ReactCommon/CallInvokerHolder.cpp
@@ -10,8 +10,7 @@
 namespace facebook {
 namespace react {
 
-CallInvokerHolder::CallInvokerHolder(
-    std::shared_ptr<CallInvoker> callInvoker)
+CallInvokerHolder::CallInvokerHolder(std::shared_ptr<CallInvoker> callInvoker)
     : _callInvoker(callInvoker) {}
 
 std::shared_ptr<CallInvoker> CallInvokerHolder::getCallInvoker() {
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
index db8c26ad075ab1..9d1cb27475bb81 100644
--- 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
@@ -59,71 +59,72 @@ void TurboModuleManager::registerNatives() {
 }
 
 void TurboModuleManager::installJSIBindings() {
-  if (!runtime_) {
+  if (!runtime_ || !jsCallInvoker_) {
     return; // Runtime doesn't exist when attached to Chrome debugger.
   }
 
-  TurboModuleBinding::install(
-      *runtime_,
-      std::make_shared<TurboModuleBinding>(
-          [turboModuleCache_ =
-               std::weak_ptr<TurboModuleCache>(turboModuleCache_),
-           jsCallInvoker_ = std::weak_ptr<CallInvoker>(jsCallInvoker_),
-           nativeCallInvoker_ = std::weak_ptr<CallInvoker>(nativeCallInvoker_),
-           delegate_ = jni::make_weak(delegate_),
-           javaPart_ = jni::make_weak(javaPart_)](
-              const std::string &name) -> std::shared_ptr<TurboModule> {
-            auto turboModuleCache = turboModuleCache_.lock();
-            auto jsCallInvoker = jsCallInvoker_.lock();
-            auto nativeCallInvoker = nativeCallInvoker_.lock();
-            auto delegate = delegate_.lockLocal();
-            auto javaPart = javaPart_.lockLocal();
-
-            if (!turboModuleCache || !jsCallInvoker || !nativeCallInvoker ||
-                !delegate || !javaPart) {
-              return nullptr;
-            }
-
-            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 =
-                javaPart->getClass()
-                    ->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, nativeCallInvoker);
-              turboModuleCache->insert({name, turboModule});
-              return turboModule;
-            }
-
-            return nullptr;
-          }));
+  auto turboModuleProvider =
+      [turboModuleCache_ = std::weak_ptr<TurboModuleCache>(turboModuleCache_),
+       jsCallInvoker_ = std::weak_ptr<CallInvoker>(jsCallInvoker_),
+       nativeCallInvoker_ = std::weak_ptr<CallInvoker>(nativeCallInvoker_),
+       delegate_ = jni::make_weak(delegate_),
+       javaPart_ = jni::make_weak(javaPart_)](
+          const std::string &name) -> std::shared_ptr<TurboModule> {
+    auto turboModuleCache = turboModuleCache_.lock();
+    auto jsCallInvoker = jsCallInvoker_.lock();
+    auto nativeCallInvoker = nativeCallInvoker_.lock();
+    auto delegate = delegate_.lockLocal();
+    auto javaPart = javaPart_.lockLocal();
+
+    if (!turboModuleCache || !jsCallInvoker || !nativeCallInvoker ||
+        !delegate || !javaPart) {
+      return nullptr;
+    }
+
+    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 =
+        javaPart->getClass()
+            ->getMethod<jni::alias_ref<CxxModuleWrapper::javaobject>(
+                const std::string &)>("getLegacyCxxModule");
+    auto legacyCxxModule = getLegacyCxxModule(javaPart.get(), name);
+
+    if (legacyCxxModule) {
+      auto turboModule = std::make_shared<react::TurboCxxModule>(
+          legacyCxxModule->cthis()->getModule(), jsCallInvoker);
+      turboModuleCache->insert({name, turboModule});
+      return turboModule;
+    }
+
+    static auto getJavaModule =
+        javaPart->getClass()
+            ->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, nativeCallInvoker);
+      turboModuleCache->insert({name, turboModule});
+      return turboModule;
+    }
+
+    return nullptr;
+  };
+
+  jsCallInvoker_->invokeAsync(
+      [this, turboModuleProvider = std::move(turboModuleProvider)]() -> void {
+        TurboModuleBinding::install(*runtime_, std::move(turboModuleProvider));
+      });
 }
 
 } // namespace react
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 4897ba25b4631e..ef39975d4936ba 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManager.java
@@ -8,6 +8,7 @@
 package com.facebook.react.uimanager;
 
 import android.graphics.Color;
+import android.os.Build;
 import android.text.TextUtils;
 import android.view.View;
 import android.view.ViewParent;
@@ -173,7 +174,8 @@ public void setViewState(@NonNull T view, @Nullable ReadableMap accessibilitySta
               && accessibilityState.getType(STATE_CHECKED) == ReadableType.String)) {
         updateViewContentDescription(view);
         break;
-      } else if (view.isAccessibilityFocused()) {
+      } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP
+          && view.isAccessibilityFocused()) {
         // Internally Talkback ONLY uses TYPE_VIEW_CLICKED for "checked" and
         // "selected" announcements. Send a click event to make sure Talkback
         // get notified for the state changes that don't happen upon users' click.
diff --git a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java
index d89882c480f444..b1c531f8f607f5 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/BaseViewManagerDelegate.java
@@ -9,6 +9,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.yoga.YogaConstants;
@@ -47,7 +48,8 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setViewState(view, (ReadableMap) value);
         break;
       case ViewProps.BACKGROUND_COLOR:
-        mViewManager.setBackgroundColor(view, value == null ? 0 : ((Double) value).intValue());
+        mViewManager.setBackgroundColor(
+            view, value == null ? 0 : ColorPropConverter.getColor(value, view.getContext()));
         break;
       case ViewProps.BORDER_RADIUS:
         mViewManager.setBorderRadius(
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 412fe269e0d118..26d958570bc86c 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
@@ -12,7 +12,6 @@
 import android.graphics.RectF;
 import android.util.SparseArray;
 import android.util.SparseBooleanArray;
-import android.util.SparseIntArray;
 import android.view.Menu;
 import android.view.MenuItem;
 import android.view.View;
@@ -27,15 +26,17 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.RetryableMountingLayerException;
 import com.facebook.react.bridge.SoftAssertions;
 import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.touch.JSResponderHandler;
 import com.facebook.react.uimanager.layoutanimation.LayoutAnimationController;
 import com.facebook.react.uimanager.layoutanimation.LayoutAnimationListener;
 import com.facebook.systrace.Systrace;
 import com.facebook.systrace.SystraceMessage;
-import java.util.Arrays;
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.Set;
 import javax.annotation.concurrent.NotThreadSafe;
 
 /**
@@ -75,13 +76,11 @@ public class NativeViewHierarchyManager {
   private final JSResponderHandler mJSResponderHandler = new JSResponderHandler();
   private final RootViewManager mRootViewManager;
   private final LayoutAnimationController mLayoutAnimator = new LayoutAnimationController();
-  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;
-  private int mDroppedViewIndex = 0;
+  private HashMap<Integer, Set<Integer>> mPendingDeletionsForTag;
 
   public NativeViewHierarchyManager(ViewManagerRegistry viewManagers) {
     this(viewManagers, new RootViewManager());
@@ -107,16 +106,8 @@ public final synchronized View resolveView(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());
+          "ViewManager for tag " + tag + " could not be found.\n");
     }
     return viewManager;
   }
@@ -351,29 +342,16 @@ private static String constructManageChildrenErrorMessage(
     return stringBuilder.toString();
   }
 
-  /**
-   * Given an index to action on under synchronous deletes, return an updated index factoring in
-   * asynchronous deletes (where the async delete operations have not yet been performed)
-   */
-  private int normalizeIndex(int index, SparseIntArray pendingIndices) {
-    int normalizedIndex = index;
-    for (int i = 0; i <= index; i++) {
-      normalizedIndex += pendingIndices.get(i);
+  private Set<Integer> getPendingDeletionsForTag(int tag) {
+    if (mPendingDeletionsForTag == null) {
+      mPendingDeletionsForTag = new HashMap<>();
     }
-    return normalizedIndex;
-  }
 
-  /**
-   * Given React tag, return sparse array of direct child indices that are pending deletion (due to
-   * async view deletion)
-   */
-  private SparseIntArray getOrCreatePendingIndicesToDelete(int tag) {
-    SparseIntArray pendingIndicesToDelete = mTagsToPendingIndicesToDelete.get(tag);
-    if (pendingIndicesToDelete == null) {
-      pendingIndicesToDelete = new SparseIntArray();
-      mTagsToPendingIndicesToDelete.put(tag, pendingIndicesToDelete);
+    if (!mPendingDeletionsForTag.containsKey(tag)) {
+      mPendingDeletionsForTag.put(tag, new HashSet<Integer>());
     }
-    return pendingIndicesToDelete;
+
+    return mPendingDeletionsForTag.get(tag);
   }
 
   /**
@@ -382,18 +360,15 @@ private SparseIntArray getOrCreatePendingIndicesToDelete(int tag) {
    * @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
    * @param tagsToDelete list of tags corresponding to views that should be removed
-   * @param indicesToDelete parallel list to tagsToDelete, list of indices of those tags
    */
   public synchronized void manageChildren(
-      int tag,
+      final int tag,
       @Nullable int[] indicesToRemove,
       @Nullable ViewAtIndex[] viewsToAdd,
-      @Nullable int[] tagsToDelete,
-      @Nullable int[] indicesToDelete) {
+      @Nullable int[] tagsToDelete) {
     UiThreadUtil.assertOnUiThread();
 
-    final SparseIntArray pendingIndicesToDelete = getOrCreatePendingIndicesToDelete(tag);
-
+    final Set<Integer> pendingDeletionTags = getPendingDeletionsForTag(tag);
     final ViewGroup viewToManage = (ViewGroup) mTagsToViews.get(tag);
     final ViewGroupManager viewManager = (ViewGroupManager) resolveViewManager(tag);
     if (viewToManage == null) {
@@ -406,6 +381,7 @@ public synchronized void manageChildren(
     }
 
     int lastIndexToRemove = viewManager.getChildCount(viewToManage);
+
     if (indicesToRemove != null) {
       for (int i = indicesToRemove.length - 1; i >= 0; i--) {
         int indexToRemove = indicesToRemove[i];
@@ -446,8 +422,7 @@ public synchronized void manageChildren(
                       viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
 
-        int normalizedIndexToRemove = normalizeIndex(indexToRemove, pendingIndicesToDelete);
-        View viewToRemove = viewManager.getChildAt(viewToManage, normalizedIndexToRemove);
+        View viewToRemove = viewManager.getChildAt(viewToManage, indexToRemove);
 
         if (mLayoutAnimationEnabled
             && mLayoutAnimator.shouldAnimateLayout(viewToRemove)
@@ -455,7 +430,7 @@ && arrayContains(tagsToDelete, viewToRemove.getId())) {
           // The view will be removed and dropped by the 'delete' layout animation
           // instead, so do nothing
         } else {
-          viewManager.removeViewAt(viewToManage, normalizedIndexToRemove);
+          viewManager.removeViewAt(viewToManage, indexToRemove);
         }
 
         lastIndexToRemove = indexToRemove;
@@ -465,7 +440,6 @@ && arrayContains(tagsToDelete, viewToRemove.getId())) {
     if (tagsToDelete != null) {
       for (int i = 0; i < tagsToDelete.length; i++) {
         int tagToDelete = tagsToDelete[i];
-        final int indexToDelete = indicesToDelete[i];
         final View viewToDestroy = mTagsToViews.get(tagToDelete);
         if (viewToDestroy == null) {
           throw new IllegalViewOperationException(
@@ -477,8 +451,7 @@ && arrayContains(tagsToDelete, viewToRemove.getId())) {
         }
 
         if (mLayoutAnimationEnabled && mLayoutAnimator.shouldAnimateLayout(viewToDestroy)) {
-          int updatedCount = pendingIndicesToDelete.get(indexToDelete, 0) + 1;
-          pendingIndicesToDelete.put(indexToDelete, updatedCount);
+          pendingDeletionTags.add(tagToDelete);
           mLayoutAnimator.deleteView(
               viewToDestroy,
               new LayoutAnimationListener() {
@@ -490,9 +463,10 @@ public void onAnimationEnd() {
 
                   viewManager.removeView(viewToManage, viewToDestroy);
                   dropView(viewToDestroy);
-
-                  int count = pendingIndicesToDelete.get(indexToDelete, 0);
-                  pendingIndicesToDelete.put(indexToDelete, Math.max(0, count - 1));
+                  pendingDeletionTags.remove(viewToDestroy.getId());
+                  if (pendingDeletionTags.isEmpty()) {
+                    mPendingDeletionsForTag.remove(tag);
+                  }
                 }
               });
         } else {
@@ -513,10 +487,29 @@ public void onAnimationEnd() {
                   + constructManageChildrenErrorMessage(
                       viewToManage, viewManager, indicesToRemove, viewsToAdd, tagsToDelete));
         }
-        int normalizedIndexToAdd = normalizeIndex(viewAtIndex.mIndex, pendingIndicesToDelete);
-        viewManager.addView(viewToManage, viewToAdd, normalizedIndexToAdd);
+
+        int normalizedIndex = viewAtIndex.mIndex;
+        if (!pendingDeletionTags.isEmpty()) {
+          normalizedIndex = 0;
+          int counter = 0;
+          while (normalizedIndex < viewToManage.getChildCount()) {
+            if (counter == viewAtIndex.mIndex) {
+              break;
+            }
+            View v = viewToManage.getChildAt(normalizedIndex);
+            if (!pendingDeletionTags.contains(v.getId())) {
+              counter++;
+            }
+            normalizedIndex++;
+          }
+        }
+
+        viewManager.addView(viewToManage, viewToAdd, normalizedIndex);
       }
     }
+    if (pendingDeletionTags.isEmpty()) {
+      mPendingDeletionsForTag.remove(tag);
+    }
   }
 
   private boolean arrayContains(@Nullable int[] array, int ele) {
@@ -586,11 +579,6 @@ protected final synchronized void addRootViewGroup(int tag, View view) {
     view.setId(tag);
   }
 
-  private void cacheDroppedTag(int tag) {
-    mDroppedViewArray[mDroppedViewIndex] = tag;
-    mDroppedViewIndex = (mDroppedViewIndex + 1) % 100;
-  }
-
   /** Releases all references to given native View. */
   protected synchronized void dropView(View view) {
     UiThreadUtil.assertOnUiThread();
@@ -598,9 +586,6 @@ protected synchronized void dropView(View view) {
       // Ignore this drop operation when view is null.
       return;
     }
-    if (ReactFeatureFlags.logDroppedViews) {
-      cacheDroppedTag(view.getId());
-    }
     if (mTagsToViewManagers.get(view.getId()) == null) {
       // This view has already been dropped (likely due to a threading issue caused by async js
       // execution). Ignore this drop operation.
@@ -624,7 +609,6 @@ protected synchronized void dropView(View view) {
       }
       viewGroupManager.removeAllViews(viewGroup);
     }
-    mTagsToPendingIndicesToDelete.remove(view.getId());
     mTagsToViews.remove(view.getId());
     mTagsToViewManagers.remove(view.getId());
   }
@@ -780,10 +764,12 @@ public synchronized void dispatchCommand(
     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 RetryableMountingLayerException(
+          "Trying to send command to a non-existing view with tag ["
+              + reactTag
+              + "] and command "
+              + commandId);
     }
-
     ViewManager viewManager = resolveViewManager(reactTag);
     viewManager.receiveCommand(view, commandId, args);
   }
@@ -793,10 +779,12 @@ public synchronized void dispatchCommand(
     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 RetryableMountingLayerException(
+          "Trying to send command to a non-existing view with tag ["
+              + reactTag
+              + "] and command "
+              + commandId);
     }
-
     ViewManager viewManager = resolveViewManager(reactTag);
     viewManager.receiveCommand(view, commandId, args);
   }
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 2dc0276d53919a..3e196698f24e9d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyOptimizer.java
@@ -9,9 +9,11 @@
 
 import android.util.SparseBooleanArray;
 import androidx.annotation.Nullable;
+import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMapKeySetIterator;
+import com.facebook.react.config.ReactFeatureFlags;
 
 /**
  * Class responsible for optimizing the native view hierarchy while still respecting the final UI
@@ -46,6 +48,8 @@
  */
 public class NativeViewHierarchyOptimizer {
 
+  private static final String TAG = "NativeViewHierarchyOptimizer";
+
   private static class NodeIndexPair {
     public final ReactShadowNode node;
     public final int index;
@@ -141,12 +145,11 @@ public void handleManageChildren(
       int[] indicesToRemove,
       int[] tagsToRemove,
       ViewAtIndex[] viewsToAdd,
-      int[] tagsToDelete,
-      int[] indicesToDelete) {
+      int[] tagsToDelete) {
     if (!ENABLED) {
       assertNodeSupportedWithoutOptimizer(nodeToManage);
       mUIViewOperationQueue.enqueueManageChildren(
-          nodeToManage.getReactTag(), indicesToRemove, viewsToAdd, tagsToDelete, indicesToDelete);
+          nodeToManage.getReactTag(), indicesToRemove, viewsToAdd, tagsToDelete);
       return;
     }
 
@@ -284,8 +287,7 @@ private void removeNodeFromParent(ReactShadowNode nodeToRemove, boolean shouldDe
           nativeNodeToRemoveFrom.getReactTag(),
           new int[] {index},
           null,
-          shouldDelete ? new int[] {nodeToRemove.getReactTag()} : null,
-          shouldDelete ? new int[] {index} : null);
+          shouldDelete ? new int[] {nodeToRemove.getReactTag()} : null);
     }
   }
 
@@ -300,7 +302,6 @@ private void addNativeChild(ReactShadowNode parent, ReactShadowNode child, int i
         parent.getReactTag(),
         null,
         new ViewAtIndex[] {new ViewAtIndex(child.getReactTag(), index)},
-        null,
         null);
 
     if (child.getNativeKind() != NativeKind.PARENT) {
@@ -424,6 +425,18 @@ private void transitionLayoutOnlyViewToNativeView(
     // Bit of a hack: we need to update the layout of this node's children now that it's no longer
     // layout-only, but we may still receive more layout updates at the end of this batch that we
     // don't want to ignore.
+    if (ReactFeatureFlags.enableTransitionLayoutOnlyViewCleanup) {
+      FLog.i(
+          TAG,
+          "Transitioning LayoutOnlyView - tag: "
+              + node.getReactTag()
+              + " - rootTag: "
+              + node.getRootTag()
+              + " - hasProps: "
+              + (props != null)
+              + " - tagsWithLayout.size: "
+              + mTagsWithLayoutVisited.size());
+    }
     Assertions.assertCondition(mTagsWithLayoutVisited.size() == 0);
     applyLayoutBase(node);
     for (int i = 0; i < node.getChildCount(); i++) {
@@ -449,4 +462,14 @@ private static boolean isLayoutOnlyAndCollapsable(@Nullable ReactStylesDiffMap p
     }
     return true;
   }
+
+  /**
+   * Called when all the view updates of {@link ReactShadowNode} received as a parameter were
+   * processed.
+   */
+  void onViewUpdatesCompleted(ReactShadowNode cssNode) {
+    // cssNode is not being used, but it is passed as a parameter in case this is required in the
+    // future.
+    mTagsWithLayoutVisited.clear();
+  }
 }
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 bf69ff00cd9ddd..912fcbcc756969 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactAccessibilityDelegate.java
@@ -367,7 +367,6 @@ public static void setRole(
     } else if (role.equals(AccessibilityRole.SUMMARY)) {
       nodeInfo.setRoleDescription(context.getString(R.string.summary_description));
     } 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);
       nodeInfo.setCollectionItemInfo(itemInfo);
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 6ad03ea1b2c378..4eff054efe9c3b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
@@ -10,6 +10,8 @@
 import android.app.Activity;
 import android.content.Context;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.JSIModule;
+import com.facebook.react.bridge.JSIModuleType;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
@@ -68,4 +70,17 @@ public boolean hasCurrentActivity() {
   public @Nullable String getSurfaceID() {
     return mSurfaceID;
   }
+
+  @Override
+  public boolean isBridgeless() {
+    return mReactApplicationContext.isBridgeless();
+  }
+
+  @Override
+  public JSIModule getJSIModule(JSIModuleType moduleType) {
+    if (isBridgeless()) {
+      return mReactApplicationContext.getJSIModule(moduleType);
+    }
+    return super.getJSIModule(moduleType);
+  }
 }
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 3bdce77ef36fc0..8fdf52866ca7c1 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
@@ -21,6 +21,7 @@
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.uimanager.debug.NotThreadSafeViewHierarchyUpdateDebugListener;
 import com.facebook.react.uimanager.events.EventDispatcher;
@@ -333,7 +334,6 @@ public void manageChildren(
       int[] indicesToRemove = new int[numToMove + numToRemove];
       int[] tagsToRemove = new int[indicesToRemove.length];
       int[] tagsToDelete = new int[numToRemove];
-      int[] indicesToDelete = new int[numToRemove];
 
       if (numToMove > 0) {
         Assertions.assertNotNull(moveFrom);
@@ -365,7 +365,6 @@ public void manageChildren(
           indicesToRemove[numToMove + i] = indexToRemove;
           tagsToRemove[numToMove + i] = tagToRemove;
           tagsToDelete[i] = tagToRemove;
-          indicesToDelete[i] = indexToRemove;
         }
       }
 
@@ -405,12 +404,7 @@ public void manageChildren(
       }
 
       mNativeViewHierarchyOptimizer.handleManageChildren(
-          cssNodeToManage,
-          indicesToRemove,
-          tagsToRemove,
-          viewsToAdd,
-          tagsToDelete,
-          indicesToDelete);
+          cssNodeToManage, indicesToRemove, tagsToRemove, viewsToAdd, tagsToDelete);
 
       for (int i = 0; i < tagsToDelete.length; i++) {
         removeShadowNode(mShadowNodeRegistry.getNode(tagsToDelete[i]));
@@ -927,6 +921,9 @@ protected void applyUpdatesRecursive(ReactShadowNode cssNode, float absoluteX, f
       }
     }
     cssNode.markUpdateSeen();
+    if (ReactFeatureFlags.enableTransitionLayoutOnlyViewCleanup) {
+      mNativeViewHierarchyOptimizer.onViewUpdatesCompleted(cssNode);
+    }
   }
 
   public void addUIBlock(UIBlock block) {
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 3632fe840d7f74..c034e06830b069 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
@@ -10,13 +10,18 @@
 import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.react.uimanager.common.ViewUtil.getUIManagerType;
 
+import android.content.Context;
+import android.content.ContextWrapper;
+import android.view.View;
 import androidx.annotation.Nullable;
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.JSIModuleType;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftException;
 import com.facebook.react.bridge.UIManager;
 import com.facebook.react.uimanager.common.UIManagerType;
+import com.facebook.react.uimanager.events.EventDispatcher;
 
 /** Helper class for {@link UIManager}. */
 public class UIManagerHelper {
@@ -30,15 +35,75 @@ public static UIManager getUIManagerForReactTag(ReactContext context, int reactT
   /** @return a {@link UIManager} that can handle the react tag received by parameter. */
   @Nullable
   public static UIManager getUIManager(ReactContext context, @UIManagerType int uiManagerType) {
-    if (!context.hasActiveCatalystInstance()) {
-      ReactSoftException.logSoftException(
-          "UIManagerHelper",
-          new RuntimeException("Cannot get UIManager: no active Catalyst instance"));
-      return null;
+    return getUIManager(context, uiManagerType, true);
+  }
+
+  @Nullable
+  private static UIManager getUIManager(
+      ReactContext context,
+      @UIManagerType int uiManagerType,
+      boolean returnNullIfCatalystIsInactive) {
+    if (context.isBridgeless()) {
+      return (UIManager) context.getJSIModule(JSIModuleType.UIManager);
+    } else {
+      if (!context.hasCatalystInstance()) {
+        ReactSoftException.logSoftException(
+            "UIManagerHelper",
+            new ReactNoCrashSoftException(
+                "Cannot get UIManager because the context doesn't contain a CatalystInstance."));
+        return null;
+      }
+      // TODO T60461551: add tests to verify emission of events when the ReactContext is being turn
+      // down.
+      if (!context.hasActiveCatalystInstance()) {
+        ReactSoftException.logSoftException(
+            "UIManagerHelper",
+            new ReactNoCrashSoftException(
+                "Cannot get UIManager because the context doesn't contain an active CatalystInstance."));
+        if (returnNullIfCatalystIsInactive) {
+          return null;
+        }
+      }
+      CatalystInstance catalystInstance = context.getCatalystInstance();
+      return uiManagerType == FABRIC
+          ? (UIManager) catalystInstance.getJSIModule(JSIModuleType.UIManager)
+          : catalystInstance.getNativeModule(UIManagerModule.class);
+    }
+  }
+
+  /**
+   * @return the {@link EventDispatcher} that handles events for the reactTag received as a
+   *     parameter.
+   */
+  @Nullable
+  public static EventDispatcher getEventDispatcherForReactTag(ReactContext context, int reactTag) {
+    return getEventDispatcher(context, getUIManagerType(reactTag));
+  }
+
+  /**
+   * @return the {@link EventDispatcher} that handles events for the {@link UIManagerType} received
+   *     as a parameter.
+   */
+  @Nullable
+  public static EventDispatcher getEventDispatcher(
+      ReactContext context, @UIManagerType int uiManagerType) {
+    UIManager uiManager = getUIManager(context, uiManagerType, false);
+    return uiManager == null ? null : (EventDispatcher) uiManager.getEventDispatcher();
+  }
+
+  /**
+   * @return The {@link ReactContext} associated to the {@link View} received as a parameter.
+   *     <p>We can't rely that the method View.getContext() will return the same context that was
+   *     passed as a parameter during the construction of the View.
+   *     <p>For example the AppCompatEditText class wraps the context received as a parameter in the
+   *     constructor of the View into a TintContextWrapper object. See:
+   *     https://android.googlesource.com/platform/frameworks/support/+/dd55716/v7/appcompat/src/android/support/v7/widget/AppCompatEditText.java#55
+   */
+  public static ReactContext getReactContext(View view) {
+    Context context = view.getContext();
+    if (!(context instanceof ReactContext) && context instanceof ContextWrapper) {
+      context = ((ContextWrapper) context).getBaseContext();
     }
-    CatalystInstance catalystInstance = context.getCatalystInstance();
-    return uiManagerType == FABRIC
-        ? (UIManager) catalystInstance.getJSIModule(JSIModuleType.UIManager)
-        : catalystInstance.getNativeModule(UIManagerModule.class);
+    return (ReactContext) context;
   }
 }
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 bac6a458c82614..2000e6f7212d9a 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
@@ -308,7 +308,7 @@ public void preComputeConstantsForViewManager(List<String> viewManagerNames) {
   }
 
   @ReactMethod(isBlockingSynchronousMethod = true)
-  public @Nullable WritableMap getConstantsForViewManager(final String viewManagerName) {
+  public @Nullable WritableMap getConstantsForViewManager(@Nullable String viewManagerName) {
     if (mViewManagerConstantsCache != null
         && mViewManagerConstantsCache.containsKey(viewManagerName)) {
       WritableMap constants = mViewManagerConstantsCache.get(viewManagerName);
@@ -322,7 +322,7 @@ public void preComputeConstantsForViewManager(List<String> viewManagerNames) {
     }
   }
 
-  private @Nullable WritableMap computeConstantsForViewManager(final String viewManagerName) {
+  private @Nullable WritableMap computeConstantsForViewManager(@Nullable String viewManagerName) {
     ViewManager targetView =
         viewManagerName != null ? mUIImplementation.resolveViewManager(viewManagerName) : null;
     if (targetView == null) {
@@ -680,22 +680,18 @@ public void dispatchViewManagerCommand(
       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.
+    @Nullable
+    UIManager uiManager =
+        UIManagerHelper.getUIManager(
+            getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag));
+    if (uiManager == null) {
+      return;
+    }
+
     if (commandId.getType() == ReadableType.Number) {
-      final int commandIdNum = commandId.asInt();
-      UIManager uiManager =
-          UIManagerHelper.getUIManager(
-              getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag));
-      if (uiManager != null) {
-        uiManager.dispatchCommand(reactTag, commandIdNum, commandArgs);
-      }
+      uiManager.dispatchCommand(reactTag, commandId.asInt(), commandArgs);
     } else if (commandId.getType() == ReadableType.String) {
-      final String commandIdStr = commandId.asString();
-      UIManager uiManager =
-          UIManagerHelper.getUIManager(
-              getReactApplicationContext(), ViewUtil.getUIManagerType(reactTag));
-      if (uiManager != null) {
-        uiManager.dispatchCommand(reactTag, commandIdStr, commandArgs);
-      }
+      uiManager.dispatchCommand(reactTag, commandId.asString(), commandArgs);
     }
   }
 
@@ -829,11 +825,6 @@ public void sendAccessibilityEvent(int tag, int eventType) {
     }
   }
 
-  @Override
-  public void setAllowImmediateUIOperationExecution(boolean flag) {
-    // Noop outside of Fabric, call directly on FabricUIManager
-  }
-
   /**
    * Schedule a block to be executed on the UI thread. Useful if you need to execute view logic
    * after all currently queued view updates have completed.
@@ -871,9 +862,13 @@ public void removeUIManagerListener(UIManagerModuleListener listener) {
    * Given a reactTag from a component, find its root node tag, if possible. Otherwise, this will
    * return 0. If the reactTag belongs to a root node, this will return the same reactTag.
    *
+   * @deprecated this method is not going to be supported in the near future, use {@link
+   *     ViewUtil#isRootTag(int)} to verify if a react Tag is a root or not
+   *     <p>TODO: T63569137 Delete the method UIManagerModule.resolveRootTagFromReactTag
    * @param reactTag the component tag
    * @return the rootTag
    */
+  @Deprecated
   public int resolveRootTagFromReactTag(int reactTag) {
     return ViewUtil.isRootTag(reactTag)
         ? reactTag
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 4697047212ed81..19e887b87cd8be 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
@@ -11,7 +11,6 @@
 
 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;
@@ -35,9 +34,7 @@
   /* package */ static Map<String, Object> createConstants(
       UIManagerModule.ViewManagerResolver resolver) {
     Map<String, Object> constants = UIManagerModuleConstants.getConstants();
-    if (!ReactFeatureFlags.lazilyLoadViewManagers) {
-      constants.put("ViewManagerNames", resolver.getViewManagerNames());
-    }
+    constants.put("ViewManagerNames", resolver.getViewManagerNames());
     constants.put("LazyViewManagersEnabled", true);
     return constants;
   }
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 f70266faae2a49..9c2eed060a7110 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
@@ -11,16 +11,21 @@
 import android.view.View;
 import androidx.annotation.GuardedBy;
 import androidx.annotation.Nullable;
+import androidx.annotation.UiThread;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.GuardedRunnable;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactNoCrashSoftException;
+import com.facebook.react.bridge.ReactSoftException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.RetryableMountingLayerException;
 import com.facebook.react.bridge.SoftAssertions;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.uimanager.debug.NotThreadSafeViewHierarchyUpdateDebugListener;
 import com.facebook.systrace.Systrace;
@@ -43,6 +48,7 @@
 public class UIViewOperationQueue {
 
   public static final int DEFAULT_MIN_TIME_LEFT_IN_FRAME_FOR_NONBATCHED_OPERATION_MS = 8;
+  private static final String TAG = UIViewOperationQueue.class.getSimpleName();
 
   private final int[] mMeasureBuffer = new int[4];
 
@@ -186,25 +192,22 @@ private final class ManageChildrenOperation extends ViewOperation {
     private final @Nullable int[] mIndicesToRemove;
     private final @Nullable ViewAtIndex[] mViewsToAdd;
     private final @Nullable int[] mTagsToDelete;
-    private final @Nullable int[] mIndicesToDelete;
 
     public ManageChildrenOperation(
         int tag,
         @Nullable int[] indicesToRemove,
         @Nullable ViewAtIndex[] viewsToAdd,
-        @Nullable int[] tagsToDelete,
-        @Nullable int[] indicesToDelete) {
+        @Nullable int[] tagsToDelete) {
       super(tag);
       mIndicesToRemove = indicesToRemove;
       mViewsToAdd = viewsToAdd;
       mTagsToDelete = tagsToDelete;
-      mIndicesToDelete = indicesToDelete;
     }
 
     @Override
     public void execute() {
       mNativeViewHierarchyManager.manageChildren(
-          mTag, mIndicesToRemove, mViewsToAdd, mTagsToDelete, mIndicesToDelete);
+          mTag, mIndicesToRemove, mViewsToAdd, mTagsToDelete);
     }
   }
 
@@ -262,12 +265,35 @@ public void execute() {
     }
   }
 
+  /**
+   * This is a common interface for View Command operations. Once we delete the deprecated {@link
+   * DispatchCommandOperation}, we can delete this interface too. It provides a set of common
+   * operations to simplify generic operations on all types of ViewCommands.
+   */
+  private interface DispatchCommandViewOperation {
+
+    /**
+     * Like the execute function, but throws real exceptions instead of logging soft errors and
+     * returning silently.
+     */
+    void executeWithExceptions();
+
+    /** Increment retry counter. */
+    void incrementRetries();
+
+    /** Get retry counter. */
+    int getRetries();
+  }
+
   @Deprecated
-  private final class DispatchCommandOperation extends ViewOperation {
+  private final class DispatchCommandOperation extends ViewOperation
+      implements DispatchCommandViewOperation {
 
     private final int mCommand;
     private final @Nullable ReadableArray mArgs;
 
+    private int numRetries = 0;
+
     public DispatchCommandOperation(int tag, int command, @Nullable ReadableArray args) {
       super(tag);
       mCommand = command;
@@ -276,14 +302,38 @@ public DispatchCommandOperation(int tag, int command, @Nullable ReadableArray ar
 
     @Override
     public void execute() {
+      try {
+        mNativeViewHierarchyManager.dispatchCommand(mTag, mCommand, mArgs);
+      } catch (Throwable e) {
+        ReactSoftException.logSoftException(
+            TAG, new RuntimeException("Error dispatching View Command", e));
+      }
+    }
+
+    @Override
+    public void executeWithExceptions() {
       mNativeViewHierarchyManager.dispatchCommand(mTag, mCommand, mArgs);
     }
+
+    @Override
+    @UiThread
+    public void incrementRetries() {
+      numRetries++;
+    }
+
+    @Override
+    @UiThread
+    public int getRetries() {
+      return numRetries;
+    }
   }
 
-  private final class DispatchStringCommandOperation extends ViewOperation {
+  private final class DispatchStringCommandOperation extends ViewOperation
+      implements DispatchCommandViewOperation {
 
     private final String mCommand;
     private final @Nullable ReadableArray mArgs;
+    private int numRetries = 0;
 
     public DispatchStringCommandOperation(int tag, String command, @Nullable ReadableArray args) {
       super(tag);
@@ -293,8 +343,30 @@ public DispatchStringCommandOperation(int tag, String command, @Nullable Readabl
 
     @Override
     public void execute() {
+      try {
+        mNativeViewHierarchyManager.dispatchCommand(mTag, mCommand, mArgs);
+      } catch (Throwable e) {
+        ReactSoftException.logSoftException(
+            TAG, new RuntimeException("Error dispatching View Command", e));
+      }
+    }
+
+    @Override
+    @UiThread
+    public void executeWithExceptions() {
       mNativeViewHierarchyManager.dispatchCommand(mTag, mCommand, mArgs);
     }
+
+    @Override
+    @UiThread
+    public void incrementRetries() {
+      numRetries++;
+    }
+
+    @Override
+    public int getRetries() {
+      return numRetries;
+    }
   }
 
   private final class ShowPopupMenuOperation extends ViewOperation {
@@ -521,6 +593,9 @@ public void execute() {
   private final DispatchUIFrameCallback mDispatchUIFrameCallback;
   private final ReactApplicationContext mReactApplicationContext;
 
+  private final boolean mAllowViewCommandsQueue;
+  private ArrayList<DispatchCommandViewOperation> mViewCommandOperations = new ArrayList<>();
+
   // Only called from the UIManager queue?
   private ArrayList<UIOperation> mOperations = new ArrayList<>();
 
@@ -559,6 +634,7 @@ public UIViewOperationQueue(
                 ? DEFAULT_MIN_TIME_LEFT_IN_FRAME_FOR_NONBATCHED_OPERATION_MS
                 : minTimeLeftInFrameForNonBatchedOperationMs);
     mReactApplicationContext = reactContext;
+    mAllowViewCommandsQueue = ReactFeatureFlags.allowEarlyViewCommandExecution;
   }
 
   /*package*/ NativeViewHierarchyManager getNativeViewHierarchyManager() {
@@ -594,7 +670,7 @@ public Map<String, Long> getProfiledBatchPerfCounters() {
   }
 
   public boolean isEmpty() {
-    return mOperations.isEmpty();
+    return mOperations.isEmpty() && mViewCommandOperations.isEmpty();
   }
 
   public void addRootView(final int tag, final View rootView) {
@@ -628,12 +704,24 @@ public void enqueueClearJSResponder() {
   @Deprecated
   public void enqueueDispatchCommand(
       int reactTag, int commandId, @Nullable ReadableArray commandArgs) {
-    mOperations.add(new DispatchCommandOperation(reactTag, commandId, commandArgs));
+    final DispatchCommandOperation command =
+        new DispatchCommandOperation(reactTag, commandId, commandArgs);
+    if (mAllowViewCommandsQueue) {
+      mViewCommandOperations.add(command);
+    } else {
+      mOperations.add(command);
+    }
   }
 
   public void enqueueDispatchCommand(
       int reactTag, String commandId, @Nullable ReadableArray commandArgs) {
-    mOperations.add(new DispatchStringCommandOperation(reactTag, commandId, commandArgs));
+    final DispatchStringCommandOperation command =
+        new DispatchStringCommandOperation(reactTag, commandId, commandArgs);
+    if (mAllowViewCommandsQueue) {
+      mViewCommandOperations.add(command);
+    } else {
+      mOperations.add(command);
+    }
   }
 
   public void enqueueUpdateExtraData(int reactTag, Object extraData) {
@@ -685,11 +773,9 @@ public void enqueueManageChildren(
       int reactTag,
       @Nullable int[] indicesToRemove,
       @Nullable ViewAtIndex[] viewsToAdd,
-      @Nullable int[] tagsToDelete,
-      @Nullable int[] indicesToDelete) {
+      @Nullable int[] tagsToDelete) {
     mOperations.add(
-        new ManageChildrenOperation(
-            reactTag, indicesToRemove, viewsToAdd, tagsToDelete, indicesToDelete));
+        new ManageChildrenOperation(reactTag, indicesToRemove, viewsToAdd, tagsToDelete));
   }
 
   public void enqueueSetChildren(int reactTag, ReadableArray childrenTags) {
@@ -747,6 +833,14 @@ public void dispatchViewUpdates(
 
       // Store the current operation queues to dispatch and create new empty ones to continue
       // receiving new operations
+      final ArrayList<DispatchCommandViewOperation> viewCommandOperations;
+      if (!mViewCommandOperations.isEmpty()) {
+        viewCommandOperations = mViewCommandOperations;
+        mViewCommandOperations = new ArrayList<>();
+      } else {
+        viewCommandOperations = null;
+      }
+
       final ArrayList<UIOperation> batchedOperations;
       if (!mOperations.isEmpty()) {
         batchedOperations = mOperations;
@@ -779,6 +873,37 @@ public void run() {
               try {
                 long runStartTime = SystemClock.uptimeMillis();
 
+                // All ViewCommands should be executed first as a perf optimization.
+                // This entire block is only executed if there's a separate viewCommand queue,
+                // which is currently gated by a ReactFeatureFlag.
+                if (viewCommandOperations != null) {
+                  for (DispatchCommandViewOperation op : viewCommandOperations) {
+                    try {
+                      op.executeWithExceptions();
+                    } catch (RetryableMountingLayerException e) {
+                      // Catch errors in DispatchCommands. We allow all commands to be retried
+                      // exactly once, after the current batch of other mountitems. If the second
+                      // attempt fails, then  we log a soft error. This will still crash only in
+                      // debug. We do this because it is a ~relatively common pattern to dispatch a
+                      // command during render, for example, to scroll to the bottom of a ScrollView
+                      // in render. This dispatches the command before that View is even mounted. By
+                      // retrying once, we can still dispatch the vast majority of commands faster,
+                      // avoid errors, and still operate correctly for most commands even when
+                      // they're executed too soon.
+                      if (op.getRetries() == 0) {
+                        op.incrementRetries();
+                        mViewCommandOperations.add(op);
+                      } else {
+                        // Retryable exceptions should be logged, but never crash in debug.
+                        ReactSoftException.logSoftException(TAG, new ReactNoCrashSoftException(e));
+                      }
+                    } catch (Throwable e) {
+                      // Non-retryable exceptions should be logged in prod, and crash in Debug.
+                      ReactSoftException.logSoftException(TAG, e);
+                    }
+                  }
+                }
+
                 // All nonBatchedOperations should be executed before regular operations as
                 // regular operations may depend on them
                 if (nonBatchedOperations != null) {
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 f86028e321b1c1..0447427d3f0d30 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java
@@ -74,7 +74,7 @@ protected ViewManagerDelegate<T> getDelegate() {
     return createView(reactContext, null, null, jsResponderHandler);
   }
 
-  /** Creates a view with knowledge of props. */
+  /** Creates a view with knowledge of props and state. */
   public @NonNull T createView(
       @NonNull ThemedReactContext reactContext,
       @Nullable ReactStylesDiffMap props,
@@ -287,6 +287,28 @@ public Map<String, String> getNativeProps() {
     return null;
   }
 
+  /**
+   * Subclasses can override this method to implement custom measure functions for the ViewManager
+   *
+   * @param context {@link com.facebook.react.bridge.ReactContext} used for the view.
+   * @param localData {@link ReadableMap} containing "local data" defined in C++
+   * @param props {@link ReadableMap} containing JS props
+   * @param state {@link ReadableMap} containing state defined in C++
+   * @param width width of the view (usually zero)
+   * @param widthMode widthMode used during calculation of layout
+   * @param height height of the view (usually zero)
+   * @param heightMode widthMode used during calculation of layout
+   * @param attachmentsPositions {@link int[]} array containing 2x times the amount of attachments
+   *     of the view. An attachment represents the position of an inline view that needs to be
+   *     rendered inside a component and it requires the content of the parent view in order to be
+   *     positioned. This array is meant to be used by the platform to RETURN the position of each
+   *     attachment, as a result of the calculation of layout. (e.g. this array is used to measure
+   *     inlineViews that are rendered inside Text components). On most of the components this array
+   *     will be contain a null value.
+   *     <p>Even values will represent the TOP of each attachment, Odd values represent the LEFT of
+   *     each attachment.
+   * @return result of calculation of layout for the arguments received as a parameter.
+   */
   public long measure(
       Context context,
       ReadableMap localData,
@@ -295,7 +317,8 @@ public long measure(
       float width,
       YogaMeasureMode widthMode,
       float height,
-      YogaMeasureMode heightMode) {
+      YogaMeasureMode heightMode,
+      @Nullable int[] attachmentsPositions) {
     return 0;
   }
 
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 9bc456d554450e..6e2a1691fd16c0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
@@ -7,9 +7,11 @@
 
 package com.facebook.react.uimanager;
 
+import android.content.Context;
 import android.view.View;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.DynamicFromObject;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
@@ -81,13 +83,13 @@ public void updateViewProp(ViewManager viewManager, View viewToUpdate, Object va
       try {
         if (mIndex == null) {
           VIEW_MGR_ARGS[0] = viewToUpdate;
-          VIEW_MGR_ARGS[1] = getValueOrDefault(value);
+          VIEW_MGR_ARGS[1] = getValueOrDefault(value, viewToUpdate.getContext());
           mSetter.invoke(viewManager, VIEW_MGR_ARGS);
           Arrays.fill(VIEW_MGR_ARGS, null);
         } else {
           VIEW_MGR_GROUP_ARGS[0] = viewToUpdate;
           VIEW_MGR_GROUP_ARGS[1] = mIndex;
-          VIEW_MGR_GROUP_ARGS[2] = getValueOrDefault(value);
+          VIEW_MGR_GROUP_ARGS[2] = getValueOrDefault(value, viewToUpdate.getContext());
           mSetter.invoke(viewManager, VIEW_MGR_GROUP_ARGS);
           Arrays.fill(VIEW_MGR_GROUP_ARGS, null);
         }
@@ -105,12 +107,12 @@ public void updateViewProp(ViewManager viewManager, View viewToUpdate, Object va
     public void updateShadowNodeProp(ReactShadowNode nodeToUpdate, Object value) {
       try {
         if (mIndex == null) {
-          SHADOW_ARGS[0] = getValueOrDefault(value);
+          SHADOW_ARGS[0] = getValueOrDefault(value, nodeToUpdate.getThemedContext());
           mSetter.invoke(nodeToUpdate, SHADOW_ARGS);
           Arrays.fill(SHADOW_ARGS, null);
         } else {
           SHADOW_GROUP_ARGS[0] = mIndex;
-          SHADOW_GROUP_ARGS[1] = getValueOrDefault(value);
+          SHADOW_GROUP_ARGS[1] = getValueOrDefault(value, nodeToUpdate.getThemedContext());
           mSetter.invoke(nodeToUpdate, SHADOW_GROUP_ARGS);
           Arrays.fill(SHADOW_GROUP_ARGS, null);
         }
@@ -125,7 +127,7 @@ public void updateShadowNodeProp(ReactShadowNode nodeToUpdate, Object value) {
       }
     }
 
-    protected abstract @Nullable Object getValueOrDefault(Object value);
+    protected abstract @Nullable Object getValueOrDefault(Object value, Context context);
   }
 
   private static class DynamicPropSetter extends PropSetter {
@@ -139,7 +141,7 @@ public DynamicPropSetter(ReactPropGroup prop, Method setter, int index) {
     }
 
     @Override
-    protected Object getValueOrDefault(Object value) {
+    protected Object getValueOrDefault(Object value, Context context) {
       if (value instanceof Dynamic) {
         return value;
       } else {
@@ -163,7 +165,7 @@ public IntPropSetter(ReactPropGroup prop, Method setter, int index, int defaultV
     }
 
     @Override
-    protected Object getValueOrDefault(Object value) {
+    protected Object getValueOrDefault(Object value, Context context) {
       // All numbers from JS are Doubles which can't be simply cast to Integer
       return value == null ? mDefaultValue : (Integer) ((Double) value).intValue();
     }
@@ -184,11 +186,34 @@ public DoublePropSetter(ReactPropGroup prop, Method setter, int index, double de
     }
 
     @Override
-    protected Object getValueOrDefault(Object value) {
+    protected Object getValueOrDefault(Object value, Context context) {
       return value == null ? mDefaultValue : (Double) value;
     }
   }
 
+  private static class ColorPropSetter extends PropSetter {
+
+    private final int mDefaultValue;
+
+    public ColorPropSetter(ReactProp prop, Method setter) {
+      this(prop, setter, 0);
+    }
+
+    public ColorPropSetter(ReactProp prop, Method setter, int defaultValue) {
+      super(prop, "mixed", setter);
+      mDefaultValue = defaultValue;
+    }
+
+    @Override
+    protected Object getValueOrDefault(Object value, Context context) {
+      if (value == null) {
+        return mDefaultValue;
+      }
+
+      return ColorPropConverter.getColor(value, context);
+    }
+  }
+
   private static class BooleanPropSetter extends PropSetter {
 
     private final boolean mDefaultValue;
@@ -199,7 +224,7 @@ public BooleanPropSetter(ReactProp prop, Method setter, boolean defaultValue) {
     }
 
     @Override
-    protected Object getValueOrDefault(Object value) {
+    protected Object getValueOrDefault(Object value, Context context) {
       boolean val = value == null ? mDefaultValue : (boolean) value;
       return val ? Boolean.TRUE : Boolean.FALSE;
     }
@@ -220,7 +245,7 @@ public FloatPropSetter(ReactPropGroup prop, Method setter, int index, float defa
     }
 
     @Override
-    protected Object getValueOrDefault(Object value) {
+    protected Object getValueOrDefault(Object value, Context context) {
       // All numbers from JS are Doubles which can't be simply cast to Float
       return value == null ? mDefaultValue : (Float) ((Double) value).floatValue();
     }
@@ -233,7 +258,7 @@ public ArrayPropSetter(ReactProp prop, Method setter) {
     }
 
     @Override
-    protected @Nullable Object getValueOrDefault(Object value) {
+    protected @Nullable Object getValueOrDefault(Object value, Context context) {
       return (ReadableArray) value;
     }
   }
@@ -245,7 +270,7 @@ public MapPropSetter(ReactProp prop, Method setter) {
     }
 
     @Override
-    protected @Nullable Object getValueOrDefault(Object value) {
+    protected @Nullable Object getValueOrDefault(Object value, Context context) {
       return (ReadableMap) value;
     }
   }
@@ -257,7 +282,7 @@ public StringPropSetter(ReactProp prop, Method setter) {
     }
 
     @Override
-    protected @Nullable Object getValueOrDefault(Object value) {
+    protected @Nullable Object getValueOrDefault(Object value, Context context) {
       return (String) value;
     }
   }
@@ -269,7 +294,7 @@ public BoxedBooleanPropSetter(ReactProp prop, Method setter) {
     }
 
     @Override
-    protected @Nullable Object getValueOrDefault(Object value) {
+    protected @Nullable Object getValueOrDefault(Object value, Context context) {
       if (value != null) {
         return (boolean) value ? Boolean.TRUE : Boolean.FALSE;
       }
@@ -288,7 +313,7 @@ public BoxedIntPropSetter(ReactPropGroup prop, Method setter, int index) {
     }
 
     @Override
-    protected @Nullable Object getValueOrDefault(Object value) {
+    protected @Nullable Object getValueOrDefault(Object value, Context context) {
       if (value != null) {
         if (value instanceof Double) {
           return ((Double) value).intValue();
@@ -379,6 +404,9 @@ private static PropSetter createPropSetter(
     } else if (propTypeClass == boolean.class) {
       return new BooleanPropSetter(annotation, method, annotation.defaultBoolean());
     } else if (propTypeClass == int.class) {
+      if ("Color".equals(annotation.customType())) {
+        return new ColorPropSetter(annotation, method, annotation.defaultInt());
+      }
       return new IntPropSetter(annotation, method, annotation.defaultInt());
     } else if (propTypeClass == float.class) {
       return new FloatPropSetter(annotation, method, annotation.defaultFloat());
@@ -389,6 +417,9 @@ private static PropSetter createPropSetter(
     } else if (propTypeClass == Boolean.class) {
       return new BoxedBooleanPropSetter(annotation, method);
     } else if (propTypeClass == Integer.class) {
+      if ("Color".equals(annotation.customType())) {
+        return new ColorPropSetter(annotation, method);
+      }
       return new BoxedIntPropSetter(annotation, method);
     } else if (propTypeClass == ReadableArray.class) {
       return new ArrayPropSetter(annotation, method);
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 5d08fbc181e783..19926020b8a7c6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewProps.java
@@ -62,6 +62,8 @@ public class ViewProps {
   public static final String START = "start";
   public static final String END = "end";
 
+  public static final String IS_ATTACHMENT = "isAttachment";
+
   public static final String AUTO = "auto";
   public static final String NONE = "none";
   public static final String BOX_NONE = "box-none";
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 6e203e75ad643a..28931ad83cc2ea 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
@@ -14,6 +14,8 @@
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactNoCrashSoftException;
+import com.facebook.react.bridge.ReactSoftException;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.UIManagerType;
@@ -41,7 +43,10 @@ public void unregister(@UIManagerType int uiManagerType) {
 
   @Override
   public void receiveEvent(int targetReactTag, String eventName, @Nullable WritableMap event) {
-    getEventEmitter(targetReactTag).receiveEvent(targetReactTag, eventName, event);
+    RCTEventEmitter eventEmitter = getEventEmitter(targetReactTag);
+    if (eventEmitter != null) {
+      eventEmitter.receiveEvent(targetReactTag, eventName, event);
+    }
   }
 
   @Override
@@ -51,18 +56,33 @@ public void receiveTouches(
     Assertions.assertCondition(touches.size() > 0);
 
     int reactTag = touches.getMap(0).getInt(TARGET_KEY);
-    getEventEmitter(reactTag).receiveTouches(eventName, touches, changedIndices);
+    RCTEventEmitter eventEmitter = getEventEmitter(reactTag);
+    if (eventEmitter != null) {
+      eventEmitter.receiveTouches(eventName, touches, changedIndices);
+    }
   }
 
+  @Nullable
   private RCTEventEmitter getEventEmitter(int reactTag) {
     int type = ViewUtil.getUIManagerType(reactTag);
     RCTEventEmitter eventEmitter = mEventEmitters.get(type);
     if (eventEmitter == null) {
       // TODO T54145494: Refactor RN Event Emitter system to make sure reactTags are always managed
       // by RN
-      FLog.i(
+      FLog.e(
           TAG, "Unable to find event emitter for reactTag: %d - uiManagerType: %d", reactTag, type);
-      eventEmitter = mReactContext.getJSModule(RCTEventEmitter.class);
+      if (mReactContext.hasActiveCatalystInstance()) {
+        eventEmitter = mReactContext.getJSModule(RCTEventEmitter.class);
+      } else {
+        ReactSoftException.logSoftException(
+            TAG,
+            new ReactNoCrashSoftException(
+                "Cannot get RCTEventEmitter from Context for reactTag: "
+                    + reactTag
+                    + " - uiManagerType: "
+                    + type
+                    + " - No active Catalyst instance!"));
+      }
     }
     return eventEmitter;
   }
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 a63e42e29f8cad..046d757e2af941 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
@@ -88,6 +88,9 @@ public boolean shouldAnimateLayout(View viewToAnimate) {
     // resume when view is re-attached to parent, which is the standard android animation behavior.
     // If there's a layout handling animation going on, it should be animated nonetheless since the
     // ongoing animation needs to be updated.
+    if (viewToAnimate == null) {
+      return false;
+    }
     return (mShouldAnimateLayout && viewToAnimate.getParent() != null)
         || mLayoutHandlers.get(viewToAnimate.getId()) != null;
   }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/BUCK b/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
index 93288f7267b157..b78a3fd8e3d8c8 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/BUCK
@@ -7,7 +7,9 @@ rn_android_library(
         "PUBLIC",
     ],
     deps = [
+        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/common:common"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
     ],
 )
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/RCTLog.java b/ReactAndroid/src/main/java/com/facebook/react/util/RCTLog.java
new file mode 100644
index 00000000000000..511190ebac65a3
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/RCTLog.java
@@ -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.
+ */
+
+package com.facebook.react.util;
+
+import com.facebook.react.bridge.JavaScriptModule;
+
+/**
+ * JS module interface for RCTLog
+ *
+ * <p>The RCTLog module allows for showing native logs in JavaScript.
+ */
+public interface RCTLog extends JavaScriptModule {
+
+  /**
+   * Send a log to JavaScript.
+   *
+   * @param level The level of the log.
+   * @param message The message to log.
+   */
+  void logIfNoNativeHook(String level, String message);
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java b/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java
new file mode 100644
index 00000000000000..6355251cb5c666
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java
@@ -0,0 +1,125 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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.util;
+
+import android.util.Log;
+import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.common.ReactConstants;
+
+/** Logging wrapper for FLog with LogBox support. */
+public class RNLog {
+  public static final int MINIMUM_LEVEL_FOR_UI = Log.WARN;
+
+  public static final int LOG = Log.VERBOSE;
+
+  public static final int TRACE = Log.DEBUG;
+
+  public static final int ADVICE = Log.INFO;
+
+  public static final int WARN = Log.WARN;
+
+  public static final int ERROR = Log.ERROR;
+
+  /**
+   * Log a log level message tagged as React Native to the console.
+   *
+   * @param message The message to log.
+   */
+  public static void l(String message) {
+    FLog.i(ReactConstants.TAG, message);
+  }
+
+  /**
+   * Log a trace level message tagged as React Native to the console.
+   *
+   * @param message The message to log.
+   */
+  public static void t(String message) {
+    FLog.i(ReactConstants.TAG, message);
+  }
+
+  /**
+   * Log a warning level message tagged as React Native to the console. This warning will not be
+   * shown in LogBox.
+   *
+   * @param message The message to log.
+   */
+  public static void a(String message) {
+    FLog.w(ReactConstants.TAG, "(ADVICE)" + message);
+  }
+
+  /**
+   * Log a warning level message tagged as React Native to the console and display in the app.
+   *
+   * @param context The React context of the application use to display the warning.
+   * @param message The message to log.
+   */
+  public static void w(ReactContext context, String message) {
+    RNLog.logInternal(context, message, WARN);
+    FLog.w(ReactConstants.TAG, message);
+  }
+
+  /**
+   * Log an error level message tagged as React Native to the console and display in the app.
+   *
+   * @param context The React context of the application use to display the error.
+   * @param message The message to log.
+   */
+  public static void e(ReactContext context, String message) {
+    RNLog.logInternal(context, message, ERROR);
+    FLog.e(ReactConstants.TAG, message);
+  }
+
+  /**
+   * Log an error level message tagged as React Native to the console. This error will not be shown
+   * in LogBox.
+   *
+   * @param message The message to log.
+   */
+  public static void e(String message) {
+    FLog.e(ReactConstants.TAG, message);
+  }
+
+  private static void logInternal(ReactContext context, String message, int level) {
+    if (level >= MINIMUM_LEVEL_FOR_UI) {
+      if (context != null && message != null) {
+        context.getJSModule(RCTLog.class).logIfNoNativeHook(levelToString(level), message);
+      }
+    }
+  }
+
+  private static String levelToString(int level) {
+    switch (level) {
+      case LOG:
+        {
+          return "log";
+        }
+      case TRACE:
+        {
+          return "log";
+        }
+      case ADVICE:
+        {
+          return "warn";
+        }
+      case WARN:
+        {
+          return "warn";
+        }
+      case ERROR:
+        {
+          return "error";
+        }
+      default:
+        {
+          return "none";
+        }
+    }
+  }
+}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ActivityIndicatorViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ActivityIndicatorViewManagerDelegate.java
index 62514d5988f3f2..833ffe265d96f7 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ActivityIndicatorViewManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ActivityIndicatorViewManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -29,7 +30,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setAnimating(view, value == null ? false : (boolean) value);
         break;
       case "color":
-        mViewManager.setColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "size":
         mViewManager.setSize(view, (String) value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerDelegate.java
index 5e882217807974..8147f55a3d5110 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerDelegate.java
@@ -26,6 +26,9 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "color":
         mViewManager.setColor(view, value == null ? null : ((Double) value).intValue());
         break;
+      case "backgroundColor":
+        mViewManager.setBackgroundColor(view, value == null ? null : ((Double) value).intValue());
+        break;
       case "enabled":
         mViewManager.setEnabled(view, value == null ? true : (boolean) value);
         break;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerInterface.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerInterface.java
index 2a9a7cdb5faebd..fe8986fa6cbaf9 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerInterface.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDialogPickerManagerInterface.java
@@ -15,6 +15,7 @@
 
 public interface AndroidDialogPickerManagerInterface<T extends View> {
   void setColor(T view, @Nullable Integer value);
+  void setBackgroundColor(T view, @Nullable Integer value);
   void setEnabled(T view, boolean value);
   void setItems(T view, @Nullable ReadableArray value);
   void setPrompt(T view, @Nullable String value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerDelegate.java
index d65992cc9a9947..5985c4ff1b946d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -27,7 +28,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setKeyboardDismissMode(view, (String) value);
         break;
       case "drawerBackgroundColor":
-        mViewManager.setDrawerBackgroundColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setDrawerBackgroundColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "drawerPosition":
         mViewManager.setDrawerPosition(view, (String) value);
@@ -39,7 +40,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setDrawerLockMode(view, (String) value);
         break;
       case "statusBarBackgroundColor":
-        mViewManager.setStatusBarBackgroundColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setStatusBarBackgroundColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       default:
         super.setProperty(view, propName, value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidProgressBarManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidProgressBarManagerDelegate.java
index 83a3336c030767..b0417eed9ce042 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidProgressBarManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidProgressBarManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -38,7 +39,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setAnimating(view, value == null ? true : (boolean) value);
         break;
       case "color":
-        mViewManager.setColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "testID":
         mViewManager.setTestID(view, value == null ? "" : (String) value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerDelegate.java
index b46b34948c1485..56a18f9aba0661 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -30,7 +31,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setColors(view, (ReadableArray) value);
         break;
       case "progressBackgroundColor":
-        mViewManager.setProgressBackgroundColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setProgressBackgroundColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "size":
         mViewManager.setSize(view, value == null ? 1 : ((Double) value).intValue());
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwitchManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwitchManagerDelegate.java
index b801a9cdab2b6b..5152015a9565b0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwitchManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/AndroidSwitchManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -30,13 +31,13 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setEnabled(view, value == null ? true : (boolean) value);
         break;
       case "thumbColor":
-        mViewManager.setThumbColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setThumbColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "trackColorForFalse":
-        mViewManager.setTrackColorForFalse(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setTrackColorForFalse(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "trackColorForTrue":
-        mViewManager.setTrackColorForTrue(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setTrackColorForTrue(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "value":
         mViewManager.setValue(view, value == null ? false : (boolean) value);
@@ -45,10 +46,10 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setOn(view, value == null ? false : (boolean) value);
         break;
       case "thumbTintColor":
-        mViewManager.setThumbTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setThumbTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "trackTintColor":
-        mViewManager.setTrackTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setTrackTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       default:
         super.setProperty(view, propName, value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/InputAccessoryViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/InputAccessoryViewManagerDelegate.java
index 85c178abb644e3..52c14f1f607f9e 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/InputAccessoryViewManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/InputAccessoryViewManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -23,7 +24,7 @@ public InputAccessoryViewManagerDelegate(U viewManager) {
   public void setProperty(T view, String propName, @Nullable Object value) {
     switch (propName) {
       case "backgroundColor":
-        mViewManager.setBackgroundColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setBackgroundColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       default:
         super.setProperty(view, propName, value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ProgressViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ProgressViewManagerDelegate.java
index b4524bf7cd5e31..df088d4a87f8ba 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ProgressViewManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/ProgressViewManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -30,10 +31,10 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setProgress(view, value == null ? 0f : ((Double) value).floatValue());
         break;
       case "progressTintColor":
-        mViewManager.setProgressTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setProgressTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "trackTintColor":
-        mViewManager.setTrackTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setTrackTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "progressImage":
         mViewManager.setProgressImage(view, (ReadableMap) value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/PullToRefreshViewManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/PullToRefreshViewManagerDelegate.java
deleted file mode 100644
index 7425904720bb96..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/PullToRefreshViewManagerDelegate.java
+++ /dev/null
@@ -1,50 +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.
-*
-* @generated by codegen project: GeneratePropsJavaDelegate.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.uimanager.BaseViewManagerDelegate;
-import com.facebook.react.uimanager.BaseViewManagerInterface;
-import com.facebook.react.uimanager.LayoutShadowNode;
-
-public class PullToRefreshViewManagerDelegate<T extends View, U extends BaseViewManagerInterface<T> & PullToRefreshViewManagerInterface<T>> extends BaseViewManagerDelegate<T, U> {
-  public PullToRefreshViewManagerDelegate(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;
-      case "titleColor":
-        mViewManager.setTitleColor(view, value == null ? null : ((Double) value).intValue());
-        break;
-      case "title":
-        mViewManager.setTitle(view, value == null ? null : (String) value);
-        break;
-      case "refreshing":
-        mViewManager.setRefreshing(view, value == null ? false : (boolean) value);
-        break;
-      default:
-        super.setProperty(view, propName, value);
-    }
-  }
-
-  public void receiveCommand(PullToRefreshViewManagerInterface<T> viewManager, T view, String commandName, ReadableArray args) {
-    switch (commandName) {
-      case "setNativeRefreshing":
-        viewManager.setNativeRefreshing(view, args.getBoolean(0));
-        break;
-    }
-  }
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/PullToRefreshViewManagerInterface.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/PullToRefreshViewManagerInterface.java
deleted file mode 100644
index 4f40ee89cbba01..00000000000000
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/PullToRefreshViewManagerInterface.java
+++ /dev/null
@@ -1,21 +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.
-*
-* @generated by codegen project: GeneratePropsJavaInterface.js
-*/
-
-package com.facebook.react.viewmanagers;
-
-import android.view.View;
-import androidx.annotation.Nullable;
-
-public interface PullToRefreshViewManagerInterface<T extends View> {
-  void setTintColor(T view, @Nullable Integer value);
-  void setTitleColor(T view, @Nullable Integer value);
-  void setTitle(T view, @Nullable String value);
-  void setRefreshing(T view, boolean value);
-  void setNativeRefreshing(T view, boolean refreshing);
-}
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerDelegate.java
index e3c7505a86b9f7..6763a1f1f53f0b 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -33,7 +34,13 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setEnabled(view, value == null ? true : (boolean) value);
         break;
       case "tintColor":
-        mViewManager.setTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "textColor":
+        mViewManager.setTextColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
+      case "backgroundColor":
+        mViewManager.setBackgroundColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "momentary":
         mViewManager.setMomentary(view, value == null ? false : (boolean) value);
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerInterface.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerInterface.java
index e6c50357616b50..0ee9d56850941d 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerInterface.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SegmentedControlManagerInterface.java
@@ -18,5 +18,7 @@ public interface SegmentedControlManagerInterface<T extends View> {
   void setSelectedIndex(T view, int value);
   void setEnabled(T view, boolean value);
   void setTintColor(T view, @Nullable Integer value);
+  void setTextColor(T view, @Nullable Integer value);
+  void setBackgroundColor(T view, @Nullable Integer value);
   void setMomentary(T view, boolean value);
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SliderManagerDelegate.java b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SliderManagerDelegate.java
index cfc33e90c7d451..5eb9360ef8e285 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SliderManagerDelegate.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/viewmanagers/SliderManagerDelegate.java
@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -33,7 +34,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setMaximumTrackImage(view, (ReadableMap) value);
         break;
       case "maximumTrackTintColor":
-        mViewManager.setMaximumTrackTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setMaximumTrackTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "maximumValue":
         mViewManager.setMaximumValue(view, value == null ? 1f : ((Double) value).doubleValue());
@@ -42,7 +43,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setMinimumTrackImage(view, (ReadableMap) value);
         break;
       case "minimumTrackTintColor":
-        mViewManager.setMinimumTrackTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setMinimumTrackTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "minimumValue":
         mViewManager.setMinimumValue(view, value == null ? 0f : ((Double) value).doubleValue());
@@ -57,7 +58,7 @@ public void setProperty(T view, String propName, @Nullable Object value) {
         mViewManager.setThumbImage(view, (ReadableMap) value);
         break;
       case "thumbTintColor":
-        mViewManager.setThumbTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setThumbTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "trackImage":
         mViewManager.setTrackImage(view, (ReadableMap) value);
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 8b67be7c57f1fd..6cf2dedc8453c9 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
@@ -7,11 +7,11 @@
 
 package com.facebook.react.views.drawer;
 
-import android.util.Log;
 import android.view.Gravity;
 import android.view.MotionEvent;
 import android.view.View;
 import androidx.drawerlayout.widget.DrawerLayout;
+import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.events.NativeGestureUtil;
@@ -41,7 +41,7 @@ public boolean onInterceptTouchEvent(MotionEvent ev) {
       // Log and ignore the error. This seems to be a bug in the android SDK and
       // this is the commonly accepted workaround.
       // https://tinyurl.com/mw6qkod (Stack Overflow)
-      Log.w(ReactConstants.TAG, "Error intercepting touch event.", e);
+      FLog.w(ReactConstants.TAG, "Error intercepting touch event.", e);
     }
 
     return false;
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 958a10fe77fcbf..c847b28c138d11 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
@@ -15,23 +15,29 @@
 /** Converts JS resize modes into Android-specific scale type. */
 public class ImageResizeMode {
 
+  private static final String RESIZE_MODE_CONTAIN = "contain";
+  private static final String RESIZE_MODE_COVER = "cover";
+  private static final String RESIZE_MODE_STRETCH = "stretch";
+  private static final String RESIZE_MODE_CENTER = "center";
+  private static final String RESIZE_MODE_REPEAT = "repeat";
+
   /**
    * Converts JS resize modes into {@code ScalingUtils.ScaleType}. See {@code ImageResizeMode.js}.
    */
   public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValue) {
-    if ("contain".equals(resizeModeValue)) {
+    if (RESIZE_MODE_CONTAIN.equals(resizeModeValue)) {
       return ScalingUtils.ScaleType.FIT_CENTER;
     }
-    if ("cover".equals(resizeModeValue)) {
+    if (RESIZE_MODE_COVER.equals(resizeModeValue)) {
       return ScalingUtils.ScaleType.CENTER_CROP;
     }
-    if ("stretch".equals(resizeModeValue)) {
+    if (RESIZE_MODE_STRETCH.equals(resizeModeValue)) {
       return ScalingUtils.ScaleType.FIT_XY;
     }
-    if ("center".equals(resizeModeValue)) {
+    if (RESIZE_MODE_CENTER.equals(resizeModeValue)) {
       return ScalingUtils.ScaleType.CENTER_INSIDE;
     }
-    if ("repeat".equals(resizeModeValue)) {
+    if (RESIZE_MODE_REPEAT.equals(resizeModeValue)) {
       // Handled via a combination of ScaleType and TileMode
       return ScaleTypeStartInside.INSTANCE;
     }
@@ -45,13 +51,13 @@ public static ScalingUtils.ScaleType toScaleType(@Nullable String resizeModeValu
 
   /** 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)
-        || "stretch".equals(resizeModeValue)
-        || "center".equals(resizeModeValue)) {
+    if (RESIZE_MODE_CONTAIN.equals(resizeModeValue)
+        || RESIZE_MODE_COVER.equals(resizeModeValue)
+        || RESIZE_MODE_STRETCH.equals(resizeModeValue)
+        || RESIZE_MODE_CENTER.equals(resizeModeValue)) {
       return Shader.TileMode.CLAMP;
     }
-    if ("repeat".equals(resizeModeValue)) {
+    if (RESIZE_MODE_REPEAT.equals(resizeModeValue)) {
       // Handled via a combination of ScaleType and TileMode
       return Shader.TileMode.REPEAT;
     }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactCallerContextFactory.java b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactCallerContextFactory.java
index 0964ec1d030b39..7ccc594b946a18 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactCallerContextFactory.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactCallerContextFactory.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.views.image;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.uimanager.ThemedReactContext;
 
 /**
@@ -21,5 +22,5 @@ public interface ReactCallerContextFactory {
    * @param reactContext {@link ThemedReactContext} used to create the {@link ReactImageView}
    * @return an {@link Object} that represents the CallerContext.
    */
-  Object getOrCreateCallerContext(ThemedReactContext reactContext);
+  Object getOrCreateCallerContext(ThemedReactContext reactContext, @Nullable String analyticTag);
 }
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 fdc7ec2c0e1b69..e90301b6acea0b 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
@@ -107,7 +107,7 @@ public Object getCallerContext() {
   public ReactImageView createViewInstance(ThemedReactContext context) {
     Object callerContext =
         mCallerContextFactory != null
-            ? mCallerContextFactory.getOrCreateCallerContext(context)
+            ? mCallerContextFactory.getOrCreateCallerContext(context, null)
             : getCallerContext();
     return new ReactImageView(
         context, getDraweeControllerBuilder(), mGlobalImageLoadListener, callerContext);
@@ -124,6 +124,15 @@ public void setBlurRadius(ReactImageView view, float blurRadius) {
     view.setBlurRadius(blurRadius);
   }
 
+  @ReactProp(name = "internal_analyticTag")
+  public void setInternal_AnalyticsTag(ReactImageView view, @Nullable String analyticTag) {
+    if (mCallerContextFactory != null) {
+      view.updateCallerContext(
+          mCallerContextFactory.getOrCreateCallerContext(
+              (ThemedReactContext) view.getContext(), analyticTag));
+    }
+  }
+
   // In JS this is Image.props.defaultSource
   @ReactProp(name = "defaultSrc")
   public void setDefaultSource(ReactImageView view, @Nullable String source) {
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 b85dfee7f35b3f..515b2c4c419c20 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
@@ -51,7 +51,7 @@
 import com.facebook.react.modules.fresco.ReactNetworkImageRequest;
 import com.facebook.react.uimanager.FloatUtil;
 import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.views.imagehelper.ImageSource;
 import com.facebook.react.views.imagehelper.MultiSourceHelper;
@@ -90,6 +90,11 @@ public class ReactImageView extends GenericDraweeView {
   private static final Matrix sInverse = new Matrix();
   private ImageResizeMethod mResizeMethod = ImageResizeMethod.AUTO;
 
+  public void updateCallerContext(@Nullable Object callerContext) {
+    mCallerContext = callerContext;
+    mIsDirty = true;
+  }
+
   private class RoundedCornerPostprocessor extends BasePostprocessor {
 
     void getRadii(Bitmap source, float[] computedCornerRadii, float[] mappedRadii) {
@@ -197,7 +202,7 @@ public CloseableReference<Bitmap> process(Bitmap source, PlatformBitmapFactory b
   private @Nullable ControllerListener mControllerListener;
   private @Nullable ControllerListener mControllerForTesting;
   private @Nullable GlobalImageLoadListener mGlobalImageLoadListener;
-  private final @Nullable Object mCallerContext;
+  private @Nullable Object mCallerContext;
   private int mFadeDurationMs = -1;
   private boolean mProgressiveRenderingEnabled;
   private ReadableMap mHeaders;
@@ -229,7 +234,7 @@ public void setShouldNotifyLoadEvents(boolean shouldNotify) {
       mControllerListener = null;
     } else {
       final EventDispatcher mEventDispatcher =
-          ((ReactContext) getContext()).getNativeModule(UIManagerModule.class).getEventDispatcher();
+          UIManagerHelper.getEventDispatcherForReactTag((ReactContext) getContext(), getId());
 
       mControllerListener =
           new BaseControllerListener<ImageInfo>() {
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 cf3fde687f5975..133dadf57a3811 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
@@ -8,6 +8,8 @@
 package com.facebook.react.views.picker;
 
 import android.widget.Spinner;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewManagerDelegate;
@@ -41,4 +43,9 @@ protected ReactPicker createViewInstance(ThemedReactContext reactContext) {
   protected ViewManagerDelegate<ReactPicker> getDelegate() {
     return mDelegate;
   }
+
+  @Override
+  public void setBackgroundColor(@NonNull ReactPicker view, @Nullable Integer backgroundColor) {
+    view.setStagedBackgroundColor(backgroundColor);
+  }
 }
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 fd6edeb7e2b91d..c629f26a461642 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
@@ -25,6 +25,7 @@ public class ReactPicker extends AppCompatSpinner {
   private @Nullable List<ReactPickerItem> mStagedItems;
   private @Nullable Integer mStagedSelection;
   private @Nullable Integer mStagedPrimaryTextColor;
+  private @Nullable Integer mStagedBackgroundColor;
 
   private final OnItemSelectedListener mItemSelectedListener =
       new OnItemSelectedListener() {
@@ -136,6 +137,10 @@ public OnSelectListener getOnSelectListener() {
     mStagedPrimaryTextColor = primaryColor;
   }
 
+  /* package */ void setStagedBackgroundColor(@Nullable Integer backgroundColor) {
+    mStagedBackgroundColor = backgroundColor;
+  }
+
   /**
    * 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
@@ -171,6 +176,13 @@ public OnSelectListener getOnSelectListener() {
       mStagedPrimaryTextColor = null;
     }
 
+    if (mStagedBackgroundColor != null
+        && adapter != null
+        && mStagedBackgroundColor != adapter.getBackgroundColor()) {
+      adapter.setBackgroundColor(mStagedBackgroundColor);
+      mStagedBackgroundColor = null;
+    }
+
     setOnItemSelectedListener(mItemSelectedListener);
   }
 
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
index f1c2a22c13747d..4f2890e79158c2 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerAdapter.java
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/picker/ReactPickerAdapter.java
@@ -23,6 +23,7 @@ class ReactPickerAdapter extends ArrayAdapter<ReactPickerItem> {
 
   private final LayoutInflater mInflater;
   private @Nullable Integer mPrimaryTextColor;
+  private @Nullable Integer mBackgroundColor;
 
   public ReactPickerAdapter(Context context, List<ReactPickerItem> data) {
     super(context, 0, data);
@@ -67,6 +68,10 @@ private View getView(int position, View convertView, ViewGroup parent, boolean i
       textView.setTextColor((ColorStateList) textView.getTag());
     }
 
+    if (mBackgroundColor != null) {
+      textView.setBackgroundColor(mBackgroundColor);
+    }
+
     return textView;
   }
 
@@ -74,8 +79,17 @@ private View getView(int position, View convertView, ViewGroup parent, boolean i
     return mPrimaryTextColor;
   }
 
+  public @Nullable Integer getBackgroundColor() {
+    return mBackgroundColor;
+  }
+
   public void setPrimaryTextColor(@Nullable Integer primaryTextColor) {
     mPrimaryTextColor = primaryTextColor;
     notifyDataSetChanged();
   }
+
+  public void setBackgroundColor(@Nullable Integer backgroundColor) {
+    mBackgroundColor = backgroundColor;
+    notifyDataSetChanged();
+  }
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK
index 9f623cdab97245..ef2b7b77d4eda6 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/scroll/BUCK
@@ -16,6 +16,7 @@ rn_android_library(
     ],
     deps = [
         YOGA_TARGET,
+        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"),
         react_native_target("java/com/facebook/react/bridge:bridge"),
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 e41ae5caa2d568..0dee6f7c8e9d03 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
@@ -13,7 +13,6 @@
 import android.graphics.Rect;
 import android.graphics.drawable.ColorDrawable;
 import android.graphics.drawable.Drawable;
-import android.util.Log;
 import android.view.FocusFinder;
 import android.view.KeyEvent;
 import android.view.MotionEvent;
@@ -23,12 +22,17 @@
 import androidx.annotation.Nullable;
 import androidx.core.text.TextUtilsCompat;
 import androidx.core.view.ViewCompat;
+import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.uimanager.MeasureSpecAssertions;
+import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactClippingViewGroup;
 import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.events.NativeGestureUtil;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
@@ -43,6 +47,8 @@ public class ReactHorizontalScrollView extends HorizontalScrollView
 
   private static @Nullable Field sScrollerField;
   private static boolean sTriedToGetScrollerField = false;
+  private static final String CONTENT_OFFSET_LEFT = "contentOffsetLeft";
+  private static final String CONTENT_OFFSET_TOP = "contentOffsetTop";
 
   private final OnScrollDispatchHelper mOnScrollDispatchHelper = new OnScrollDispatchHelper();
   private final @Nullable OverScroller mScroller;
@@ -70,6 +76,7 @@ public class ReactHorizontalScrollView extends HorizontalScrollView
   private boolean mSnapToEnd = true;
   private ReactViewBackgroundManager mReactBackgroundManager;
   private boolean mPagedArrowScrolling = false;
+  private @Nullable StateWrapper mStateWrapper;
 
   private final Rect mTempRect = new Rect();
 
@@ -95,7 +102,7 @@ private OverScroller getOverScrollerFromParent() {
         sScrollerField = HorizontalScrollView.class.getDeclaredField("mScroller");
         sScrollerField.setAccessible(true);
       } catch (NoSuchFieldException e) {
-        Log.w(
+        FLog.w(
             ReactConstants.TAG,
             "Failed to get mScroller field for HorizontalScrollView! "
                 + "This app will exhibit the bounce-back scrolling bug :(");
@@ -108,7 +115,7 @@ private OverScroller getOverScrollerFromParent() {
         if (scrollerValue instanceof OverScroller) {
           scroller = (OverScroller) scrollerValue;
         } else {
-          Log.w(
+          FLog.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 :(");
@@ -217,7 +224,7 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
   @Override
   protected void onLayout(boolean changed, int l, int t, int r, int b) {
     // Call with the present values in order to re-layout if necessary
-    scrollTo(getScrollX(), getScrollY());
+    reactScrollTo(getScrollX(), getScrollY());
   }
 
   /**
@@ -326,7 +333,7 @@ public boolean onInterceptTouchEvent(MotionEvent ev) {
       // Log and ignore the error. This seems to be a bug in the android SDK and
       // this is the commonly accepted workaround.
       // https://tinyurl.com/mw6qkod (Stack Overflow)
-      Log.w(ReactConstants.TAG, "Error intercepting touch event.", e);
+      FLog.w(ReactConstants.TAG, "Error intercepting touch event.", e);
     }
 
     return false;
@@ -383,6 +390,8 @@ public boolean onTouchEvent(MotionEvent ev) {
     mVelocityHelper.calculateVelocity(ev);
     int action = ev.getAction() & MotionEvent.ACTION_MASK;
     if (action == MotionEvent.ACTION_UP && mDragging) {
+      updateStateOnScroll(getScrollX(), getScrollY());
+
       float velocityX = mVelocityHelper.getXVelocity();
       float velocityY = mVelocityHelper.getYVelocity();
       ReactScrollViewHelper.emitScrollEndDragEvent(this, velocityX, velocityY);
@@ -605,6 +614,8 @@ public void run() {
               ViewCompat.postOnAnimationDelayed(
                   ReactHorizontalScrollView.this, this, ReactScrollViewHelper.MOMENTUM_DELAY);
             } else {
+              updateStateOnScroll(getScrollX(), getScrollY());
+
               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
@@ -698,7 +709,7 @@ private void smoothScrollAndSnap(int velocity) {
     targetOffset = currentPage * interval;
     if (targetOffset != currentOffset) {
       mActivelyScrolling = true;
-      smoothScrollTo((int) targetOffset, getScrollY());
+      reactSmoothScrollTo((int) targetOffset, getScrollY());
     }
   }
 
@@ -834,7 +845,7 @@ private void flingAndSnap(int velocityX) {
 
       postInvalidateOnAnimation();
     } else {
-      smoothScrollTo(targetOffset, getScrollY());
+      reactSmoothScrollTo(targetOffset, getScrollY());
     }
   }
 
@@ -857,7 +868,7 @@ private void smoothScrollToNextPage(int direction) {
       page = 0;
     }
 
-    smoothScrollTo(page * width, getScrollY());
+    reactSmoothScrollTo(page * width, getScrollY());
     handlePostTouchScrolling(0, 0);
   }
 
@@ -885,4 +896,45 @@ public void setBorderRadius(float borderRadius, int position) {
   public void setBorderStyle(@Nullable String style) {
     mReactBackgroundManager.setBorderStyle(style);
   }
+
+  /**
+   * Calls `smoothScrollTo` and updates state.
+   *
+   * <p>`smoothScrollTo` changes `contentOffset` and we need to keep `contentOffset` in sync between
+   * scroll view and state. Calling raw `smoothScrollTo` doesn't update state.
+   */
+  public void reactSmoothScrollTo(int x, int y) {
+    smoothScrollTo(x, y);
+    updateStateOnScroll(x, y);
+  }
+
+  /**
+   * Calls `reactScrollTo` and updates state.
+   *
+   * <p>`reactScrollTo` changes `contentOffset` and we need to keep `contentOffset` in sync between
+   * scroll view and state. Calling raw `reactScrollTo` doesn't update state.
+   */
+  public void reactScrollTo(int x, int y) {
+    scrollTo(x, y);
+    updateStateOnScroll(x, y);
+  }
+
+  public void updateState(@Nullable StateWrapper stateWrapper) {
+    mStateWrapper = stateWrapper;
+  }
+
+  /**
+   * Called on any stabilized onScroll change to propagate content offset value to a Shadow Node.
+   */
+  private void updateStateOnScroll(int scrollX, int scrollY) {
+    if (mStateWrapper == null) {
+      return;
+    }
+
+    WritableMap map = new WritableNativeMap();
+    map.putDouble(CONTENT_OFFSET_LEFT, PixelUtil.toDIPFromPixel(scrollX));
+    map.putDouble(CONTENT_OFFSET_TOP, PixelUtil.toDIPFromPixel(scrollY));
+
+    mStateWrapper.updateState(map);
+  }
 }
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 7054a4e5492327..b7712b3d65387a 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
@@ -16,7 +16,9 @@
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
+import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.Spacing;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.ViewProps;
@@ -62,6 +64,15 @@ public ReactHorizontalScrollView createViewInstance(ThemedReactContext context)
     return new ReactHorizontalScrollView(context, mFpsListener);
   }
 
+  @Override
+  public Object updateState(
+      ReactHorizontalScrollView view,
+      ReactStylesDiffMap props,
+      @Nullable StateWrapper stateWrapper) {
+    view.updateState(stateWrapper);
+    return null;
+  }
+
   @ReactProp(name = "scrollEnabled", defaultBoolean = true)
   public void setScrollEnabled(ReactHorizontalScrollView view, boolean value) {
     view.setScrollEnabled(value);
@@ -179,9 +190,9 @@ public void flashScrollIndicators(ReactHorizontalScrollView scrollView) {
   public void scrollTo(
       ReactHorizontalScrollView scrollView, ReactScrollViewCommandHelper.ScrollToCommandData data) {
     if (data.mAnimated) {
-      scrollView.smoothScrollTo(data.mDestX, data.mDestY);
+      scrollView.reactSmoothScrollTo(data.mDestX, data.mDestY);
     } else {
-      scrollView.scrollTo(data.mDestX, data.mDestY);
+      scrollView.reactScrollTo(data.mDestX, data.mDestY);
     }
   }
 
@@ -192,9 +203,9 @@ public void scrollToEnd(
     // ScrollView always has one child - the scrollable area
     int right = scrollView.getChildAt(0).getWidth() + scrollView.getPaddingRight();
     if (data.mAnimated) {
-      scrollView.smoothScrollTo(right, scrollView.getScrollY());
+      scrollView.reactSmoothScrollTo(right, scrollView.getScrollY());
     } else {
-      scrollView.scrollTo(right, scrollView.getScrollY());
+      scrollView.reactScrollTo(right, scrollView.getScrollY());
     }
   }
 
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 8108106a271927..6bd0be836203e1 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
@@ -12,7 +12,6 @@
 import android.graphics.Rect;
 import android.graphics.drawable.ColorDrawable;
 import android.graphics.drawable.Drawable;
-import android.util.Log;
 import android.view.KeyEvent;
 import android.view.MotionEvent;
 import android.view.View;
@@ -21,13 +20,18 @@
 import android.widget.ScrollView;
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
+import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.uimanager.MeasureSpecAssertions;
+import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactClippingViewGroup;
 import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.events.NativeGestureUtil;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
@@ -48,6 +52,8 @@ public class ReactScrollView extends ScrollView
 
   private static @Nullable Field sScrollerField;
   private static boolean sTriedToGetScrollerField = false;
+  private static final String CONTENT_OFFSET_LEFT = "contentOffsetLeft";
+  private static final String CONTENT_OFFSET_TOP = "contentOffsetTop";
 
   private final OnScrollDispatchHelper mOnScrollDispatchHelper = new OnScrollDispatchHelper();
   private final @Nullable OverScroller mScroller;
@@ -67,6 +73,7 @@ public class ReactScrollView extends ScrollView
   private @Nullable String mScrollPerfTag;
   private @Nullable Drawable mEndBackground;
   private int mEndFillColor = Color.TRANSPARENT;
+  private boolean mDisableIntervalMomentum = false;
   private int mSnapInterval = 0;
   private float mDecelerationRate = 0.985f;
   private @Nullable List<Integer> mSnapOffsets;
@@ -74,6 +81,7 @@ public class ReactScrollView extends ScrollView
   private boolean mSnapToEnd = true;
   private View mContentView;
   private ReactViewBackgroundManager mReactBackgroundManager;
+  private @Nullable StateWrapper mStateWrapper;
 
   public ReactScrollView(ReactContext context) {
     this(context, null);
@@ -99,7 +107,7 @@ private OverScroller getOverScrollerFromParent() {
         sScrollerField = ScrollView.class.getDeclaredField("mScroller");
         sScrollerField.setAccessible(true);
       } catch (NoSuchFieldException e) {
-        Log.w(
+        FLog.w(
             ReactConstants.TAG,
             "Failed to get mScroller field for ScrollView! "
                 + "This app will exhibit the bounce-back scrolling bug :(");
@@ -112,7 +120,7 @@ private OverScroller getOverScrollerFromParent() {
         if (scrollerValue instanceof OverScroller) {
           scroller = (OverScroller) scrollerValue;
         } else {
-          Log.w(
+          FLog.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 :(");
@@ -128,6 +136,10 @@ private OverScroller getOverScrollerFromParent() {
     return scroller;
   }
 
+  public void setDisableIntervalMomentum(boolean disableIntervalMomentum) {
+    mDisableIntervalMomentum = disableIntervalMomentum;
+  }
+
   public void setSendMomentumEvents(boolean sendMomentumEvents) {
     mSendMomentumEvents = sendMomentumEvents;
   }
@@ -188,7 +200,7 @@ protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
   @Override
   protected void onLayout(boolean changed, int l, int t, int r, int b) {
     // Call with the present values in order to re-layout if necessary
-    scrollTo(getScrollX(), getScrollY());
+    reactScrollTo(getScrollX(), getScrollY());
   }
 
   @Override
@@ -272,7 +284,7 @@ public boolean onInterceptTouchEvent(MotionEvent ev) {
       // Log and ignore the error. This seems to be a bug in the android SDK and
       // this is the commonly accepted workaround.
       // https://tinyurl.com/mw6qkod (Stack Overflow)
-      Log.w(ReactConstants.TAG, "Error intercepting touch event.", e);
+      FLog.w(ReactConstants.TAG, "Error intercepting touch event.", e);
     }
 
     return false;
@@ -287,6 +299,8 @@ public boolean onTouchEvent(MotionEvent ev) {
     mVelocityHelper.calculateVelocity(ev);
     int action = ev.getAction() & MotionEvent.ACTION_MASK;
     if (action == MotionEvent.ACTION_UP && mDragging) {
+      updateStateOnScroll(getScrollX(), getScrollY());
+
       float velocityX = mVelocityHelper.getXVelocity();
       float velocityY = mVelocityHelper.getYVelocity();
       ReactScrollViewHelper.emitScrollEndDragEvent(this, velocityX, velocityY);
@@ -488,6 +502,8 @@ public void run() {
               ViewCompat.postOnAnimationDelayed(
                   ReactScrollView.this, this, ReactScrollViewHelper.MOMENTUM_DELAY);
             } else {
+              updateStateOnScroll(getScrollX(), getScrollY());
+
               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
@@ -581,7 +597,7 @@ private void smoothScrollAndSnap(int velocity) {
     targetOffset = currentPage * interval;
     if (targetOffset != currentOffset) {
       mActivelyScrolling = true;
-      smoothScrollTo(getScrollX(), (int) targetOffset);
+      reactSmoothScrollTo(getScrollX(), (int) targetOffset);
     }
   }
 
@@ -598,6 +614,10 @@ private void flingAndSnap(int velocityY) {
 
     int maximumOffset = getMaxScrollY();
     int targetOffset = predictFinalScrollPosition(velocityY);
+    if (mDisableIntervalMomentum) {
+      targetOffset = getScrollY();
+    }
+
     int smallerOffset = 0;
     int largerOffset = maximumOffset;
     int firstOffset = 0;
@@ -695,7 +715,7 @@ private void flingAndSnap(int velocityY) {
 
       postInvalidateOnAnimation();
     } else {
-      smoothScrollTo(getScrollX(), targetOffset);
+      reactSmoothScrollTo(getScrollX(), targetOffset);
     }
   }
 
@@ -748,6 +768,28 @@ public void onChildViewRemoved(View parent, View child) {
     mContentView = null;
   }
 
+  /**
+   * Calls `smoothScrollTo` and updates state.
+   *
+   * <p>`smoothScrollTo` changes `contentOffset` and we need to keep `contentOffset` in sync between
+   * scroll view and state. Calling raw `smoothScrollTo` doesn't update state.
+   */
+  public void reactSmoothScrollTo(int x, int y) {
+    smoothScrollTo(x, y);
+    updateStateOnScroll(x, y);
+  }
+
+  /**
+   * Calls `reactScrollTo` and updates state.
+   *
+   * <p>`reactScrollTo` changes `contentOffset` and we need to keep `contentOffset` in sync between
+   * scroll view and state. Calling raw `reactScrollTo` doesn't update state.
+   */
+  public void reactScrollTo(int x, int y) {
+    scrollTo(x, y);
+    updateStateOnScroll(x, y);
+  }
+
   /**
    * Called when a mContentView's layout has changed. Fixes the scroll position if it's too large
    * after the content resizes. Without this, the user would see a blank ScrollView when the scroll
@@ -771,7 +813,7 @@ public void onLayoutChange(
     int currentScrollY = getScrollY();
     int maxScrollY = getMaxScrollY();
     if (currentScrollY > maxScrollY) {
-      scrollTo(getScrollX(), maxScrollY);
+      reactScrollTo(getScrollX(), maxScrollY);
     }
   }
 
@@ -799,4 +841,23 @@ public void setBorderRadius(float borderRadius, int position) {
   public void setBorderStyle(@Nullable String style) {
     mReactBackgroundManager.setBorderStyle(style);
   }
+
+  public void updateState(@Nullable StateWrapper stateWrapper) {
+    mStateWrapper = stateWrapper;
+  }
+
+  /**
+   * Called on any stabilized onScroll change to propagate content offset value to a Shadow Node.
+   */
+  private void updateStateOnScroll(int scrollX, int scrollY) {
+    if (mStateWrapper == null) {
+      return;
+    }
+
+    WritableMap map = new WritableNativeMap();
+    map.putDouble(CONTENT_OFFSET_LEFT, PixelUtil.toDIPFromPixel(scrollX));
+    map.putDouble(CONTENT_OFFSET_TOP, PixelUtil.toDIPFromPixel(scrollY));
+
+    mStateWrapper.updateState(map);
+  }
 }
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 a27a71bcc459e5..3f7b829d4eea08 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
@@ -11,7 +11,7 @@
 import android.view.ViewGroup;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.UIManagerHelper;
 
 /** Helper class that deals with emitting Scroll Events. */
 public class ReactScrollViewHelper {
@@ -57,9 +57,7 @@ private static void emitScrollEvent(
     }
 
     ReactContext reactContext = (ReactContext) scrollView.getContext();
-    reactContext
-        .getNativeModule(UIManagerModule.class)
-        .getEventDispatcher()
+    UIManagerHelper.getEventDispatcherForReactTag(reactContext, scrollView.getId())
         .dispatchEvent(
             ScrollEvent.obtain(
                 scrollView.getId(),
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 1c45db9880f081..51dc13166b0952 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
@@ -9,15 +9,19 @@
 
 import android.graphics.Color;
 import android.util.DisplayMetrics;
+import android.view.View;
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.RetryableMountingLayerException;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactClippingViewGroupHelper;
+import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.Spacing;
+import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.ViewProps;
@@ -83,6 +87,11 @@ public void setDecelerationRate(ReactScrollView view, float decelerationRate) {
     view.setDecelerationRate(decelerationRate);
   }
 
+  @ReactProp(name = "disableIntervalMomentum")
+  public void setDisableIntervalMomentum(ReactScrollView view, boolean disbaleIntervalMomentum) {
+    view.setDisableIntervalMomentum(disbaleIntervalMomentum);
+  }
+
   @ReactProp(name = "snapToInterval")
   public void setSnapToInterval(ReactScrollView view, float snapToInterval) {
     // snapToInterval needs to be exposed as a float because of the Javascript interface.
@@ -194,9 +203,9 @@ public void flashScrollIndicators(ReactScrollView scrollView) {
   public void scrollTo(
       ReactScrollView scrollView, ReactScrollViewCommandHelper.ScrollToCommandData data) {
     if (data.mAnimated) {
-      scrollView.smoothScrollTo(data.mDestX, data.mDestY);
+      scrollView.reactSmoothScrollTo(data.mDestX, data.mDestY);
     } else {
-      scrollView.scrollTo(data.mDestX, data.mDestY);
+      scrollView.reactScrollTo(data.mDestX, data.mDestY);
     }
   }
 
@@ -265,12 +274,17 @@ public void setOverflow(ReactScrollView view, @Nullable String overflow) {
   @Override
   public void scrollToEnd(
       ReactScrollView scrollView, ReactScrollViewCommandHelper.ScrollToEndCommandData data) {
+    View child = scrollView.getChildAt(0);
+    if (child == null) {
+      throw new RetryableMountingLayerException("scrollToEnd called on ScrollView without child");
+    }
+
     // ScrollView always has one child - the scrollable area
-    int bottom = scrollView.getChildAt(0).getHeight() + scrollView.getPaddingBottom();
+    int bottom = child.getHeight() + scrollView.getPaddingBottom();
     if (data.mAnimated) {
-      scrollView.smoothScrollTo(scrollView.getScrollX(), bottom);
+      scrollView.reactSmoothScrollTo(scrollView.getScrollX(), bottom);
     } else {
-      scrollView.scrollTo(scrollView.getScrollX(), bottom);
+      scrollView.reactScrollTo(scrollView.getScrollX(), bottom);
     }
   }
 
@@ -290,6 +304,13 @@ public void setFadingEdgeLength(ReactScrollView view, int value) {
     }
   }
 
+  @Override
+  public Object updateState(
+      ReactScrollView view, ReactStylesDiffMap props, @Nullable StateWrapper stateWrapper) {
+    view.updateState(stateWrapper);
+    return null;
+  }
+
   @Override
   public @Nullable Map<String, Object> getExportedCustomDirectEventTypeConstants() {
     return createExportedCustomDirectEventTypeConstants();
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 312c2ddff0caf7..9215864a9c6391 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
@@ -250,7 +250,8 @@ public long measure(
       float width,
       YogaMeasureMode widthMode,
       float height,
-      YogaMeasureMode heightMode) {
+      YogaMeasureMode heightMode,
+      @Nullable int[] attachmentsPositions) {
     SeekBar reactSlider = new ReactSlider(context, null, STYLE);
     final int spec =
         View.MeasureSpec.makeMeasureSpec(
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 82a993c6d293a4..5d7a4343db66d4 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
@@ -14,17 +14,19 @@
 import androidx.annotation.Nullable;
 import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
 import androidx.swiperefreshlayout.widget.SwipeRefreshLayout.OnRefreshListener;
+import com.facebook.react.bridge.ColorPropConverter;
 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;
-import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.ViewManagerDelegate;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
+import com.facebook.react.uimanager.events.EventDispatcher;
 import com.facebook.react.viewmanagers.AndroidSwipeRefreshLayoutManagerDelegate;
 import com.facebook.react.viewmanagers.AndroidSwipeRefreshLayoutManagerInterface;
 import java.util.Map;
@@ -67,7 +69,11 @@ public void setColors(ReactSwipeRefreshLayout view, @Nullable ReadableArray colo
     if (colors != null) {
       int[] colorValues = new int[colors.size()];
       for (int i = 0; i < colors.size(); i++) {
-        colorValues[i] = colors.getInt(i);
+        if (colors.getType(i) == ReadableType.Map) {
+          colorValues[i] = ColorPropConverter.getColor(colors.getMap(i), view.getContext());
+        } else {
+          colorValues[i] = colors.getInt(i);
+        }
       }
       view.setColorSchemeColors(colorValues);
     } else {
@@ -135,10 +141,11 @@ protected void addEventEmitters(
         new OnRefreshListener() {
           @Override
           public void onRefresh() {
-            reactContext
-                .getNativeModule(UIManagerModule.class)
-                .getEventDispatcher()
-                .dispatchEvent(new RefreshEvent(view.getId()));
+            EventDispatcher eventDispatcher =
+                UIManagerHelper.getEventDispatcherForReactTag(reactContext, view.getId());
+            if (eventDispatcher != null) {
+              eventDispatcher.dispatchEvent(new RefreshEvent(view.getId()));
+            }
           }
         });
   }
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 17e0df0ad47fd5..bd5336ad6b92d8 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
@@ -203,7 +203,8 @@ public long measure(
       float width,
       YogaMeasureMode widthMode,
       float height,
-      YogaMeasureMode heightMode) {
+      YogaMeasureMode heightMode,
+      @Nullable int[] attachmentsPositions) {
     ReactSwitch view = new ReactSwitch(context);
     view.setShowText(false);
     int measureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
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 eeaa0630c2bca6..1becdbacaf63d9 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
@@ -81,8 +81,8 @@ private static void apply(
       @Nullable String fontFeatureSettings,
       @Nullable String family,
       AssetManager assetManager) {
-    Typeface typeface = ReactTypefaceUtils.applyStyles(
-      paint.getTypeface(), style, weight, family, assetManager);
+    Typeface typeface =
+        ReactTypefaceUtils.applyStyles(paint.getTypeface(), style, weight, family, assetManager);
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
       paint.setFontFeatureSettings(fontFeatureSettings);
     }
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 a65cb4c39352f5..6835918b587d54 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
@@ -14,6 +14,7 @@
 import android.text.Layout;
 import android.text.Spannable;
 import android.text.SpannableStringBuilder;
+import android.text.TextUtils;
 import android.view.Gravity;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
@@ -34,7 +35,6 @@
 import java.util.HashMap;
 import java.util.List;
 import java.util.Map;
-import java.util.Objects;
 
 /**
  * {@link ReactShadowNode} abstract class for spannable text nodes.
@@ -65,6 +65,8 @@ public abstract class ReactBaseTextShadowNode extends LayoutShadowNode {
 
   public static final int DEFAULT_TEXT_SHADOW_COLOR = 0x55000000;
 
+  protected @Nullable ReactTextViewManagerCallback mReactTextViewManagerCallback;
+
   private static class SetSpanOperation {
     protected int start, end;
     protected ReactSpan what;
@@ -136,12 +138,18 @@ private static void buildSpannedFromShadowNode(
         YogaValue widthValue = child.getStyleWidth();
         YogaValue heightValue = child.getStyleHeight();
 
+        float width;
+        float height;
         if (widthValue.unit != YogaUnit.POINT || heightValue.unit != YogaUnit.POINT) {
-          throw new IllegalViewOperationException(
-              "Views nested within a <Text> must have a width and height");
+          // If the measurement of the child isn't calculated, we calculate the layout for the
+          // view using Yoga
+          child.calculateLayout();
+          width = child.getLayoutWidth();
+          height = child.getLayoutHeight();
+        } else {
+          width = widthValue.value;
+          height = heightValue.value;
         }
-        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
@@ -301,6 +309,10 @@ protected Spannable spannedFromShadowNode(
     textShadowNode.mTextAttributes.setHeightOfTallestInlineViewOrImage(
         heightOfTallestInlineViewOrImage);
 
+    if (mReactTextViewManagerCallback != null) {
+      mReactTextViewManagerCallback.onPostProcessSpannable(sb);
+    }
+
     return sb;
   }
 
@@ -361,16 +373,20 @@ protected Spannable spannedFromShadowNode(
    */
   protected @Nullable String mFontFamily = null;
 
-  /**
-   * @see android.graphics.Paint#setFontFeatureSettings
-   */
+  /** @see android.graphics.Paint#setFontFeatureSettings */
   protected @Nullable String mFontFeatureSettings = null;
 
   protected boolean mContainsImages = false;
   protected Map<Integer, ReactShadowNode> mInlineViews;
 
   public ReactBaseTextShadowNode() {
+    this(null);
+  }
+
+  public ReactBaseTextShadowNode(
+      @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
     mTextAttributes = new TextAttributes();
+    mReactTextViewManagerCallback = reactTextViewManagerCallback;
   }
 
   // Return text alignment according to LTR or RTL style
@@ -453,7 +469,7 @@ public void setFontSize(float fontSize) {
     markUpdated();
   }
 
-  @ReactProp(name = ViewProps.COLOR)
+  @ReactProp(name = ViewProps.COLOR, customType = "Color")
   public void setColor(@Nullable Integer color) {
     mIsColorSet = (color != null);
     if (mIsColorSet) {
@@ -496,7 +512,7 @@ public void setFontWeight(@Nullable String fontWeightString) {
   public void setFontVariant(@Nullable ReadableArray fontVariantArray) {
     String fontFeatureSettings = ReactTypefaceUtils.parseFontVariant(fontVariantArray);
 
-    if (!Objects.equals(fontFeatureSettings, mFontFeatureSettings)) {
+    if (!TextUtils.equals(fontFeatureSettings, mFontFeatureSettings)) {
       mFontFeatureSettings = fontFeatureSettings;
       markUpdated();
     }
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 38daaa9ed04413..2a3a5b604dd8ee 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
@@ -132,6 +132,11 @@ public long measure(
       };
 
   public ReactTextShadowNode() {
+    this(null);
+  }
+
+  public ReactTextShadowNode(@Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
+    super(reactTextViewManagerCallback);
     initMeasureFunction();
   }
 
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 a0105060541de5..68bfc3455e7fe6 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
@@ -34,6 +34,8 @@
 import com.facebook.react.uimanager.ReactCompoundView;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewDefaults;
+import com.facebook.react.uimanager.common.UIManagerType;
+import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
 import java.util.ArrayList;
@@ -66,7 +68,7 @@ public ReactTextView(Context context) {
     mDefaultGravityVertical = getGravity() & Gravity.VERTICAL_GRAVITY_MASK;
   }
 
-  private WritableMap inlineViewJson(
+  private static WritableMap inlineViewJson(
       int visibility, int index, int left, int top, int right, int bottom) {
     WritableMap json = Arguments.createMap();
     if (visibility == View.GONE) {
@@ -96,7 +98,9 @@ private ReactContext getReactContext() {
   @Override
   protected void onLayout(
       boolean changed, int textViewLeft, int textViewTop, int textViewRight, int textViewBottom) {
-    if (!(getText() instanceof Spanned)) {
+    // TODO T62882314: Delete this method when Fabric is fully released in OSS
+    if (!(getText() instanceof Spanned)
+        || ViewUtil.getUIManagerType(getId()) == UIManagerType.FABRIC) {
       /**
        * 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
@@ -114,12 +118,6 @@ protected void onLayout(
     }
 
     ReactContext reactContext = getReactContext();
-    if (!reactContext.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 = reactContext.getNativeModule(UIManagerModule.class);
 
     Spanned text = (Spanned) getText();
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 26239ca438009d..c6d739a586f03e 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
@@ -8,7 +8,6 @@
 package com.facebook.react.views.text;
 
 import android.content.Context;
-import android.text.Layout;
 import android.text.Spannable;
 import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableMap;
@@ -34,6 +33,8 @@ public class ReactTextViewManager
 
   @VisibleForTesting public static final String REACT_CLASS = "RCTText";
 
+  protected @Nullable ReactTextViewManagerCallback mReactTextViewManagerCallback;
+
   @Override
   public String getName() {
     return REACT_CLASS;
@@ -59,6 +60,11 @@ public ReactTextShadowNode createShadowNodeInstance() {
     return new ReactTextShadowNode();
   }
 
+  public ReactTextShadowNode createShadowNodeInstance(
+      @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
+    return new ReactTextShadowNode(reactTextViewManagerCallback);
+  }
+
   @Override
   public Class<ReactTextShadowNode> getShadowNodeClass() {
     return ReactTextShadowNode.class;
@@ -83,42 +89,20 @@ public Object updateState(
     ReadableMap paragraphAttributes = state.getMap("paragraphAttributes");
 
     Spannable spanned =
-        TextLayoutManager.getOrCreateSpannableForText(view.getContext(), attributedString);
+        TextLayoutManager.getOrCreateSpannableForText(
+            view.getContext(), attributedString, mReactTextViewManagerCallback);
     view.setSpanned(spanned);
 
-    TextAttributeProps textViewProps = new TextAttributeProps(props);
-
     int textBreakStrategy =
-        getTextBreakStrategy(paragraphAttributes.getString("textBreakStrategy"));
-
-    // TODO add justificationMode prop into local Data
-    int justificationMode = Layout.JUSTIFICATION_MODE_NONE;
+        TextAttributeProps.getTextBreakStrategy(paragraphAttributes.getString("textBreakStrategy"));
 
     return new ReactTextUpdate(
         spanned,
         state.hasKey("mostRecentEventCount") ? state.getInt("mostRecentEventCount") : -1,
         false, // TODO add this into local Data
-        textViewProps.getTextAlign(),
+        TextAttributeProps.getTextAlignment(props),
         textBreakStrategy,
-        justificationMode);
-  }
-
-  private int getTextBreakStrategy(@Nullable String textBreakStrategy) {
-    int androidTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
-    if (textBreakStrategy != null) {
-      switch (textBreakStrategy) {
-        case "simple":
-          androidTextBreakStrategy = Layout.BREAK_STRATEGY_SIMPLE;
-          break;
-        case "balanced":
-          androidTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
-          break;
-        default:
-          androidTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
-          break;
-      }
-    }
-    return androidTextBreakStrategy;
+        TextAttributeProps.getJustificationMode(props));
   }
 
   @Override
@@ -137,10 +121,19 @@ public long measure(
       float width,
       YogaMeasureMode widthMode,
       float height,
-      YogaMeasureMode heightMode) {
+      YogaMeasureMode heightMode,
+      @Nullable int[] attachmentsPositions) {
 
     return TextLayoutManager.measureText(
-        context, localData, props, width, widthMode, height, heightMode);
+        context,
+        localData,
+        props,
+        width,
+        widthMode,
+        height,
+        heightMode,
+        mReactTextViewManagerCallback,
+        attachmentsPositions);
   }
 
   @Override
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManagerCallback.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManagerCallback.java
new file mode 100644
index 00000000000000..16eeab59d70ea5
--- /dev/null
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManagerCallback.java
@@ -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.
+ */
+
+package com.facebook.react.views.text;
+
+import android.text.Spannable;
+
+/**
+ * This interface allows clients of {@link ReactTextViewManager} to customize or prepare {@link
+ * Spannable} object that represent text that will be rendered on the screen.
+ */
+public interface ReactTextViewManagerCallback {
+
+  /**
+   * Callback executed right after the {@link Spannable} object is created by React.
+   *
+   * <p>This callback can be used by different implementations of ReactTextViewManager to customize
+   * Spannable or extend managed created by React.
+   */
+  void onPostProcessSpannable(Spannable text);
+}
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 ca26c4f7a6d723..2562f450ea578f 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
@@ -20,6 +20,9 @@
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.yoga.YogaDirection;
 
+// TODO: T63643819 refactor naming of TextAttributeProps to make explicit that this represents
+// TextAttributes and not TextProps. As part of this refactor extract methods that don't belong to
+// TextAttributeProps (e.g. TextAlign)
 public class TextAttributeProps {
 
   private static final String INLINE_IMAGE_PLACEHOLDER = "I";
@@ -34,6 +37,11 @@ public class TextAttributeProps {
   private static final String PROP_TEXT_TRANSFORM = "textTransform";
 
   private static final int DEFAULT_TEXT_SHADOW_COLOR = 0x55000000;
+  private static final int DEFAULT_JUSTIFICATION_MODE =
+      (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
+
+  private static final int DEFAULT_BREAK_STRATEGY =
+      (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ? 0 : Layout.BREAK_STRATEGY_HIGH_QUALITY;
 
   protected float mLineHeight = Float.NaN;
   protected boolean mIsColorSet = false;
@@ -48,10 +56,7 @@ public class TextAttributeProps {
   protected float mLineHeightInput = UNSET;
   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;
-  protected int mJustificationMode =
-      (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) ? 0 : Layout.JUSTIFICATION_MODE_NONE;
+
   protected TextTransform mTextTransform = TextTransform.UNSET;
 
   protected float mTextShadowOffsetDx = 0;
@@ -93,9 +98,7 @@ public class TextAttributeProps {
    */
   protected @Nullable String mFontFamily = null;
 
-  /**
-   * @see android.graphics.Paint#setFontFeatureSettings
-   */
+  /** @see android.graphics.Paint#setFontFeatureSettings */
   protected @Nullable String mFontFeatureSettings = null;
 
   protected boolean mContainsImages = false;
@@ -109,7 +112,6 @@ public TextAttributeProps(ReactStylesDiffMap props) {
     setLineHeight(getFloatProp(ViewProps.LINE_HEIGHT, UNSET));
     setLetterSpacing(getFloatProp(ViewProps.LETTER_SPACING, Float.NaN));
     setAllowFontScaling(getBooleanProp(ViewProps.ALLOW_FONT_SCALING, true));
-    setTextAlign(getStringProp(ViewProps.TEXT_ALIGN));
     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);
@@ -123,13 +125,48 @@ public TextAttributeProps(ReactStylesDiffMap props) {
     setFontVariant(getArrayProp(ViewProps.FONT_VARIANT));
     setIncludeFontPadding(getBooleanProp(ViewProps.INCLUDE_FONT_PADDING, true));
     setTextDecorationLine(getStringProp(ViewProps.TEXT_DECORATION_LINE));
-    setTextBreakStrategy(getStringProp(ViewProps.TEXT_BREAK_STRATEGY));
     setTextShadowOffset(props.hasKey(PROP_SHADOW_OFFSET) ? props.getMap(PROP_SHADOW_OFFSET) : null);
     setTextShadowRadius(getIntProp(PROP_SHADOW_RADIUS, 1));
     setTextShadowColor(getIntProp(PROP_SHADOW_COLOR, DEFAULT_TEXT_SHADOW_COLOR));
     setTextTransform(getStringProp(PROP_TEXT_TRANSFORM));
   }
 
+  // TODO T63645393 add support for RTL
+  public static int getTextAlignment(ReactStylesDiffMap props) {
+    @Nullable
+    String textAlignPropValue =
+        props.hasKey(ViewProps.TEXT_ALIGN) ? props.getString(ViewProps.TEXT_ALIGN) : null;
+    int textAlignment;
+
+    if ("justify".equals(textAlignPropValue)) {
+      textAlignment = Gravity.LEFT;
+    } else {
+      if (textAlignPropValue == null || "auto".equals(textAlignPropValue)) {
+        textAlignment = Gravity.NO_GRAVITY;
+      } else if ("left".equals(textAlignPropValue)) {
+        textAlignment = Gravity.LEFT;
+      } else if ("right".equals(textAlignPropValue)) {
+        textAlignment = Gravity.RIGHT;
+      } else if ("center".equals(textAlignPropValue)) {
+        textAlignment = Gravity.CENTER_HORIZONTAL;
+      } else {
+        throw new JSApplicationIllegalArgumentException("Invalid textAlign: " + textAlignPropValue);
+      }
+    }
+    return textAlignment;
+  }
+
+  public static int getJustificationMode(ReactStylesDiffMap props) {
+    @Nullable
+    String textAlignPropValue =
+        props.hasKey(ViewProps.TEXT_ALIGN) ? props.getString(ViewProps.TEXT_ALIGN) : null;
+
+    if ("justify".equals(textAlignPropValue) && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+      return Layout.JUSTIFICATION_MODE_INTER_WORD;
+    }
+    return DEFAULT_JUSTIFICATION_MODE;
+  }
+
   private boolean getBooleanProp(String name, boolean defaultValue) {
     if (mProps.hasKey(name)) {
       return mProps.getBoolean(name, defaultValue);
@@ -180,19 +217,6 @@ public float getEffectiveLineHeight() {
     return useInlineViewHeight ? mHeightOfTallestInlineImage : mLineHeight;
   }
 
-  // Return text alignment according to LTR or RTL style
-  public int getTextAlign() {
-    int textAlign = mTextAlign;
-    if (getLayoutDirection() == YogaDirection.RTL) {
-      if (textAlign == Gravity.RIGHT) {
-        textAlign = Gravity.LEFT;
-      } else if (textAlign == Gravity.LEFT) {
-        textAlign = Gravity.RIGHT;
-      }
-    }
-    return textAlign;
-  }
-
   public void setNumberOfLines(int numberOfLines) {
     mNumberOfLines = numberOfLines == 0 ? UNSET : numberOfLines;
   }
@@ -237,31 +261,6 @@ public void setAllowFontScaling(boolean allowFontScaling) {
     }
   }
 
-  public void setTextAlign(@Nullable String textAlign) {
-    if ("justify".equals(textAlign)) {
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-        mJustificationMode = Layout.JUSTIFICATION_MODE_INTER_WORD;
-      }
-      mTextAlign = Gravity.LEFT;
-    } else {
-      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
-        mJustificationMode = Layout.JUSTIFICATION_MODE_NONE;
-      }
-
-      if (textAlign == null || "auto".equals(textAlign)) {
-        mTextAlign = Gravity.NO_GRAVITY;
-      } else if ("left".equals(textAlign)) {
-        mTextAlign = Gravity.LEFT;
-      } else if ("right".equals(textAlign)) {
-        mTextAlign = Gravity.RIGHT;
-      } else if ("center".equals(textAlign)) {
-        mTextAlign = Gravity.CENTER_HORIZONTAL;
-      } else {
-        throw new JSApplicationIllegalArgumentException("Invalid textAlign: " + textAlign);
-      }
-    }
-  }
-
   public void setFontSize(float fontSize) {
     mFontSizeInput = fontSize;
     if (fontSize != UNSET) {
@@ -352,23 +351,6 @@ public void setTextDecorationLine(@Nullable String textDecorationLineString) {
     }
   }
 
-  public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
-    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
-      return;
-    }
-
-    if (textBreakStrategy == null || "highQuality".equals(textBreakStrategy)) {
-      mTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
-    } else if ("simple".equals(textBreakStrategy)) {
-      mTextBreakStrategy = Layout.BREAK_STRATEGY_SIMPLE;
-    } else if ("balanced".equals(textBreakStrategy)) {
-      mTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
-    } else {
-      throw new JSApplicationIllegalArgumentException(
-          "Invalid textBreakStrategy: " + textBreakStrategy);
-    }
-  }
-
   public void setTextShadowOffset(ReadableMap offsetMap) {
     mTextShadowOffsetDx = 0;
     mTextShadowOffsetDy = 0;
@@ -413,6 +395,24 @@ public void setTextTransform(@Nullable String textTransform) {
     }
   }
 
+  public static int getTextBreakStrategy(@Nullable String textBreakStrategy) {
+    int androidTextBreakStrategy = DEFAULT_BREAK_STRATEGY;
+    if (textBreakStrategy != null) {
+      switch (textBreakStrategy) {
+        case "simple":
+          androidTextBreakStrategy = Layout.BREAK_STRATEGY_SIMPLE;
+          break;
+        case "balanced":
+          androidTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
+          break;
+        default:
+          androidTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
+          break;
+      }
+    }
+    return androidTextBreakStrategy;
+  }
+
   /**
    * Return -1 if the input string is not a valid numeric fontWeight (100, 200, ..., 900), otherwise
    * return the weight.
@@ -430,7 +430,7 @@ private static int parseNumericFontWeight(String fontWeightString) {
         : -1;
   }
 
-  // TODO T31905686 remove this from here and add support to RTL
+  // TODO T63645393 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/TextLayoutManager.java b/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
index 967189c6556a1d..93aaf3d4866466 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
@@ -19,10 +19,12 @@
 import android.text.StaticLayout;
 import android.text.TextPaint;
 import android.util.LruCache;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ReadableArray;
 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.YogaConstants;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
@@ -40,6 +42,8 @@ public class TextLayoutManager {
   // Specifies the amount of spannable that are stored into the {@link sSpannableCache}.
   private static final int spannableCacheSize = 100;
 
+  private static final String INLINE_VIEW_PLACEHOLDER = "0";
+
   private static final Object sSpannableCacheLock = new Object();
   private static LruCache<String, Spannable> sSpannableCache = new LruCache<>(spannableCacheSize);
 
@@ -59,10 +63,18 @@ private static void buildSpannableFromFragment(
 
       sb.append(TextTransform.apply(fragment.getString("string"), textAttributes.mTextTransform));
 
-      // TODO: add support for TextInlineImage and BaseText
-
       int end = sb.length();
-      if (end >= start) {
+      int reactTag = fragment.getInt("reactTag");
+      if (fragment.hasKey(ViewProps.IS_ATTACHMENT)
+          && fragment.getBoolean(ViewProps.IS_ATTACHMENT)) {
+        float width = PixelUtil.toPixelFromSP(fragment.getDouble(ViewProps.WIDTH));
+        float height = PixelUtil.toPixelFromSP(fragment.getDouble(ViewProps.HEIGHT));
+        ops.add(
+            new SetSpanOperation(
+                sb.length() - INLINE_VIEW_PLACEHOLDER.length(),
+                sb.length(),
+                new TextInlineViewPlaceholderSpan(reactTag, (int) width, (int) height)));
+      } else if (end >= start) {
         if (textAttributes.mIsColorSet) {
           ops.add(
               new SetSpanOperation(
@@ -119,7 +131,6 @@ private static void buildSpannableFromFragment(
                   start, end, new CustomLineHeightSpan(textAttributes.getEffectiveLineHeight())));
         }
 
-        int reactTag = fragment.getInt("reactTag");
         ops.add(new SetSpanOperation(start, end, new ReactTagSpan(reactTag)));
       }
     }
@@ -127,7 +138,9 @@ private static void buildSpannableFromFragment(
 
   // public because both ReactTextViewManager and ReactTextInputManager need to use this
   public static Spannable getOrCreateSpannableForText(
-      Context context, ReadableMap attributedString) {
+      Context context,
+      ReadableMap attributedString,
+      @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
 
     Spannable preparedSpannableText;
     String attributedStringPayload = attributedString.toString();
@@ -139,7 +152,9 @@ public static Spannable getOrCreateSpannableForText(
       }
     }
 
-    preparedSpannableText = createSpannableFromAttributedString(context, attributedString);
+    preparedSpannableText =
+        createSpannableFromAttributedString(
+            context, attributedString, reactTextViewManagerCallback);
     synchronized (sSpannableCacheLock) {
       sSpannableCache.put(attributedStringPayload, preparedSpannableText);
     }
@@ -147,7 +162,9 @@ public static Spannable getOrCreateSpannableForText(
   }
 
   private static Spannable createSpannableFromAttributedString(
-      Context context, ReadableMap attributedString) {
+      Context context,
+      ReadableMap attributedString,
+      @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
 
     SpannableStringBuilder sb = new SpannableStringBuilder();
 
@@ -168,6 +185,9 @@ private static Spannable createSpannableFromAttributedString(
       priority++;
     }
 
+    if (reactTextViewManagerCallback != null) {
+      reactTextViewManagerCallback.onPostProcessSpannable(sb);
+    }
     return sb;
   }
 
@@ -178,14 +198,17 @@ public static long measureText(
       float width,
       YogaMeasureMode widthYogaMeasureMode,
       float height,
-      YogaMeasureMode heightYogaMeasureMode) {
+      YogaMeasureMode heightYogaMeasureMode,
+      ReactTextViewManagerCallback reactTextViewManagerCallback,
+      @Nullable int[] attachmentsPositions) {
 
     // TODO(5578671): Handle text direction (see View#getTextDirectionHeuristic)
     TextPaint textPaint = sTextPaintInstance;
-    Spannable preparedSpannableText = getOrCreateSpannableForText(context, attributedString);
+    Spannable preparedSpannableText =
+        getOrCreateSpannableForText(context, attributedString, reactTextViewManagerCallback);
 
-    // TODO add these props to paragraph attributes
-    int textBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
+    int textBreakStrategy =
+        TextAttributeProps.getTextBreakStrategy(paragraphAttributes.getString("textBreakStrategy"));
     boolean includeFontPadding = true;
 
     if (preparedSpannableText == null) {
@@ -199,6 +222,7 @@ public static long measureText(
     boolean unconstrainedWidth = widthYogaMeasureMode == YogaMeasureMode.UNDEFINED || width < 0;
 
     Layout layout;
+    int spanLength = text.length();
     if (boring == null
         && (unconstrainedWidth
             || (!YogaConstants.isUndefined(desiredWidth) && desiredWidth <= width))) {
@@ -218,7 +242,7 @@ public static long measureText(
                 includeFontPadding);
       } else {
         layout =
-            StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, hintWidth)
+            StaticLayout.Builder.obtain(text, 0, spanLength, textPaint, hintWidth)
                 .setAlignment(Layout.Alignment.ALIGN_NORMAL)
                 .setLineSpacing(0.f, 1.f)
                 .setIncludePad(includeFontPadding)
@@ -255,7 +279,7 @@ public static long measureText(
                 includeFontPadding);
       } else {
         layout =
-            StaticLayout.Builder.obtain(text, 0, text.length(), textPaint, (int) width)
+            StaticLayout.Builder.obtain(text, 0, spanLength, textPaint, (int) width)
                 .setAlignment(Layout.Alignment.ALIGN_NORMAL)
                 .setLineSpacing(0.f, 1.f)
                 .setIncludePad(includeFontPadding)
@@ -270,16 +294,95 @@ public static long measureText(
             ? paragraphAttributes.getInt("maximumNumberOfLines")
             : UNSET;
 
-    width = layout.getWidth();
+    int calculatedWidth = layout.getWidth();
+    int calculatedHeight;
     if (maximumNumberOfLines != UNSET
         && maximumNumberOfLines != 0
         && maximumNumberOfLines < layout.getLineCount()) {
-      height = layout.getLineBottom(maximumNumberOfLines - 1);
+      calculatedHeight = layout.getLineBottom(maximumNumberOfLines - 1);
     } else {
-      height = layout.getHeight();
+      calculatedHeight = layout.getHeight();
+    }
+
+    // Calculate the positions of the attachments (views) that will be rendered inside the Spanned
+    // Text. The following logic is only executed when a text contains views inside. This
+    // follows a similar logic than used in pre-fabric (see ReactTextView.onLayout method).
+    int attachmentIndex = 0;
+    int lastAttachmentFoundInSpan;
+    for (int i = 0; i < spanLength; i = lastAttachmentFoundInSpan) {
+      lastAttachmentFoundInSpan =
+          text.nextSpanTransition(i, spanLength, TextInlineViewPlaceholderSpan.class);
+      TextInlineViewPlaceholderSpan[] placeholders =
+          text.getSpans(i, lastAttachmentFoundInSpan, TextInlineViewPlaceholderSpan.class);
+      for (TextInlineViewPlaceholderSpan placeholder : placeholders) {
+        int start = text.getSpanStart(placeholder);
+        int line = layout.getLineForOffset(start);
+        boolean isLineTruncated = layout.getEllipsisCount(line) > 0;
+        // 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.
+        if (!(isLineTruncated && start >= layout.getLineStart(line) + layout.getEllipsisStart(line))
+            || start >= layout.getLineEnd(line)) {
+          int placeholderWidth = placeholder.getWidth();
+          int placeholderHeight = placeholder.getHeight();
+          // Calculate if the direction of the placeholder character is Right-To-Left.
+          boolean isRtlChar = layout.isRtlCharAt(start);
+          boolean isRtlParagraph = layout.getParagraphDirection(line) == Layout.DIR_RIGHT_TO_LEFT;
+          int placeholderLeftPosition;
+          // There's a bug on Samsung devices where calling getPrimaryHorizontal on
+          // the last offset in the layout will result in an endless loop. Work around
+          // this bug by avoiding getPrimaryHorizontal in that case.
+          if (start == spanLength - 1) {
+            placeholderLeftPosition =
+                isRtlParagraph
+                    // Equivalent to `layout.getLineLeft(line)` but `getLineLeft` returns incorrect
+                    // values when the paragraph is RTL and `setSingleLine(true)`.
+                    ? calculatedWidth - (int) layout.getLineWidth(line)
+                    : (int) layout.getLineRight(line) - placeholderWidth;
+          } 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
+            // use primary, secondary otherwise.
+            boolean characterAndParagraphDirectionMatch = isRtlParagraph == isRtlChar;
+            placeholderLeftPosition =
+                characterAndParagraphDirectionMatch
+                    ? (int) layout.getPrimaryHorizontal(start)
+                    : (int) layout.getSecondaryHorizontal(start);
+            if (isRtlParagraph) {
+              // Adjust `placeholderLeftPosition` to work around an Android bug.
+              // The bug is when the paragraph is RTL and `setSingleLine(true)`, some layout
+              // methods such as `getPrimaryHorizontal`, `getSecondaryHorizontal`, and
+              // `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`.
+              placeholderLeftPosition =
+                  calculatedWidth - ((int) layout.getLineRight(line) - placeholderLeftPosition);
+            }
+            if (isRtlChar) {
+              placeholderLeftPosition -= placeholderWidth;
+            }
+          }
+          // Vertically align the inline view to the baseline of the line of text.
+          int placeholderTopPosition = layout.getLineBaseline(line) - placeholderHeight;
+          int attachmentPosition = attachmentIndex * 2;
+
+          // The attachment array returns the positions of each of the attachments as
+          attachmentsPositions[attachmentPosition] =
+              (int) PixelUtil.toSPFromPixel(placeholderTopPosition);
+          attachmentsPositions[attachmentPosition + 1] =
+              (int) PixelUtil.toSPFromPixel(placeholderLeftPosition);
+          attachmentIndex++;
+        }
+      }
     }
 
-    return YogaMeasureOutput.make(PixelUtil.toSPFromPixel(width), PixelUtil.toSPFromPixel(height));
+    return YogaMeasureOutput.make(
+        PixelUtil.toSPFromPixel(calculatedWidth), PixelUtil.toSPFromPixel(calculatedHeight));
   }
 
   // TODO T31905686: This class should be private
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 b7d46593804ec8..8b755be5593036 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
@@ -22,6 +22,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/modules/fresco:fresco"),
         react_native_target("java/com/facebook/react/uimanager:uimanager"),
         react_native_target("java/com/facebook/react/uimanager/annotations:annotations"),
+        react_native_target("java/com/facebook/react/views/image:image"),
         react_native_target("java/com/facebook/react/views/text:text"),
     ],
 )
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 8a67c108f60f42..e43ed0361e61e3 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
@@ -18,6 +18,7 @@
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableType;
+import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.views.text.ReactTextInlineImageShadowNode;
 import com.facebook.react.views.text.TextInlineImageSpan;
@@ -32,6 +33,7 @@ public class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineIm
   private final AbstractDraweeControllerBuilder mDraweeControllerBuilder;
   private final @Nullable Object mCallerContext;
   private float mWidth = YogaConstants.UNDEFINED;
+  private @Nullable String mResizeMode;
   private float mHeight = YogaConstants.UNDEFINED;
   private int mTintColor = 0;
 
@@ -97,6 +99,11 @@ public void setHeight(Dynamic height) {
     }
   }
 
+  @ReactProp(name = ViewProps.RESIZE_MODE)
+  public void setResizeMode(@Nullable String resizeMode) {
+    mResizeMode = resizeMode;
+  }
+
   public @Nullable Uri getUri() {
     return mUri;
   }
@@ -136,7 +143,8 @@ public TextInlineImageSpan buildInlineImageSpan() {
         getUri(),
         getHeaders(),
         getDraweeControllerBuilder(),
-        getCallerContext());
+        getCallerContext(),
+        mResizeMode);
   }
 
   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 18059d133950c3..653ff3490f1510 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
@@ -16,6 +16,7 @@
 import android.widget.TextView;
 import androidx.annotation.Nullable;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
+import com.facebook.drawee.drawable.ScalingUtils;
 import com.facebook.drawee.generic.GenericDraweeHierarchy;
 import com.facebook.drawee.generic.GenericDraweeHierarchyBuilder;
 import com.facebook.drawee.interfaces.DraweeController;
@@ -25,6 +26,7 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.modules.fresco.ReactNetworkImageRequest;
 import com.facebook.react.uimanager.PixelUtil;
+import com.facebook.react.views.image.ImageResizeMode;
 import com.facebook.react.views.text.TextInlineImageSpan;
 
 /**
@@ -50,6 +52,7 @@ public class FrescoBasedReactTextInlineImageSpan extends TextInlineImageSpan {
   private Uri mUri;
   private int mWidth;
   private ReadableMap mHeaders;
+  private String mResizeMode;
 
   private @Nullable TextView mTextView;
 
@@ -61,7 +64,8 @@ public FrescoBasedReactTextInlineImageSpan(
       @Nullable Uri uri,
       ReadableMap headers,
       AbstractDraweeControllerBuilder draweeControllerBuilder,
-      @Nullable Object callerContext) {
+      @Nullable Object callerContext,
+      String resizeMode) {
     mDraweeHolder = new DraweeHolder(GenericDraweeHierarchyBuilder.newInstance(resources).build());
     mDraweeControllerBuilder = draweeControllerBuilder;
     mCallerContext = callerContext;
@@ -70,6 +74,7 @@ public FrescoBasedReactTextInlineImageSpan(
     mHeaders = headers;
     mWidth = (int) (PixelUtil.toPixelFromDIP(width));
     mHeight = (int) (PixelUtil.toPixelFromDIP(height));
+    mResizeMode = resizeMode;
   }
 
   /**
@@ -130,7 +135,7 @@ public void draw(
       ImageRequestBuilder imageRequestBuilder = ImageRequestBuilder.newBuilderWithSource(mUri);
       ImageRequest imageRequest =
           ReactNetworkImageRequest.fromBuilderWithHeaders(imageRequestBuilder, mHeaders);
-
+      mDraweeHolder.getHierarchy().setActualImageScaleType(getResizeMode(mResizeMode));
       DraweeController draweeController =
           mDraweeControllerBuilder
               .reset()
@@ -163,6 +168,10 @@ public void draw(
     canvas.restore();
   }
 
+  private ScalingUtils.ScaleType getResizeMode(String resizeMode) {
+    return ImageResizeMode.toScaleType(resizeMode);
+  }
+
   @Override
   public int getWidth() {
     return mWidth;
diff --git a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK
index 9e80b0240bb9dd..745cfe2b89e8f0 100644
--- a/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK
+++ b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/BUCK
@@ -4,13 +4,6 @@ rn_android_library(
     name = "textinput",
     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"),
-    ],
     required_for_source_only_abi = True,
     visibility = [
         "PUBLIC",
@@ -31,4 +24,7 @@ rn_android_library(
         react_native_target("java/com/facebook/react/views/text:text"),
         react_native_target("java/com/facebook/react/views/view:view"),
     ],
+    exported_deps = [
+        react_native_dep("third-party/android/androidx:appcompat"),
+    ],
 )
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 bf88584801aca6..86ae295b262c43 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
@@ -7,6 +7,8 @@
 
 package com.facebook.react.views.textinput;
 
+import static com.facebook.react.uimanager.UIManagerHelper.getReactContext;
+
 import android.content.Context;
 import android.graphics.Rect;
 import android.graphics.Typeface;
@@ -30,8 +32,8 @@
 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.appcompat.widget.AppCompatEditText;
 import androidx.core.view.AccessibilityDelegateCompat;
 import androidx.core.view.ViewCompat;
 import com.facebook.infer.annotation.Assertions;
@@ -59,24 +61,20 @@
  * called this explicitly. This is the default behavior on other platforms as well.
  * VisibleForTesting from {@link TextInputEventsTestCase}.
  */
-public class ReactEditText extends EditText {
+public class ReactEditText extends AppCompatEditText {
 
   private final InputMethodManager mInputMethodManager;
   // 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.
   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, except for accessibility click, it will be ignored.
-  private boolean mShouldAllowFocus;
   private int mDefaultGravityHorizontal;
   private int mDefaultGravityVertical;
 
   /** A count of events sent to JS or C++. */
   protected int mNativeEventCount;
 
-  /** The most recent event number acked by JavaScript. Should only be updated from JS, not C++. */
-  protected int mMostRecentEventCount;
+  private static final int UNSET = -1;
 
   private @Nullable ArrayList<TextWatcher> mListeners;
   private @Nullable TextWatcherDelegator mTextWatcherDelegator;
@@ -96,6 +94,8 @@ public class ReactEditText extends EditText {
   private @Nullable String mFontFamily = null;
   private int mFontWeight = ReactTypefaceUtils.UNSET;
   private int mFontStyle = ReactTypefaceUtils.UNSET;
+  private boolean mAutoFocus = false;
+  private boolean mDidAttachToWindow = false;
 
   private ReactViewBackgroundManager mReactBackgroundManager;
 
@@ -114,14 +114,12 @@ public ReactEditText(Context context) {
     mReactBackgroundManager = new ReactViewBackgroundManager(this);
     mInputMethodManager =
         (InputMethodManager)
-            Assertions.assertNotNull(getContext().getSystemService(Context.INPUT_METHOD_SERVICE));
+            Assertions.assertNotNull(context.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;
-    mShouldAllowFocus = false;
     mBlurOnSubmit = null;
     mDisableFullscreen = false;
     mListeners = null;
@@ -146,10 +144,7 @@ public ReactEditText(Context context) {
           @Override
           public boolean performAccessibilityAction(View host, int action, Bundle args) {
             if (action == AccessibilityNodeInfo.ACTION_CLICK) {
-              mShouldAllowFocus = true;
-              requestFocus();
-              mShouldAllowFocus = false;
-              return true;
+              return requestFocusInternal();
             }
             return super.performAccessibilityAction(host, action, args);
           }
@@ -219,7 +214,7 @@ protected void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert) {
 
   @Override
   public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
-    ReactContext reactContext = (ReactContext) getContext();
+    ReactContext reactContext = getReactContext(this);
     InputConnection inputConnection = super.onCreateInputConnection(outAttrs);
     if (inputConnection != null && mOnKeyPress) {
       inputConnection =
@@ -242,18 +237,18 @@ public void clearFocus() {
 
   @Override
   public boolean requestFocus(int direction, Rect previouslyFocusedRect) {
-    // Always return true if we are already focused. This is used by android in certain places,
-    // such as text selection.
-    if (isFocused()) {
-      return true;
-    }
-
-    if (!mShouldAllowFocus) {
-      return false;
-    }
+    // This is a no-op so that when the OS calls requestFocus(), nothing will happen. ReactEditText
+    // is a controlled component, which means its focus is controlled by JS, with two exceptions:
+    // autofocus when it's attached to the window, and responding to accessibility events. In both
+    // of these cases, we call requestFocusInternal() directly.
+    return isFocused();
+  }
 
+  private boolean requestFocusInternal() {
     setFocusableInTouchMode(true);
-    boolean focused = super.requestFocus(direction, previouslyFocusedRect);
+    // We must explicitly call this method on the super class; if we call requestFocus() without
+    // any arguments, it will call into the overridden requestFocus(int, Rect) above, which no-ops.
+    boolean focused = super.requestFocus(View.FOCUS_DOWN, null);
     if (getShowSoftInputOnFocus()) {
       showSoftKeyboard();
     }
@@ -286,21 +281,30 @@ public void setContentSizeWatcher(ContentSizeWatcher contentSizeWatcher) {
     mContentSizeWatcher = contentSizeWatcher;
   }
 
-  public void setMostRecentEventCount(int mostRecentEventCount) {
-    mMostRecentEventCount = mostRecentEventCount;
-  }
-
   public void setScrollWatcher(ScrollWatcher scrollWatcher) {
     mScrollWatcher = scrollWatcher;
   }
 
-  @Override
-  public void setSelection(int start, int end) {
-    // Skip setting the selection if the text wasn't set because of an out of date value.
-    if (mMostRecentEventCount < mNativeEventCount) {
+  /**
+   * Attempt to set a selection or fail silently. Intentionally meant to handle bad inputs.
+   * EventCounter is the same one used as with text.
+   *
+   * @param eventCounter
+   * @param start
+   * @param end
+   */
+  public void maybeSetSelection(int eventCounter, int start, int end) {
+    if (!canUpdateWithEventCount(eventCounter)) {
       return;
     }
 
+    if (start != UNSET && end != UNSET) {
+      setSelection(start, end);
+    }
+  }
+
+  @Override
+  public void setSelection(int start, int end) {
     super.setSelection(start, end);
   }
 
@@ -437,9 +441,7 @@ public void maybeUpdateTypeface() {
 
   // VisibleForTesting from {@link TextInputEventsTestCase}.
   public void requestFocusFromJS() {
-    mShouldAllowFocus = true;
-    requestFocus();
-    mShouldAllowFocus = false;
+    requestFocusInternal();
   }
 
   /* package */ void clearFocusFromJS() {
@@ -463,6 +465,10 @@ public void maybeSetTextFromState(ReactTextUpdate reactTextUpdate) {
     mIsSettingTextFromState = false;
   }
 
+  public boolean canUpdateWithEventCount(int eventCounter) {
+    return eventCounter >= mNativeEventCount;
+  }
+
   // VisibleForTesting from {@link TextInputEventsTestCase}.
   public void maybeSetText(ReactTextUpdate reactTextUpdate) {
     if (isSecureText() && TextUtils.equals(getText(), reactTextUpdate.getText())) {
@@ -470,8 +476,7 @@ public void maybeSetText(ReactTextUpdate reactTextUpdate) {
     }
 
     // Only set the text if it is up to date.
-    mMostRecentEventCount = reactTextUpdate.getJsEventCounter();
-    if (mMostRecentEventCount < mNativeEventCount) {
+    if (!canUpdateWithEventCount(reactTextUpdate.getJsEventCounter())) {
       return;
     }
 
@@ -482,7 +487,7 @@ public void maybeSetText(ReactTextUpdate reactTextUpdate) {
     // The current text gets replaced with the text received from JS. However, the spans on the
     // current text need to be adapted to the new text. Since TextView#setText() will remove or
     // reset some of these spans even if they are set directly, SpannableStringBuilder#replace() is
-    // used instead (this is also used by the the keyboard implementation underneath the covers).
+    // used instead (this is also used by the keyboard implementation underneath the covers).
     SpannableStringBuilder spannableStringBuilder =
         new SpannableStringBuilder(reactTextUpdate.getText());
     manageSpans(spannableStringBuilder);
@@ -601,7 +606,7 @@ private void setIntrinsicContentSize() {
     // Since the LocalData object is constructed by getting values from the underlying EditText
     // view, we don't need to construct one or apply it at all - it provides no use in Fabric.
     if (mStateWrapper == null) {
-      ReactContext reactContext = (ReactContext) getContext();
+      ReactContext reactContext = getReactContext(this);
       final ReactTextInputLocalData localData = new ReactTextInputLocalData(this);
       UIManagerModule uiManager = reactContext.getNativeModule(UIManagerModule.class);
       uiManager.setViewLocalData(getId(), localData);
@@ -724,6 +729,12 @@ public void onAttachedToWindow() {
         span.onAttachedToWindow();
       }
     }
+
+    if (mAutoFocus && !mDidAttachToWindow) {
+      requestFocusInternal();
+    }
+
+    mDidAttachToWindow = true;
   }
 
   @Override
@@ -787,6 +798,10 @@ public void setMaxFontSizeMultiplier(float maxFontSizeMultiplier) {
     }
   }
 
+  public void setAutoFocus(boolean autoFocus) {
+    mAutoFocus = autoFocus;
+  }
+
   protected void applyTextAttributes() {
     // In general, the `getEffective*` functions return `Float.NaN` if the
     // property hasn't been set.
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 47ae56222e9a93..7765147af55231 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
@@ -7,6 +7,12 @@
 
 package com.facebook.react.views.textinput;
 
+import static com.facebook.react.uimanager.UIManagerHelper.getReactContext;
+
+import android.content.Context;
+import android.content.res.ColorStateList;
+import android.graphics.BlendMode;
+import android.graphics.BlendModeColorFilter;
 import android.graphics.PorterDuff;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
@@ -21,9 +27,11 @@
 import android.view.KeyEvent;
 import android.view.View;
 import android.view.inputmethod.EditorInfo;
+import android.widget.EditText;
 import android.widget.TextView;
 import androidx.annotation.Nullable;
 import androidx.core.content.ContextCompat;
+import androidx.core.view.ViewCompat;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.Dynamic;
@@ -31,6 +39,7 @@
 import com.facebook.react.bridge.JavaOnlyArray;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactSoftException;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableNativeMap;
@@ -48,6 +57,7 @@
 import com.facebook.react.uimanager.Spacing;
 import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.uimanager.ViewProps;
@@ -58,7 +68,9 @@
 import com.facebook.react.views.scroll.ScrollEvent;
 import com.facebook.react.views.scroll.ScrollEventType;
 import com.facebook.react.views.text.DefaultStyleValuesUtil;
+import com.facebook.react.views.text.ReactBaseTextShadowNode;
 import com.facebook.react.views.text.ReactTextUpdate;
+import com.facebook.react.views.text.ReactTextViewManagerCallback;
 import com.facebook.react.views.text.TextAttributeProps;
 import com.facebook.react.views.text.TextInlineImageSpan;
 import com.facebook.react.views.text.TextLayoutManager;
@@ -90,12 +102,6 @@ public class ReactTextInputManager extends BaseViewManager<ReactEditText, Layout
       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 AUTOCAPITALIZE_FLAGS =
       InputType.TYPE_TEXT_FLAG_CAP_SENTENCES
           | InputType.TYPE_TEXT_FLAG_CAP_WORDS
@@ -110,6 +116,8 @@ public class ReactTextInputManager extends BaseViewManager<ReactEditText, Layout
   private static final InputFilter[] EMPTY_FILTERS = new InputFilter[0];
   private static final int UNSET = -1;
 
+  protected @Nullable ReactTextViewManagerCallback mReactTextViewManagerCallback;
+
   @Override
   public String getName() {
     return REACT_CLASS;
@@ -125,10 +133,15 @@ public ReactEditText createViewInstance(ThemedReactContext context) {
   }
 
   @Override
-  public LayoutShadowNode createShadowNodeInstance() {
+  public ReactBaseTextShadowNode createShadowNodeInstance() {
     return new ReactTextInputShadowNode();
   }
 
+  public ReactBaseTextShadowNode createShadowNodeInstance(
+      @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
+    return new ReactTextInputShadowNode(reactTextViewManagerCallback);
+  }
+
   @Override
   public Class<? extends LayoutShadowNode> getShadowNodeClass() {
     return ReactTextInputShadowNode.class;
@@ -197,7 +210,7 @@ public void receiveCommand(
         this.receiveCommand(reactEditText, "blur", args);
         break;
       case SET_MOST_RECENT_EVENT_COUNT:
-        this.receiveCommand(reactEditText, "setMostRecentEventCount", args);
+        // TODO: delete, this is no longer used from JS
         break;
       case SET_TEXT_AND_SELECTION:
         this.receiveCommand(reactEditText, "setTextAndSelection", args);
@@ -217,27 +230,23 @@ public void receiveCommand(
       case "blurTextInput":
         reactEditText.clearFocusFromJS();
         break;
-      case "setMostRecentEventCount":
-        reactEditText.setMostRecentEventCount(args.getInt(0));
-        break;
       case "setTextAndSelection":
         int mostRecentEventCount = args.getInt(0);
-        reactEditText.setMostRecentEventCount(mostRecentEventCount);
-
-        if (mostRecentEventCount != UNSET) {
-          String text = args.getString(1);
+        if (mostRecentEventCount == UNSET) {
+          return;
+        }
 
-          int start = args.getInt(2);
-          int end = args.getInt(3);
-          if (end == UNSET) {
-            end = start;
-          }
+        String text = args.getString(1);
 
-          // TODO: construct a ReactTextUpdate and use that with maybeSetText
-          // instead of calling setText, etc directly - doing that will definitely cause bugs.
-          reactEditText.maybeSetTextFromJS(
-              getReactTextUpdate(text, mostRecentEventCount, start, end));
+        int start = args.getInt(2);
+        int end = args.getInt(3);
+        if (end == UNSET) {
+          end = start;
         }
+
+        reactEditText.maybeSetTextFromJS(
+            getReactTextUpdate(text, mostRecentEventCount, start, end));
+        reactEditText.maybeSetSelection(mostRecentEventCount, start, end);
         break;
     }
   }
@@ -279,8 +288,8 @@ public void updateExtraData(ReactEditText view, Object extraData) {
         TextInlineImageSpan.possiblyUpdateInlineImageSpans(spannable, view);
       }
       view.maybeSetTextFromState(update);
-      if (update.getSelectionStart() != UNSET && update.getSelectionEnd() != UNSET)
-        view.setSelection(update.getSelectionStart(), update.getSelectionEnd());
+      view.maybeSetSelection(
+          update.getJsEventCounter(), update.getSelectionStart(), update.getSelectionEnd());
     }
   }
 
@@ -423,8 +432,27 @@ public void setSelectionColor(ReactEditText view, @Nullable Integer color) {
 
   @ReactProp(name = "cursorColor", customType = "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.
+    if (color == null) {
+      return;
+    }
+
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      Drawable cursorDrawable = view.getTextCursorDrawable();
+      if (cursorDrawable != null) {
+        cursorDrawable.setColorFilter(new BlendModeColorFilter(color, BlendMode.SRC_IN));
+        view.setTextCursorDrawable(cursorDrawable);
+      }
+      return;
+    }
+
+    if (Build.VERSION.SDK_INT == Build.VERSION_CODES.P) {
+      // Pre-Android 10, there was no supported API to change the cursor color programmatically.
+      // In Android 9.0, they changed the underlying implementation,
+      // but also "dark greylisted" the new field, rendering it unusable.
+      return;
+    }
+
+    // The evil code that follows uses reflection to achieve this on Android 8.1 and below.
     // Based on
     // http://stackoverflow.com/questions/25996032/how-to-change-programatically-edittext-cursor-color-in-android.
     try {
@@ -439,9 +467,7 @@ public void setCursorColor(ReactEditText view, @Nullable Integer color) {
       }
 
       Drawable drawable = ContextCompat.getDrawable(view.getContext(), drawableResId);
-      if (color != null) {
-        drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
-      }
+      drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
       Drawable[] drawables = {drawable, drawable};
 
       // Update the current cursor drawable with the new one.
@@ -458,11 +484,6 @@ public void setCursorColor(ReactEditText view, @Nullable Integer color) {
     }
   }
 
-  @ReactProp(name = "mostRecentEventCount", defaultInt = 0)
-  public void setMostRecentEventCount(ReactEditText view, int mostRecentEventCount) {
-    view.setMostRecentEventCount(mostRecentEventCount);
-  }
-
   @ReactProp(name = "caretHidden", defaultBoolean = false)
   public void setCaretHidden(ReactEditText view, boolean caretHidden) {
     view.setCursorVisible(!caretHidden);
@@ -487,7 +508,19 @@ public void setSelectTextOnFocus(ReactEditText view, boolean selectTextOnFocus)
   @ReactProp(name = ViewProps.COLOR, customType = "Color")
   public void setColor(ReactEditText view, @Nullable Integer color) {
     if (color == null) {
-      view.setTextColor(DefaultStyleValuesUtil.getDefaultTextColor(view.getContext()));
+      ColorStateList defaultContextTextColor =
+          DefaultStyleValuesUtil.getDefaultTextColor(view.getContext());
+
+      if (defaultContextTextColor != null) {
+        view.setTextColor(defaultContextTextColor);
+      } else {
+        Context c = view.getContext();
+        ReactSoftException.logSoftException(
+            TAG,
+            new IllegalStateException(
+                "Could not get default text color from View Context: "
+                    + (c != null ? c.getClass().getCanonicalName() : "null")));
+      }
     } else {
       view.setTextColor(color);
     }
@@ -738,8 +771,7 @@ public void setKeyboardType(ReactEditText view, @Nullable String keyboardType) {
       unsettingFlagsBreaksAutocomplete = true;
     }
 
-    updateStagedInputTypeFlag(
-        view, (unsettingFlagsBreaksAutocomplete ? 0 : KEYBOARD_TYPE_FLAGS), flagsToSet);
+    updateStagedInputTypeFlag(view, InputType.TYPE_MASK_CLASS, flagsToSet);
     checkPasswordType(view);
   }
 
@@ -791,6 +823,11 @@ public void showKeyboardOnFocus(ReactEditText view, boolean showKeyboardOnFocus)
     view.setShowSoftInputOnFocus(showKeyboardOnFocus);
   }
 
+  @ReactProp(name = "autoFocus", defaultBoolean = false)
+  public void setAutoFocus(ReactEditText view, boolean autoFocus) {
+    view.setAutoFocus(autoFocus);
+  }
+
   @ReactPropGroup(
       names = {
         ViewProps.BORDER_WIDTH,
@@ -845,6 +882,11 @@ private static void updateStagedInputTypeFlag(
     view.setStagedInputType((view.getStagedInputType() & ~flagsToUnset) | flagsToSet);
   }
 
+  private static EventDispatcher getEventDispatcher(
+      ReactContext reactContext, ReactEditText editText) {
+    return UIManagerHelper.getEventDispatcherForReactTag(reactContext, editText.getId());
+  }
+
   private class ReactTextInputTextWatcher implements TextWatcher {
 
     private EventDispatcher mEventDispatcher;
@@ -853,7 +895,7 @@ private class ReactTextInputTextWatcher implements TextWatcher {
 
     public ReactTextInputTextWatcher(
         final ReactContext reactContext, final ReactEditText editText) {
-      mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+      mEventDispatcher = getEventDispatcher(reactContext, editText);
       mEditText = editText;
       mPreviousText = null;
     }
@@ -991,8 +1033,7 @@ protected void addEventEmitters(
     editText.setOnFocusChangeListener(
         new View.OnFocusChangeListener() {
           public void onFocusChange(View v, boolean hasFocus) {
-            EventDispatcher eventDispatcher =
-                reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+            EventDispatcher eventDispatcher = getEventDispatcher(reactContext, editText);
             if (hasFocus) {
               eventDispatcher.dispatchEvent(new ReactTextInputFocusEvent(editText.getId()));
             } else {
@@ -1022,9 +1063,7 @@ public boolean onEditorAction(TextView v, int actionId, KeyEvent keyEvent) {
               // * !blurOnSubmit && !isMultiline => Prevent default behaviour (return true).
               // Additionally we always generate a `submit` event.
 
-              EventDispatcher eventDispatcher =
-                  reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
-
+              EventDispatcher eventDispatcher = getEventDispatcher(reactContext, editText);
               eventDispatcher.dispatchEvent(
                   new ReactTextInputSubmitEditingEvent(
                       editText.getId(), editText.getText().toString()));
@@ -1063,7 +1102,7 @@ private class ReactContentSizeWatcher implements ContentSizeWatcher {
 
     public ReactContentSizeWatcher(ReactEditText editText) {
       mEditText = editText;
-      ReactContext reactContext = (ReactContext) editText.getContext();
+      ReactContext reactContext = getReactContext(editText);
       mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     }
 
@@ -1106,8 +1145,9 @@ private class ReactSelectionWatcher implements SelectionWatcher {
 
     public ReactSelectionWatcher(ReactEditText editText) {
       mReactEditText = editText;
-      ReactContext reactContext = (ReactContext) editText.getContext();
-      mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+
+      ReactContext reactContext = getReactContext(editText);
+      mEventDispatcher = getEventDispatcher(reactContext, editText);
     }
 
     @Override
@@ -1140,8 +1180,8 @@ private class ReactScrollWatcher implements ScrollWatcher {
 
     public ReactScrollWatcher(ReactEditText editText) {
       mReactEditText = editText;
-      ReactContext reactContext = (ReactContext) editText.getContext();
-      mEventDispatcher = reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
+      ReactContext reactContext = getReactContext(editText);
+      mEventDispatcher = getEventDispatcher(reactContext, editText);
     }
 
     @Override
@@ -1188,45 +1228,62 @@ public void setPadding(ReactEditText view, int left, int top, int right, int bot
     view.setPadding(left, top, right, bottom);
   }
 
-  // This is copied from ReactTextViewManager
-  // TODO: this should be from a common class or a static method somewhere
-  private int getTextBreakStrategy(@Nullable String textBreakStrategy) {
-    int androidTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
-    if (textBreakStrategy != null) {
-      switch (textBreakStrategy) {
-        case "simple":
-          androidTextBreakStrategy = Layout.BREAK_STRATEGY_SIMPLE;
-          break;
-        case "balanced":
-          androidTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
-          break;
-        default:
-          androidTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
-          break;
-      }
-    }
-    return androidTextBreakStrategy;
+  /**
+   * May be overriden by subclasses that would like to provide their own instance of the internal
+   * {@code EditText} this class uses to determine the expected size of the view.
+   */
+  protected EditText createInternalEditText(ThemedReactContext themedReactContext) {
+    return new EditText(themedReactContext);
   }
 
   @Override
   public Object updateState(
       ReactEditText view, ReactStylesDiffMap props, @Nullable StateWrapper stateWrapper) {
-    // TODO T55794595: Add support for updating state with null stateWrapper
     ReadableNativeMap state = stateWrapper.getState();
+
+    // Do we need to communicate theme back to C++?
+    // If so, this should only need to be done once per surface.
+    if (!state.getBoolean("hasThemeData")) {
+      WritableNativeMap update = new WritableNativeMap();
+
+      ReactContext reactContext = UIManagerHelper.getReactContext(view);
+      if (reactContext instanceof ThemedReactContext) {
+        ThemedReactContext themedReactContext = (ThemedReactContext) reactContext;
+        EditText editText = createInternalEditText(themedReactContext);
+
+        // Even though we check `data["textChanged"].empty()` before using the value in C++,
+        // state updates crash without this value on key exception. It's unintuitive why
+        // folly::dynamic is crashing there and if there's any way to fix on the native side,
+        // so leave this here until we can figure out a better way of key-existence-checking in C++.
+        update.putNull("textChanged");
+
+        update.putDouble(
+            "themePaddingStart", PixelUtil.toDIPFromPixel(ViewCompat.getPaddingStart(editText)));
+        update.putDouble(
+            "themePaddingEnd", PixelUtil.toDIPFromPixel(ViewCompat.getPaddingEnd(editText)));
+        update.putDouble("themePaddingTop", PixelUtil.toDIPFromPixel(editText.getPaddingTop()));
+        update.putDouble(
+            "themePaddingBottom", PixelUtil.toDIPFromPixel(editText.getPaddingBottom()));
+
+        stateWrapper.updateState(update);
+      } else {
+        ReactSoftException.logSoftException(
+            TAG,
+            new IllegalStateException(
+                "ReactContext is not a ThemedReactContent: "
+                    + (reactContext != null ? reactContext.getClass().getName() : "null")));
+      }
+    }
+
     ReadableMap attributedString = state.getMap("attributedString");
     ReadableMap paragraphAttributes = state.getMap("paragraphAttributes");
 
     Spannable spanned =
-        TextLayoutManager.getOrCreateSpannableForText(view.getContext(), attributedString);
-    //    view.setSpanned(spanned);
-
-    TextAttributeProps textViewProps = new TextAttributeProps(props);
+        TextLayoutManager.getOrCreateSpannableForText(
+            view.getContext(), attributedString, mReactTextViewManagerCallback);
 
     int textBreakStrategy =
-        getTextBreakStrategy(paragraphAttributes.getString("textBreakStrategy"));
-
-    // TODO add justificationMode prop into local Data
-    int justificationMode = Layout.JUSTIFICATION_MODE_NONE;
+        TextAttributeProps.getTextBreakStrategy(paragraphAttributes.getString("textBreakStrategy"));
 
     view.mStateWrapper = stateWrapper;
 
@@ -1234,9 +1291,9 @@ public Object updateState(
         spanned,
         state.getInt("mostRecentEventCount"),
         false, // TODO add this into local Data
-        textViewProps.getTextAlign(),
+        TextAttributeProps.getTextAlignment(props),
         textBreakStrategy,
-        justificationMode,
+        TextAttributeProps.getJustificationMode(props),
         attributedString);
   }
 }
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 f722bf6a163ad9..a9c3ff91d82607 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
@@ -25,6 +25,7 @@
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.views.text.ReactBaseTextShadowNode;
 import com.facebook.react.views.text.ReactTextUpdate;
+import com.facebook.react.views.text.ReactTextViewManagerCallback;
 import com.facebook.react.views.view.MeasureUtil;
 import com.facebook.yoga.YogaMeasureFunction;
 import com.facebook.yoga.YogaMeasureMode;
@@ -50,7 +51,9 @@ public class ReactTextInputShadowNode extends ReactBaseTextShadowNode
   private int mSelectionStart = UNSET;
   private int mSelectionEnd = UNSET;
 
-  public ReactTextInputShadowNode() {
+  public ReactTextInputShadowNode(
+      @Nullable ReactTextViewManagerCallback reactTextViewManagerCallback) {
+    super(reactTextViewManagerCallback);
     mTextBreakStrategy =
         (Build.VERSION.SDK_INT < Build.VERSION_CODES.M)
             ? Layout.BREAK_STRATEGY_SIMPLE
@@ -59,6 +62,10 @@ public ReactTextInputShadowNode() {
     initMeasureFunction();
   }
 
+  public ReactTextInputShadowNode() {
+    this(null);
+  }
+
   private void initMeasureFunction() {
     setMeasureFunction(this);
   }
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 8537422c348390..add5f38812baa0 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
@@ -16,9 +16,11 @@
 import android.graphics.drawable.RippleDrawable;
 import android.os.Build;
 import android.util.TypedValue;
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.SoftAssertions;
+import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ViewProps;
 
 /**
@@ -41,48 +43,75 @@ public static Drawable createDrawableFromJSDescription(
         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()
-              .getDrawable(sResolveOutValue.resourceId, context.getTheme());
-        } else {
-          return context.getResources().getDrawable(sResolveOutValue.resourceId);
-        }
-      } else {
+      if (!context.getTheme().resolveAttribute(attrID, sResolveOutValue, true)) {
         throw new JSApplicationIllegalArgumentException(
             "Attribute " + attr + " couldn't be resolved into a drawable");
       }
+      Drawable drawable = getDefaultThemeDrawable(context);
+      return setRadius(drawableDescriptionDict, 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");
-      }
-      int 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)) {
-          color = context.getResources().getColor(sResolveOutValue.resourceId);
-        } else {
-          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")) {
-        mask = new ColorDrawable(Color.WHITE);
-      }
-      ColorStateList colorStateList =
-          new ColorStateList(new int[][] {new int[] {}}, new int[] {color});
-      return new RippleDrawable(colorStateList, null, mask);
+      RippleDrawable rd = getRippleDrawable(context, drawableDescriptionDict);
+      return setRadius(drawableDescriptionDict, rd);
     } else {
       throw new JSApplicationIllegalArgumentException("Invalid type for android drawable: " + type);
     }
   }
+
+  private static Drawable getDefaultThemeDrawable(Context context) {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
+      return context.getResources().getDrawable(sResolveOutValue.resourceId, context.getTheme());
+    } else {
+      return context.getResources().getDrawable(sResolveOutValue.resourceId);
+    }
+  }
+
+  private static RippleDrawable getRippleDrawable(
+      Context context, ReadableMap drawableDescriptionDict) {
+    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) {
+      throw new JSApplicationIllegalArgumentException(
+          "Ripple drawable is not available on android API <21");
+    }
+    int color = getColor(context, drawableDescriptionDict);
+    Drawable mask = getMask(drawableDescriptionDict);
+    ColorStateList colorStateList =
+        new ColorStateList(new int[][] {new int[] {}}, new int[] {color});
+
+    return new RippleDrawable(colorStateList, null, mask);
+  }
+
+  private static Drawable setRadius(ReadableMap drawableDescriptionDict, Drawable drawable) {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M
+        && drawableDescriptionDict.hasKey("rippleRadius")
+        && drawable instanceof RippleDrawable) {
+      RippleDrawable rippleDrawable = (RippleDrawable) drawable;
+      double rippleRadius = drawableDescriptionDict.getDouble("rippleRadius");
+      rippleDrawable.setRadius((int) PixelUtil.toPixelFromDIP(rippleRadius));
+    }
+    return drawable;
+  }
+
+  private static int getColor(Context context, ReadableMap drawableDescriptionDict) {
+    if (drawableDescriptionDict.hasKey(ViewProps.COLOR)
+        && !drawableDescriptionDict.isNull(ViewProps.COLOR)) {
+      return drawableDescriptionDict.getInt(ViewProps.COLOR);
+    } else {
+      if (context
+          .getTheme()
+          .resolveAttribute(android.R.attr.colorControlHighlight, sResolveOutValue, true)) {
+        return context.getResources().getColor(sResolveOutValue.resourceId);
+      } else {
+        throw new JSApplicationIllegalArgumentException(
+            "Attribute colorControlHighlight couldn't be resolved into a drawable");
+      }
+    }
+  }
+
+  private static @Nullable Drawable getMask(ReadableMap drawableDescriptionDict) {
+    if (!drawableDescriptionDict.hasKey("borderless")
+        || drawableDescriptionDict.isNull("borderless")
+        || !drawableDescriptionDict.getBoolean("borderless")) {
+      return new ColorDrawable(Color.WHITE);
+    }
+    return null;
+  }
 }
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 9a8f45c9f10ca9..b9863d87203bd8 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
@@ -526,11 +526,6 @@ private void updatePath() {
     mTempRectForBorderRadiusOutline.set(getBounds());
     mTempRectForCenterDrawPath.set(getBounds());
 
-    float fullBorderWidth = getFullBorderWidth();
-    if (fullBorderWidth > 0) {
-      mTempRectForCenterDrawPath.inset(fullBorderWidth * 0.5f, fullBorderWidth * 0.5f);
-    }
-
     final RectF borderWidth = getDirectionAwareBorderInsets();
 
     mInnerClipTempRectForBorderRadius.top += borderWidth.top;
@@ -538,6 +533,11 @@ private void updatePath() {
     mInnerClipTempRectForBorderRadius.left += borderWidth.left;
     mInnerClipTempRectForBorderRadius.right -= borderWidth.right;
 
+    mTempRectForCenterDrawPath.top += borderWidth.top * 0.5f;
+    mTempRectForCenterDrawPath.bottom -= borderWidth.bottom * 0.5f;
+    mTempRectForCenterDrawPath.left += borderWidth.left * 0.5f;
+    mTempRectForCenterDrawPath.right -= borderWidth.right * 0.5f;
+
     final float borderRadius = getFullBorderRadius();
     float topLeftRadius = getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.TOP_LEFT);
     float topRightRadius = getBorderRadiusOrDefaultTo(borderRadius, BorderRadiusLocation.TOP_RIGHT);
@@ -663,14 +663,22 @@ private void updatePath() {
     mCenterDrawPath.addRoundRect(
         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)
+          Math.max(topLeftRadius - borderWidth.left * 0.5f,
+            (borderWidth.left > 0.0f) ? (topLeftRadius / borderWidth.left) : 0.0f),
+          Math.max(topLeftRadius - borderWidth.top * 0.5f,
+            (borderWidth.top > 0.0f) ? (topLeftRadius / borderWidth.top) : 0.0f),
+          Math.max(topRightRadius - borderWidth.right * 0.5f,
+            (borderWidth.right > 0.0f) ? (topRightRadius / borderWidth.right) : 0.0f),
+          Math.max(topRightRadius - borderWidth.top * 0.5f,
+            (borderWidth.top > 0.0f) ? (topRightRadius / borderWidth.top) : 0.0f),
+          Math.max(bottomRightRadius - borderWidth.right * 0.5f,
+            (borderWidth.right > 0.0f) ? (bottomRightRadius / borderWidth.right) : 0.0f),
+          Math.max(bottomRightRadius - borderWidth.bottom * 0.5f,
+            (borderWidth.bottom > 0.0f) ? (bottomRightRadius / borderWidth.bottom) : 0.0f),
+          Math.max(bottomLeftRadius - borderWidth.left * 0.5f,
+            (borderWidth.left > 0.0f) ? (bottomLeftRadius / borderWidth.left) : 0.0f),
+          Math.max(bottomLeftRadius - borderWidth.bottom * 0.5f,
+            (borderWidth.bottom > 0.0f) ? (bottomLeftRadius / borderWidth.bottom) : 0.0f)
         },
         Path.Direction.CW);
 
@@ -998,10 +1006,11 @@ private static int fastBorderCompatibleColorOrZero(
   }
 
   private void drawRectangularBackgroundWithBorders(Canvas canvas) {
+    mPaint.setStyle(Paint.Style.FILL);
+    
     int useColor = ColorUtil.multiplyColorAlpha(mColor, mAlpha);
     if (Color.alpha(useColor) != 0) { // color is not transparent
       mPaint.setColor(useColor);
-      mPaint.setStyle(Paint.Style.FILL);
       canvas.drawRect(getBounds(), mPaint);
     }
 
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 a191dd2cb19b11..a8f162163a8562 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
@@ -186,7 +186,7 @@ public void setBackground(Drawable drawable) {
 
   public void setTranslucentBackgroundDrawable(@Nullable Drawable background) {
     // it's required to call setBackground to null, as in some of the cases we may set new
-    // background to be a layer drawable that contains a drawable that has been previously setup
+    // background to be a layer drawable that contains a drawable that has been setup
     // as a background previously. This will not work correctly as the drawable callback logic is
     // messed up in AOSP
     updateBackgroundDrawable(null);
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
index 334eaab53bb210..3674b42f7c1abe 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
@@ -34,6 +34,7 @@ public class YogaNative {
   static native void jni_YGNodeFreeJNI(long nativePointer);
   static native void jni_YGNodeResetJNI(long nativePointer);
   static native void jni_YGNodeInsertChildJNI(long nativePointer, long childPointer, int index);
+  static native void jni_YGNodeSwapChildJNI(long nativePointer, long childPointer, int index);
   static native void jni_YGNodeSetIsReferenceBaselineJNI(long nativePointer, boolean isReferenceBaseline);
   static native boolean jni_YGNodeIsReferenceBaselineJNI(long nativePointer);
   static native void jni_YGNodeClearChildrenJNI(long nativePointer);
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
index baa0c517b52669..9fc8bac9bbbb05 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
@@ -214,4 +214,6 @@ public abstract class YogaNode {
   public abstract void print();
 
   public abstract YogaNode cloneWithoutChildren();
+
+  public abstract YogaNode cloneWithChildren();
 }
diff --git a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
index 6372ddd749f712..e20a53892ba79d 100644
--- a/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
+++ b/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
@@ -39,11 +39,9 @@ public abstract class YogaNodeJNIBase extends YogaNode implements Cloneable {
   protected long mNativePointer;
   @Nullable private Object mData;
 
-  @DoNotStrip
-  private @Nullable float[] arr = null;
+  @DoNotStrip private @Nullable float[] arr = null;
 
-  @DoNotStrip
-  private int mLayoutDirection = 0;
+  @DoNotStrip private int mLayoutDirection = 0;
 
   private boolean mHasNewLayout = true;
 
@@ -59,7 +57,7 @@ private YogaNodeJNIBase(long nativePointer) {
   }
 
   YogaNodeJNIBase(YogaConfig config) {
-    this(YogaNative.jni_YGNodeNewWithConfigJNI(((YogaConfigJNIBase)config).mNativePointer));
+    this(YogaNative.jni_YGNodeNewWithConfigJNI(((YogaConfigJNIBase) config).mNativePointer));
   }
 
   public void reset() {
@@ -106,6 +104,32 @@ public boolean isReferenceBaseline() {
     return YogaNative.jni_YGNodeIsReferenceBaselineJNI(mNativePointer);
   }
 
+  public void swapChildAt(YogaNode newChild, int position) {
+    YogaNodeJNIBase child = (YogaNodeJNIBase) newChild;
+    mChildren.remove(position);
+    mChildren.add(position, child);
+    child.mOwner = this;
+    YogaNative.jni_YGNodeSwapChildJNI(mNativePointer, child.mNativePointer, position);
+  }
+
+  @Override
+  public YogaNodeJNIBase cloneWithChildren() {
+    try {
+      YogaNodeJNIBase clonedYogaNode = (YogaNodeJNIBase) super.clone();
+      long clonedNativePointer = YogaNative.jni_YGNodeCloneJNI(mNativePointer);
+      clonedYogaNode.mOwner = null;
+      clonedYogaNode.mNativePointer = clonedNativePointer;
+      for (int i = 0; i < clonedYogaNode.getChildCount(); i++) {
+        clonedYogaNode.swapChildAt(clonedYogaNode.getChildAt(i).cloneWithChildren(), i);
+      }
+
+      return clonedYogaNode;
+    } catch (CloneNotSupportedException ex) {
+      // This class implements Cloneable, this should not happen
+      throw new RuntimeException(ex);
+    }
+  }
+
   @Override
   public YogaNodeJNIBase cloneWithoutChildren() {
     try {
@@ -138,10 +162,9 @@ public YogaNodeJNIBase removeChildAt(int i) {
   }
 
   /**
-   * The owner is used to identify the YogaTree that a {@link YogaNode} belongs to.
-   * This method will return the parent of the {@link YogaNode} when the
-   * {@link YogaNode} only belongs to one YogaTree or null when the
-   * {@link YogaNode} is shared between two or more YogaTrees.
+   * The owner is used to identify the YogaTree that a {@link YogaNode} belongs to. This method will
+   * return the parent of the {@link YogaNode} when the {@link YogaNode} only belongs to one
+   * YogaTree or null when the {@link YogaNode} is shared between two or more YogaTrees.
    *
    * @return the {@link YogaNode} that owns this {@link YogaNode}.
    */
@@ -168,7 +191,7 @@ public void calculateLayout(float width, float height) {
     ArrayList<YogaNodeJNIBase> n = new ArrayList<>();
     n.add(this);
     for (int i = 0; i < n.size(); ++i) {
-      List<YogaNodeJNIBase> children  = n.get(i).mChildren;
+      List<YogaNodeJNIBase> children = n.get(i).mChildren;
       if (children != null) {
         n.addAll(children);
       }
@@ -509,8 +532,8 @@ public void setData(Object data) {
   }
 
   /**
-   * Use the set logger (defaults to adb log) to print out the styles, children, and computed
-   * layout of the tree rooted at this node.
+   * Use the set logger (defaults to adb log) to print out the styles, children, and computed layout
+   * of the tree rooted at this node.
    */
   public void print() {
     YogaNative.jni_YGNodePrintJNI(mNativePointer);
@@ -559,7 +582,9 @@ public float getLayoutHeight() {
   }
 
   public boolean getDoesLegacyStretchFlagAffectsLayout() {
-    return arr != null && (((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & DOES_LEGACY_STRETCH_BEHAVIOUR) == DOES_LEGACY_STRETCH_BEHAVIOUR);
+    return arr != null
+        && (((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & DOES_LEGACY_STRETCH_BEHAVIOUR)
+            == DOES_LEGACY_STRETCH_BEHAVIOUR);
   }
 
   @Override
@@ -575,9 +600,13 @@ public float getLayoutMargin(YogaEdge edge) {
         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];
+          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];
+          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");
       }
@@ -589,7 +618,9 @@ public float getLayoutMargin(YogaEdge edge) {
   @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);
+      int paddingStartIndex =
+          LAYOUT_PADDING_START_INDEX
+              - ((((int) arr[LAYOUT_EDGE_SET_FLAG_INDEX] & MARGIN) == MARGIN) ? 0 : 4);
       switch (edge) {
         case LEFT:
           return arr[paddingStartIndex];
@@ -600,9 +631,13 @@ public float getLayoutPadding(YogaEdge edge) {
         case BOTTOM:
           return arr[paddingStartIndex + 3];
         case START:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[paddingStartIndex + 2] : arr[paddingStartIndex];
+          return getLayoutDirection() == YogaDirection.RTL
+              ? arr[paddingStartIndex + 2]
+              : arr[paddingStartIndex];
         case END:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[paddingStartIndex] : arr[paddingStartIndex + 2];
+          return getLayoutDirection() == YogaDirection.RTL
+              ? arr[paddingStartIndex]
+              : arr[paddingStartIndex + 2];
         default:
           throw new IllegalArgumentException("Cannot get layout paddings of multi-edge shorthands");
       }
@@ -614,7 +649,10 @@ public float getLayoutPadding(YogaEdge edge) {
   @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);
+      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];
@@ -625,9 +663,13 @@ public float getLayoutBorder(YogaEdge edge) {
         case BOTTOM:
           return arr[borderStartIndex + 3];
         case START:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[borderStartIndex + 2] : arr[borderStartIndex];
+          return getLayoutDirection() == YogaDirection.RTL
+              ? arr[borderStartIndex + 2]
+              : arr[borderStartIndex];
         case END:
-          return getLayoutDirection() == YogaDirection.RTL ? arr[borderStartIndex] : arr[borderStartIndex + 2];
+          return getLayoutDirection() == YogaDirection.RTL
+              ? arr[borderStartIndex]
+              : arr[borderStartIndex + 2];
         default:
           throw new IllegalArgumentException("Cannot get layout border of multi-edge shorthands");
       }
@@ -638,7 +680,8 @@ public float getLayoutBorder(YogaEdge edge) {
 
   @Override
   public YogaDirection getLayoutDirection() {
-    return YogaDirection.fromInt(arr != null ? (int) arr[LAYOUT_DIRECTION_INDEX] : mLayoutDirection);
+    return YogaDirection.fromInt(
+        arr != null ? (int) arr[LAYOUT_DIRECTION_INDEX] : mLayoutDirection);
   }
 
   @Override
diff --git a/ReactAndroid/src/main/jni/first-party/.clang-tidy b/ReactAndroid/src/main/jni/first-party/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/jni/first-party/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactAndroid/src/main/jni/first-party/fb/assert.cpp b/ReactAndroid/src/main/jni/first-party/fb/assert.cpp
index dd64bebc717f41..c0ec5661e889d4 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/assert.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fb/assert.cpp
@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include <cstdarg>
 #include <stdio.h>
+#include <cstdarg>
 
 #include <fb/assert.h>
 #include <fb/log.h>
@@ -17,23 +17,23 @@ namespace facebook {
 static char sAssertBuf[ASSERT_BUF_SIZE];
 static AssertHandler gAssertHandler;
 
-void assertInternal(const char* formatstr ...) {
-    va_list va_args;
-    va_start(va_args, formatstr);
-    vsnprintf(sAssertBuf, sizeof(sAssertBuf), formatstr, va_args);
-    va_end(va_args);
-    if (gAssertHandler != NULL) {
-        gAssertHandler(sAssertBuf);
-    }
-    FBLOG(LOG_FATAL, "fbassert", "%s", sAssertBuf);
-    // crash at this specific address so that we can find our crashes easier
-    *(int*)0xdeadb00c = 0;
-    // let the compiler know we won't reach the end of the function
-     __builtin_unreachable();
+void assertInternal(const char *formatstr...) {
+  va_list va_args;
+  va_start(va_args, formatstr);
+  vsnprintf(sAssertBuf, sizeof(sAssertBuf), formatstr, va_args);
+  va_end(va_args);
+  if (gAssertHandler != NULL) {
+    gAssertHandler(sAssertBuf);
+  }
+  FBLOG(LOG_FATAL, "fbassert", "%s", sAssertBuf);
+  // crash at this specific address so that we can find our crashes easier
+  *(int *)0xdeadb00c = 0;
+  // let the compiler know we won't reach the end of the function
+  __builtin_unreachable();
 }
 
 void setAssertHandler(AssertHandler assertHandler) {
-    gAssertHandler = assertHandler;
+  gAssertHandler = assertHandler;
 }
 
 } // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/ALog.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/ALog.h
index 164288b42fa653..6c78fbff562d2d 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/ALog.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/ALog.h
@@ -19,63 +19,64 @@
 namespace facebook {
 namespace alog {
 
-template<typename... ARGS>
-inline void log(int level, const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void
+log(int level, const char *tag, const char *msg, ARGS... args) noexcept {
   __android_log_print(level, tag, msg, args...);
 }
 
-template<typename... ARGS>
-inline void log(int level, const char* tag, const char* msg) noexcept {
+template <typename... ARGS>
+inline void log(int level, const char *tag, const char *msg) noexcept {
   __android_log_write(level, tag, msg);
 }
 
-template<typename... ARGS>
-inline void logv(const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void logv(const char *tag, const char *msg, ARGS... args) noexcept {
   log(ANDROID_LOG_VERBOSE, tag, msg, args...);
 }
 
-template<typename... ARGS>
-inline void logd(const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void logd(const char *tag, const char *msg, ARGS... args) noexcept {
   log(ANDROID_LOG_DEBUG, tag, msg, args...);
 }
 
-template<typename... ARGS>
-inline void logi(const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void logi(const char *tag, const char *msg, ARGS... args) noexcept {
   log(ANDROID_LOG_INFO, tag, msg, args...);
 }
 
-template<typename... ARGS>
-inline void logw(const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void logw(const char *tag, const char *msg, ARGS... args) noexcept {
   log(ANDROID_LOG_WARN, tag, msg, args...);
 }
 
-template<typename... ARGS>
-inline void loge(const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void loge(const char *tag, const char *msg, ARGS... args) noexcept {
   log(ANDROID_LOG_ERROR, tag, msg, args...);
 }
 
-template<typename... ARGS>
-inline void logf(const char* tag, const char* msg, ARGS... args) noexcept {
+template <typename... ARGS>
+inline void logf(const char *tag, const char *msg, ARGS... args) noexcept {
   log(ANDROID_LOG_FATAL, tag, msg, args...);
 }
 
-
 #ifdef LOG_TAG
-# define ALOGV(...) ::facebook::alog::logv(LOG_TAG, __VA_ARGS__)
-# define ALOGD(...) ::facebook::alog::logd(LOG_TAG, __VA_ARGS__)
-# define ALOGI(...) ::facebook::alog::logi(LOG_TAG, __VA_ARGS__)
-# define ALOGW(...) ::facebook::alog::logw(LOG_TAG, __VA_ARGS__)
-# define ALOGE(...) ::facebook::alog::loge(LOG_TAG, __VA_ARGS__)
-# define ALOGF(...) ::facebook::alog::logf(LOG_TAG, __VA_ARGS__)
+#define ALOGV(...) ::facebook::alog::logv(LOG_TAG, __VA_ARGS__)
+#define ALOGD(...) ::facebook::alog::logd(LOG_TAG, __VA_ARGS__)
+#define ALOGI(...) ::facebook::alog::logi(LOG_TAG, __VA_ARGS__)
+#define ALOGW(...) ::facebook::alog::logw(LOG_TAG, __VA_ARGS__)
+#define ALOGE(...) ::facebook::alog::loge(LOG_TAG, __VA_ARGS__)
+#define ALOGF(...) ::facebook::alog::logf(LOG_TAG, __VA_ARGS__)
 #endif
 
-}}
+} // namespace alog
+} // namespace facebook
 
 #else
-# define ALOGV(...) ((void)0)
-# define ALOGD(...) ((void)0)
-# define ALOGI(...) ((void)0)
-# define ALOGW(...) ((void)0)
-# define ALOGE(...) ((void)0)
-# define ALOGF(...) ((void)0)
+#define ALOGV(...) ((void)0)
+#define ALOGD(...) ((void)0)
+#define ALOGI(...) ((void)0)
+#define ALOGW(...) ((void)0)
+#define ALOGE(...) ((void)0)
+#define ALOGF(...) ((void)0)
 #endif
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h
index 4371f3460fa823..812c4c89d18a18 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Build.h
@@ -10,7 +10,7 @@
 #include <stdlib.h>
 
 #if defined(__ANDROID__)
-#  include <sys/system_properties.h>
+#include <sys/system_properties.h>
 #endif
 
 namespace facebook {
@@ -19,13 +19,13 @@ namespace build {
 struct Build {
   static int getAndroidSdk() {
     static auto android_sdk = ([] {
-       char sdk_version_str[PROP_VALUE_MAX];
-       __system_property_get("ro.build.version.sdk", sdk_version_str);
-       return atoi(sdk_version_str);
+      char sdk_version_str[PROP_VALUE_MAX];
+      __system_property_get("ro.build.version.sdk", sdk_version_str);
+      return atoi(sdk_version_str);
     })();
     return android_sdk;
   }
 };
 
-} // build
-} // facebook
+} // namespace build
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Countable.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Countable.h
index 01afe983edf6a2..0035d15285b07a 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Countable.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Countable.h
@@ -6,24 +6,23 @@
  */
 
 #pragma once
-#include <atomic>
+#include <fb/RefPtr.h>
 #include <fb/assert.h>
 #include <fb/noncopyable.h>
 #include <fb/nonmovable.h>
-#include <fb/RefPtr.h>
+#include <atomic>
 
 namespace facebook {
 
 class Countable : public noncopyable, public nonmovable {
-public:
+ public:
   // RefPtr expects refcount to start at 0
   Countable() : m_refcount(0) {}
-  virtual ~Countable()
-  {
+  virtual ~Countable() {
     FBASSERT(m_refcount == 0);
   }
 
-private:
+ private:
   void ref() {
     ++m_refcount;
   }
@@ -38,8 +37,9 @@ class Countable : public noncopyable, public nonmovable {
     return m_refcount == 1;
   }
 
-  template <typename T> friend class RefPtr;
+  template <typename T>
+  friend class RefPtr;
   std::atomic<int> m_refcount;
 };
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Environment.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Environment.h
index ef798b5d7c6b5f..b2f390d91e90bf 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/Environment.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/Environment.h
@@ -6,9 +6,9 @@
  */
 
 #pragma once
+#include <jni.h>
 #include <functional>
 #include <string>
-#include <jni.h>
 
 #include <fb/visibility.h>
 
@@ -16,51 +16,55 @@ namespace facebook {
 namespace jni {
 
 namespace internal {
-  struct CacheEnvTag {};
-}
+struct CacheEnvTag {};
+} // namespace internal
 
 // Keeps a thread-local reference to the current thread's JNIEnv.
 struct Environment {
   // May be null if this thread isn't attached to the JVM
-  FBEXPORT static JNIEnv* current();
-  static void initialize(JavaVM* vm);
+  FBEXPORT static JNIEnv *current();
+  static void initialize(JavaVM *vm);
 
   // There are subtle issues with calling the next functions directly. It is
   // much better to always use a ThreadScope to manage attaching/detaching for
   // you.
-  FBEXPORT static JNIEnv* ensureCurrentThreadIsAttached();
+  FBEXPORT static JNIEnv *ensureCurrentThreadIsAttached();
   FBEXPORT static void detachCurrentThread();
 };
 
 /**
- * RAII Object that attaches a thread to the JVM. Failing to detach from a thread before it
- * exits will cause a crash, as will calling Detach an extra time, and this guard class helps
- * keep that straight. In addition, it remembers whether it performed the attach or not, so it
- * is safe to nest it with itself or with non-fbjni code that manages the attachment correctly.
+ * RAII Object that attaches a thread to the JVM. Failing to detach from a
+ * thread before it exits will cause a crash, as will calling Detach an extra
+ * time, and this guard class helps keep that straight. In addition, it
+ * remembers whether it performed the attach or not, so it is safe to nest it
+ * with itself or with non-fbjni code that manages the attachment correctly.
  *
  * Potential concerns:
- *  - Attaching to the JVM is fast (~100us on MotoG), but ideally you would attach while the
- *    app is not busy.
- *  - Having a thread detach at arbitrary points is not safe in Dalvik; you need to be sure that
- *    there is no Java code on the current stack or you run the risk of a crash like:
- *      ERROR: detaching thread with interp frames (count=18)
- *    (More detail at https://groups.google.com/forum/#!topic/android-ndk/2H8z5grNqjo)
- *    ThreadScope won't do a detach if the thread was already attached before the guard is
+ *  - Attaching to the JVM is fast (~100us on MotoG), but ideally you would
+ * attach while the app is not busy.
+ *  - Having a thread detach at arbitrary points is not safe in Dalvik; you need
+ * to be sure that there is no Java code on the current stack or you run the
+ * risk of a crash like: ERROR: detaching thread with interp frames (count=18)
+ *    (More detail at
+ * https://groups.google.com/forum/#!topic/android-ndk/2H8z5grNqjo) ThreadScope
+ * won't do a detach if the thread was already attached before the guard is
  *    instantiated, but there's probably some usage that could trip this up.
- *  - Newly attached C++ threads only get the bootstrap class loader -- i.e. java language
- *    classes, not any of our application's classes. This will be different behavior than threads
- *    that were initiated on the Java side. A workaround is to pass a global reference for a
- *    class or instance to the new thread; this bypasses the need for the class loader.
- *    (See http://docs.oracle.com/javase/7/docs/technotes/guides/jni/spec/invocation.html#attach_current_thread)
- *    If you need access to the application's classes, you can use ThreadScope::WithClassLoader.
+ *  - Newly attached C++ threads only get the bootstrap class loader -- i.e.
+ * java language classes, not any of our application's classes. This will be
+ * different behavior than threads that were initiated on the Java side. A
+ * workaround is to pass a global reference for a class or instance to the new
+ * thread; this bypasses the need for the class loader. (See
+ * http://docs.oracle.com/javase/7/docs/technotes/guides/jni/spec/invocation.html#attach_current_thread)
+ *    If you need access to the application's classes, you can use
+ * ThreadScope::WithClassLoader.
  */
 class FBEXPORT ThreadScope {
  public:
   ThreadScope();
-  ThreadScope(ThreadScope&) = delete;
-  ThreadScope(ThreadScope&&) = default;
-  ThreadScope& operator=(ThreadScope&) = delete;
-  ThreadScope& operator=(ThreadScope&&) = delete;
+  ThreadScope(ThreadScope &) = delete;
+  ThreadScope(ThreadScope &&) = default;
+  ThreadScope &operator=(ThreadScope &) = delete;
+  ThreadScope &operator=(ThreadScope &&) = delete;
   ~ThreadScope();
 
   /**
@@ -69,20 +73,21 @@ class FBEXPORT ThreadScope {
    * running in the closure will have access to the same classes as in a normal
    * java-create thread.
    */
-  static void WithClassLoader(std::function<void()>&& runnable);
+  static void WithClassLoader(std::function<void()> &&runnable);
 
   static void OnLoad();
 
   // This constructor is only used internally by fbjni.
-  ThreadScope(JNIEnv*, internal::CacheEnvTag);
+  ThreadScope(JNIEnv *, internal::CacheEnvTag);
+
  private:
   friend struct Environment;
-  ThreadScope* previous_;
+  ThreadScope *previous_;
   // If the JNIEnv* is set, it is guaranteed to be valid at least through the
   // lifetime of this ThreadScope. The only case where that guarantee can be
   // made is when there is a java frame in the stack below this.
-  JNIEnv* env_;
+  JNIEnv *env_;
   bool attachedWithThisScope_;
 };
-}
-}
+} // namespace jni
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/ProgramLocation.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/ProgramLocation.h
index cc23ee71b0456b..dadf89ca15abc3 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/ProgramLocation.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/ProgramLocation.h
@@ -7,42 +7,52 @@
 
 #pragma once
 #include <cstring>
-#include <string>
 #include <sstream>
+#include <string>
 
 namespace facebook {
 
 #define FROM_HERE facebook::ProgramLocation(__FUNCTION__, __FILE__, __LINE__)
 
 class ProgramLocation {
-public:
-  ProgramLocation() : m_functionName("Unspecified"), m_fileName("Unspecified"), m_lineNumber(0) {}
-
-  ProgramLocation(const char* functionName, const char* fileName, int line) :
-      m_functionName(functionName),
-      m_fileName(fileName),
-      m_lineNumber(line)
-    {}
-
-  const char* functionName() const { return m_functionName; }
-  const char* fileName() const { return m_fileName; }
-  int lineNumber() const { return m_lineNumber; }
+ public:
+  ProgramLocation()
+      : m_functionName("Unspecified"),
+        m_fileName("Unspecified"),
+        m_lineNumber(0) {}
+
+  ProgramLocation(const char *functionName, const char *fileName, int line)
+      : m_functionName(functionName),
+        m_fileName(fileName),
+        m_lineNumber(line) {}
+
+  const char *functionName() const {
+    return m_functionName;
+  }
+  const char *fileName() const {
+    return m_fileName;
+  }
+  int lineNumber() const {
+    return m_lineNumber;
+  }
 
   std::string asFormattedString() const {
     std::stringstream str;
-    str << "Function " << m_functionName << " in file " << m_fileName << ":" << m_lineNumber;
+    str << "Function " << m_functionName << " in file " << m_fileName << ":"
+        << m_lineNumber;
     return str.str();
   }
 
-  bool operator==(const ProgramLocation& other) const {
+  bool operator==(const ProgramLocation &other) const {
     // Assumes that the strings are static
-    return (m_functionName == other.m_functionName) && (m_fileName == other.m_fileName) && m_lineNumber == other.m_lineNumber;
+    return (m_functionName == other.m_functionName) &&
+        (m_fileName == other.m_fileName) && m_lineNumber == other.m_lineNumber;
   }
 
-private:
-  const char* m_functionName;
-  const char* m_fileName;
+ private:
+  const char *m_functionName;
+  const char *m_fileName;
   int m_lineNumber;
 };
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/RefPtr.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/RefPtr.h
index e39bd0264808fd..1384b6534a5db3 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/RefPtr.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/RefPtr.h
@@ -6,8 +6,8 @@
  */
 
 #pragma once
-#include <utility>
 #include <fb/assert.h>
+#include <utility>
 
 namespace facebook {
 
@@ -41,19 +41,13 @@ namespace facebook {
 //
 template <class T>
 class RefPtr {
-public:
-  constexpr RefPtr() :
-    m_ptr(nullptr)
-  {}
+ public:
+  constexpr RefPtr() : m_ptr(nullptr) {}
 
   // Allow implicit construction from a pointer only from nullptr
-  constexpr RefPtr(std::nullptr_t ptr) :
-    m_ptr(nullptr)
-  {}
+  constexpr RefPtr(std::nullptr_t ptr) : m_ptr(nullptr) {}
 
-  RefPtr(const RefPtr<T>& ref) :
-    m_ptr(ref.m_ptr)
-  {
+  RefPtr(const RefPtr<T> &ref) : m_ptr(ref.m_ptr) {
     refIfNecessary(m_ptr);
   }
 
@@ -61,15 +55,15 @@ class RefPtr {
   // unless you use static_cast (which will end up invoking the explicit
   // operator below).
   template <typename U>
-  RefPtr(const RefPtr<U>& ref, typename std::enable_if<std::is_base_of<T,U>::value, U>::type* = nullptr) :
-    m_ptr(ref.get())
-  {
+  RefPtr(
+      const RefPtr<U> &ref,
+      typename std::enable_if<std::is_base_of<T, U>::value, U>::type * =
+          nullptr)
+      : m_ptr(ref.get()) {
     refIfNecessary(m_ptr);
   }
 
-  RefPtr(RefPtr<T>&& ref) :
-    m_ptr(nullptr)
-  {
+  RefPtr(RefPtr<T> &&ref) : m_ptr(nullptr) {
     *this = std::move(ref);
   }
 
@@ -77,9 +71,11 @@ class RefPtr {
   // unless you use static_cast (which will end up invoking the explicit
   // operator below).
   template <typename U>
-  RefPtr(RefPtr<U>&& ref, typename std::enable_if<std::is_base_of<T,U>::value, U>::type* = nullptr) :
-    m_ptr(nullptr)
-  {
+  RefPtr(
+      RefPtr<U> &&ref,
+      typename std::enable_if<std::is_base_of<T, U>::value, U>::type * =
+          nullptr)
+      : m_ptr(nullptr) {
     *this = std::move(ref);
   }
 
@@ -88,7 +84,7 @@ class RefPtr {
     m_ptr = nullptr;
   }
 
-  RefPtr<T>& operator=(const RefPtr<T>& ref) {
+  RefPtr<T> &operator=(const RefPtr<T> &ref) {
     if (m_ptr != ref.m_ptr) {
       unrefIfNecessary(m_ptr);
       m_ptr = ref.m_ptr;
@@ -99,7 +95,7 @@ class RefPtr {
 
   // The STL assumes rvalue references are unique and for simplicity's sake, we
   // make the same assumption here, that &ref != this.
-  RefPtr<T>& operator=(RefPtr<T>&& ref) {
+  RefPtr<T> &operator=(RefPtr<T> &&ref) {
     unrefIfNecessary(m_ptr);
     m_ptr = ref.m_ptr;
     ref.m_ptr = nullptr;
@@ -107,7 +103,7 @@ class RefPtr {
   }
 
   template <typename U>
-  RefPtr<T>& operator=(RefPtr<U>&& ref) {
+  RefPtr<T> &operator=(RefPtr<U> &&ref) {
     unrefIfNecessary(m_ptr);
     m_ptr = ref.m_ptr;
     ref.m_ptr = nullptr;
@@ -119,20 +115,20 @@ class RefPtr {
     m_ptr = nullptr;
   }
 
-  T* get() const {
+  T *get() const {
     return m_ptr;
   }
 
-  T* operator->() const {
+  T *operator->() const {
     return m_ptr;
   }
 
-  T& operator*() const {
+  T &operator*() const {
     return *m_ptr;
   }
 
   template <typename U>
-  explicit operator RefPtr<U> () const;
+  explicit operator RefPtr<U>() const;
 
   explicit operator bool() const {
     return m_ptr ? true : false;
@@ -145,128 +141,128 @@ class RefPtr {
 
   // Creates a strong reference from a raw pointer, assuming that is already
   // referenced from some other RefPtr. This should be used sparingly.
-  static inline RefPtr<T> assumeAlreadyReffed(T* ptr) {
+  static inline RefPtr<T> assumeAlreadyReffed(T *ptr) {
     return RefPtr<T>(ptr, ConstructionMode::External);
   }
 
   // Creates a strong reference from a raw pointer, assuming that it points to a
   // freshly-created object. See the documentation for RefPtr for usage.
-  static inline RefPtr<T> adoptRef(T* ptr) {
+  static inline RefPtr<T> adoptRef(T *ptr) {
     return RefPtr<T>(ptr, ConstructionMode::Adopted);
   }
 
-private:
-  enum class ConstructionMode {
-    Adopted,
-    External
-  };
+ private:
+  enum class ConstructionMode { Adopted, External };
 
-  RefPtr(T* ptr, ConstructionMode mode) :
-    m_ptr(ptr)
-  {
-    FBASSERTMSGF(ptr, "Got null pointer in %s construction mode", mode == ConstructionMode::Adopted ? "adopted" : "external");
+  RefPtr(T *ptr, ConstructionMode mode) : m_ptr(ptr) {
+    FBASSERTMSGF(
+        ptr,
+        "Got null pointer in %s construction mode",
+        mode == ConstructionMode::Adopted ? "adopted" : "external");
     ptr->ref();
     if (mode == ConstructionMode::Adopted) {
       FBASSERT(ptr->hasOnlyOneRef());
     }
   }
 
-  static inline void refIfNecessary(T* ptr) {
+  static inline void refIfNecessary(T *ptr) {
     if (ptr) {
       ptr->ref();
     }
   }
-  static inline void unrefIfNecessary(T* ptr) {
+  static inline void unrefIfNecessary(T *ptr) {
     if (ptr) {
       ptr->unref();
     }
   }
 
-  template <typename U> friend class RefPtr;
+  template <typename U>
+  friend class RefPtr;
 
-  T* m_ptr;
+  T *m_ptr;
 };
 
 // Creates a strong reference from a raw pointer, assuming that is already
 // referenced from some other RefPtr and that it is non-null. This should be
 // used sparingly.
 template <typename T>
-static inline RefPtr<T> assumeAlreadyReffed(T* ptr) {
+static inline RefPtr<T> assumeAlreadyReffed(T *ptr) {
   return RefPtr<T>::assumeAlreadyReffed(ptr);
 }
 
 // As above, but tolerant of nullptr.
 template <typename T>
-static inline RefPtr<T> assumeAlreadyReffedOrNull(T* ptr) {
+static inline RefPtr<T> assumeAlreadyReffedOrNull(T *ptr) {
   return ptr ? RefPtr<T>::assumeAlreadyReffed(ptr) : nullptr;
 }
 
 // Creates a strong reference from a raw pointer, assuming that it points to a
 // freshly-created object. See the documentation for RefPtr for usage.
 template <typename T>
-static inline RefPtr<T> adoptRef(T* ptr) {
+static inline RefPtr<T> adoptRef(T *ptr) {
   return RefPtr<T>::adoptRef(ptr);
 }
 
-template <typename T, typename ...Args>
-static inline RefPtr<T> createNew(Args&&... arguments) {
+template <typename T, typename... Args>
+static inline RefPtr<T> createNew(Args &&... arguments) {
   return RefPtr<T>::adoptRef(new T(std::forward<Args>(arguments)...));
 }
 
-template <typename T> template <typename U>
+template <typename T>
+template <typename U>
 RefPtr<T>::operator RefPtr<U>() const {
   static_assert(std::is_base_of<T, U>::value, "Invalid static cast");
-  return assumeAlreadyReffedOrNull<U>(static_cast<U*>(m_ptr));
+  return assumeAlreadyReffedOrNull<U>(static_cast<U *>(m_ptr));
 }
 
 template <typename T, typename U>
-inline bool operator==(const RefPtr<T>& a, const RefPtr<U>& b) {
+inline bool operator==(const RefPtr<T> &a, const RefPtr<U> &b) {
   return a.get() == b.get();
 }
 
 template <typename T, typename U>
-inline bool operator!=(const RefPtr<T>& a, const RefPtr<U>& b) {
+inline bool operator!=(const RefPtr<T> &a, const RefPtr<U> &b) {
   return a.get() != b.get();
 }
 
 template <typename T, typename U>
-inline bool operator==(const RefPtr<T>& ref, U* ptr) {
+inline bool operator==(const RefPtr<T> &ref, U *ptr) {
   return ref.get() == ptr;
 }
 
 template <typename T, typename U>
-inline bool operator!=(const RefPtr<T>& ref, U* ptr) {
+inline bool operator!=(const RefPtr<T> &ref, U *ptr) {
   return ref.get() != ptr;
 }
 
 template <typename T, typename U>
-inline bool operator==(U* ptr, const RefPtr<T>& ref) {
+inline bool operator==(U *ptr, const RefPtr<T> &ref) {
   return ref.get() == ptr;
 }
 
 template <typename T, typename U>
-inline bool operator!=(U* ptr, const RefPtr<T>& ref) {
+inline bool operator!=(U *ptr, const RefPtr<T> &ref) {
   return ref.get() != ptr;
 }
 
 template <typename T>
-inline bool operator==(const RefPtr<T>& ref, std::nullptr_t ptr) {
+inline bool operator==(const RefPtr<T> &ref, std::nullptr_t ptr) {
   return ref.get() == ptr;
 }
 
 template <typename T>
-inline bool operator!=(const RefPtr<T>& ref, std::nullptr_t ptr) {
+inline bool operator!=(const RefPtr<T> &ref, std::nullptr_t ptr) {
   return ref.get() != ptr;
 }
 
 template <typename T>
-inline bool operator==(std::nullptr_t ptr, const RefPtr<T>& ref) {
+inline bool operator==(std::nullptr_t ptr, const RefPtr<T> &ref) {
   return ref.get() == ptr;
 }
 
 template <typename T>
-inline bool operator!=(std::nullptr_t ptr, const RefPtr<T>& ref) {
+inline bool operator!=(std::nullptr_t ptr, const RefPtr<T> &ref) {
   return ref.get() != ptr;
 }
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/StaticInitialized.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/StaticInitialized.h
index 566e02cd48ba9b..839400f13a2787 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/StaticInitialized.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/StaticInitialized.h
@@ -17,22 +17,21 @@ namespace facebook {
 // initialization.
 template <typename T>
 class StaticInitialized {
-public:
-  constexpr StaticInitialized() :
-    m_instance(nullptr)
-  {}
+ public:
+  constexpr StaticInitialized() : m_instance(nullptr) {}
 
-  template <typename ...Args>
-  void initialize(Args&&... arguments) {
+  template <typename... Args>
+  void initialize(Args &&... arguments) {
     FBASSERT(!m_instance);
     m_instance = new T(std::forward<Args>(arguments)...);
   }
 
-  T* operator->() const {
+  T *operator->() const {
     return m_instance;
   }
-private:
-  T* m_instance;
+
+ private:
+  T *m_instance;
 };
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/ThreadLocal.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/ThreadLocal.h
index 675950fcb3df7e..3182fe297dc313 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/ThreadLocal.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/ThreadLocal.h
@@ -7,8 +7,8 @@
 
 #pragma once
 
-#include <pthread.h>
 #include <errno.h>
+#include <pthread.h>
 
 #include <fb/assert.h>
 
@@ -32,25 +32,21 @@ namespace facebook {
  * So, syntax-wise it's similar to pointers. T can be primitive types, and if
  * it's a class, there has to be a default constructor.
  */
-template<typename T>
+template <typename T>
 class ThreadLocal {
-public:
+ public:
   /**
    * Constructor that has to be called from a thread-neutral place.
    */
-  ThreadLocal() :
-    m_key(0),
-    m_cleanup(OnThreadExit) {
+  ThreadLocal() : m_key(0), m_cleanup(OnThreadExit) {
     initialize();
   }
 
   /**
    * As above but with a custom cleanup function
    */
-  typedef void (*CleanupFunction)(void* obj);
-  explicit ThreadLocal(CleanupFunction cleanup) :
-    m_key(0),
-    m_cleanup(cleanup) {
+  typedef void (*CleanupFunction)(void *obj);
+  explicit ThreadLocal(CleanupFunction cleanup) : m_key(0), m_cleanup(cleanup) {
     FBASSERT(cleanup);
     initialize();
   }
@@ -67,17 +63,17 @@ class ThreadLocal {
   }
 
   T *get() const {
-    return (T*)pthread_getspecific(m_key);
+    return (T *)pthread_getspecific(m_key);
   }
 
-  T* release() {
-    T* obj = get();
+  T *release() {
+    T *obj = get();
     pthread_setspecific(m_key, NULL);
     return obj;
   }
 
-  void reset(T* other = NULL) {
-    T* old = (T*)pthread_getspecific(m_key);
+  void reset(T *other = NULL) {
+    T *old = (T *)pthread_getspecific(m_key);
     if (old != other) {
       FBASSERT(m_cleanup);
       m_cleanup(old);
@@ -85,27 +81,27 @@ class ThreadLocal {
     }
   }
 
-private:
+ private:
   void initialize() {
     int ret = pthread_key_create(&m_key, m_cleanup);
     if (ret != 0) {
       const char *msg = "(unknown error)";
       switch (ret) {
-      case EAGAIN:
-        msg = "PTHREAD_KEYS_MAX (1024) is exceeded";
-        break;
-      case ENOMEM:
-        msg = "Out-of-memory";
-        break;
+        case EAGAIN:
+          msg = "PTHREAD_KEYS_MAX (1024) is exceeded";
+          break;
+        case ENOMEM:
+          msg = "Out-of-memory";
+          break;
       }
-      (void) msg;
+      (void)msg;
       FBASSERTMSGF(0, "pthread_key_create failed: %d %s", ret, msg);
     }
   }
 
   static void OnThreadExit(void *obj) {
     if (NULL != obj) {
-      delete (T*)obj;
+      delete (T *)obj;
     }
   }
 
@@ -113,4 +109,4 @@ class ThreadLocal {
   CleanupFunction m_cleanup;
 };
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/assert.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/assert.h
index a6b747f7f08400..fcd284b1b699f6 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/assert.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/assert.h
@@ -14,20 +14,29 @@ namespace facebook {
 #define ENABLE_FBASSERT 1
 
 #if ENABLE_FBASSERT
-#define FBASSERTMSGF(expr, msg, ...) !(expr) ? facebook::assertInternal("Assert (%s:%d): " msg, __FILE__, __LINE__, ##__VA_ARGS__) : (void) 0
+#define FBASSERTMSGF(expr, msg, ...)                                       \
+  !(expr) ? facebook::assertInternal(                                      \
+                "Assert (%s:%d): " msg, __FILE__, __LINE__, ##__VA_ARGS__) \
+          : (void)0
 #else
 #define FBASSERTMSGF(expr, msg, ...)
 #endif // ENABLE_FBASSERT
 
 #define FBASSERT(expr) FBASSERTMSGF(expr, "%s", #expr)
 
-#define FBCRASH(msg, ...) facebook::assertInternal("Fatal error (%s:%d): " msg, __FILE__, __LINE__, ##__VA_ARGS__)
-#define FBUNREACHABLE() facebook::assertInternal("This code should be unreachable (%s:%d)", __FILE__, __LINE__)
+#define FBCRASH(msg, ...)   \
+  facebook::assertInternal( \
+      "Fatal error (%s:%d): " msg, __FILE__, __LINE__, ##__VA_ARGS__)
+#define FBUNREACHABLE()     \
+  facebook::assertInternal( \
+      "This code should be unreachable (%s:%d)", __FILE__, __LINE__)
 
-FBEXPORT void assertInternal(const char* formatstr, ...) __attribute__((noreturn));
+FBEXPORT void assertInternal(const char *formatstr, ...)
+    __attribute__((noreturn));
 
-// This allows storing the assert message before the current process terminates due to a crash
-typedef void (*AssertHandler)(const char* message);
+// This allows storing the assert message before the current process terminates
+// due to a crash
+typedef void (*AssertHandler)(const char *message);
 void setAssertHandler(AssertHandler assertHandler);
 
 } // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/log.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/log.h
index e26e716bf1f5f6..ecc2a1f5a1789e 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/log.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/log.h
@@ -308,7 +308,7 @@ int __android_log_print(int prio, const char *tag, const char *fmt, ...)
 #define IF_FBLOG(priority, tag) if (fb_testLog(ANDROID_##priority, tag))
 #endif
 
-typedef void (*LogHandler)(int priority, const char* tag, const char* message);
+typedef void (*LogHandler)(int priority, const char *tag, const char *message);
 FBEXPORT void setLogHandler(LogHandler logHandler);
 
 /*
@@ -316,7 +316,7 @@ FBEXPORT void setLogHandler(LogHandler logHandler);
  *
  * The stuff in the rest of this file should not be used directly.
  */
-FBEXPORT int fb_printLog(int prio, const char* tag, const char* fmt, ...)
+FBEXPORT int fb_printLog(int prio, const char *tag, const char *fmt, ...)
 #if defined(__GNUC__)
     __attribute__((format(printf, 3, 4)))
 #endif
@@ -338,8 +338,12 @@ FBEXPORT int fb_printLog(int prio, const char* tag, const char* fmt, ...)
 /*
  * FB extensions
  */
-void logPrintByDelims(int priority, const char* tag, const char* delims,
-                      const char* msg, ...);
+void logPrintByDelims(
+    int priority,
+    const char *tag,
+    const char *delims,
+    const char *msg,
+    ...);
 
 #ifdef __cplusplus
 }
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/noncopyable.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/noncopyable.h
index 283f0fac991b25..48a3a004e979b3 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/noncopyable.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/noncopyable.h
@@ -10,10 +10,11 @@
 namespace facebook {
 
 struct noncopyable {
-  noncopyable(const noncopyable&) = delete;
-  noncopyable& operator=(const noncopyable&) = delete;
-protected:
+  noncopyable(const noncopyable &) = delete;
+  noncopyable &operator=(const noncopyable &) = delete;
+
+ protected:
   noncopyable() = default;
 };
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/include/fb/nonmovable.h b/ReactAndroid/src/main/jni/first-party/fb/include/fb/nonmovable.h
index 819f7193accd59..7d483141f26e6e 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/include/fb/nonmovable.h
+++ b/ReactAndroid/src/main/jni/first-party/fb/include/fb/nonmovable.h
@@ -10,10 +10,11 @@
 namespace facebook {
 
 struct nonmovable {
-  nonmovable(nonmovable&&) = delete;
-  nonmovable& operator=(nonmovable&&) = delete;
-protected:
+  nonmovable(nonmovable &&) = delete;
+  nonmovable &operator=(nonmovable &&) = delete;
+
+ protected:
   nonmovable() = default;
 };
 
-}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fb/log.cpp b/ReactAndroid/src/main/jni/first-party/fb/log.cpp
index 7d2a70df03d3fa..c2c5ae926873fd 100644
--- a/ReactAndroid/src/main/jni/first-party/fb/log.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fb/log.cpp
@@ -17,7 +17,7 @@ void setLogHandler(LogHandler logHandler) {
   gLogHandler = logHandler;
 }
 
-int fb_printLog(int prio, const char *tag,  const char *fmt, ...) {
+int fb_printLog(int prio, const char *tag, const char *fmt, ...) {
   char logBuffer[LOG_BUFFER_SIZE];
 
   va_list va_args;
@@ -25,38 +25,42 @@ int fb_printLog(int prio, const char *tag,  const char *fmt, ...) {
   int result = vsnprintf(logBuffer, sizeof(logBuffer), fmt, va_args);
   va_end(va_args);
   if (gLogHandler != NULL) {
-      gLogHandler(prio, tag, logBuffer);
+    gLogHandler(prio, tag, logBuffer);
   }
   __android_log_write(prio, tag, logBuffer);
   return result;
 }
 
-void logPrintByDelims(int priority, const char* tag, const char* delims,
-        const char* msg, ...)
-{
-    va_list ap;
-    char buf[32768];
-    char* context;
-    char* tok;
+void logPrintByDelims(
+    int priority,
+    const char *tag,
+    const char *delims,
+    const char *msg,
+    ...) {
+  va_list ap;
+  char buf[32768];
+  char *context;
+  char *tok;
 
-    va_start(ap, msg);
-    vsnprintf(buf, sizeof(buf), msg, ap);
-    va_end(ap);
+  va_start(ap, msg);
+  vsnprintf(buf, sizeof(buf), msg, ap);
+  va_end(ap);
 
-    tok = strtok_r(buf, delims, &context);
+  tok = strtok_r(buf, delims, &context);
 
-    if (!tok) {
-        return;
-    }
+  if (!tok) {
+    return;
+  }
 
-    do {
-        __android_log_write(priority, tag, tok);
-    } while ((tok = strtok_r(NULL, delims, &context)));
+  do {
+    __android_log_write(priority, tag, tok);
+  } while ((tok = strtok_r(NULL, delims, &context)));
 }
 
 #ifndef ANDROID
 
-// Implementations of the basic android logging functions for non-android platforms.
+// Implementations of the basic android logging functions for non-android
+// platforms.
 
 static char logTagChar(int prio) {
   switch (prio) {
@@ -84,7 +88,7 @@ int __android_log_write(int prio, const char *tag, const char *text) {
   return fprintf(stderr, "[%c/%.16s] %s\n", logTagChar(prio), tag, text);
 }
 
-int __android_log_print(int prio, const char *tag,  const char *fmt, ...) {
+int __android_log_print(int prio, const char *tag, const char *fmt, ...) {
   va_list ap;
   va_start(ap, fmt);
 
diff --git a/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h b/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h
index 116fe03f1b2257..d1762008b66bf7 100644
--- a/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h
+++ b/ReactAndroid/src/main/jni/first-party/fbgloginit/fb/glog_init.h
@@ -9,8 +9,10 @@
 
 #include <string>
 
-namespace facebook { namespace gloginit {
+namespace facebook {
+namespace gloginit {
 
-void initialize(const char* tag = "ReactNativeJNI");
+void initialize(const char *tag = "ReactNativeJNI");
 
-}}
+}
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp b/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp
index 345209488eaa4b..8e781859e5d70a 100644
--- a/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp
+++ b/ReactAndroid/src/main/jni/first-party/fbgloginit/glog_init.cpp
@@ -19,16 +19,16 @@
 
 static int toAndroidLevel(google::LogSeverity severity) {
   switch (severity) {
-  case google::GLOG_INFO:
-    return ANDROID_LOG_INFO;
-  case google::GLOG_WARNING:
-    return ANDROID_LOG_WARN;
-  case google::GLOG_ERROR:
-    return ANDROID_LOG_ERROR;
-  case google::GLOG_FATAL:
-    return ANDROID_LOG_FATAL;
-  default:
-    return ANDROID_LOG_FATAL;
+    case google::GLOG_INFO:
+      return ANDROID_LOG_INFO;
+    case google::GLOG_WARNING:
+      return ANDROID_LOG_WARN;
+    case google::GLOG_ERROR:
+      return ANDROID_LOG_ERROR;
+    case google::GLOG_FATAL:
+      return ANDROID_LOG_FATAL;
+    default:
+      return ANDROID_LOG_FATAL;
   }
 }
 
@@ -39,19 +39,15 @@ class LogcatSink : public google::LogSink {
  public:
   void send(
       google::LogSeverity severity,
-      const char* full_filename,
-      const char* base_filename,
+      const char *full_filename,
+      const char *base_filename,
       int line,
-      const struct ::tm* tm_time,
-      const char* message,
+      const struct ::tm *tm_time,
+      const char *message,
       size_t message_len) override {
     auto level = toAndroidLevel(severity);
     __android_log_print(
-        level,
-        base_filename,
-        "%.*s",
-        (int)message_len,
-        message);
+        level, base_filename, "%.*s", (int)message_len, message);
   }
 };
 
@@ -66,23 +62,18 @@ class TaggedLogcatSink : public google::LogSink {
 
   void send(
       google::LogSeverity severity,
-      const char* full_filename,
-      const char* base_filename,
+      const char *full_filename,
+      const char *base_filename,
       int line,
-      const struct ::tm* tm_time,
-      const char* message,
+      const struct ::tm *tm_time,
+      const char *message,
       size_t message_len) override {
     auto level = toAndroidLevel(severity);
-    __android_log_print(
-      level,
-      tag_.c_str(),
-      "%.*s",
-      (int)message_len,
-      message);
+    __android_log_print(level, tag_.c_str(), "%.*s", (int)message_len, message);
   }
 };
 
-static google::LogSink* make_sink(const std::string& tag) {
+static google::LogSink *make_sink(const std::string &tag) {
   if (tag.empty()) {
     return new LogcatSink{};
   } else {
@@ -90,7 +81,7 @@ static google::LogSink* make_sink(const std::string& tag) {
   }
 }
 
-static void sendGlogOutputToLogcat(const char* tag) {
+static void sendGlogOutputToLogcat(const char *tag) {
   google::AddLogSink(make_sink(tag));
 
   // Disable logging to files
@@ -101,7 +92,8 @@ static void sendGlogOutputToLogcat(const char* tag) {
 
 #endif // __ANDROID__
 
-static void lastResort(const char* tag, const char* msg, const char* arg = nullptr) {
+static void
+lastResort(const char *tag, const char *msg, const char *arg = nullptr) {
 #ifdef __ANDROID__
   if (!arg) {
     __android_log_write(ANDROID_LOG_ERROR, tag, msg);
@@ -117,9 +109,10 @@ static void lastResort(const char* tag, const char* msg, const char* arg = nullp
 #endif
 }
 
-namespace facebook { namespace gloginit {
+namespace facebook {
+namespace gloginit {
 
-void initialize(const char* tag) {
+void initialize(const char *tag) {
   static std::once_flag flag{};
   static auto failed = false;
 
@@ -130,7 +123,7 @@ void initialize(const char* tag) {
 #ifdef __ANDROID__
       sendGlogOutputToLogcat(tag);
 #endif
-    } catch (std::exception& ex) {
+    } catch (std::exception &ex) {
       lastResort(tag, "Failed to initialize glog", ex.what());
       failed = true;
     } catch (...) {
@@ -144,4 +137,5 @@ void initialize(const char* tag) {
   }
 }
 
-}}
+} // namespace gloginit
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/first-party/jni-hack/real/jni.h b/ReactAndroid/src/main/jni/first-party/jni-hack/real/jni.h
index 1c2fb0cd7c5d0e..e8ca17b36f76ad 100644
--- a/ReactAndroid/src/main/jni/first-party/jni-hack/real/jni.h
+++ b/ReactAndroid/src/main/jni/first-party/jni-hack/real/jni.h
@@ -28,17 +28,17 @@
 #include <stdint.h>
 
 /* Primitive types that match up with Java equivalents. */
-typedef uint8_t  jboolean; /* unsigned 8 bits */
-typedef int8_t   jbyte;    /* signed 8 bits */
-typedef uint16_t jchar;    /* unsigned 16 bits */
-typedef int16_t  jshort;   /* signed 16 bits */
-typedef int32_t  jint;     /* signed 32 bits */
-typedef int64_t  jlong;    /* signed 64 bits */
-typedef float    jfloat;   /* 32-bit IEEE 754 */
-typedef double   jdouble;  /* 64-bit IEEE 754 */
+typedef uint8_t jboolean; /* unsigned 8 bits */
+typedef int8_t jbyte; /* signed 8 bits */
+typedef uint16_t jchar; /* unsigned 16 bits */
+typedef int16_t jshort; /* signed 16 bits */
+typedef int32_t jint; /* signed 32 bits */
+typedef int64_t jlong; /* signed 64 bits */
+typedef float jfloat; /* 32-bit IEEE 754 */
+typedef double jdouble; /* 64-bit IEEE 754 */
 
 /* "cardinal indices and sizes" */
-typedef jint     jsize;
+typedef jint jsize;
 
 #ifdef __cplusplus
 /*
@@ -59,427 +59,494 @@ class _jfloatArray : public _jarray {};
 class _jdoubleArray : public _jarray {};
 class _jthrowable : public _jobject {};
 
-typedef _jobject*       jobject;
-typedef _jclass*        jclass;
-typedef _jstring*       jstring;
-typedef _jarray*        jarray;
-typedef _jobjectArray*  jobjectArray;
-typedef _jbooleanArray* jbooleanArray;
-typedef _jbyteArray*    jbyteArray;
-typedef _jcharArray*    jcharArray;
-typedef _jshortArray*   jshortArray;
-typedef _jintArray*     jintArray;
-typedef _jlongArray*    jlongArray;
-typedef _jfloatArray*   jfloatArray;
-typedef _jdoubleArray*  jdoubleArray;
-typedef _jthrowable*    jthrowable;
-typedef _jobject*       jweak;
-
+typedef _jobject *jobject;
+typedef _jclass *jclass;
+typedef _jstring *jstring;
+typedef _jarray *jarray;
+typedef _jobjectArray *jobjectArray;
+typedef _jbooleanArray *jbooleanArray;
+typedef _jbyteArray *jbyteArray;
+typedef _jcharArray *jcharArray;
+typedef _jshortArray *jshortArray;
+typedef _jintArray *jintArray;
+typedef _jlongArray *jlongArray;
+typedef _jfloatArray *jfloatArray;
+typedef _jdoubleArray *jdoubleArray;
+typedef _jthrowable *jthrowable;
+typedef _jobject *jweak;
 
 #else /* not __cplusplus */
 
 /*
  * Reference types, in C.
  */
-typedef void*           jobject;
-typedef jobject         jclass;
-typedef jobject         jstring;
-typedef jobject         jarray;
-typedef jarray          jobjectArray;
-typedef jarray          jbooleanArray;
-typedef jarray          jbyteArray;
-typedef jarray          jcharArray;
-typedef jarray          jshortArray;
-typedef jarray          jintArray;
-typedef jarray          jlongArray;
-typedef jarray          jfloatArray;
-typedef jarray          jdoubleArray;
-typedef jobject         jthrowable;
-typedef jobject         jweak;
+typedef void *jobject;
+typedef jobject jclass;
+typedef jobject jstring;
+typedef jobject jarray;
+typedef jarray jobjectArray;
+typedef jarray jbooleanArray;
+typedef jarray jbyteArray;
+typedef jarray jcharArray;
+typedef jarray jshortArray;
+typedef jarray jintArray;
+typedef jarray jlongArray;
+typedef jarray jfloatArray;
+typedef jarray jdoubleArray;
+typedef jobject jthrowable;
+typedef jobject jweak;
 
 #endif /* not __cplusplus */
 
-struct _jfieldID;                       /* opaque structure */
-typedef struct _jfieldID* jfieldID;     /* field IDs */
+struct _jfieldID; /* opaque structure */
+typedef struct _jfieldID *jfieldID; /* field IDs */
 
-struct _jmethodID;                      /* opaque structure */
-typedef struct _jmethodID* jmethodID;   /* method IDs */
+struct _jmethodID; /* opaque structure */
+typedef struct _jmethodID *jmethodID; /* method IDs */
 
 struct JNIInvokeInterface;
 
 typedef union jvalue {
-    jboolean    z;
-    jbyte       b;
-    jchar       c;
-    jshort      s;
-    jint        i;
-    jlong       j;
-    jfloat      f;
-    jdouble     d;
-    jobject     l;
+  jboolean z;
+  jbyte b;
+  jchar c;
+  jshort s;
+  jint i;
+  jlong j;
+  jfloat f;
+  jdouble d;
+  jobject l;
 } jvalue;
 
 typedef enum jobjectRefType {
-    JNIInvalidRefType = 0,
-    JNILocalRefType = 1,
-    JNIGlobalRefType = 2,
-    JNIWeakGlobalRefType = 3
+  JNIInvalidRefType = 0,
+  JNILocalRefType = 1,
+  JNIGlobalRefType = 2,
+  JNIWeakGlobalRefType = 3
 } jobjectRefType;
 
 typedef struct {
-    const char* name;
-    const char* signature;
-    void*       fnPtr;
+  const char *name;
+  const char *signature;
+  void *fnPtr;
 } JNINativeMethod;
 
 struct _JNIEnv;
 struct _JavaVM;
-typedef const struct JNINativeInterface* C_JNIEnv;
+typedef const struct JNINativeInterface *C_JNIEnv;
 
 #if defined(__cplusplus)
 typedef _JNIEnv JNIEnv;
 typedef _JavaVM JavaVM;
 #else
-typedef const struct JNINativeInterface* JNIEnv;
-typedef const struct JNIInvokeInterface* JavaVM;
+typedef const struct JNINativeInterface *JNIEnv;
+typedef const struct JNIInvokeInterface *JavaVM;
 #endif
 
 /*
  * Table of interface function pointers.
  */
 struct JNINativeInterface {
-    void*       reserved0;
-    void*       reserved1;
-    void*       reserved2;
-    void*       reserved3;
-
-    jint        (*GetVersion)(JNIEnv *);
-
-    jclass      (*DefineClass)(JNIEnv*, const char*, jobject, const jbyte*,
-                        jsize);
-    jclass      (*FindClass)(JNIEnv*, const char*);
-
-    jmethodID   (*FromReflectedMethod)(JNIEnv*, jobject);
-    jfieldID    (*FromReflectedField)(JNIEnv*, jobject);
-    /* spec doesn't show jboolean parameter */
-    jobject     (*ToReflectedMethod)(JNIEnv*, jclass, jmethodID, jboolean);
-
-    jclass      (*GetSuperclass)(JNIEnv*, jclass);
-    jboolean    (*IsAssignableFrom)(JNIEnv*, jclass, jclass);
-
-    /* spec doesn't show jboolean parameter */
-    jobject     (*ToReflectedField)(JNIEnv*, jclass, jfieldID, jboolean);
-
-    jint        (*Throw)(JNIEnv*, jthrowable);
-    jint        (*ThrowNew)(JNIEnv *, jclass, const char *);
-    jthrowable  (*ExceptionOccurred)(JNIEnv*);
-    void        (*ExceptionDescribe)(JNIEnv*);
-    void        (*ExceptionClear)(JNIEnv*);
-    void        (*FatalError)(JNIEnv*, const char*);
-
-    jint        (*PushLocalFrame)(JNIEnv*, jint);
-    jobject     (*PopLocalFrame)(JNIEnv*, jobject);
-
-    jobject     (*NewGlobalRef)(JNIEnv*, jobject);
-    void        (*DeleteGlobalRef)(JNIEnv*, jobject);
-    void        (*DeleteLocalRef)(JNIEnv*, jobject);
-    jboolean    (*IsSameObject)(JNIEnv*, jobject, jobject);
-
-    jobject     (*NewLocalRef)(JNIEnv*, jobject);
-    jint        (*EnsureLocalCapacity)(JNIEnv*, jint);
-
-    jobject     (*AllocObject)(JNIEnv*, jclass);
-    jobject     (*NewObject)(JNIEnv*, jclass, jmethodID, ...);
-    jobject     (*NewObjectV)(JNIEnv*, jclass, jmethodID, va_list);
-    jobject     (*NewObjectA)(JNIEnv*, jclass, jmethodID, jvalue*);
-
-    jclass      (*GetObjectClass)(JNIEnv*, jobject);
-    jboolean    (*IsInstanceOf)(JNIEnv*, jobject, jclass);
-    jmethodID   (*GetMethodID)(JNIEnv*, jclass, const char*, const char*);
-
-    jobject     (*CallObjectMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jobject     (*CallObjectMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jobject     (*CallObjectMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jboolean    (*CallBooleanMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jboolean    (*CallBooleanMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jboolean    (*CallBooleanMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jbyte       (*CallByteMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jbyte       (*CallByteMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jbyte       (*CallByteMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jchar       (*CallCharMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jchar       (*CallCharMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jchar       (*CallCharMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jshort      (*CallShortMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jshort      (*CallShortMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jshort      (*CallShortMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jint        (*CallIntMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jint        (*CallIntMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jint        (*CallIntMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jlong       (*CallLongMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jlong       (*CallLongMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jlong       (*CallLongMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jfloat      (*CallFloatMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jfloat      (*CallFloatMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jfloat      (*CallFloatMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    jdouble     (*CallDoubleMethod)(JNIEnv*, jobject, jmethodID, ...);
-    jdouble     (*CallDoubleMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    jdouble     (*CallDoubleMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-    void        (*CallVoidMethod)(JNIEnv*, jobject, jmethodID, ...);
-    void        (*CallVoidMethodV)(JNIEnv*, jobject, jmethodID, va_list);
-    void        (*CallVoidMethodA)(JNIEnv*, jobject, jmethodID, jvalue*);
-
-    jobject     (*CallNonvirtualObjectMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jobject     (*CallNonvirtualObjectMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jobject     (*CallNonvirtualObjectMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jboolean    (*CallNonvirtualBooleanMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jboolean    (*CallNonvirtualBooleanMethodV)(JNIEnv*, jobject, jclass,
-                         jmethodID, va_list);
-    jboolean    (*CallNonvirtualBooleanMethodA)(JNIEnv*, jobject, jclass,
-                         jmethodID, jvalue*);
-    jbyte       (*CallNonvirtualByteMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jbyte       (*CallNonvirtualByteMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jbyte       (*CallNonvirtualByteMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jchar       (*CallNonvirtualCharMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jchar       (*CallNonvirtualCharMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jchar       (*CallNonvirtualCharMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jshort      (*CallNonvirtualShortMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jshort      (*CallNonvirtualShortMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jshort      (*CallNonvirtualShortMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jint        (*CallNonvirtualIntMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jint        (*CallNonvirtualIntMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jint        (*CallNonvirtualIntMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jlong       (*CallNonvirtualLongMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jlong       (*CallNonvirtualLongMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jlong       (*CallNonvirtualLongMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jfloat      (*CallNonvirtualFloatMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jfloat      (*CallNonvirtualFloatMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jfloat      (*CallNonvirtualFloatMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    jdouble     (*CallNonvirtualDoubleMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    jdouble     (*CallNonvirtualDoubleMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    jdouble     (*CallNonvirtualDoubleMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-    void        (*CallNonvirtualVoidMethod)(JNIEnv*, jobject, jclass,
-                        jmethodID, ...);
-    void        (*CallNonvirtualVoidMethodV)(JNIEnv*, jobject, jclass,
-                        jmethodID, va_list);
-    void        (*CallNonvirtualVoidMethodA)(JNIEnv*, jobject, jclass,
-                        jmethodID, jvalue*);
-
-    jfieldID    (*GetFieldID)(JNIEnv*, jclass, const char*, const char*);
-
-    jobject     (*GetObjectField)(JNIEnv*, jobject, jfieldID);
-    jboolean    (*GetBooleanField)(JNIEnv*, jobject, jfieldID);
-    jbyte       (*GetByteField)(JNIEnv*, jobject, jfieldID);
-    jchar       (*GetCharField)(JNIEnv*, jobject, jfieldID);
-    jshort      (*GetShortField)(JNIEnv*, jobject, jfieldID);
-    jint        (*GetIntField)(JNIEnv*, jobject, jfieldID);
-    jlong       (*GetLongField)(JNIEnv*, jobject, jfieldID);
-    jfloat      (*GetFloatField)(JNIEnv*, jobject, jfieldID);
-    jdouble     (*GetDoubleField)(JNIEnv*, jobject, jfieldID);
-
-    void        (*SetObjectField)(JNIEnv*, jobject, jfieldID, jobject);
-    void        (*SetBooleanField)(JNIEnv*, jobject, jfieldID, jboolean);
-    void        (*SetByteField)(JNIEnv*, jobject, jfieldID, jbyte);
-    void        (*SetCharField)(JNIEnv*, jobject, jfieldID, jchar);
-    void        (*SetShortField)(JNIEnv*, jobject, jfieldID, jshort);
-    void        (*SetIntField)(JNIEnv*, jobject, jfieldID, jint);
-    void        (*SetLongField)(JNIEnv*, jobject, jfieldID, jlong);
-    void        (*SetFloatField)(JNIEnv*, jobject, jfieldID, jfloat);
-    void        (*SetDoubleField)(JNIEnv*, jobject, jfieldID, jdouble);
-
-    jmethodID   (*GetStaticMethodID)(JNIEnv*, jclass, const char*, const char*);
-
-    jobject     (*CallStaticObjectMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jobject     (*CallStaticObjectMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jobject     (*CallStaticObjectMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jboolean    (*CallStaticBooleanMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jboolean    (*CallStaticBooleanMethodV)(JNIEnv*, jclass, jmethodID,
-                        va_list);
-    jboolean    (*CallStaticBooleanMethodA)(JNIEnv*, jclass, jmethodID,
-                        jvalue*);
-    jbyte       (*CallStaticByteMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jbyte       (*CallStaticByteMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jbyte       (*CallStaticByteMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jchar       (*CallStaticCharMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jchar       (*CallStaticCharMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jchar       (*CallStaticCharMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jshort      (*CallStaticShortMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jshort      (*CallStaticShortMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jshort      (*CallStaticShortMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jint        (*CallStaticIntMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jint        (*CallStaticIntMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jint        (*CallStaticIntMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jlong       (*CallStaticLongMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jlong       (*CallStaticLongMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jlong       (*CallStaticLongMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jfloat      (*CallStaticFloatMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jfloat      (*CallStaticFloatMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jfloat      (*CallStaticFloatMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    jdouble     (*CallStaticDoubleMethod)(JNIEnv*, jclass, jmethodID, ...);
-    jdouble     (*CallStaticDoubleMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    jdouble     (*CallStaticDoubleMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-    void        (*CallStaticVoidMethod)(JNIEnv*, jclass, jmethodID, ...);
-    void        (*CallStaticVoidMethodV)(JNIEnv*, jclass, jmethodID, va_list);
-    void        (*CallStaticVoidMethodA)(JNIEnv*, jclass, jmethodID, jvalue*);
-
-    jfieldID    (*GetStaticFieldID)(JNIEnv*, jclass, const char*,
-                        const char*);
-
-    jobject     (*GetStaticObjectField)(JNIEnv*, jclass, jfieldID);
-    jboolean    (*GetStaticBooleanField)(JNIEnv*, jclass, jfieldID);
-    jbyte       (*GetStaticByteField)(JNIEnv*, jclass, jfieldID);
-    jchar       (*GetStaticCharField)(JNIEnv*, jclass, jfieldID);
-    jshort      (*GetStaticShortField)(JNIEnv*, jclass, jfieldID);
-    jint        (*GetStaticIntField)(JNIEnv*, jclass, jfieldID);
-    jlong       (*GetStaticLongField)(JNIEnv*, jclass, jfieldID);
-    jfloat      (*GetStaticFloatField)(JNIEnv*, jclass, jfieldID);
-    jdouble     (*GetStaticDoubleField)(JNIEnv*, jclass, jfieldID);
-
-    void        (*SetStaticObjectField)(JNIEnv*, jclass, jfieldID, jobject);
-    void        (*SetStaticBooleanField)(JNIEnv*, jclass, jfieldID, jboolean);
-    void        (*SetStaticByteField)(JNIEnv*, jclass, jfieldID, jbyte);
-    void        (*SetStaticCharField)(JNIEnv*, jclass, jfieldID, jchar);
-    void        (*SetStaticShortField)(JNIEnv*, jclass, jfieldID, jshort);
-    void        (*SetStaticIntField)(JNIEnv*, jclass, jfieldID, jint);
-    void        (*SetStaticLongField)(JNIEnv*, jclass, jfieldID, jlong);
-    void        (*SetStaticFloatField)(JNIEnv*, jclass, jfieldID, jfloat);
-    void        (*SetStaticDoubleField)(JNIEnv*, jclass, jfieldID, jdouble);
-
-    jstring     (*NewString)(JNIEnv*, const jchar*, jsize);
-    jsize       (*GetStringLength)(JNIEnv*, jstring);
-    const jchar* (*GetStringChars)(JNIEnv*, jstring, jboolean*);
-    void        (*ReleaseStringChars)(JNIEnv*, jstring, const jchar*);
-    jstring     (*NewStringUTF)(JNIEnv*, const char*);
-    jsize       (*GetStringUTFLength)(JNIEnv*, jstring);
-    /* JNI spec says this returns const jbyte*, but that's inconsistent */
-    const char* (*GetStringUTFChars)(JNIEnv*, jstring, jboolean*);
-    void        (*ReleaseStringUTFChars)(JNIEnv*, jstring, const char*);
-    jsize       (*GetArrayLength)(JNIEnv*, jarray);
-    jobjectArray (*NewObjectArray)(JNIEnv*, jsize, jclass, jobject);
-    jobject     (*GetObjectArrayElement)(JNIEnv*, jobjectArray, jsize);
-    void        (*SetObjectArrayElement)(JNIEnv*, jobjectArray, jsize, jobject);
-
-    jbooleanArray (*NewBooleanArray)(JNIEnv*, jsize);
-    jbyteArray    (*NewByteArray)(JNIEnv*, jsize);
-    jcharArray    (*NewCharArray)(JNIEnv*, jsize);
-    jshortArray   (*NewShortArray)(JNIEnv*, jsize);
-    jintArray     (*NewIntArray)(JNIEnv*, jsize);
-    jlongArray    (*NewLongArray)(JNIEnv*, jsize);
-    jfloatArray   (*NewFloatArray)(JNIEnv*, jsize);
-    jdoubleArray  (*NewDoubleArray)(JNIEnv*, jsize);
-
-    jboolean*   (*GetBooleanArrayElements)(JNIEnv*, jbooleanArray, jboolean*);
-    jbyte*      (*GetByteArrayElements)(JNIEnv*, jbyteArray, jboolean*);
-    jchar*      (*GetCharArrayElements)(JNIEnv*, jcharArray, jboolean*);
-    jshort*     (*GetShortArrayElements)(JNIEnv*, jshortArray, jboolean*);
-    jint*       (*GetIntArrayElements)(JNIEnv*, jintArray, jboolean*);
-    jlong*      (*GetLongArrayElements)(JNIEnv*, jlongArray, jboolean*);
-    jfloat*     (*GetFloatArrayElements)(JNIEnv*, jfloatArray, jboolean*);
-    jdouble*    (*GetDoubleArrayElements)(JNIEnv*, jdoubleArray, jboolean*);
-
-    void        (*ReleaseBooleanArrayElements)(JNIEnv*, jbooleanArray,
-                        jboolean*, jint);
-    void        (*ReleaseByteArrayElements)(JNIEnv*, jbyteArray,
-                        jbyte*, jint);
-    void        (*ReleaseCharArrayElements)(JNIEnv*, jcharArray,
-                        jchar*, jint);
-    void        (*ReleaseShortArrayElements)(JNIEnv*, jshortArray,
-                        jshort*, jint);
-    void        (*ReleaseIntArrayElements)(JNIEnv*, jintArray,
-                        jint*, jint);
-    void        (*ReleaseLongArrayElements)(JNIEnv*, jlongArray,
-                        jlong*, jint);
-    void        (*ReleaseFloatArrayElements)(JNIEnv*, jfloatArray,
-                        jfloat*, jint);
-    void        (*ReleaseDoubleArrayElements)(JNIEnv*, jdoubleArray,
-                        jdouble*, jint);
-
-    void        (*GetBooleanArrayRegion)(JNIEnv*, jbooleanArray,
-                        jsize, jsize, jboolean*);
-    void        (*GetByteArrayRegion)(JNIEnv*, jbyteArray,
-                        jsize, jsize, jbyte*);
-    void        (*GetCharArrayRegion)(JNIEnv*, jcharArray,
-                        jsize, jsize, jchar*);
-    void        (*GetShortArrayRegion)(JNIEnv*, jshortArray,
-                        jsize, jsize, jshort*);
-    void        (*GetIntArrayRegion)(JNIEnv*, jintArray,
-                        jsize, jsize, jint*);
-    void        (*GetLongArrayRegion)(JNIEnv*, jlongArray,
-                        jsize, jsize, jlong*);
-    void        (*GetFloatArrayRegion)(JNIEnv*, jfloatArray,
-                        jsize, jsize, jfloat*);
-    void        (*GetDoubleArrayRegion)(JNIEnv*, jdoubleArray,
-                        jsize, jsize, jdouble*);
-
-    /* spec shows these without const; some jni.h do, some don't */
-    void        (*SetBooleanArrayRegion)(JNIEnv*, jbooleanArray,
-                        jsize, jsize, const jboolean*);
-    void        (*SetByteArrayRegion)(JNIEnv*, jbyteArray,
-                        jsize, jsize, const jbyte*);
-    void        (*SetCharArrayRegion)(JNIEnv*, jcharArray,
-                        jsize, jsize, const jchar*);
-    void        (*SetShortArrayRegion)(JNIEnv*, jshortArray,
-                        jsize, jsize, const jshort*);
-    void        (*SetIntArrayRegion)(JNIEnv*, jintArray,
-                        jsize, jsize, const jint*);
-    void        (*SetLongArrayRegion)(JNIEnv*, jlongArray,
-                        jsize, jsize, const jlong*);
-    void        (*SetFloatArrayRegion)(JNIEnv*, jfloatArray,
-                        jsize, jsize, const jfloat*);
-    void        (*SetDoubleArrayRegion)(JNIEnv*, jdoubleArray,
-                        jsize, jsize, const jdouble*);
-
-    jint        (*RegisterNatives)(JNIEnv*, jclass, const JNINativeMethod*,
-                        jint);
-    jint        (*UnregisterNatives)(JNIEnv*, jclass);
-    jint        (*MonitorEnter)(JNIEnv*, jobject);
-    jint        (*MonitorExit)(JNIEnv*, jobject);
-    jint        (*GetJavaVM)(JNIEnv*, JavaVM**);
-
-    void        (*GetStringRegion)(JNIEnv*, jstring, jsize, jsize, jchar*);
-    void        (*GetStringUTFRegion)(JNIEnv*, jstring, jsize, jsize, char*);
-
-    void*       (*GetPrimitiveArrayCritical)(JNIEnv*, jarray, jboolean*);
-    void        (*ReleasePrimitiveArrayCritical)(JNIEnv*, jarray, void*, jint);
-
-    const jchar* (*GetStringCritical)(JNIEnv*, jstring, jboolean*);
-    void        (*ReleaseStringCritical)(JNIEnv*, jstring, const jchar*);
-
-    jweak       (*NewWeakGlobalRef)(JNIEnv*, jobject);
-    void        (*DeleteWeakGlobalRef)(JNIEnv*, jweak);
-
-    jboolean    (*ExceptionCheck)(JNIEnv*);
-
-    jobject     (*NewDirectByteBuffer)(JNIEnv*, void*, jlong);
-    void*       (*GetDirectBufferAddress)(JNIEnv*, jobject);
-    jlong       (*GetDirectBufferCapacity)(JNIEnv*, jobject);
-
-    /* added in JNI 1.6 */
-    jobjectRefType (*GetObjectRefType)(JNIEnv*, jobject);
+  void *reserved0;
+  void *reserved1;
+  void *reserved2;
+  void *reserved3;
+
+  jint (*GetVersion)(JNIEnv *);
+
+  jclass (*DefineClass)(JNIEnv *, const char *, jobject, const jbyte *, jsize);
+  jclass (*FindClass)(JNIEnv *, const char *);
+
+  jmethodID (*FromReflectedMethod)(JNIEnv *, jobject);
+  jfieldID (*FromReflectedField)(JNIEnv *, jobject);
+  /* spec doesn't show jboolean parameter */
+  jobject (*ToReflectedMethod)(JNIEnv *, jclass, jmethodID, jboolean);
+
+  jclass (*GetSuperclass)(JNIEnv *, jclass);
+  jboolean (*IsAssignableFrom)(JNIEnv *, jclass, jclass);
+
+  /* spec doesn't show jboolean parameter */
+  jobject (*ToReflectedField)(JNIEnv *, jclass, jfieldID, jboolean);
+
+  jint (*Throw)(JNIEnv *, jthrowable);
+  jint (*ThrowNew)(JNIEnv *, jclass, const char *);
+  jthrowable (*ExceptionOccurred)(JNIEnv *);
+  void (*ExceptionDescribe)(JNIEnv *);
+  void (*ExceptionClear)(JNIEnv *);
+  void (*FatalError)(JNIEnv *, const char *);
+
+  jint (*PushLocalFrame)(JNIEnv *, jint);
+  jobject (*PopLocalFrame)(JNIEnv *, jobject);
+
+  jobject (*NewGlobalRef)(JNIEnv *, jobject);
+  void (*DeleteGlobalRef)(JNIEnv *, jobject);
+  void (*DeleteLocalRef)(JNIEnv *, jobject);
+  jboolean (*IsSameObject)(JNIEnv *, jobject, jobject);
+
+  jobject (*NewLocalRef)(JNIEnv *, jobject);
+  jint (*EnsureLocalCapacity)(JNIEnv *, jint);
+
+  jobject (*AllocObject)(JNIEnv *, jclass);
+  jobject (*NewObject)(JNIEnv *, jclass, jmethodID, ...);
+  jobject (*NewObjectV)(JNIEnv *, jclass, jmethodID, va_list);
+  jobject (*NewObjectA)(JNIEnv *, jclass, jmethodID, jvalue *);
+
+  jclass (*GetObjectClass)(JNIEnv *, jobject);
+  jboolean (*IsInstanceOf)(JNIEnv *, jobject, jclass);
+  jmethodID (*GetMethodID)(JNIEnv *, jclass, const char *, const char *);
+
+  jobject (*CallObjectMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jobject (*CallObjectMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jobject (*CallObjectMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jboolean (*CallBooleanMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jboolean (*CallBooleanMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jboolean (*CallBooleanMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jbyte (*CallByteMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jbyte (*CallByteMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jbyte (*CallByteMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jchar (*CallCharMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jchar (*CallCharMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jchar (*CallCharMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jshort (*CallShortMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jshort (*CallShortMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jshort (*CallShortMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jint (*CallIntMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jint (*CallIntMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jint (*CallIntMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jlong (*CallLongMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jlong (*CallLongMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jlong (*CallLongMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jfloat (*CallFloatMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jfloat (*CallFloatMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jfloat (*CallFloatMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  jdouble (*CallDoubleMethod)(JNIEnv *, jobject, jmethodID, ...);
+  jdouble (*CallDoubleMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  jdouble (*CallDoubleMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+  void (*CallVoidMethod)(JNIEnv *, jobject, jmethodID, ...);
+  void (*CallVoidMethodV)(JNIEnv *, jobject, jmethodID, va_list);
+  void (*CallVoidMethodA)(JNIEnv *, jobject, jmethodID, jvalue *);
+
+  jobject (
+      *CallNonvirtualObjectMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jobject (*CallNonvirtualObjectMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jobject (*CallNonvirtualObjectMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jboolean (
+      *CallNonvirtualBooleanMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jboolean (*CallNonvirtualBooleanMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jboolean (*CallNonvirtualBooleanMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jbyte (*CallNonvirtualByteMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jbyte (*CallNonvirtualByteMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jbyte (*CallNonvirtualByteMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jchar (*CallNonvirtualCharMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jchar (*CallNonvirtualCharMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jchar (*CallNonvirtualCharMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jshort (
+      *CallNonvirtualShortMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jshort (*CallNonvirtualShortMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jshort (*CallNonvirtualShortMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jint (*CallNonvirtualIntMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jint (
+      *CallNonvirtualIntMethodV)(JNIEnv *, jobject, jclass, jmethodID, va_list);
+  jint (*CallNonvirtualIntMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jlong (*CallNonvirtualLongMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jlong (*CallNonvirtualLongMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jlong (*CallNonvirtualLongMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jfloat (
+      *CallNonvirtualFloatMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jfloat (*CallNonvirtualFloatMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jfloat (*CallNonvirtualFloatMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  jdouble (
+      *CallNonvirtualDoubleMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  jdouble (*CallNonvirtualDoubleMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  jdouble (*CallNonvirtualDoubleMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+  void (*CallNonvirtualVoidMethod)(JNIEnv *, jobject, jclass, jmethodID, ...);
+  void (*CallNonvirtualVoidMethodV)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      va_list);
+  void (*CallNonvirtualVoidMethodA)(
+      JNIEnv *,
+      jobject,
+      jclass,
+      jmethodID,
+      jvalue *);
+
+  jfieldID (*GetFieldID)(JNIEnv *, jclass, const char *, const char *);
+
+  jobject (*GetObjectField)(JNIEnv *, jobject, jfieldID);
+  jboolean (*GetBooleanField)(JNIEnv *, jobject, jfieldID);
+  jbyte (*GetByteField)(JNIEnv *, jobject, jfieldID);
+  jchar (*GetCharField)(JNIEnv *, jobject, jfieldID);
+  jshort (*GetShortField)(JNIEnv *, jobject, jfieldID);
+  jint (*GetIntField)(JNIEnv *, jobject, jfieldID);
+  jlong (*GetLongField)(JNIEnv *, jobject, jfieldID);
+  jfloat (*GetFloatField)(JNIEnv *, jobject, jfieldID);
+  jdouble (*GetDoubleField)(JNIEnv *, jobject, jfieldID);
+
+  void (*SetObjectField)(JNIEnv *, jobject, jfieldID, jobject);
+  void (*SetBooleanField)(JNIEnv *, jobject, jfieldID, jboolean);
+  void (*SetByteField)(JNIEnv *, jobject, jfieldID, jbyte);
+  void (*SetCharField)(JNIEnv *, jobject, jfieldID, jchar);
+  void (*SetShortField)(JNIEnv *, jobject, jfieldID, jshort);
+  void (*SetIntField)(JNIEnv *, jobject, jfieldID, jint);
+  void (*SetLongField)(JNIEnv *, jobject, jfieldID, jlong);
+  void (*SetFloatField)(JNIEnv *, jobject, jfieldID, jfloat);
+  void (*SetDoubleField)(JNIEnv *, jobject, jfieldID, jdouble);
+
+  jmethodID (*GetStaticMethodID)(JNIEnv *, jclass, const char *, const char *);
+
+  jobject (*CallStaticObjectMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jobject (*CallStaticObjectMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jobject (*CallStaticObjectMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jboolean (*CallStaticBooleanMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jboolean (*CallStaticBooleanMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jboolean (*CallStaticBooleanMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jbyte (*CallStaticByteMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jbyte (*CallStaticByteMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jbyte (*CallStaticByteMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jchar (*CallStaticCharMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jchar (*CallStaticCharMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jchar (*CallStaticCharMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jshort (*CallStaticShortMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jshort (*CallStaticShortMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jshort (*CallStaticShortMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jint (*CallStaticIntMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jint (*CallStaticIntMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jint (*CallStaticIntMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jlong (*CallStaticLongMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jlong (*CallStaticLongMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jlong (*CallStaticLongMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jfloat (*CallStaticFloatMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jfloat (*CallStaticFloatMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jfloat (*CallStaticFloatMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  jdouble (*CallStaticDoubleMethod)(JNIEnv *, jclass, jmethodID, ...);
+  jdouble (*CallStaticDoubleMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  jdouble (*CallStaticDoubleMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+  void (*CallStaticVoidMethod)(JNIEnv *, jclass, jmethodID, ...);
+  void (*CallStaticVoidMethodV)(JNIEnv *, jclass, jmethodID, va_list);
+  void (*CallStaticVoidMethodA)(JNIEnv *, jclass, jmethodID, jvalue *);
+
+  jfieldID (*GetStaticFieldID)(JNIEnv *, jclass, const char *, const char *);
+
+  jobject (*GetStaticObjectField)(JNIEnv *, jclass, jfieldID);
+  jboolean (*GetStaticBooleanField)(JNIEnv *, jclass, jfieldID);
+  jbyte (*GetStaticByteField)(JNIEnv *, jclass, jfieldID);
+  jchar (*GetStaticCharField)(JNIEnv *, jclass, jfieldID);
+  jshort (*GetStaticShortField)(JNIEnv *, jclass, jfieldID);
+  jint (*GetStaticIntField)(JNIEnv *, jclass, jfieldID);
+  jlong (*GetStaticLongField)(JNIEnv *, jclass, jfieldID);
+  jfloat (*GetStaticFloatField)(JNIEnv *, jclass, jfieldID);
+  jdouble (*GetStaticDoubleField)(JNIEnv *, jclass, jfieldID);
+
+  void (*SetStaticObjectField)(JNIEnv *, jclass, jfieldID, jobject);
+  void (*SetStaticBooleanField)(JNIEnv *, jclass, jfieldID, jboolean);
+  void (*SetStaticByteField)(JNIEnv *, jclass, jfieldID, jbyte);
+  void (*SetStaticCharField)(JNIEnv *, jclass, jfieldID, jchar);
+  void (*SetStaticShortField)(JNIEnv *, jclass, jfieldID, jshort);
+  void (*SetStaticIntField)(JNIEnv *, jclass, jfieldID, jint);
+  void (*SetStaticLongField)(JNIEnv *, jclass, jfieldID, jlong);
+  void (*SetStaticFloatField)(JNIEnv *, jclass, jfieldID, jfloat);
+  void (*SetStaticDoubleField)(JNIEnv *, jclass, jfieldID, jdouble);
+
+  jstring (*NewString)(JNIEnv *, const jchar *, jsize);
+  jsize (*GetStringLength)(JNIEnv *, jstring);
+  const jchar *(*GetStringChars)(JNIEnv *, jstring, jboolean *);
+  void (*ReleaseStringChars)(JNIEnv *, jstring, const jchar *);
+  jstring (*NewStringUTF)(JNIEnv *, const char *);
+  jsize (*GetStringUTFLength)(JNIEnv *, jstring);
+  /* JNI spec says this returns const jbyte*, but that's inconsistent */
+  const char *(*GetStringUTFChars)(JNIEnv *, jstring, jboolean *);
+  void (*ReleaseStringUTFChars)(JNIEnv *, jstring, const char *);
+  jsize (*GetArrayLength)(JNIEnv *, jarray);
+  jobjectArray (*NewObjectArray)(JNIEnv *, jsize, jclass, jobject);
+  jobject (*GetObjectArrayElement)(JNIEnv *, jobjectArray, jsize);
+  void (*SetObjectArrayElement)(JNIEnv *, jobjectArray, jsize, jobject);
+
+  jbooleanArray (*NewBooleanArray)(JNIEnv *, jsize);
+  jbyteArray (*NewByteArray)(JNIEnv *, jsize);
+  jcharArray (*NewCharArray)(JNIEnv *, jsize);
+  jshortArray (*NewShortArray)(JNIEnv *, jsize);
+  jintArray (*NewIntArray)(JNIEnv *, jsize);
+  jlongArray (*NewLongArray)(JNIEnv *, jsize);
+  jfloatArray (*NewFloatArray)(JNIEnv *, jsize);
+  jdoubleArray (*NewDoubleArray)(JNIEnv *, jsize);
+
+  jboolean *(*GetBooleanArrayElements)(JNIEnv *, jbooleanArray, jboolean *);
+  jbyte *(*GetByteArrayElements)(JNIEnv *, jbyteArray, jboolean *);
+  jchar *(*GetCharArrayElements)(JNIEnv *, jcharArray, jboolean *);
+  jshort *(*GetShortArrayElements)(JNIEnv *, jshortArray, jboolean *);
+  jint *(*GetIntArrayElements)(JNIEnv *, jintArray, jboolean *);
+  jlong *(*GetLongArrayElements)(JNIEnv *, jlongArray, jboolean *);
+  jfloat *(*GetFloatArrayElements)(JNIEnv *, jfloatArray, jboolean *);
+  jdouble *(*GetDoubleArrayElements)(JNIEnv *, jdoubleArray, jboolean *);
+
+  void (
+      *ReleaseBooleanArrayElements)(JNIEnv *, jbooleanArray, jboolean *, jint);
+  void (*ReleaseByteArrayElements)(JNIEnv *, jbyteArray, jbyte *, jint);
+  void (*ReleaseCharArrayElements)(JNIEnv *, jcharArray, jchar *, jint);
+  void (*ReleaseShortArrayElements)(JNIEnv *, jshortArray, jshort *, jint);
+  void (*ReleaseIntArrayElements)(JNIEnv *, jintArray, jint *, jint);
+  void (*ReleaseLongArrayElements)(JNIEnv *, jlongArray, jlong *, jint);
+  void (*ReleaseFloatArrayElements)(JNIEnv *, jfloatArray, jfloat *, jint);
+  void (*ReleaseDoubleArrayElements)(JNIEnv *, jdoubleArray, jdouble *, jint);
+
+  void (*GetBooleanArrayRegion)(
+      JNIEnv *,
+      jbooleanArray,
+      jsize,
+      jsize,
+      jboolean *);
+  void (*GetByteArrayRegion)(JNIEnv *, jbyteArray, jsize, jsize, jbyte *);
+  void (*GetCharArrayRegion)(JNIEnv *, jcharArray, jsize, jsize, jchar *);
+  void (*GetShortArrayRegion)(JNIEnv *, jshortArray, jsize, jsize, jshort *);
+  void (*GetIntArrayRegion)(JNIEnv *, jintArray, jsize, jsize, jint *);
+  void (*GetLongArrayRegion)(JNIEnv *, jlongArray, jsize, jsize, jlong *);
+  void (*GetFloatArrayRegion)(JNIEnv *, jfloatArray, jsize, jsize, jfloat *);
+  void (*GetDoubleArrayRegion)(JNIEnv *, jdoubleArray, jsize, jsize, jdouble *);
+
+  /* spec shows these without const; some jni.h do, some don't */
+  void (*SetBooleanArrayRegion)(
+      JNIEnv *,
+      jbooleanArray,
+      jsize,
+      jsize,
+      const jboolean *);
+  void (*SetByteArrayRegion)(JNIEnv *, jbyteArray, jsize, jsize, const jbyte *);
+  void (*SetCharArrayRegion)(JNIEnv *, jcharArray, jsize, jsize, const jchar *);
+  void (*SetShortArrayRegion)(
+      JNIEnv *,
+      jshortArray,
+      jsize,
+      jsize,
+      const jshort *);
+  void (*SetIntArrayRegion)(JNIEnv *, jintArray, jsize, jsize, const jint *);
+  void (*SetLongArrayRegion)(JNIEnv *, jlongArray, jsize, jsize, const jlong *);
+  void (*SetFloatArrayRegion)(
+      JNIEnv *,
+      jfloatArray,
+      jsize,
+      jsize,
+      const jfloat *);
+  void (*SetDoubleArrayRegion)(
+      JNIEnv *,
+      jdoubleArray,
+      jsize,
+      jsize,
+      const jdouble *);
+
+  jint (*RegisterNatives)(JNIEnv *, jclass, const JNINativeMethod *, jint);
+  jint (*UnregisterNatives)(JNIEnv *, jclass);
+  jint (*MonitorEnter)(JNIEnv *, jobject);
+  jint (*MonitorExit)(JNIEnv *, jobject);
+  jint (*GetJavaVM)(JNIEnv *, JavaVM **);
+
+  void (*GetStringRegion)(JNIEnv *, jstring, jsize, jsize, jchar *);
+  void (*GetStringUTFRegion)(JNIEnv *, jstring, jsize, jsize, char *);
+
+  void *(*GetPrimitiveArrayCritical)(JNIEnv *, jarray, jboolean *);
+  void (*ReleasePrimitiveArrayCritical)(JNIEnv *, jarray, void *, jint);
+
+  const jchar *(*GetStringCritical)(JNIEnv *, jstring, jboolean *);
+  void (*ReleaseStringCritical)(JNIEnv *, jstring, const jchar *);
+
+  jweak (*NewWeakGlobalRef)(JNIEnv *, jobject);
+  void (*DeleteWeakGlobalRef)(JNIEnv *, jweak);
+
+  jboolean (*ExceptionCheck)(JNIEnv *);
+
+  jobject (*NewDirectByteBuffer)(JNIEnv *, void *, jlong);
+  void *(*GetDirectBufferAddress)(JNIEnv *, jobject);
+  jlong (*GetDirectBufferCapacity)(JNIEnv *, jobject);
+
+  /* added in JNI 1.6 */
+  jobjectRefType (*GetObjectRefType)(JNIEnv *, jobject);
 };
 
 /*
@@ -489,588 +556,762 @@ struct JNINativeInterface {
  * JNINativeInterface*.  We rely somewhat on compiler behavior.
  */
 struct _JNIEnv {
-    /* do not rename this; it does not seem to be entirely opaque */
-    const struct JNINativeInterface* functions;
+  /* do not rename this; it does not seem to be entirely opaque */
+  const struct JNINativeInterface *functions;
 
 #if defined(__cplusplus)
 
-    jint GetVersion()
-    { return functions->GetVersion(this); }
-
-    jclass DefineClass(const char *name, jobject loader, const jbyte* buf,
-        jsize bufLen)
-    { return functions->DefineClass(this, name, loader, buf, bufLen); }
-
-    jclass FindClass(const char* name)
-    { return functions->FindClass(this, name); }
-
-    jmethodID FromReflectedMethod(jobject method)
-    { return functions->FromReflectedMethod(this, method); }
-
-    jfieldID FromReflectedField(jobject field)
-    { return functions->FromReflectedField(this, field); }
-
-    jobject ToReflectedMethod(jclass cls, jmethodID methodID, jboolean isStatic)
-    { return functions->ToReflectedMethod(this, cls, methodID, isStatic); }
-
-    jclass GetSuperclass(jclass clazz)
-    { return functions->GetSuperclass(this, clazz); }
-
-    jboolean IsAssignableFrom(jclass clazz1, jclass clazz2)
-    { return functions->IsAssignableFrom(this, clazz1, clazz2); }
-
-    jobject ToReflectedField(jclass cls, jfieldID fieldID, jboolean isStatic)
-    { return functions->ToReflectedField(this, cls, fieldID, isStatic); }
-
-    jint Throw(jthrowable obj)
-    { return functions->Throw(this, obj); }
-
-    jint ThrowNew(jclass clazz, const char* message)
-    { return functions->ThrowNew(this, clazz, message); }
-
-    jthrowable ExceptionOccurred()
-    { return functions->ExceptionOccurred(this); }
-
-    void ExceptionDescribe()
-    { functions->ExceptionDescribe(this); }
-
-    void ExceptionClear()
-    { functions->ExceptionClear(this); }
-
-    void FatalError(const char* msg)
-    { functions->FatalError(this, msg); }
-
-    jint PushLocalFrame(jint capacity)
-    { return functions->PushLocalFrame(this, capacity); }
-
-    jobject PopLocalFrame(jobject result)
-    { return functions->PopLocalFrame(this, result); }
-
-    jobject NewGlobalRef(jobject obj)
-    { return functions->NewGlobalRef(this, obj); }
-
-    void DeleteGlobalRef(jobject globalRef)
-    { functions->DeleteGlobalRef(this, globalRef); }
-
-    void DeleteLocalRef(jobject localRef)
-    { functions->DeleteLocalRef(this, localRef); }
-
-    jboolean IsSameObject(jobject ref1, jobject ref2)
-    { return functions->IsSameObject(this, ref1, ref2); }
-
-    jobject NewLocalRef(jobject ref)
-    { return functions->NewLocalRef(this, ref); }
-
-    jint EnsureLocalCapacity(jint capacity)
-    { return functions->EnsureLocalCapacity(this, capacity); }
-
-    jobject AllocObject(jclass clazz)
-    { return functions->AllocObject(this, clazz); }
-
-    jobject NewObject(jclass clazz, jmethodID methodID, ...)
-    {
-        va_list args;
-        va_start(args, methodID);
-        jobject result = functions->NewObjectV(this, clazz, methodID, args);
-        va_end(args);
-        return result;
-    }
-
-    jobject NewObjectV(jclass clazz, jmethodID methodID, va_list args)
-    { return functions->NewObjectV(this, clazz, methodID, args); }
-
-    jobject NewObjectA(jclass clazz, jmethodID methodID, jvalue* args)
-    { return functions->NewObjectA(this, clazz, methodID, args); }
-
-    jclass GetObjectClass(jobject obj)
-    { return functions->GetObjectClass(this, obj); }
-
-    jboolean IsInstanceOf(jobject obj, jclass clazz)
-    { return functions->IsInstanceOf(this, obj, clazz); }
-
-    jmethodID GetMethodID(jclass clazz, const char* name, const char* sig)
-    { return functions->GetMethodID(this, clazz, name, sig); }
-
-#define CALL_TYPE_METHOD(_jtype, _jname)                                    \
-    _jtype Call##_jname##Method(jobject obj, jmethodID methodID, ...)       \
-    {                                                                       \
-        _jtype result;                                                      \
-        va_list args;                                                       \
-        va_start(args, methodID);                                           \
-        result = functions->Call##_jname##MethodV(this, obj, methodID,      \
-                    args);                                                  \
-        va_end(args);                                                       \
-        return result;                                                      \
-    }
-#define CALL_TYPE_METHODV(_jtype, _jname)                                   \
-    _jtype Call##_jname##MethodV(jobject obj, jmethodID methodID,           \
-        va_list args)                                                       \
-    { return functions->Call##_jname##MethodV(this, obj, methodID, args); }
-#define CALL_TYPE_METHODA(_jtype, _jname)                                   \
-    _jtype Call##_jname##MethodA(jobject obj, jmethodID methodID,           \
-        jvalue* args)                                                       \
-    { return functions->Call##_jname##MethodA(this, obj, methodID, args); }
-
-#define CALL_TYPE(_jtype, _jname)                                           \
-    CALL_TYPE_METHOD(_jtype, _jname)                                        \
-    CALL_TYPE_METHODV(_jtype, _jname)                                       \
-    CALL_TYPE_METHODA(_jtype, _jname)
-
-    CALL_TYPE(jobject, Object)
-    CALL_TYPE(jboolean, Boolean)
-    CALL_TYPE(jbyte, Byte)
-    CALL_TYPE(jchar, Char)
-    CALL_TYPE(jshort, Short)
-    CALL_TYPE(jint, Int)
-    CALL_TYPE(jlong, Long)
-    CALL_TYPE(jfloat, Float)
-    CALL_TYPE(jdouble, Double)
-
-    void CallVoidMethod(jobject obj, jmethodID methodID, ...)
-    {
-        va_list args;
-        va_start(args, methodID);
-        functions->CallVoidMethodV(this, obj, methodID, args);
-        va_end(args);
-    }
-    void CallVoidMethodV(jobject obj, jmethodID methodID, va_list args)
-    { functions->CallVoidMethodV(this, obj, methodID, args); }
-    void CallVoidMethodA(jobject obj, jmethodID methodID, jvalue* args)
-    { functions->CallVoidMethodA(this, obj, methodID, args); }
-
-#define CALL_NONVIRT_TYPE_METHOD(_jtype, _jname)                            \
-    _jtype CallNonvirtual##_jname##Method(jobject obj, jclass clazz,        \
-        jmethodID methodID, ...)                                            \
-    {                                                                       \
-        _jtype result;                                                      \
-        va_list args;                                                       \
-        va_start(args, methodID);                                           \
-        result = functions->CallNonvirtual##_jname##MethodV(this, obj,      \
-                    clazz, methodID, args);                                 \
-        va_end(args);                                                       \
-        return result;                                                      \
-    }
-#define CALL_NONVIRT_TYPE_METHODV(_jtype, _jname)                           \
-    _jtype CallNonvirtual##_jname##MethodV(jobject obj, jclass clazz,       \
-        jmethodID methodID, va_list args)                                   \
-    { return functions->CallNonvirtual##_jname##MethodV(this, obj, clazz,   \
-        methodID, args); }
-#define CALL_NONVIRT_TYPE_METHODA(_jtype, _jname)                           \
-    _jtype CallNonvirtual##_jname##MethodA(jobject obj, jclass clazz,       \
-        jmethodID methodID, jvalue* args)                                   \
-    { return functions->CallNonvirtual##_jname##MethodA(this, obj, clazz,   \
-        methodID, args); }
-
-#define CALL_NONVIRT_TYPE(_jtype, _jname)                                   \
-    CALL_NONVIRT_TYPE_METHOD(_jtype, _jname)                                \
-    CALL_NONVIRT_TYPE_METHODV(_jtype, _jname)                               \
-    CALL_NONVIRT_TYPE_METHODA(_jtype, _jname)
-
-    CALL_NONVIRT_TYPE(jobject, Object)
-    CALL_NONVIRT_TYPE(jboolean, Boolean)
-    CALL_NONVIRT_TYPE(jbyte, Byte)
-    CALL_NONVIRT_TYPE(jchar, Char)
-    CALL_NONVIRT_TYPE(jshort, Short)
-    CALL_NONVIRT_TYPE(jint, Int)
-    CALL_NONVIRT_TYPE(jlong, Long)
-    CALL_NONVIRT_TYPE(jfloat, Float)
-    CALL_NONVIRT_TYPE(jdouble, Double)
-
-    void CallNonvirtualVoidMethod(jobject obj, jclass clazz,
-        jmethodID methodID, ...)
-    {
-        va_list args;
-        va_start(args, methodID);
-        functions->CallNonvirtualVoidMethodV(this, obj, clazz, methodID, args);
-        va_end(args);
-    }
-    void CallNonvirtualVoidMethodV(jobject obj, jclass clazz,
-        jmethodID methodID, va_list args)
-    { functions->CallNonvirtualVoidMethodV(this, obj, clazz, methodID, args); }
-    void CallNonvirtualVoidMethodA(jobject obj, jclass clazz,
-        jmethodID methodID, jvalue* args)
-    { functions->CallNonvirtualVoidMethodA(this, obj, clazz, methodID, args); }
-
-    jfieldID GetFieldID(jclass clazz, const char* name, const char* sig)
-    { return functions->GetFieldID(this, clazz, name, sig); }
-
-    jobject GetObjectField(jobject obj, jfieldID fieldID)
-    { return functions->GetObjectField(this, obj, fieldID); }
-    jboolean GetBooleanField(jobject obj, jfieldID fieldID)
-    { return functions->GetBooleanField(this, obj, fieldID); }
-    jbyte GetByteField(jobject obj, jfieldID fieldID)
-    { return functions->GetByteField(this, obj, fieldID); }
-    jchar GetCharField(jobject obj, jfieldID fieldID)
-    { return functions->GetCharField(this, obj, fieldID); }
-    jshort GetShortField(jobject obj, jfieldID fieldID)
-    { return functions->GetShortField(this, obj, fieldID); }
-    jint GetIntField(jobject obj, jfieldID fieldID)
-    { return functions->GetIntField(this, obj, fieldID); }
-    jlong GetLongField(jobject obj, jfieldID fieldID)
-    { return functions->GetLongField(this, obj, fieldID); }
-    jfloat GetFloatField(jobject obj, jfieldID fieldID)
-    { return functions->GetFloatField(this, obj, fieldID); }
-    jdouble GetDoubleField(jobject obj, jfieldID fieldID)
-    { return functions->GetDoubleField(this, obj, fieldID); }
-
-    void SetObjectField(jobject obj, jfieldID fieldID, jobject value)
-    { functions->SetObjectField(this, obj, fieldID, value); }
-    void SetBooleanField(jobject obj, jfieldID fieldID, jboolean value)
-    { functions->SetBooleanField(this, obj, fieldID, value); }
-    void SetByteField(jobject obj, jfieldID fieldID, jbyte value)
-    { functions->SetByteField(this, obj, fieldID, value); }
-    void SetCharField(jobject obj, jfieldID fieldID, jchar value)
-    { functions->SetCharField(this, obj, fieldID, value); }
-    void SetShortField(jobject obj, jfieldID fieldID, jshort value)
-    { functions->SetShortField(this, obj, fieldID, value); }
-    void SetIntField(jobject obj, jfieldID fieldID, jint value)
-    { functions->SetIntField(this, obj, fieldID, value); }
-    void SetLongField(jobject obj, jfieldID fieldID, jlong value)
-    { functions->SetLongField(this, obj, fieldID, value); }
-    void SetFloatField(jobject obj, jfieldID fieldID, jfloat value)
-    { functions->SetFloatField(this, obj, fieldID, value); }
-    void SetDoubleField(jobject obj, jfieldID fieldID, jdouble value)
-    { functions->SetDoubleField(this, obj, fieldID, value); }
-
-    jmethodID GetStaticMethodID(jclass clazz, const char* name, const char* sig)
-    { return functions->GetStaticMethodID(this, clazz, name, sig); }
-
-#define CALL_STATIC_TYPE_METHOD(_jtype, _jname)                             \
-    _jtype CallStatic##_jname##Method(jclass clazz, jmethodID methodID,     \
-        ...)                                                                \
-    {                                                                       \
-        _jtype result;                                                      \
-        va_list args;                                                       \
-        va_start(args, methodID);                                           \
-        result = functions->CallStatic##_jname##MethodV(this, clazz,        \
-                    methodID, args);                                        \
-        va_end(args);                                                       \
-        return result;                                                      \
-    }
-#define CALL_STATIC_TYPE_METHODV(_jtype, _jname)                            \
-    _jtype CallStatic##_jname##MethodV(jclass clazz, jmethodID methodID,    \
-        va_list args)                                                       \
-    { return functions->CallStatic##_jname##MethodV(this, clazz, methodID,  \
-        args); }
-#define CALL_STATIC_TYPE_METHODA(_jtype, _jname)                            \
-    _jtype CallStatic##_jname##MethodA(jclass clazz, jmethodID methodID,    \
-        jvalue* args)                                                       \
-    { return functions->CallStatic##_jname##MethodA(this, clazz, methodID,  \
-        args); }
-
-#define CALL_STATIC_TYPE(_jtype, _jname)                                    \
-    CALL_STATIC_TYPE_METHOD(_jtype, _jname)                                 \
-    CALL_STATIC_TYPE_METHODV(_jtype, _jname)                                \
-    CALL_STATIC_TYPE_METHODA(_jtype, _jname)
-
-    CALL_STATIC_TYPE(jobject, Object)
-    CALL_STATIC_TYPE(jboolean, Boolean)
-    CALL_STATIC_TYPE(jbyte, Byte)
-    CALL_STATIC_TYPE(jchar, Char)
-    CALL_STATIC_TYPE(jshort, Short)
-    CALL_STATIC_TYPE(jint, Int)
-    CALL_STATIC_TYPE(jlong, Long)
-    CALL_STATIC_TYPE(jfloat, Float)
-    CALL_STATIC_TYPE(jdouble, Double)
-
-    void CallStaticVoidMethod(jclass clazz, jmethodID methodID, ...)
-    {
-        va_list args;
-        va_start(args, methodID);
-        functions->CallStaticVoidMethodV(this, clazz, methodID, args);
-        va_end(args);
-    }
-    void CallStaticVoidMethodV(jclass clazz, jmethodID methodID, va_list args)
-    { functions->CallStaticVoidMethodV(this, clazz, methodID, args); }
-    void CallStaticVoidMethodA(jclass clazz, jmethodID methodID, jvalue* args)
-    { functions->CallStaticVoidMethodA(this, clazz, methodID, args); }
-
-    jfieldID GetStaticFieldID(jclass clazz, const char* name, const char* sig)
-    { return functions->GetStaticFieldID(this, clazz, name, sig); }
-
-    jobject GetStaticObjectField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticObjectField(this, clazz, fieldID); }
-    jboolean GetStaticBooleanField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticBooleanField(this, clazz, fieldID); }
-    jbyte GetStaticByteField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticByteField(this, clazz, fieldID); }
-    jchar GetStaticCharField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticCharField(this, clazz, fieldID); }
-    jshort GetStaticShortField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticShortField(this, clazz, fieldID); }
-    jint GetStaticIntField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticIntField(this, clazz, fieldID); }
-    jlong GetStaticLongField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticLongField(this, clazz, fieldID); }
-    jfloat GetStaticFloatField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticFloatField(this, clazz, fieldID); }
-    jdouble GetStaticDoubleField(jclass clazz, jfieldID fieldID)
-    { return functions->GetStaticDoubleField(this, clazz, fieldID); }
-
-    void SetStaticObjectField(jclass clazz, jfieldID fieldID, jobject value)
-    { functions->SetStaticObjectField(this, clazz, fieldID, value); }
-    void SetStaticBooleanField(jclass clazz, jfieldID fieldID, jboolean value)
-    { functions->SetStaticBooleanField(this, clazz, fieldID, value); }
-    void SetStaticByteField(jclass clazz, jfieldID fieldID, jbyte value)
-    { functions->SetStaticByteField(this, clazz, fieldID, value); }
-    void SetStaticCharField(jclass clazz, jfieldID fieldID, jchar value)
-    { functions->SetStaticCharField(this, clazz, fieldID, value); }
-    void SetStaticShortField(jclass clazz, jfieldID fieldID, jshort value)
-    { functions->SetStaticShortField(this, clazz, fieldID, value); }
-    void SetStaticIntField(jclass clazz, jfieldID fieldID, jint value)
-    { functions->SetStaticIntField(this, clazz, fieldID, value); }
-    void SetStaticLongField(jclass clazz, jfieldID fieldID, jlong value)
-    { functions->SetStaticLongField(this, clazz, fieldID, value); }
-    void SetStaticFloatField(jclass clazz, jfieldID fieldID, jfloat value)
-    { functions->SetStaticFloatField(this, clazz, fieldID, value); }
-    void SetStaticDoubleField(jclass clazz, jfieldID fieldID, jdouble value)
-    { functions->SetStaticDoubleField(this, clazz, fieldID, value); }
-
-    jstring NewString(const jchar* unicodeChars, jsize len)
-    { return functions->NewString(this, unicodeChars, len); }
-
-    jsize GetStringLength(jstring string)
-    { return functions->GetStringLength(this, string); }
-
-    const jchar* GetStringChars(jstring string, jboolean* isCopy)
-    { return functions->GetStringChars(this, string, isCopy); }
-
-    void ReleaseStringChars(jstring string, const jchar* chars)
-    { functions->ReleaseStringChars(this, string, chars); }
-
-    jstring NewStringUTF(const char* bytes)
-    { return functions->NewStringUTF(this, bytes); }
-
-    jsize GetStringUTFLength(jstring string)
-    { return functions->GetStringUTFLength(this, string); }
-
-    const char* GetStringUTFChars(jstring string, jboolean* isCopy)
-    { return functions->GetStringUTFChars(this, string, isCopy); }
-
-    void ReleaseStringUTFChars(jstring string, const char* utf)
-    { functions->ReleaseStringUTFChars(this, string, utf); }
-
-    jsize GetArrayLength(jarray array)
-    { return functions->GetArrayLength(this, array); }
-
-    jobjectArray NewObjectArray(jsize length, jclass elementClass,
-        jobject initialElement)
-    { return functions->NewObjectArray(this, length, elementClass,
-        initialElement); }
-
-    jobject GetObjectArrayElement(jobjectArray array, jsize index)
-    { return functions->GetObjectArrayElement(this, array, index); }
-
-    void SetObjectArrayElement(jobjectArray array, jsize index, jobject value)
-    { functions->SetObjectArrayElement(this, array, index, value); }
-
-    jbooleanArray NewBooleanArray(jsize length)
-    { return functions->NewBooleanArray(this, length); }
-    jbyteArray NewByteArray(jsize length)
-    { return functions->NewByteArray(this, length); }
-    jcharArray NewCharArray(jsize length)
-    { return functions->NewCharArray(this, length); }
-    jshortArray NewShortArray(jsize length)
-    { return functions->NewShortArray(this, length); }
-    jintArray NewIntArray(jsize length)
-    { return functions->NewIntArray(this, length); }
-    jlongArray NewLongArray(jsize length)
-    { return functions->NewLongArray(this, length); }
-    jfloatArray NewFloatArray(jsize length)
-    { return functions->NewFloatArray(this, length); }
-    jdoubleArray NewDoubleArray(jsize length)
-    { return functions->NewDoubleArray(this, length); }
-
-    jboolean* GetBooleanArrayElements(jbooleanArray array, jboolean* isCopy)
-    { return functions->GetBooleanArrayElements(this, array, isCopy); }
-    jbyte* GetByteArrayElements(jbyteArray array, jboolean* isCopy)
-    { return functions->GetByteArrayElements(this, array, isCopy); }
-    jchar* GetCharArrayElements(jcharArray array, jboolean* isCopy)
-    { return functions->GetCharArrayElements(this, array, isCopy); }
-    jshort* GetShortArrayElements(jshortArray array, jboolean* isCopy)
-    { return functions->GetShortArrayElements(this, array, isCopy); }
-    jint* GetIntArrayElements(jintArray array, jboolean* isCopy)
-    { return functions->GetIntArrayElements(this, array, isCopy); }
-    jlong* GetLongArrayElements(jlongArray array, jboolean* isCopy)
-    { return functions->GetLongArrayElements(this, array, isCopy); }
-    jfloat* GetFloatArrayElements(jfloatArray array, jboolean* isCopy)
-    { return functions->GetFloatArrayElements(this, array, isCopy); }
-    jdouble* GetDoubleArrayElements(jdoubleArray array, jboolean* isCopy)
-    { return functions->GetDoubleArrayElements(this, array, isCopy); }
-
-    void ReleaseBooleanArrayElements(jbooleanArray array, jboolean* elems,
-        jint mode)
-    { functions->ReleaseBooleanArrayElements(this, array, elems, mode); }
-    void ReleaseByteArrayElements(jbyteArray array, jbyte* elems,
-        jint mode)
-    { functions->ReleaseByteArrayElements(this, array, elems, mode); }
-    void ReleaseCharArrayElements(jcharArray array, jchar* elems,
-        jint mode)
-    { functions->ReleaseCharArrayElements(this, array, elems, mode); }
-    void ReleaseShortArrayElements(jshortArray array, jshort* elems,
-        jint mode)
-    { functions->ReleaseShortArrayElements(this, array, elems, mode); }
-    void ReleaseIntArrayElements(jintArray array, jint* elems,
-        jint mode)
-    { functions->ReleaseIntArrayElements(this, array, elems, mode); }
-    void ReleaseLongArrayElements(jlongArray array, jlong* elems,
-        jint mode)
-    { functions->ReleaseLongArrayElements(this, array, elems, mode); }
-    void ReleaseFloatArrayElements(jfloatArray array, jfloat* elems,
-        jint mode)
-    { functions->ReleaseFloatArrayElements(this, array, elems, mode); }
-    void ReleaseDoubleArrayElements(jdoubleArray array, jdouble* elems,
-        jint mode)
-    { functions->ReleaseDoubleArrayElements(this, array, elems, mode); }
-
-    void GetBooleanArrayRegion(jbooleanArray array, jsize start, jsize len,
-        jboolean* buf)
-    { functions->GetBooleanArrayRegion(this, array, start, len, buf); }
-    void GetByteArrayRegion(jbyteArray array, jsize start, jsize len,
-        jbyte* buf)
-    { functions->GetByteArrayRegion(this, array, start, len, buf); }
-    void GetCharArrayRegion(jcharArray array, jsize start, jsize len,
-        jchar* buf)
-    { functions->GetCharArrayRegion(this, array, start, len, buf); }
-    void GetShortArrayRegion(jshortArray array, jsize start, jsize len,
-        jshort* buf)
-    { functions->GetShortArrayRegion(this, array, start, len, buf); }
-    void GetIntArrayRegion(jintArray array, jsize start, jsize len,
-        jint* buf)
-    { functions->GetIntArrayRegion(this, array, start, len, buf); }
-    void GetLongArrayRegion(jlongArray array, jsize start, jsize len,
-        jlong* buf)
-    { functions->GetLongArrayRegion(this, array, start, len, buf); }
-    void GetFloatArrayRegion(jfloatArray array, jsize start, jsize len,
-        jfloat* buf)
-    { functions->GetFloatArrayRegion(this, array, start, len, buf); }
-    void GetDoubleArrayRegion(jdoubleArray array, jsize start, jsize len,
-        jdouble* buf)
-    { functions->GetDoubleArrayRegion(this, array, start, len, buf); }
-
-    void SetBooleanArrayRegion(jbooleanArray array, jsize start, jsize len,
-        const jboolean* buf)
-    { functions->SetBooleanArrayRegion(this, array, start, len, buf); }
-    void SetByteArrayRegion(jbyteArray array, jsize start, jsize len,
-        const jbyte* buf)
-    { functions->SetByteArrayRegion(this, array, start, len, buf); }
-    void SetCharArrayRegion(jcharArray array, jsize start, jsize len,
-        const jchar* buf)
-    { functions->SetCharArrayRegion(this, array, start, len, buf); }
-    void SetShortArrayRegion(jshortArray array, jsize start, jsize len,
-        const jshort* buf)
-    { functions->SetShortArrayRegion(this, array, start, len, buf); }
-    void SetIntArrayRegion(jintArray array, jsize start, jsize len,
-        const jint* buf)
-    { functions->SetIntArrayRegion(this, array, start, len, buf); }
-    void SetLongArrayRegion(jlongArray array, jsize start, jsize len,
-        const jlong* buf)
-    { functions->SetLongArrayRegion(this, array, start, len, buf); }
-    void SetFloatArrayRegion(jfloatArray array, jsize start, jsize len,
-        const jfloat* buf)
-    { functions->SetFloatArrayRegion(this, array, start, len, buf); }
-    void SetDoubleArrayRegion(jdoubleArray array, jsize start, jsize len,
-        const jdouble* buf)
-    { functions->SetDoubleArrayRegion(this, array, start, len, buf); }
-
-    jint RegisterNatives(jclass clazz, const JNINativeMethod* methods,
-        jint nMethods)
-    { return functions->RegisterNatives(this, clazz, methods, nMethods); }
-
-    jint UnregisterNatives(jclass clazz)
-    { return functions->UnregisterNatives(this, clazz); }
-
-    jint MonitorEnter(jobject obj)
-    { return functions->MonitorEnter(this, obj); }
-
-    jint MonitorExit(jobject obj)
-    { return functions->MonitorExit(this, obj); }
-
-    jint GetJavaVM(JavaVM** vm)
-    { return functions->GetJavaVM(this, vm); }
-
-    void GetStringRegion(jstring str, jsize start, jsize len, jchar* buf)
-    { functions->GetStringRegion(this, str, start, len, buf); }
-
-    void GetStringUTFRegion(jstring str, jsize start, jsize len, char* buf)
-    { return functions->GetStringUTFRegion(this, str, start, len, buf); }
-
-    void* GetPrimitiveArrayCritical(jarray array, jboolean* isCopy)
-    { return functions->GetPrimitiveArrayCritical(this, array, isCopy); }
-
-    void ReleasePrimitiveArrayCritical(jarray array, void* carray, jint mode)
-    { functions->ReleasePrimitiveArrayCritical(this, array, carray, mode); }
-
-    const jchar* GetStringCritical(jstring string, jboolean* isCopy)
-    { return functions->GetStringCritical(this, string, isCopy); }
-
-    void ReleaseStringCritical(jstring string, const jchar* carray)
-    { functions->ReleaseStringCritical(this, string, carray); }
-
-    jweak NewWeakGlobalRef(jobject obj)
-    { return functions->NewWeakGlobalRef(this, obj); }
-
-    void DeleteWeakGlobalRef(jweak obj)
-    { functions->DeleteWeakGlobalRef(this, obj); }
-
-    jboolean ExceptionCheck()
-    { return functions->ExceptionCheck(this); }
-
-    jobject NewDirectByteBuffer(void* address, jlong capacity)
-    { return functions->NewDirectByteBuffer(this, address, capacity); }
-
-    void* GetDirectBufferAddress(jobject buf)
-    { return functions->GetDirectBufferAddress(this, buf); }
-
-    jlong GetDirectBufferCapacity(jobject buf)
-    { return functions->GetDirectBufferCapacity(this, buf); }
-
-    /* added in JNI 1.6 */
-    jobjectRefType GetObjectRefType(jobject obj)
-    { return functions->GetObjectRefType(this, obj); }
+  jint GetVersion() {
+    return functions->GetVersion(this);
+  }
+
+  jclass DefineClass(
+      const char *name,
+      jobject loader,
+      const jbyte *buf,
+      jsize bufLen) {
+    return functions->DefineClass(this, name, loader, buf, bufLen);
+  }
+
+  jclass FindClass(const char *name) {
+    return functions->FindClass(this, name);
+  }
+
+  jmethodID FromReflectedMethod(jobject method) {
+    return functions->FromReflectedMethod(this, method);
+  }
+
+  jfieldID FromReflectedField(jobject field) {
+    return functions->FromReflectedField(this, field);
+  }
+
+  jobject ToReflectedMethod(jclass cls, jmethodID methodID, jboolean isStatic) {
+    return functions->ToReflectedMethod(this, cls, methodID, isStatic);
+  }
+
+  jclass GetSuperclass(jclass clazz) {
+    return functions->GetSuperclass(this, clazz);
+  }
+
+  jboolean IsAssignableFrom(jclass clazz1, jclass clazz2) {
+    return functions->IsAssignableFrom(this, clazz1, clazz2);
+  }
+
+  jobject ToReflectedField(jclass cls, jfieldID fieldID, jboolean isStatic) {
+    return functions->ToReflectedField(this, cls, fieldID, isStatic);
+  }
+
+  jint Throw(jthrowable obj) {
+    return functions->Throw(this, obj);
+  }
+
+  jint ThrowNew(jclass clazz, const char *message) {
+    return functions->ThrowNew(this, clazz, message);
+  }
+
+  jthrowable ExceptionOccurred() {
+    return functions->ExceptionOccurred(this);
+  }
+
+  void ExceptionDescribe() {
+    functions->ExceptionDescribe(this);
+  }
+
+  void ExceptionClear() {
+    functions->ExceptionClear(this);
+  }
+
+  void FatalError(const char *msg) {
+    functions->FatalError(this, msg);
+  }
+
+  jint PushLocalFrame(jint capacity) {
+    return functions->PushLocalFrame(this, capacity);
+  }
+
+  jobject PopLocalFrame(jobject result) {
+    return functions->PopLocalFrame(this, result);
+  }
+
+  jobject NewGlobalRef(jobject obj) {
+    return functions->NewGlobalRef(this, obj);
+  }
+
+  void DeleteGlobalRef(jobject globalRef) {
+    functions->DeleteGlobalRef(this, globalRef);
+  }
+
+  void DeleteLocalRef(jobject localRef) {
+    functions->DeleteLocalRef(this, localRef);
+  }
+
+  jboolean IsSameObject(jobject ref1, jobject ref2) {
+    return functions->IsSameObject(this, ref1, ref2);
+  }
+
+  jobject NewLocalRef(jobject ref) {
+    return functions->NewLocalRef(this, ref);
+  }
+
+  jint EnsureLocalCapacity(jint capacity) {
+    return functions->EnsureLocalCapacity(this, capacity);
+  }
+
+  jobject AllocObject(jclass clazz) {
+    return functions->AllocObject(this, clazz);
+  }
+
+  jobject NewObject(jclass clazz, jmethodID methodID, ...) {
+    va_list args;
+    va_start(args, methodID);
+    jobject result = functions->NewObjectV(this, clazz, methodID, args);
+    va_end(args);
+    return result;
+  }
+
+  jobject NewObjectV(jclass clazz, jmethodID methodID, va_list args) {
+    return functions->NewObjectV(this, clazz, methodID, args);
+  }
+
+  jobject NewObjectA(jclass clazz, jmethodID methodID, jvalue *args) {
+    return functions->NewObjectA(this, clazz, methodID, args);
+  }
+
+  jclass GetObjectClass(jobject obj) {
+    return functions->GetObjectClass(this, obj);
+  }
+
+  jboolean IsInstanceOf(jobject obj, jclass clazz) {
+    return functions->IsInstanceOf(this, obj, clazz);
+  }
+
+  jmethodID GetMethodID(jclass clazz, const char *name, const char *sig) {
+    return functions->GetMethodID(this, clazz, name, sig);
+  }
+
+#define CALL_TYPE_METHOD(_jtype, _jname)                                  \
+  _jtype Call##_jname##Method(jobject obj, jmethodID methodID, ...) {     \
+    _jtype result;                                                        \
+    va_list args;                                                         \
+    va_start(args, methodID);                                             \
+    result = functions->Call##_jname##MethodV(this, obj, methodID, args); \
+    va_end(args);                                                         \
+    return result;                                                        \
+  }
+#define CALL_TYPE_METHODV(_jtype, _jname)                               \
+  _jtype Call##_jname##MethodV(                                         \
+      jobject obj, jmethodID methodID, va_list args) {                  \
+    return functions->Call##_jname##MethodV(this, obj, methodID, args); \
+  }
+#define CALL_TYPE_METHODA(_jtype, _jname)                               \
+  _jtype Call##_jname##MethodA(                                         \
+      jobject obj, jmethodID methodID, jvalue *args) {                  \
+    return functions->Call##_jname##MethodA(this, obj, methodID, args); \
+  }
+
+#define CALL_TYPE(_jtype, _jname)   \
+  CALL_TYPE_METHOD(_jtype, _jname)  \
+  CALL_TYPE_METHODV(_jtype, _jname) \
+  CALL_TYPE_METHODA(_jtype, _jname)
+
+  CALL_TYPE(jobject, Object)
+  CALL_TYPE(jboolean, Boolean)
+  CALL_TYPE(jbyte, Byte)
+  CALL_TYPE(jchar, Char)
+  CALL_TYPE(jshort, Short)
+  CALL_TYPE(jint, Int)
+  CALL_TYPE(jlong, Long)
+  CALL_TYPE(jfloat, Float)
+  CALL_TYPE(jdouble, Double)
+
+  void CallVoidMethod(jobject obj, jmethodID methodID, ...) {
+    va_list args;
+    va_start(args, methodID);
+    functions->CallVoidMethodV(this, obj, methodID, args);
+    va_end(args);
+  }
+  void CallVoidMethodV(jobject obj, jmethodID methodID, va_list args) {
+    functions->CallVoidMethodV(this, obj, methodID, args);
+  }
+  void CallVoidMethodA(jobject obj, jmethodID methodID, jvalue *args) {
+    functions->CallVoidMethodA(this, obj, methodID, args);
+  }
+
+#define CALL_NONVIRT_TYPE_METHOD(_jtype, _jname)            \
+  _jtype CallNonvirtual##_jname##Method(                    \
+      jobject obj, jclass clazz, jmethodID methodID, ...) { \
+    _jtype result;                                          \
+    va_list args;                                           \
+    va_start(args, methodID);                               \
+    result = functions->CallNonvirtual##_jname##MethodV(    \
+        this, obj, clazz, methodID, args);                  \
+    va_end(args);                                           \
+    return result;                                          \
+  }
+#define CALL_NONVIRT_TYPE_METHODV(_jtype, _jname)                    \
+  _jtype CallNonvirtual##_jname##MethodV(                            \
+      jobject obj, jclass clazz, jmethodID methodID, va_list args) { \
+    return functions->CallNonvirtual##_jname##MethodV(               \
+        this, obj, clazz, methodID, args);                           \
+  }
+#define CALL_NONVIRT_TYPE_METHODA(_jtype, _jname)                    \
+  _jtype CallNonvirtual##_jname##MethodA(                            \
+      jobject obj, jclass clazz, jmethodID methodID, jvalue *args) { \
+    return functions->CallNonvirtual##_jname##MethodA(               \
+        this, obj, clazz, methodID, args);                           \
+  }
+
+#define CALL_NONVIRT_TYPE(_jtype, _jname)   \
+  CALL_NONVIRT_TYPE_METHOD(_jtype, _jname)  \
+  CALL_NONVIRT_TYPE_METHODV(_jtype, _jname) \
+  CALL_NONVIRT_TYPE_METHODA(_jtype, _jname)
+
+  CALL_NONVIRT_TYPE(jobject, Object)
+  CALL_NONVIRT_TYPE(jboolean, Boolean)
+  CALL_NONVIRT_TYPE(jbyte, Byte)
+  CALL_NONVIRT_TYPE(jchar, Char)
+  CALL_NONVIRT_TYPE(jshort, Short)
+  CALL_NONVIRT_TYPE(jint, Int)
+  CALL_NONVIRT_TYPE(jlong, Long)
+  CALL_NONVIRT_TYPE(jfloat, Float)
+  CALL_NONVIRT_TYPE(jdouble, Double)
+
+  void
+  CallNonvirtualVoidMethod(jobject obj, jclass clazz, jmethodID methodID, ...) {
+    va_list args;
+    va_start(args, methodID);
+    functions->CallNonvirtualVoidMethodV(this, obj, clazz, methodID, args);
+    va_end(args);
+  }
+  void CallNonvirtualVoidMethodV(
+      jobject obj,
+      jclass clazz,
+      jmethodID methodID,
+      va_list args) {
+    functions->CallNonvirtualVoidMethodV(this, obj, clazz, methodID, args);
+  }
+  void CallNonvirtualVoidMethodA(
+      jobject obj,
+      jclass clazz,
+      jmethodID methodID,
+      jvalue *args) {
+    functions->CallNonvirtualVoidMethodA(this, obj, clazz, methodID, args);
+  }
+
+  jfieldID GetFieldID(jclass clazz, const char *name, const char *sig) {
+    return functions->GetFieldID(this, clazz, name, sig);
+  }
+
+  jobject GetObjectField(jobject obj, jfieldID fieldID) {
+    return functions->GetObjectField(this, obj, fieldID);
+  }
+  jboolean GetBooleanField(jobject obj, jfieldID fieldID) {
+    return functions->GetBooleanField(this, obj, fieldID);
+  }
+  jbyte GetByteField(jobject obj, jfieldID fieldID) {
+    return functions->GetByteField(this, obj, fieldID);
+  }
+  jchar GetCharField(jobject obj, jfieldID fieldID) {
+    return functions->GetCharField(this, obj, fieldID);
+  }
+  jshort GetShortField(jobject obj, jfieldID fieldID) {
+    return functions->GetShortField(this, obj, fieldID);
+  }
+  jint GetIntField(jobject obj, jfieldID fieldID) {
+    return functions->GetIntField(this, obj, fieldID);
+  }
+  jlong GetLongField(jobject obj, jfieldID fieldID) {
+    return functions->GetLongField(this, obj, fieldID);
+  }
+  jfloat GetFloatField(jobject obj, jfieldID fieldID) {
+    return functions->GetFloatField(this, obj, fieldID);
+  }
+  jdouble GetDoubleField(jobject obj, jfieldID fieldID) {
+    return functions->GetDoubleField(this, obj, fieldID);
+  }
+
+  void SetObjectField(jobject obj, jfieldID fieldID, jobject value) {
+    functions->SetObjectField(this, obj, fieldID, value);
+  }
+  void SetBooleanField(jobject obj, jfieldID fieldID, jboolean value) {
+    functions->SetBooleanField(this, obj, fieldID, value);
+  }
+  void SetByteField(jobject obj, jfieldID fieldID, jbyte value) {
+    functions->SetByteField(this, obj, fieldID, value);
+  }
+  void SetCharField(jobject obj, jfieldID fieldID, jchar value) {
+    functions->SetCharField(this, obj, fieldID, value);
+  }
+  void SetShortField(jobject obj, jfieldID fieldID, jshort value) {
+    functions->SetShortField(this, obj, fieldID, value);
+  }
+  void SetIntField(jobject obj, jfieldID fieldID, jint value) {
+    functions->SetIntField(this, obj, fieldID, value);
+  }
+  void SetLongField(jobject obj, jfieldID fieldID, jlong value) {
+    functions->SetLongField(this, obj, fieldID, value);
+  }
+  void SetFloatField(jobject obj, jfieldID fieldID, jfloat value) {
+    functions->SetFloatField(this, obj, fieldID, value);
+  }
+  void SetDoubleField(jobject obj, jfieldID fieldID, jdouble value) {
+    functions->SetDoubleField(this, obj, fieldID, value);
+  }
+
+  jmethodID GetStaticMethodID(jclass clazz, const char *name, const char *sig) {
+    return functions->GetStaticMethodID(this, clazz, name, sig);
+  }
+
+#define CALL_STATIC_TYPE_METHOD(_jtype, _jname)                              \
+  _jtype CallStatic##_jname##Method(jclass clazz, jmethodID methodID, ...) { \
+    _jtype result;                                                           \
+    va_list args;                                                            \
+    va_start(args, methodID);                                                \
+    result =                                                                 \
+        functions->CallStatic##_jname##MethodV(this, clazz, methodID, args); \
+    va_end(args);                                                            \
+    return result;                                                           \
+  }
+#define CALL_STATIC_TYPE_METHODV(_jtype, _jname)        \
+  _jtype CallStatic##_jname##MethodV(                   \
+      jclass clazz, jmethodID methodID, va_list args) { \
+    return functions->CallStatic##_jname##MethodV(      \
+        this, clazz, methodID, args);                   \
+  }
+#define CALL_STATIC_TYPE_METHODA(_jtype, _jname)        \
+  _jtype CallStatic##_jname##MethodA(                   \
+      jclass clazz, jmethodID methodID, jvalue *args) { \
+    return functions->CallStatic##_jname##MethodA(      \
+        this, clazz, methodID, args);                   \
+  }
+
+#define CALL_STATIC_TYPE(_jtype, _jname)   \
+  CALL_STATIC_TYPE_METHOD(_jtype, _jname)  \
+  CALL_STATIC_TYPE_METHODV(_jtype, _jname) \
+  CALL_STATIC_TYPE_METHODA(_jtype, _jname)
+
+  CALL_STATIC_TYPE(jobject, Object)
+  CALL_STATIC_TYPE(jboolean, Boolean)
+  CALL_STATIC_TYPE(jbyte, Byte)
+  CALL_STATIC_TYPE(jchar, Char)
+  CALL_STATIC_TYPE(jshort, Short)
+  CALL_STATIC_TYPE(jint, Int)
+  CALL_STATIC_TYPE(jlong, Long)
+  CALL_STATIC_TYPE(jfloat, Float)
+  CALL_STATIC_TYPE(jdouble, Double)
+
+  void CallStaticVoidMethod(jclass clazz, jmethodID methodID, ...) {
+    va_list args;
+    va_start(args, methodID);
+    functions->CallStaticVoidMethodV(this, clazz, methodID, args);
+    va_end(args);
+  }
+  void CallStaticVoidMethodV(jclass clazz, jmethodID methodID, va_list args) {
+    functions->CallStaticVoidMethodV(this, clazz, methodID, args);
+  }
+  void CallStaticVoidMethodA(jclass clazz, jmethodID methodID, jvalue *args) {
+    functions->CallStaticVoidMethodA(this, clazz, methodID, args);
+  }
+
+  jfieldID GetStaticFieldID(jclass clazz, const char *name, const char *sig) {
+    return functions->GetStaticFieldID(this, clazz, name, sig);
+  }
+
+  jobject GetStaticObjectField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticObjectField(this, clazz, fieldID);
+  }
+  jboolean GetStaticBooleanField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticBooleanField(this, clazz, fieldID);
+  }
+  jbyte GetStaticByteField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticByteField(this, clazz, fieldID);
+  }
+  jchar GetStaticCharField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticCharField(this, clazz, fieldID);
+  }
+  jshort GetStaticShortField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticShortField(this, clazz, fieldID);
+  }
+  jint GetStaticIntField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticIntField(this, clazz, fieldID);
+  }
+  jlong GetStaticLongField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticLongField(this, clazz, fieldID);
+  }
+  jfloat GetStaticFloatField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticFloatField(this, clazz, fieldID);
+  }
+  jdouble GetStaticDoubleField(jclass clazz, jfieldID fieldID) {
+    return functions->GetStaticDoubleField(this, clazz, fieldID);
+  }
+
+  void SetStaticObjectField(jclass clazz, jfieldID fieldID, jobject value) {
+    functions->SetStaticObjectField(this, clazz, fieldID, value);
+  }
+  void SetStaticBooleanField(jclass clazz, jfieldID fieldID, jboolean value) {
+    functions->SetStaticBooleanField(this, clazz, fieldID, value);
+  }
+  void SetStaticByteField(jclass clazz, jfieldID fieldID, jbyte value) {
+    functions->SetStaticByteField(this, clazz, fieldID, value);
+  }
+  void SetStaticCharField(jclass clazz, jfieldID fieldID, jchar value) {
+    functions->SetStaticCharField(this, clazz, fieldID, value);
+  }
+  void SetStaticShortField(jclass clazz, jfieldID fieldID, jshort value) {
+    functions->SetStaticShortField(this, clazz, fieldID, value);
+  }
+  void SetStaticIntField(jclass clazz, jfieldID fieldID, jint value) {
+    functions->SetStaticIntField(this, clazz, fieldID, value);
+  }
+  void SetStaticLongField(jclass clazz, jfieldID fieldID, jlong value) {
+    functions->SetStaticLongField(this, clazz, fieldID, value);
+  }
+  void SetStaticFloatField(jclass clazz, jfieldID fieldID, jfloat value) {
+    functions->SetStaticFloatField(this, clazz, fieldID, value);
+  }
+  void SetStaticDoubleField(jclass clazz, jfieldID fieldID, jdouble value) {
+    functions->SetStaticDoubleField(this, clazz, fieldID, value);
+  }
+
+  jstring NewString(const jchar *unicodeChars, jsize len) {
+    return functions->NewString(this, unicodeChars, len);
+  }
+
+  jsize GetStringLength(jstring string) {
+    return functions->GetStringLength(this, string);
+  }
+
+  const jchar *GetStringChars(jstring string, jboolean *isCopy) {
+    return functions->GetStringChars(this, string, isCopy);
+  }
+
+  void ReleaseStringChars(jstring string, const jchar *chars) {
+    functions->ReleaseStringChars(this, string, chars);
+  }
+
+  jstring NewStringUTF(const char *bytes) {
+    return functions->NewStringUTF(this, bytes);
+  }
+
+  jsize GetStringUTFLength(jstring string) {
+    return functions->GetStringUTFLength(this, string);
+  }
+
+  const char *GetStringUTFChars(jstring string, jboolean *isCopy) {
+    return functions->GetStringUTFChars(this, string, isCopy);
+  }
+
+  void ReleaseStringUTFChars(jstring string, const char *utf) {
+    functions->ReleaseStringUTFChars(this, string, utf);
+  }
+
+  jsize GetArrayLength(jarray array) {
+    return functions->GetArrayLength(this, array);
+  }
+
+  jobjectArray
+  NewObjectArray(jsize length, jclass elementClass, jobject initialElement) {
+    return functions->NewObjectArray(
+        this, length, elementClass, initialElement);
+  }
+
+  jobject GetObjectArrayElement(jobjectArray array, jsize index) {
+    return functions->GetObjectArrayElement(this, array, index);
+  }
+
+  void SetObjectArrayElement(jobjectArray array, jsize index, jobject value) {
+    functions->SetObjectArrayElement(this, array, index, value);
+  }
+
+  jbooleanArray NewBooleanArray(jsize length) {
+    return functions->NewBooleanArray(this, length);
+  }
+  jbyteArray NewByteArray(jsize length) {
+    return functions->NewByteArray(this, length);
+  }
+  jcharArray NewCharArray(jsize length) {
+    return functions->NewCharArray(this, length);
+  }
+  jshortArray NewShortArray(jsize length) {
+    return functions->NewShortArray(this, length);
+  }
+  jintArray NewIntArray(jsize length) {
+    return functions->NewIntArray(this, length);
+  }
+  jlongArray NewLongArray(jsize length) {
+    return functions->NewLongArray(this, length);
+  }
+  jfloatArray NewFloatArray(jsize length) {
+    return functions->NewFloatArray(this, length);
+  }
+  jdoubleArray NewDoubleArray(jsize length) {
+    return functions->NewDoubleArray(this, length);
+  }
+
+  jboolean *GetBooleanArrayElements(jbooleanArray array, jboolean *isCopy) {
+    return functions->GetBooleanArrayElements(this, array, isCopy);
+  }
+  jbyte *GetByteArrayElements(jbyteArray array, jboolean *isCopy) {
+    return functions->GetByteArrayElements(this, array, isCopy);
+  }
+  jchar *GetCharArrayElements(jcharArray array, jboolean *isCopy) {
+    return functions->GetCharArrayElements(this, array, isCopy);
+  }
+  jshort *GetShortArrayElements(jshortArray array, jboolean *isCopy) {
+    return functions->GetShortArrayElements(this, array, isCopy);
+  }
+  jint *GetIntArrayElements(jintArray array, jboolean *isCopy) {
+    return functions->GetIntArrayElements(this, array, isCopy);
+  }
+  jlong *GetLongArrayElements(jlongArray array, jboolean *isCopy) {
+    return functions->GetLongArrayElements(this, array, isCopy);
+  }
+  jfloat *GetFloatArrayElements(jfloatArray array, jboolean *isCopy) {
+    return functions->GetFloatArrayElements(this, array, isCopy);
+  }
+  jdouble *GetDoubleArrayElements(jdoubleArray array, jboolean *isCopy) {
+    return functions->GetDoubleArrayElements(this, array, isCopy);
+  }
+
+  void
+  ReleaseBooleanArrayElements(jbooleanArray array, jboolean *elems, jint mode) {
+    functions->ReleaseBooleanArrayElements(this, array, elems, mode);
+  }
+  void ReleaseByteArrayElements(jbyteArray array, jbyte *elems, jint mode) {
+    functions->ReleaseByteArrayElements(this, array, elems, mode);
+  }
+  void ReleaseCharArrayElements(jcharArray array, jchar *elems, jint mode) {
+    functions->ReleaseCharArrayElements(this, array, elems, mode);
+  }
+  void ReleaseShortArrayElements(jshortArray array, jshort *elems, jint mode) {
+    functions->ReleaseShortArrayElements(this, array, elems, mode);
+  }
+  void ReleaseIntArrayElements(jintArray array, jint *elems, jint mode) {
+    functions->ReleaseIntArrayElements(this, array, elems, mode);
+  }
+  void ReleaseLongArrayElements(jlongArray array, jlong *elems, jint mode) {
+    functions->ReleaseLongArrayElements(this, array, elems, mode);
+  }
+  void ReleaseFloatArrayElements(jfloatArray array, jfloat *elems, jint mode) {
+    functions->ReleaseFloatArrayElements(this, array, elems, mode);
+  }
+  void
+  ReleaseDoubleArrayElements(jdoubleArray array, jdouble *elems, jint mode) {
+    functions->ReleaseDoubleArrayElements(this, array, elems, mode);
+  }
+
+  void GetBooleanArrayRegion(
+      jbooleanArray array,
+      jsize start,
+      jsize len,
+      jboolean *buf) {
+    functions->GetBooleanArrayRegion(this, array, start, len, buf);
+  }
+  void
+  GetByteArrayRegion(jbyteArray array, jsize start, jsize len, jbyte *buf) {
+    functions->GetByteArrayRegion(this, array, start, len, buf);
+  }
+  void
+  GetCharArrayRegion(jcharArray array, jsize start, jsize len, jchar *buf) {
+    functions->GetCharArrayRegion(this, array, start, len, buf);
+  }
+  void
+  GetShortArrayRegion(jshortArray array, jsize start, jsize len, jshort *buf) {
+    functions->GetShortArrayRegion(this, array, start, len, buf);
+  }
+  void GetIntArrayRegion(jintArray array, jsize start, jsize len, jint *buf) {
+    functions->GetIntArrayRegion(this, array, start, len, buf);
+  }
+  void
+  GetLongArrayRegion(jlongArray array, jsize start, jsize len, jlong *buf) {
+    functions->GetLongArrayRegion(this, array, start, len, buf);
+  }
+  void
+  GetFloatArrayRegion(jfloatArray array, jsize start, jsize len, jfloat *buf) {
+    functions->GetFloatArrayRegion(this, array, start, len, buf);
+  }
+  void GetDoubleArrayRegion(
+      jdoubleArray array,
+      jsize start,
+      jsize len,
+      jdouble *buf) {
+    functions->GetDoubleArrayRegion(this, array, start, len, buf);
+  }
+
+  void SetBooleanArrayRegion(
+      jbooleanArray array,
+      jsize start,
+      jsize len,
+      const jboolean *buf) {
+    functions->SetBooleanArrayRegion(this, array, start, len, buf);
+  }
+  void SetByteArrayRegion(
+      jbyteArray array,
+      jsize start,
+      jsize len,
+      const jbyte *buf) {
+    functions->SetByteArrayRegion(this, array, start, len, buf);
+  }
+  void SetCharArrayRegion(
+      jcharArray array,
+      jsize start,
+      jsize len,
+      const jchar *buf) {
+    functions->SetCharArrayRegion(this, array, start, len, buf);
+  }
+  void SetShortArrayRegion(
+      jshortArray array,
+      jsize start,
+      jsize len,
+      const jshort *buf) {
+    functions->SetShortArrayRegion(this, array, start, len, buf);
+  }
+  void
+  SetIntArrayRegion(jintArray array, jsize start, jsize len, const jint *buf) {
+    functions->SetIntArrayRegion(this, array, start, len, buf);
+  }
+  void SetLongArrayRegion(
+      jlongArray array,
+      jsize start,
+      jsize len,
+      const jlong *buf) {
+    functions->SetLongArrayRegion(this, array, start, len, buf);
+  }
+  void SetFloatArrayRegion(
+      jfloatArray array,
+      jsize start,
+      jsize len,
+      const jfloat *buf) {
+    functions->SetFloatArrayRegion(this, array, start, len, buf);
+  }
+  void SetDoubleArrayRegion(
+      jdoubleArray array,
+      jsize start,
+      jsize len,
+      const jdouble *buf) {
+    functions->SetDoubleArrayRegion(this, array, start, len, buf);
+  }
+
+  jint
+  RegisterNatives(jclass clazz, const JNINativeMethod *methods, jint nMethods) {
+    return functions->RegisterNatives(this, clazz, methods, nMethods);
+  }
+
+  jint UnregisterNatives(jclass clazz) {
+    return functions->UnregisterNatives(this, clazz);
+  }
+
+  jint MonitorEnter(jobject obj) {
+    return functions->MonitorEnter(this, obj);
+  }
+
+  jint MonitorExit(jobject obj) {
+    return functions->MonitorExit(this, obj);
+  }
+
+  jint GetJavaVM(JavaVM **vm) {
+    return functions->GetJavaVM(this, vm);
+  }
+
+  void GetStringRegion(jstring str, jsize start, jsize len, jchar *buf) {
+    functions->GetStringRegion(this, str, start, len, buf);
+  }
+
+  void GetStringUTFRegion(jstring str, jsize start, jsize len, char *buf) {
+    return functions->GetStringUTFRegion(this, str, start, len, buf);
+  }
+
+  void *GetPrimitiveArrayCritical(jarray array, jboolean *isCopy) {
+    return functions->GetPrimitiveArrayCritical(this, array, isCopy);
+  }
+
+  void ReleasePrimitiveArrayCritical(jarray array, void *carray, jint mode) {
+    functions->ReleasePrimitiveArrayCritical(this, array, carray, mode);
+  }
+
+  const jchar *GetStringCritical(jstring string, jboolean *isCopy) {
+    return functions->GetStringCritical(this, string, isCopy);
+  }
+
+  void ReleaseStringCritical(jstring string, const jchar *carray) {
+    functions->ReleaseStringCritical(this, string, carray);
+  }
+
+  jweak NewWeakGlobalRef(jobject obj) {
+    return functions->NewWeakGlobalRef(this, obj);
+  }
+
+  void DeleteWeakGlobalRef(jweak obj) {
+    functions->DeleteWeakGlobalRef(this, obj);
+  }
+
+  jboolean ExceptionCheck() {
+    return functions->ExceptionCheck(this);
+  }
+
+  jobject NewDirectByteBuffer(void *address, jlong capacity) {
+    return functions->NewDirectByteBuffer(this, address, capacity);
+  }
+
+  void *GetDirectBufferAddress(jobject buf) {
+    return functions->GetDirectBufferAddress(this, buf);
+  }
+
+  jlong GetDirectBufferCapacity(jobject buf) {
+    return functions->GetDirectBufferCapacity(this, buf);
+  }
+
+  /* added in JNI 1.6 */
+  jobjectRefType GetObjectRefType(jobject obj) {
+    return functions->GetObjectRefType(this, obj);
+  }
 #endif /*__cplusplus*/
 };
 
-
 /*
  * JNI invocation interface.
  */
 struct JNIInvokeInterface {
-    void*       reserved0;
-    void*       reserved1;
-    void*       reserved2;
-
-    jint        (*DestroyJavaVM)(JavaVM*);
-    jint        (*AttachCurrentThread)(JavaVM*, JNIEnv**, void*);
-    jint        (*DetachCurrentThread)(JavaVM*);
-    jint        (*GetEnv)(JavaVM*, void**, jint);
-    jint        (*AttachCurrentThreadAsDaemon)(JavaVM*, JNIEnv**, void*);
+  void *reserved0;
+  void *reserved1;
+  void *reserved2;
+
+  jint (*DestroyJavaVM)(JavaVM *);
+  jint (*AttachCurrentThread)(JavaVM *, JNIEnv **, void *);
+  jint (*DetachCurrentThread)(JavaVM *);
+  jint (*GetEnv)(JavaVM *, void **, jint);
+  jint (*AttachCurrentThreadAsDaemon)(JavaVM *, JNIEnv **, void *);
 };
 
 /*
  * C++ version.
  */
 struct _JavaVM {
-    const struct JNIInvokeInterface* functions;
+  const struct JNIInvokeInterface *functions;
 
 #if defined(__cplusplus)
-    jint DestroyJavaVM()
-    { return functions->DestroyJavaVM(this); }
-    jint AttachCurrentThread(JNIEnv** p_env, void* thr_args)
-    { return functions->AttachCurrentThread(this, p_env, thr_args); }
-    jint DetachCurrentThread()
-    { return functions->DetachCurrentThread(this); }
-    jint GetEnv(void** env, jint version)
-    { return functions->GetEnv(this, env, version); }
-    jint AttachCurrentThreadAsDaemon(JNIEnv** p_env, void* thr_args)
-    { return functions->AttachCurrentThreadAsDaemon(this, p_env, thr_args); }
+  jint DestroyJavaVM() {
+    return functions->DestroyJavaVM(this);
+  }
+  jint AttachCurrentThread(JNIEnv **p_env, void *thr_args) {
+    return functions->AttachCurrentThread(this, p_env, thr_args);
+  }
+  jint DetachCurrentThread() {
+    return functions->DetachCurrentThread(this);
+  }
+  jint GetEnv(void **env, jint version) {
+    return functions->GetEnv(this, env, version);
+  }
+  jint AttachCurrentThreadAsDaemon(JNIEnv **p_env, void *thr_args) {
+    return functions->AttachCurrentThreadAsDaemon(this, p_env, thr_args);
+  }
 #endif /*__cplusplus*/
 };
 
 struct JavaVMAttachArgs {
-    jint        version;    /* must be >= JNI_VERSION_1_2 */
-    const char* name;       /* NULL or name of thread as modified UTF-8 str */
-    jobject     group;      /* global ref of a ThreadGroup object, or NULL */
+  jint version; /* must be >= JNI_VERSION_1_2 */
+  const char *name; /* NULL or name of thread as modified UTF-8 str */
+  jobject group; /* global ref of a ThreadGroup object, or NULL */
 };
 typedef struct JavaVMAttachArgs JavaVMAttachArgs;
 
@@ -1079,16 +1320,16 @@ typedef struct JavaVMAttachArgs JavaVMAttachArgs;
  * longer supported.)
  */
 typedef struct JavaVMOption {
-    const char* optionString;
-    void*       extraInfo;
+  const char *optionString;
+  void *extraInfo;
 } JavaVMOption;
 
 typedef struct JavaVMInitArgs {
-    jint        version;    /* use JNI_VERSION_1_2 or later */
+  jint version; /* use JNI_VERSION_1_2 or later */
 
-    jint        nOptions;
-    JavaVMOption* options;
-    jboolean    ignoreUnrecognized;
+  jint nOptions;
+  JavaVMOption *options;
+  jboolean ignoreUnrecognized;
 } JavaVMInitArgs;
 
 #ifdef __cplusplus
@@ -1099,43 +1340,42 @@ extern "C" {
  *
  * Note these are the only symbols exported for JNI by the VM.
  */
-jint JNI_GetDefaultJavaVMInitArgs(void*);
-jint JNI_CreateJavaVM(JavaVM**, JNIEnv**, void*);
-jint JNI_GetCreatedJavaVMs(JavaVM**, jsize, jsize*);
+jint JNI_GetDefaultJavaVMInitArgs(void *);
+jint JNI_CreateJavaVM(JavaVM **, JNIEnv **, void *);
+jint JNI_GetCreatedJavaVMs(JavaVM **, jsize, jsize *);
 
 #define JNIIMPORT
-#define JNIEXPORT  __attribute__ ((visibility ("default")))
+#define JNIEXPORT __attribute__((visibility("default")))
 #define JNICALL
 
 /*
  * Prototypes for functions exported by loadable shared libs.  These are
  * called by JNI, not provided by JNI.
  */
-JNIEXPORT jint JNI_OnLoad(JavaVM* vm, void* reserved);
-JNIEXPORT void JNI_OnUnload(JavaVM* vm, void* reserved);
+JNIEXPORT jint JNI_OnLoad(JavaVM *vm, void *reserved);
+JNIEXPORT void JNI_OnUnload(JavaVM *vm, void *reserved);
 
 #ifdef __cplusplus
 }
 #endif
 
-
 /*
  * Manifest constants.
  */
-#define JNI_FALSE   0
-#define JNI_TRUE    1
+#define JNI_FALSE 0
+#define JNI_TRUE 1
 
 #define JNI_VERSION_1_1 0x00010001
 #define JNI_VERSION_1_2 0x00010002
 #define JNI_VERSION_1_4 0x00010004
 #define JNI_VERSION_1_6 0x00010006
 
-#define JNI_OK          (0)         /* no error */
-#define JNI_ERR         (-1)        /* generic error */
-#define JNI_EDETACHED   (-2)        /* thread detached from the VM */
-#define JNI_EVERSION    (-3)        /* JNI version error */
+#define JNI_OK (0) /* no error */
+#define JNI_ERR (-1) /* generic error */
+#define JNI_EDETACHED (-2) /* thread detached from the VM */
+#define JNI_EVERSION (-3) /* JNI version error */
 
-#define JNI_COMMIT      1           /* copy content, do not free buffer */
-#define JNI_ABORT       2           /* free buffer w/o copying back */
+#define JNI_COMMIT 1 /* copy content, do not free buffer */
+#define JNI_ABORT 2 /* free buffer w/o copying back */
 
-#endif  /* JNI_H_ */
+#endif /* JNI_H_ */
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/.clang-tidy b/ReactAndroid/src/main/jni/first-party/yogajni/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedGlobalRef.h b/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedGlobalRef.h
index b1c18e6822b2ed..fa98214af342b7 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedGlobalRef.h
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedGlobalRef.h
@@ -84,9 +84,7 @@ class ScopedGlobalRef {
     return *this;
   }
 
-  ~ScopedGlobalRef() {
-    reset();
-  }
+  ~ScopedGlobalRef() { reset(); }
 
   /**
    * Deletes the currently held reference and reassigns a new one to the
@@ -120,9 +118,7 @@ class ScopedGlobalRef {
   /**
    * Returns true if the underlying JNI reference is not NULL.
    */
-  operator bool() const {
-    return mGlobalRef != NULL;
-  }
+  operator bool() const { return mGlobalRef != NULL; }
 
   ScopedGlobalRef(const ScopedGlobalRef& ref) = delete;
   ScopedGlobalRef& operator=(const ScopedGlobalRef& other) = delete;
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedLocalRef.h b/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedLocalRef.h
index 0c5e94401ea973..2368ced2ba7e7b 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedLocalRef.h
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/ScopedLocalRef.h
@@ -83,9 +83,7 @@ class ScopedLocalRef {
     return *this;
   }
 
-  ~ScopedLocalRef() {
-    reset();
-  }
+  ~ScopedLocalRef() { reset(); }
 
   /**
    * Deletes the currently held reference and reassigns a new one to the
@@ -119,9 +117,7 @@ class ScopedLocalRef {
   /**
    * Returns true if the underlying JNI reference is not NULL.
    */
-  operator bool() const {
-    return mLocalRef != NULL;
-  }
+  operator bool() const { return mLocalRef != NULL; }
 
   ScopedLocalRef(const ScopedLocalRef& ref) = delete;
   ScopedLocalRef& operator=(const ScopedLocalRef& other) = delete;
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp
index b9b590ac904cf4..6e66c06ed1abe8 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp
@@ -225,6 +225,16 @@ static void jni_YGNodeInsertChildJNI(
       _jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer), index);
 }
 
+static void jni_YGNodeSwapChildJNI(
+    JNIEnv* env,
+    jobject obj,
+    jlong nativePointer,
+    jlong childPointer,
+    jint index) {
+  YGNodeSwapChild(
+      _jlong2YGNodeRef(nativePointer), _jlong2YGNodeRef(childPointer), index);
+}
+
 static void jni_YGNodeSetIsReferenceBaselineJNI(
     JNIEnv* env,
     jobject obj,
@@ -754,6 +764,7 @@ static JNINativeMethod methods[] = {
     {"jni_YGNodeFreeJNI", "(J)V", (void*) jni_YGNodeFreeJNI},
     {"jni_YGNodeResetJNI", "(J)V", (void*) jni_YGNodeResetJNI},
     {"jni_YGNodeInsertChildJNI", "(JJI)V", (void*) jni_YGNodeInsertChildJNI},
+    {"jni_YGNodeSwapChildJNI", "(JJI)V", (void*) jni_YGNodeSwapChildJNI},
     {"jni_YGNodeSetIsReferenceBaselineJNI",
      "(JZ)V",
      (void*) jni_YGNodeSetIsReferenceBaselineJNI},
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.cpp b/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.cpp
index 143c695f20b6a1..37b5677021cb4a 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.cpp
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.cpp
@@ -77,8 +77,11 @@ DEFINE_CALL_METHOD_FOR_PRIMITIVE_INTERFACE(void, Void) {
   assertNoPendingJniException(env);
 }
 
-ScopedLocalRef<jobject>
-callStaticObjectMethod(JNIEnv* env, jclass clazz, jmethodID methodId, ...) {
+ScopedLocalRef<jobject> callStaticObjectMethod(
+    JNIEnv* env,
+    jclass clazz,
+    jmethodID methodId,
+    ...) {
   va_list args;
   va_start(args, methodId);
   jobject result = env->CallStaticObjectMethodV(clazz, methodId, args);
diff --git a/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.h b/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.h
index 19eca6a4b4f1a7..fda1e06dc00c19 100644
--- a/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.h
+++ b/ReactAndroid/src/main/jni/first-party/yogajni/jni/common.h
@@ -61,8 +61,11 @@ DEFINE_CALL_METHOD_FOR_PRIMITIVE_INTERFACE(void, Void);
 DEFINE_CALL_METHOD_FOR_PRIMITIVE_INTERFACE(jlong, Long);
 DEFINE_CALL_METHOD_FOR_PRIMITIVE_INTERFACE(jfloat, Float);
 
-ScopedLocalRef<jobject>
-callStaticObjectMethod(JNIEnv* env, jclass clazz, jmethodID methodId, ...);
+ScopedLocalRef<jobject> callStaticObjectMethod(
+    JNIEnv* env,
+    jclass clazz,
+    jmethodID methodId,
+    ...);
 
 /**
  * Given a local or a global reference, this method creates a new global
diff --git a/ReactAndroid/src/main/jni/react/jni/.clang-tidy b/ReactAndroid/src/main/jni/react/jni/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactAndroid/src/main/jni/react/jni/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactAndroid/src/main/jni/react/jni/BUCK b/ReactAndroid/src/main/jni/react/jni/BUCK
index 46df994c53514b..53f2353ee8ab1b 100644
--- a/ReactAndroid/src/main/jni/react/jni/BUCK
+++ b/ReactAndroid/src/main/jni/react/jni/BUCK
@@ -53,11 +53,12 @@ rn_xplat_cxx_library(
         "PUBLIC",
     ],
     deps = ([
-        "fbsource//xplat/third-party/linker_lib:android",
-        "fbsource//xplat/third-party/linker_lib:atomic",
-        "fbsource//xplat/folly:molly",
+        "//xplat/third-party/linker_lib:android",
+        "//xplat/third-party/linker_lib:atomic",
+        "//xplat/third-party/glog:glog",
+        "//xplat/folly:molly",
         "//fbandroid/xplat/fbgloginit:fbgloginit",
-        "fbsource//xplat/fbsystrace:fbsystrace",
+        "//xplat/fbsystrace:fbsystrace",
         react_native_target("java/com/facebook/react/turbomodule/core/jni:callinvokerholder"),
         react_native_xplat_target("cxxreact:bridge"),
         react_native_xplat_target("cxxreact:jsbigstring"),
diff --git a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
index 924131081d60d5..4b279d208b41b1 100644
--- a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
@@ -14,7 +14,6 @@
 #include <vector>
 
 #include <ReactCommon/CallInvokerHolder.h>
-#include <ReactCommon/MessageQueueThreadCallInvoker.h>
 #include <cxxreact/CxxNativeModule.h>
 #include <cxxreact/Instance.h>
 #include <cxxreact/JSBigString.h>
@@ -288,8 +287,8 @@ void CatalystInstanceImpl::handleMemoryPressure(int pressureLevel) {
 jni::alias_ref<CallInvokerHolder::javaobject>
 CatalystInstanceImpl::getJSCallInvokerHolder() {
   if (!jsCallInvokerHolder_) {
-    jsCallInvokerHolder_ = jni::make_global(CallInvokerHolder::newObjectCxxArgs(
-        std::make_shared<BridgeJSCallInvoker>(instance_)));
+    jsCallInvokerHolder_ = jni::make_global(
+        CallInvokerHolder::newObjectCxxArgs(instance_->getJSCallInvoker()));
   }
 
   return jsCallInvokerHolder_;
@@ -298,10 +297,30 @@ CatalystInstanceImpl::getJSCallInvokerHolder() {
 jni::alias_ref<CallInvokerHolder::javaobject>
 CatalystInstanceImpl::getNativeCallInvokerHolder() {
   if (!nativeCallInvokerHolder_) {
-    nativeCallInvokerHolder_ =
-        jni::make_global(CallInvokerHolder::newObjectCxxArgs(
-            std::make_shared<MessageQueueThreadCallInvoker>(
-                moduleMessageQueue_)));
+    class NativeThreadCallInvoker : public CallInvoker {
+     private:
+      std::shared_ptr<JMessageQueueThread> messageQueueThread_;
+
+     public:
+      NativeThreadCallInvoker(
+          std::shared_ptr<JMessageQueueThread> messageQueueThread)
+          : messageQueueThread_(messageQueueThread) {}
+      void invokeAsync(std::function<void()> &&work) override {
+        messageQueueThread_->runOnQueue(std::move(work));
+      }
+      void invokeSync(std::function<void()> &&work) override {
+        messageQueueThread_->runOnQueueSync(std::move(work));
+      }
+    };
+
+    std::shared_ptr<CallInvoker> nativeInvoker =
+        std::make_shared<NativeThreadCallInvoker>(moduleMessageQueue_);
+
+    std::shared_ptr<CallInvoker> decoratedNativeInvoker =
+        instance_->getDecoratedNativeCallInvoker(nativeInvoker);
+
+    nativeCallInvokerHolder_ = jni::make_global(
+        CallInvokerHolder::newObjectCxxArgs(decoratedNativeInvoker));
   }
 
   return nativeCallInvokerHolder_;
diff --git a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
index 94d50e245fb9fe..32a2eef9178399 100644
--- a/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
+++ b/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
@@ -8,7 +8,6 @@
 #include <memory>
 #include <string>
 
-#include <ReactCommon/BridgeJSCallInvoker.h>
 #include <ReactCommon/CallInvokerHolder.h>
 #include <fbjni/fbjni.h>
 
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
index 62bababc332612..1d183271f2e60f 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
@@ -20,33 +20,40 @@ namespace facebook {
 namespace react {
 
 jni::local_ref<CxxModuleWrapper::javaobject> CxxModuleWrapper::makeDsoNative(
-    jni::alias_ref<jclass>, const std::string& soPath, const std::string& fname) {
+    jni::alias_ref<jclass>,
+    const std::string &soPath,
+    const std::string &fname) {
   // soPath is the path of a library which has already been loaded by
   // java SoLoader.loadLibrary().  So this returns the same handle,
   // and increments the reference counter.  We can't just use
   // dlsym(RTLD_DEFAULT, ...), because that crashes on 4.4.2 and
   // earlier: https://code.google.com/p/android/issues/detail?id=61799
-  void* handle = dlopen(soPath.c_str(), RTLD_NOW);
+  void *handle = dlopen(soPath.c_str(), RTLD_NOW);
   if (!handle) {
-    throwNewJavaException(gJavaLangIllegalArgumentException,
-                          "module shared library %s is not found", soPath.c_str());
+    throwNewJavaException(
+        gJavaLangIllegalArgumentException,
+        "module shared library %s is not found",
+        soPath.c_str());
   }
-   // Now, arrange to close the handle so the counter is decremented.
-   // The handle will remain valid until java closes it.  There's no
-   // way to do this on Android, but that's no reason to be sloppy
-   // here.
+  // Now, arrange to close the handle so the counter is decremented.
+  // The handle will remain valid until java closes it.  There's no
+  // way to do this on Android, but that's no reason to be sloppy
+  // here.
   auto guard = folly::makeGuard([&] { CHECK(dlclose(handle) == 0); });
 
-  void* sym = dlsym(handle, fname.c_str());
+  void *sym = dlsym(handle, fname.c_str());
   if (!sym) {
-    throwNewJavaException(gJavaLangIllegalArgumentException,
-                          "module function %s in shared library %s is not found",
-                          fname.c_str(), soPath.c_str());
+    throwNewJavaException(
+        gJavaLangIllegalArgumentException,
+        "module function %s in shared library %s is not found",
+        fname.c_str(),
+        soPath.c_str());
   }
-  auto factory = reinterpret_cast<CxxModule* (*)()>(sym);
+  auto factory = reinterpret_cast<CxxModule *(*)()>(sym);
 
-  return CxxModuleWrapper::newObjectCxxArgs(std::unique_ptr<CxxModule>((*factory)()));
+  return CxxModuleWrapper::newObjectCxxArgs(
+      std::unique_ptr<CxxModule>((*factory)()));
 }
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
index 15ffaa013cc513..2ffe575263dada 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
+++ b/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
@@ -12,19 +12,21 @@
 namespace facebook {
 namespace react {
 
-class CxxModuleWrapper : public jni::HybridClass<CxxModuleWrapper, CxxModuleWrapperBase> {
-public:
+class CxxModuleWrapper
+    : public jni::HybridClass<CxxModuleWrapper, CxxModuleWrapperBase> {
+ public:
   constexpr static const char *const kJavaDescriptor =
-    "Lcom/facebook/react/bridge/CxxModuleWrapper;";
+      "Lcom/facebook/react/bridge/CxxModuleWrapper;";
 
   static void registerNatives() {
-    registerHybrid({
-      makeNativeMethod("makeDsoNative", CxxModuleWrapper::makeDsoNative)
-    });
+    registerHybrid(
+        {makeNativeMethod("makeDsoNative", CxxModuleWrapper::makeDsoNative)});
   }
 
   static jni::local_ref<CxxModuleWrapper::javaobject> makeDsoNative(
-    jni::alias_ref<jclass>, const std::string& soPath, const std::string& fname);
+      jni::alias_ref<jclass>,
+      const std::string &soPath,
+      const std::string &fname);
 
   std::string getName() override {
     return module_->getName();
@@ -35,14 +37,14 @@ class CxxModuleWrapper : public jni::HybridClass<CxxModuleWrapper, CxxModuleWrap
     return std::move(module_);
   }
 
-protected:
+ protected:
   friend HybridBase;
 
   explicit CxxModuleWrapper(std::unique_ptr<xplat::module::CxxModule> module)
-    : module_(std::move(module)) {}
+      : module_(std::move(module)) {}
 
   std::unique_ptr<xplat::module::CxxModule> module_;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h b/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h
index 869bbf03888436..19178ff8ccce4d 100644
--- a/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h
+++ b/ReactAndroid/src/main/jni/react/jni/CxxSharedModuleWrapper.h
@@ -14,7 +14,7 @@
 namespace facebook {
 namespace react {
 
-class CxxSharedModuleWrapper: public CxxModuleWrapperBase {
+class CxxSharedModuleWrapper : public CxxModuleWrapperBase {
  public:
   std::string getName() override {
     return shared_->getName();
@@ -27,12 +27,13 @@ class CxxSharedModuleWrapper: public CxxModuleWrapperBase {
     return std::make_unique<xplat::module::SharedProxyCxxModule>(shared_);
   }
 
-protected:
-  explicit CxxSharedModuleWrapper(std::unique_ptr<xplat::module::CxxModule> module)
-    : shared_(std::move(module)) {}
+ protected:
+  explicit CxxSharedModuleWrapper(
+      std::unique_ptr<xplat::module::CxxModule> module)
+      : shared_(std::move(module)) {}
 
   std::shared_ptr<xplat::module::CxxModule> shared_;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/JInspector.cpp b/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
index 329a686e0787bf..1fbe238b9e0876 100644
--- a/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
@@ -17,7 +17,7 @@ namespace react {
 namespace {
 
 class RemoteConnection : public IRemoteConnection {
-public:
+ public:
   RemoteConnection(jni::alias_ref<JRemoteConnection::javaobject> connection)
       : connection_(jni::make_global(connection)) {}
 
@@ -28,19 +28,27 @@ class RemoteConnection : public IRemoteConnection {
   virtual void onDisconnect() override {
     connection_->onDisconnect();
   }
-private:
+
+ private:
   jni::global_ref<JRemoteConnection::javaobject> connection_;
 };
 
+} // namespace
+
+jni::local_ref<JPage::javaobject>
+JPage::create(int id, const std::string &title, const std::string &vm) {
+  static auto constructor = javaClassStatic()
+                                ->getConstructor<JPage::javaobject(
+                                    jint,
+                                    jni::local_ref<jni::JString>,
+                                    jni::local_ref<jni::JString>)>();
+  return javaClassStatic()->newObject(
+      constructor, id, jni::make_jstring(title), jni::make_jstring(vm));
 }
 
-jni::local_ref<JPage::javaobject> JPage::create(int id, const std::string& title, const std::string& vm) {
-  static auto constructor = javaClassStatic()->getConstructor<JPage::javaobject(jint, jni::local_ref<jni::JString>, jni::local_ref<jni::JString>)>();
-  return javaClassStatic()->newObject(constructor, id, jni::make_jstring(title), jni::make_jstring(vm));
-}
-
-void JRemoteConnection::onMessage(const std::string& message) const {
-  static auto method = javaClassStatic()->getMethod<void(jni::local_ref<jstring>)>("onMessage");
+void JRemoteConnection::onMessage(const std::string &message) const {
+  static auto method =
+      javaClassStatic()->getMethod<void(jni::local_ref<jstring>)>("onMessage");
   method(self(), jni::make_jstring(message));
 }
 
@@ -50,7 +58,7 @@ void JRemoteConnection::onDisconnect() const {
 }
 
 JLocalConnection::JLocalConnection(std::unique_ptr<ILocalConnection> connection)
-  : connection_(std::move(connection)) {}
+    : connection_(std::move(connection)) {}
 
 void JLocalConnection::sendMessage(std::string message) {
   connection_->sendMessage(std::move(message));
@@ -67,8 +75,10 @@ void JLocalConnection::registerNatives() {
   });
 }
 
-jni::global_ref<JInspector::javaobject> JInspector::instance(jni::alias_ref<jclass>) {
-  static auto instance = jni::make_global(newObjectCxxArgs(&getInspectorInstance()));
+jni::global_ref<JInspector::javaobject> JInspector::instance(
+    jni::alias_ref<jclass>) {
+  static auto instance =
+      jni::make_global(newObjectCxxArgs(&getInspectorInstance()));
   return instance;
 }
 
@@ -81,8 +91,11 @@ jni::local_ref<jni::JArrayClass<JPage::javaobject>> JInspector::getPages() {
   return array;
 }
 
-jni::local_ref<JLocalConnection::javaobject> JInspector::connect(int pageId, jni::alias_ref<JRemoteConnection::javaobject> remote) {
-  auto localConnection = inspector_->connect(pageId, std::make_unique<RemoteConnection>(std::move(remote)));
+jni::local_ref<JLocalConnection::javaobject> JInspector::connect(
+    int pageId,
+    jni::alias_ref<JRemoteConnection::javaobject> remote) {
+  auto localConnection = inspector_->connect(
+      pageId, std::make_unique<RemoteConnection>(std::move(remote)));
   return JLocalConnection::newObjectCxxArgs(std::move(localConnection));
 }
 
@@ -95,7 +108,7 @@ void JInspector::registerNatives() {
   });
 }
 
-}
-}
+} // namespace react
+} // namespace facebook
 
 #endif
diff --git a/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h b/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h
index 664d1e3e52277f..b45d84c90a6c30 100644
--- a/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h
+++ b/ReactAndroid/src/main/jni/react/jni/JNativeRunnable.h
@@ -17,7 +17,7 @@ namespace facebook {
 namespace react {
 
 class Runnable : public JavaClass<Runnable> {
-public:
+ public:
   static constexpr auto kJavaDescriptor = "Ljava/lang/Runnable;";
 };
 
@@ -25,8 +25,9 @@ class Runnable : public JavaClass<Runnable> {
  * The c++ interface for the Java NativeRunnable class
  */
 class JNativeRunnable : public HybridClass<JNativeRunnable, Runnable> {
-public:
-  static auto constexpr kJavaDescriptor = "Lcom/facebook/react/bridge/queue/NativeRunnable;";
+ public:
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/bridge/queue/NativeRunnable;";
 
   void run() {
     m_runnable();
@@ -37,7 +38,8 @@ class JNativeRunnable : public HybridClass<JNativeRunnable, Runnable> {
         makeNativeMethod("run", JNativeRunnable::run),
     });
   }
-private:
+
+ private:
   friend HybridBase;
 
   JNativeRunnable(std::function<void()> runnable)
@@ -46,4 +48,5 @@ class JNativeRunnable : public HybridClass<JNativeRunnable, Runnable> {
   std::function<void()> m_runnable;
 };
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp b/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
index 7409681e1a4295..0f7159f31ee1ef 100644
--- a/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JReactMarker.cpp
@@ -8,6 +8,7 @@
 #include "JReactMarker.h"
 #include <cxxreact/ReactMarker.h>
 #include <fbjni/fbjni.h>
+#include <glog/logging.h>
 #include <mutex>
 
 namespace facebook {
@@ -40,12 +41,16 @@ void JReactMarker::logPerfMarker(
     const char *tag) {
   switch (markerId) {
     case ReactMarker::RUN_JS_BUNDLE_START:
+      LOG(ERROR) << "logMarker RUN_JS_BUNDLE_START"; // TODO T62192299: delete
       JReactMarker::logMarker("RUN_JS_BUNDLE_START", tag);
       break;
     case ReactMarker::RUN_JS_BUNDLE_STOP:
+      LOG(ERROR) << "logMarker RUN_JS_BUNDLE_END"; // TODO T62192299: delete
       JReactMarker::logMarker("RUN_JS_BUNDLE_END", tag);
       break;
     case ReactMarker::CREATE_REACT_CONTEXT_STOP:
+      LOG(ERROR)
+          << "logMarker CREATE_REACT_CONTEXT_END"; // TODO T62192299: delete
       JReactMarker::logMarker("CREATE_REACT_CONTEXT_END");
       break;
     case ReactMarker::JS_BUNDLE_STRING_CONVERT_START:
diff --git a/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp b/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp
index bb6b3f63b85ed8..6a174e6634be66 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JSLogging.cpp
@@ -13,13 +13,13 @@ namespace facebook {
 namespace react {
 
 void reactAndroidLoggingHook(
-    const std::string& message,
+    const std::string &message,
     android_LogPriority logLevel) {
   FBLOG_PRI(logLevel, "ReactNativeJS", "%s", message.c_str());
 }
 
 void reactAndroidLoggingHook(
-    const std::string& message,
+    const std::string &message,
     unsigned int logLevel) {
   reactAndroidLoggingHook(
       message, static_cast<android_LogPriority>(logLevel + ANDROID_LOG_DEBUG));
diff --git a/ReactAndroid/src/main/jni/react/jni/JSLogging.h b/ReactAndroid/src/main/jni/react/jni/JSLogging.h
index 39062d3517e5ab..3d853200fb3a73 100644
--- a/ReactAndroid/src/main/jni/react/jni/JSLogging.h
+++ b/ReactAndroid/src/main/jni/react/jni/JSLogging.h
@@ -14,11 +14,9 @@ namespace facebook {
 namespace react {
 
 void reactAndroidLoggingHook(
-    const std::string& message,
+    const std::string &message,
     android_LogPriority logLevel);
-void reactAndroidLoggingHook(
-    const std::string& message,
-    unsigned int logLevel);
+void reactAndroidLoggingHook(const std::string &message, unsigned int logLevel);
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp
index 5c632d44f7acde..f99243200c2350 100644
--- a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.cpp
@@ -7,25 +7,25 @@
 
 #include "JniJSModulesUnbundle.h"
 
-#include <cstdint>
 #include <fb/assert.h>
 #include <libgen.h>
+#include <sys/endian.h>
+#include <cstdint>
 #include <memory>
 #include <sstream>
-#include <sys/endian.h>
 #include <utility>
 
 using magic_number_t = uint32_t;
 const magic_number_t MAGIC_FILE_HEADER = 0xFB0BD1E5;
-const char* MAGIC_FILE_NAME = "UNBUNDLE";
+const char *MAGIC_FILE_NAME = "UNBUNDLE";
 
 namespace facebook {
 namespace react {
 
 using asset_ptr =
-  std::unique_ptr<AAsset, std::function<decltype(AAsset_close)>>;
+    std::unique_ptr<AAsset, std::function<decltype(AAsset_close)>>;
 
-static std::string jsModulesDir(const std::string& entryFile) {
+static std::string jsModulesDir(const std::string &entryFile) {
   std::string dir = dirname(entryFile.c_str());
 
   // android's asset manager does not work with paths that start with a dot
@@ -34,26 +34,27 @@ static std::string jsModulesDir(const std::string& entryFile) {
 
 static asset_ptr openAsset(
     AAssetManager *manager,
-    const std::string& fileName,
+    const std::string &fileName,
     int mode = AASSET_MODE_STREAMING) {
   return asset_ptr(
-    AAssetManager_open(manager, fileName.c_str(), mode),
-    AAsset_close);
+      AAssetManager_open(manager, fileName.c_str(), mode), AAsset_close);
 }
 
 std::unique_ptr<JniJSModulesUnbundle> JniJSModulesUnbundle::fromEntryFile(
-  AAssetManager *assetManager,
-  const std::string& entryFile) {
-    return std::make_unique<JniJSModulesUnbundle>(assetManager, jsModulesDir(entryFile));
-  }
+    AAssetManager *assetManager,
+    const std::string &entryFile) {
+  return std::make_unique<JniJSModulesUnbundle>(
+      assetManager, jsModulesDir(entryFile));
+}
 
-JniJSModulesUnbundle::JniJSModulesUnbundle(AAssetManager *assetManager, const std::string& moduleDirectory) :
-  m_assetManager(assetManager),
-  m_moduleDirectory(moduleDirectory) {}
+JniJSModulesUnbundle::JniJSModulesUnbundle(
+    AAssetManager *assetManager,
+    const std::string &moduleDirectory)
+    : m_assetManager(assetManager), m_moduleDirectory(moduleDirectory) {}
 
 bool JniJSModulesUnbundle::isUnbundle(
     AAssetManager *assetManager,
-    const std::string& assetName) {
+    const std::string &assetName) {
   if (!assetManager) {
     return false;
   }
@@ -69,9 +70,12 @@ bool JniJSModulesUnbundle::isUnbundle(
   return fileHeader == htole32(MAGIC_FILE_HEADER);
 }
 
-JSModulesUnbundle::Module JniJSModulesUnbundle::getModule(uint32_t moduleId) const {
+JSModulesUnbundle::Module JniJSModulesUnbundle::getModule(
+    uint32_t moduleId) const {
   // can be nullptr for default constructor.
-  FBASSERTMSGF(m_assetManager != nullptr, "Unbundle has not been initialized with an asset manager");
+  FBASSERTMSGF(
+      m_assetManager != nullptr,
+      "Unbundle has not been initialized with an asset manager");
 
   std::ostringstream sourceUrlBuilder;
   sourceUrlBuilder << moduleId << ".js";
@@ -90,5 +94,5 @@ JSModulesUnbundle::Module JniJSModulesUnbundle::getModule(uint32_t moduleId) con
   return {sourceUrl, std::string(buffer, AAsset_getLength(asset.get()))};
 }
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h
index 27ee9f3b3d262b..68f41a3d698c6a 100644
--- a/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h
+++ b/ReactAndroid/src/main/jni/react/jni/JniJSModulesUnbundle.h
@@ -19,22 +19,27 @@ class JniJSModulesUnbundle : public JSModulesUnbundle {
   /**
    * This implementation reads modules as single file from the assets of an apk.
    */
-public:
+ public:
   JniJSModulesUnbundle() = default;
-  JniJSModulesUnbundle(AAssetManager *assetManager, const std::string& moduleDirectory);
-  JniJSModulesUnbundle(JniJSModulesUnbundle&& other) = delete;
-  JniJSModulesUnbundle& operator= (JSModulesUnbundle&& other) = delete;
+  JniJSModulesUnbundle(
+      AAssetManager *assetManager,
+      const std::string &moduleDirectory);
+  JniJSModulesUnbundle(JniJSModulesUnbundle &&other) = delete;
+  JniJSModulesUnbundle &operator=(JSModulesUnbundle &&other) = delete;
 
-  static std::unique_ptr<JniJSModulesUnbundle> fromEntryFile(AAssetManager *assetManager, const std::string& entryFile);
+  static std::unique_ptr<JniJSModulesUnbundle> fromEntryFile(
+      AAssetManager *assetManager,
+      const std::string &entryFile);
 
   static bool isUnbundle(
-    AAssetManager *assetManager,
-    const std::string& assetName);
+      AAssetManager *assetManager,
+      const std::string &assetName);
   virtual Module getModule(uint32_t moduleId) const override;
-private:
+
+ private:
   AAssetManager *m_assetManager = nullptr;
   std::string m_moduleDirectory;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
index 09b2a078c25c7c..b239481e7c60d1 100644
--- a/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ModuleRegistryBuilder.cpp
@@ -7,9 +7,9 @@
 
 #include "ModuleRegistryBuilder.h"
 
+#include <glog/logging.h>
 #include <memory>
 #include <string>
-#include <glog/logging.h>
 
 #include <cxxreact/CxxNativeModule.h>
 
@@ -21,11 +21,12 @@ std::string ModuleHolder::getName() const {
   return method(self())->toStdString();
 }
 
-xplat::module::CxxModule::Provider ModuleHolder::getProvider(const std::string& moduleName) const {
-  return [self=jni::make_global(self()), moduleName] {
+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");
+        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 = getModule(self);
@@ -33,7 +34,8 @@ xplat::module::CxxModule::Provider ModuleHolder::getProvider(const std::string&
     CHECK(module->isInstanceOf(CxxModuleWrapperBase::javaClassStatic()))
         << "NativeModule '" << moduleName << "' isn't a C++ module";
 
-    auto cxxModule = jni::static_ref_cast<CxxModuleWrapperBase::javaobject>(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();
   };
@@ -41,24 +43,30 @@ xplat::module::CxxModule::Provider ModuleHolder::getProvider(const std::string&
 
 std::vector<std::unique_ptr<NativeModule>> buildNativeModuleList(
     std::weak_ptr<Instance> winstance,
-    jni::alias_ref<jni::JCollection<JavaModuleWrapper::javaobject>::javaobject> javaModules,
-    jni::alias_ref<jni::JCollection<ModuleHolder::javaobject>::javaobject> cxxModules,
+    jni::alias_ref<jni::JCollection<JavaModuleWrapper::javaobject>::javaobject>
+        javaModules,
+    jni::alias_ref<jni::JCollection<ModuleHolder::javaobject>::javaobject>
+        cxxModules,
     std::shared_ptr<MessageQueueThread> moduleMessageQueue) {
   std::vector<std::unique_ptr<NativeModule>> modules;
   if (javaModules) {
-    for (const auto& jm : *javaModules) {
+    for (const auto &jm : *javaModules) {
       modules.emplace_back(std::make_unique<JavaNativeModule>(
-                     winstance, jm, moduleMessageQueue));
+          winstance, jm, moduleMessageQueue));
     }
   }
   if (cxxModules) {
-    for (const auto& cm : *cxxModules) {
+    for (const auto &cm : *cxxModules) {
       std::string moduleName = cm->getName();
       modules.emplace_back(std::make_unique<CxxNativeModule>(
-                             winstance, moduleName, cm->getProvider(moduleName), moduleMessageQueue));
+          winstance,
+          moduleName,
+          cm->getProvider(moduleName),
+          moduleMessageQueue));
     }
   }
   return modules;
 }
 
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp b/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp
index 9e9a4ad5367bdc..b244d45655cf1f 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/NativeCommon.cpp
@@ -14,13 +14,13 @@ namespace react {
 
 namespace exceptions {
 const char *gUnexpectedNativeTypeExceptionClass =
-  "com/facebook/react/bridge/UnexpectedNativeTypeException";
+    "com/facebook/react/bridge/UnexpectedNativeTypeException";
 }
 
 namespace {
 
 // Returns a leaked global_ref.
-alias_ref<ReadableType> getTypeField(const char* fieldName) {
+alias_ref<ReadableType> getTypeField(const char *fieldName) {
   static auto cls = ReadableType::javaClassStatic();
   auto field = cls->getStaticField<ReadableType::javaobject>(fieldName);
   return make_global(cls->getStaticFieldValue(field)).release();
@@ -56,7 +56,8 @@ local_ref<ReadableType> ReadableType::getType(folly::dynamic::Type type) {
       return make_local(val);
     }
     default:
-      throwNewJavaException(exceptions::gUnexpectedNativeTypeExceptionClass, "Unknown type");
+      throwNewJavaException(
+          exceptions::gUnexpectedNativeTypeExceptionClass, "Unknown type");
   }
 }
 
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp b/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp
index c5540364b64b53..5f02cb98a9f74d 100644
--- a/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/NativeMap.cpp
@@ -21,7 +21,7 @@ std::string NativeMap::toString() {
 
 void NativeMap::registerNatives() {
   registerHybrid({
-    makeNativeMethod("toString", NativeMap::toString),
+      makeNativeMethod("toString", NativeMap::toString),
   });
 }
 
@@ -35,5 +35,5 @@ void NativeMap::throwIfConsumed() {
   exceptions::throwIfObjectAlreadyConsumed(this, "Map already consumed");
 }
 
-}  // namespace react
-}  // namespace facebook
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeTime.cpp b/ReactAndroid/src/main/jni/react/jni/NativeTime.cpp
new file mode 100644
index 00000000000000..05eb72b49bc02b
--- /dev/null
+++ b/ReactAndroid/src/main/jni/react/jni/NativeTime.cpp
@@ -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.
+ */
+
+#include "NativeTime.h"
+#include <chrono>
+
+namespace facebook {
+namespace react {
+
+double reactAndroidNativePerformanceNowHook() {
+  auto time = std::chrono::steady_clock::now();
+  auto duration = std::chrono::duration_cast<std::chrono::nanoseconds>(
+                      time.time_since_epoch())
+                      .count();
+
+  constexpr double NANOSECONDS_IN_MILLISECOND = 1000000.0;
+
+  return duration / NANOSECONDS_IN_MILLISECOND;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/NativeTime.h b/ReactAndroid/src/main/jni/react/jni/NativeTime.h
new file mode 100644
index 00000000000000..b4d028dd882908
--- /dev/null
+++ b/ReactAndroid/src/main/jni/react/jni/NativeTime.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.
+ */
+
+#pragma once
+
+namespace facebook {
+namespace react {
+
+double reactAndroidNativePerformanceNowHook();
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
index 43914cadd2f48c..17e324d115456b 100644
--- a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
@@ -53,9 +53,7 @@ ProxyExecutor::~ProxyExecutor() {
   m_executor.reset();
 }
 
-void ProxyExecutor::loadApplicationScript(
-    std::unique_ptr<const JSBigString>,
-    std::string sourceURL) {
+void ProxyExecutor::initializeRuntime() {
   folly::dynamic nativeModuleConfig = folly::dynamic::array;
 
   {
@@ -76,14 +74,17 @@ void ProxyExecutor::loadApplicationScript(
         "__fbBatchedBridgeConfig",
         std::make_unique<JSBigStdString>(folly::toJson(config)));
   }
+}
 
-  static auto loadApplicationScript =
-      jni::findClassStatic(EXECUTOR_BASECLASS)
-          ->getMethod<void(jstring)>("loadApplicationScript");
+void ProxyExecutor::loadBundle(
+    std::unique_ptr<const JSBigString>,
+    std::string sourceURL) {
+  static auto loadBundle = jni::findClassStatic(EXECUTOR_BASECLASS)
+                               ->getMethod<void(jstring)>("loadBundle");
 
   // The proxy ignores the script data passed in.
 
-  loadApplicationScript(m_executor.get(), jni::make_jstring(sourceURL).get());
+  loadBundle(m_executor.get(), jni::make_jstring(sourceURL).get());
   // We can get pending calls here to native but the queue will be drained when
   // we launch the application.
 }
diff --git a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
index fa1c12634fcfbd..c9eab4170d41f4 100644
--- a/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
+++ b/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
@@ -37,7 +37,8 @@ class ProxyExecutor : public JSExecutor {
       jni::global_ref<jobject> &&executorInstance,
       std::shared_ptr<ExecutorDelegate> delegate);
   virtual ~ProxyExecutor() override;
-  virtual void loadApplicationScript(
+  virtual void initializeRuntime() override;
+  virtual void loadBundle(
       std::unique_ptr<const JSBigString> script,
       std::string sourceURL) override;
   virtual void setBundleRegistry(
diff --git a/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.h b/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.h
index 891499105d0032..2e89f954e09b37 100644
--- a/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.h
+++ b/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.h
@@ -16,21 +16,25 @@ namespace facebook {
 namespace react {
 
 struct ReadableArray : jni::JavaClass<ReadableArray> {
-  static auto constexpr kJavaDescriptor = "Lcom/facebook/react/bridge/ReadableArray;";
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/bridge/ReadableArray;";
 };
 
-class ReadableNativeArray : public jni::HybridClass<ReadableNativeArray, NativeArray> {
+class ReadableNativeArray
+    : public jni::HybridClass<ReadableNativeArray, NativeArray> {
  protected:
   friend HybridBase;
   explicit ReadableNativeArray(folly::dynamic array);
 
  public:
-  static constexpr const char* kJavaDescriptor = "Lcom/facebook/react/bridge/ReadableNativeArray;";
+  static constexpr const char *kJavaDescriptor =
+      "Lcom/facebook/react/bridge/ReadableNativeArray;";
 
-  static void mapException(const std::exception& ex);
+  static void mapException(const std::exception &ex);
   jni::local_ref<jni::JArrayClass<jobject>> importArray();
   jni::local_ref<jni::JArrayClass<jobject>> importTypeArray();
   static void registerNatives();
 };
 
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp b/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp
index 1430a15763e52f..5040fead9bb5df 100644
--- a/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/WritableNativeArray.cpp
@@ -17,7 +17,8 @@ namespace react {
 WritableNativeArray::WritableNativeArray()
     : HybridBase(folly::dynamic::array()) {}
 
-local_ref<WritableNativeArray::jhybriddata> WritableNativeArray::initHybrid(alias_ref<jclass>) {
+local_ref<WritableNativeArray::jhybriddata> WritableNativeArray::initHybrid(
+    alias_ref<jclass>) {
   return makeCxxInstance();
 }
 
@@ -50,7 +51,7 @@ void WritableNativeArray::pushString(jstring value) {
   array_.push_back(wrap_alias(value)->toStdString());
 }
 
-void WritableNativeArray::pushNativeArray(WritableNativeArray* otherArray) {
+void WritableNativeArray::pushNativeArray(WritableNativeArray *otherArray) {
   if (otherArray == NULL) {
     pushNull();
     return;
@@ -59,7 +60,7 @@ void WritableNativeArray::pushNativeArray(WritableNativeArray* otherArray) {
   array_.push_back(otherArray->consume());
 }
 
-void WritableNativeArray::pushNativeMap(WritableNativeMap* map) {
+void WritableNativeArray::pushNativeMap(WritableNativeMap *map) {
   if (map == NULL) {
     pushNull();
     return;
diff --git a/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp b/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp
index e347badd068cc2..70c41a447698eb 100644
--- a/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp
+++ b/ReactAndroid/src/main/jni/react/jni/WritableNativeMap.cpp
@@ -12,17 +12,17 @@ using namespace facebook::jni;
 namespace facebook {
 namespace react {
 
-WritableNativeMap::WritableNativeMap()
-  : HybridBase(folly::dynamic::object()) {}
+WritableNativeMap::WritableNativeMap() : HybridBase(folly::dynamic::object()) {}
 
-WritableNativeMap::WritableNativeMap(folly::dynamic&& val)
+WritableNativeMap::WritableNativeMap(folly::dynamic &&val)
     : HybridBase(std::move(val)) {
   if (!map_.isObject()) {
     throw std::runtime_error("WritableNativeMap value must be an object.");
   }
 }
 
-local_ref<WritableNativeMap::jhybriddata> WritableNativeMap::initHybrid(alias_ref<jclass>) {
+local_ref<WritableNativeMap::jhybriddata> WritableNativeMap::initHybrid(
+    alias_ref<jclass>) {
   return makeCxxInstance();
 }
 
@@ -55,7 +55,9 @@ void WritableNativeMap::putString(std::string key, alias_ref<jstring> val) {
   map_.insert(std::move(key), val->toString());
 }
 
-void WritableNativeMap::putNativeArray(std::string key, WritableNativeArray* otherArray) {
+void WritableNativeMap::putNativeArray(
+    std::string key,
+    WritableNativeArray *otherArray) {
   if (!otherArray) {
     putNull(std::move(key));
     return;
@@ -64,7 +66,9 @@ void WritableNativeMap::putNativeArray(std::string key, WritableNativeArray* oth
   map_.insert(key, otherArray->consume());
 }
 
-void WritableNativeMap::putNativeMap(std::string key, WritableNativeMap *otherMap) {
+void WritableNativeMap::putNativeMap(
+    std::string key,
+    WritableNativeMap *otherMap) {
   if (!otherMap) {
     putNull(std::move(key));
     return;
@@ -73,7 +77,7 @@ void WritableNativeMap::putNativeMap(std::string key, WritableNativeMap *otherMa
   map_.insert(std::move(key), otherMap->consume());
 }
 
-void WritableNativeMap::mergeNativeMap(ReadableNativeMap* other) {
+void WritableNativeMap::mergeNativeMap(ReadableNativeMap *other) {
   throwIfConsumed();
   other->throwIfConsumed();
 
@@ -93,7 +97,7 @@ void WritableNativeMap::registerNatives() {
       makeNativeMethod("putNativeMap", WritableNativeMap::putNativeMap),
       makeNativeMethod("mergeNativeMap", WritableNativeMap::mergeNativeMap),
       makeNativeMethod("initHybrid", WritableNativeMap::initHybrid),
-    });
+  });
 }
 
 } // namespace react
diff --git a/ReactAndroid/src/main/jni/react/perftests/BUCK b/ReactAndroid/src/main/jni/react/perftests/BUCK
index ab322fd2cdc5cc..fbff1d65250555 100644
--- a/ReactAndroid/src/main/jni/react/perftests/BUCK
+++ b/ReactAndroid/src/main/jni/react/perftests/BUCK
@@ -13,9 +13,9 @@ rn_xplat_cxx_library(
         "//fbandroid/instrumentation_tests/com/facebook/react/...",
     ],
     deps = [
-        "fbsource//xplat/folly:molly",
         "//fbandroid/native:base",
         "//fbandroid/native/fb:fb",
+        "//xplat/folly:molly",
         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 906abbb0164392..1bd5c3e9d137af 100644
--- a/ReactAndroid/src/main/jni/third-party/folly/Android.mk
+++ b/ReactAndroid/src/main/jni/third-party/folly/Android.mk
@@ -9,20 +9,22 @@ LOCAL_SRC_FILES:= \
   folly/memory/detail/MallocImpl.cpp \
   folly/String.cpp \
   folly/dynamic.cpp \
+  folly/FileUtil.cpp \
   folly/Format.cpp \
+  folly/net/NetOps.cpp \
   folly/json_pointer.cpp \
-  folly/lang/ColdClass.cpp \
+  folly/lang/CString.cpp \
+  folly/lang/SafeAssert.cpp \
   folly/detail/Demangle.cpp \
+  folly/detail/UniqueInstance.cpp \
   folly/hash/SpookyHashV2.cpp \
   folly/container/detail/F14Table.cpp \
   folly/ScopeGuard.cpp \
+  folly/portability/SysUio.cpp
 
 ifeq ($(APP_OPTIM),debug)
   LOCAL_SRC_FILES += \
-    folly/lang/Assume.cpp \
-    folly/lang/SafeAssert.cpp \
-    folly/FileUtil.cpp \
-    folly/portability/SysUio.cpp
+    folly/lang/Assume.cpp
 endif
 
 LOCAL_C_INCLUDES := $(LOCAL_PATH)
@@ -34,7 +36,8 @@ FOLLY_FLAGS := \
   -DFOLLY_NO_CONFIG=1 \
   -DFOLLY_HAVE_CLOCK_GETTIME=1 \
   -DFOLLY_HAVE_MEMRCHR=1 \
-  -DFOLLY_USE_LIBCPP=1
+  -DFOLLY_USE_LIBCPP=1 \
+  -DFOLLY_MOBILE=1
 
 # If APP_PLATFORM in Application.mk targets android-23 above, please comment this line.
 # NDK uses GNU style stderror_r() after API 23.
@@ -62,13 +65,16 @@ LOCAL_SRC_FILES := \
   folly/Executor.cpp \
   folly/SharedMutex.cpp \
   folly/concurrency/CacheLocality.cpp \
+  folly/detail/AsyncTrace.cpp \
   folly/detail/AtFork.cpp \
   folly/detail/Futex.cpp \
   folly/detail/MemoryIdler.cpp \
   folly/detail/StaticSingletonManager.cpp \
   folly/detail/ThreadLocalDetail.cpp \
+  folly/executors/ExecutorWithPriority.cpp \
   folly/executors/InlineExecutor.cpp \
   folly/executors/TimedDrivableExecutor.cpp \
+  folly/executors/QueuedImmediateExecutor.cpp \
   folly/io/async/Request.cpp \
   folly/memory/MallctlHelper.cpp \
   folly/portability/SysMembarrier.cpp \
@@ -82,9 +88,6 @@ LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
 
 LOCAL_CFLAGS += -fexceptions -fno-omit-frame-pointer -frtti -Wno-sign-compare
 
-FOLLY_FLAGS += \
-  -DFOLLY_FUTURE_USING_FIBER=0
-
 LOCAL_CFLAGS += $(FOLLY_FLAGS)
 
 LOCAL_EXPORT_CPPFLAGS := $(FOLLY_FLAGS)
diff --git a/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK b/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK
index 8db09e684eeb18..d6a57a807c96fe 100644
--- a/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK
+++ b/ReactAndroid/src/main/libraries/soloader/java/com/facebook/soloader/BUCK
@@ -28,17 +28,17 @@ fb_native.android_prebuilt_aar(
 fb_native.remote_file(
     name = "annotation-binary-aar",
     sha1 = "ae6d46195467467fae746c6225f79ac41e7039e8",
-    url = "mvn:com.facebook.soloader:annotation:aar:0.8.0",
+    url = "mvn:com.facebook.soloader:annotation:aar:0.8.2",
 )
 
 fb_native.remote_file(
     name = "nativeloader-binary.jar",
-    sha1 = "50524ca901bccb0540204b8166abb23557809050",
-    url = "mvn:com.facebook.soloader:nativeloader:jar:0.8.0",
+    sha1 = "86cb3da9384707034355ac1e84e9a8cf6de80f7c",
+    url = "mvn:com.facebook.soloader:nativeloader:jar:0.8.2",
 )
 
 fb_native.remote_file(
     name = "soloader-binary-aar",
-    sha1 = "71378622ece36680b9bab7863c3d0259b442305e",
-    url = "mvn:com.facebook.soloader:soloader:aar:0.8.0",
+    sha1 = "8575dbdec464207a19273bd3c09d758a08fa655c",
+    url = "mvn:com.facebook.soloader:soloader:aar:0.8.2",
 )
diff --git a/ReactAndroid/src/main/res/devsupport/values/styles.xml b/ReactAndroid/src/main/res/devsupport/values/styles.xml
index cb88e438c9179a..85d0453ac8d855 100644
--- a/ReactAndroid/src/main/res/devsupport/values/styles.xml
+++ b/ReactAndroid/src/main/res/devsupport/values/styles.xml
@@ -11,6 +11,7 @@
   </style>
   <style name="Theme.Catalyst.LogBox">
     <item name="android:windowTranslucentStatus">true</item>
+    <item name="android:windowTranslucentNavigation">false</item>
     <item name="android:windowBackground">@android:color/transparent</item>
     <item name="android:windowAnimationStyle">@style/Animation.Catalyst.LogBox</item>
     <item name="android:inAnimation">@android:anim/fade_in</item>
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK b/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK
index 62f5bd2dfa08e3..1f5f367286672e 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/BUCK
@@ -25,8 +25,7 @@ rn_android_library(
 rn_robolectric_test(
     name = "bridge",
     srcs = glob(STANDARD_TEST_SRCS),
-    # Please change the contact to the oncall of your team
-    contacts = ["oncall+fbandroid_sheriff@xmail.facebook.com"],
+    contacts = ["oncall+react_native@xmail.facebook.com"],
     visibility = [
         "PUBLIC",
     ],
diff --git a/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaScriptModuleRegistryTest.java b/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaScriptModuleRegistryTest.java
new file mode 100644
index 00000000000000..47b8614c30919e
--- /dev/null
+++ b/ReactAndroid/src/test/java/com/facebook/react/bridge/JavaScriptModuleRegistryTest.java
@@ -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.
+ */
+
+package com.facebook.react.bridge;
+
+import org.junit.Assert;
+import org.junit.Test;
+
+/** Tests for {@link JavaScriptModuleRegistry} */
+public class JavaScriptModuleRegistryTest {
+
+  private interface TestJavaScriptModule extends JavaScriptModule {
+    void doSomething();
+  }
+
+  private interface OuterClass$NestedInnerClass extends JavaScriptModule {
+    void doSomething();
+  }
+
+  @Test
+  public void testGetJSModuleName() {
+    String name = JavaScriptModuleRegistry.getJSModuleName(TestJavaScriptModule.class);
+    Assert.assertEquals("TestJavaScriptModule", name);
+  }
+
+  @Test
+  public void testGetJSModuleName_stripOuterClass() {
+    String name = JavaScriptModuleRegistry.getJSModuleName(OuterClass$NestedInnerClass.class);
+    Assert.assertEquals("NestedInnerClass", name);
+  }
+}
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 3a341c7136880e..0c6bbde0e8bdd0 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/devsupport/JSDebuggerWebSocketClientTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/devsupport/JSDebuggerWebSocketClientTest.java
@@ -40,7 +40,7 @@ public void test_prepareJSRuntime_ShouldSendCorrectMessage() throws Exception {
   }
 
   @Test
-  public void test_loadApplicationScript_ShouldSendCorrectMessage() throws Exception {
+  public void test_loadBundle_ShouldSendCorrectMessage() throws Exception {
     final JSDebuggerWebSocketClient.JSDebuggerCallback cb =
         PowerMockito.mock(JSDebuggerWebSocketClient.JSDebuggerCallback.class);
 
@@ -49,7 +49,7 @@ public void test_loadApplicationScript_ShouldSendCorrectMessage() throws Excepti
     injectedObjects.put("key1", "value1");
     injectedObjects.put("key2", "value2");
 
-    client.loadApplicationScript("http://localhost:8080/index.js", injectedObjects, cb);
+    client.loadBundle("http://localhost:8080/index.js", injectedObjects, cb);
     PowerMockito.verifyPrivate(client)
         .invoke(
             "sendMessage",
diff --git a/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK b/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK
index 4cd9e7446e9999..3b5337ebbb64f2 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK
+++ b/ReactAndroid/src/test/java/com/facebook/react/modules/BUCK
@@ -28,6 +28,7 @@ rn_robolectric_test(
         react_native_target("java/com/facebook/react/common/network:network"),
         react_native_target("java/com/facebook/react/devsupport:interfaces"),
         react_native_target("java/com/facebook/react/jstasks:jstasks"),
+        react_native_target("java/com/facebook/react/module/annotations:annotations"),
         react_native_target("java/com/facebook/react/modules/blob:blob"),
         react_native_target("java/com/facebook/react/modules/camera:camera"),
         react_native_target("java/com/facebook/react/modules/clipboard:clipboard"),
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 1656a6a23ab9a3..7a98a0f2ba86e3 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
@@ -7,6 +7,7 @@
 
 package com.facebook.react.modules.timing;
 
+import static org.fest.assertions.api.Assertions.assertThat;
 import static org.mockito.Mockito.*;
 
 import com.facebook.react.bridge.Arguments;
@@ -254,6 +255,19 @@ public void testIdleCallback() {
     verify(mJSTimersMock).callIdleCallbacks(SystemClock.currentTimeMillis());
   }
 
+  @Test
+  public void testActiveTimersInRange() {
+    mTimingModule.onHostResume();
+    assertThat(mTimingModule.hasActiveTimersInRange(100)).isFalse();
+
+    mTimingModule.createTimer(41, 1, 0, true);
+    assertThat(mTimingModule.hasActiveTimersInRange(100)).isFalse(); // Repeating
+
+    mTimingModule.createTimer(42, 150, 0, false);
+    assertThat(mTimingModule.hasActiveTimersInRange(100)).isFalse(); // Out of range
+    assertThat(mTimingModule.hasActiveTimersInRange(200)).isTrue(); // In range
+  }
+
   private static class PostFrameIdleCallbackHandler implements Answer<Void> {
 
     private ChoreographerCompat.FrameCallback mFrameCallback;
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 ee15d06ebb6296..6a59d00cff893f 100644
--- a/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
+++ b/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
@@ -12,6 +12,7 @@
 import static org.mockito.Mockito.verify;
 import static org.mockito.Mockito.verifyNoMoreInteractions;
 
+import androidx.annotation.Nullable;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
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 0e507faafcdbab..2af226ff63894d 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
@@ -12,9 +12,11 @@
 import static org.mockito.Mockito.doAnswer;
 import static org.mockito.Mockito.mock;
 
+import android.annotation.TargetApi;
 import android.graphics.Color;
 import android.graphics.Typeface;
 import android.graphics.drawable.Drawable;
+import android.os.Build;
 import android.text.Layout;
 import android.text.Spanned;
 import android.text.TextUtils;
diff --git a/ReactCommon/React-Fabric.podspec b/ReactCommon/React-Fabric.podspec
index 05a3adf5ed2bda..15e1d2aadb2747 100644
--- a/ReactCommon/React-Fabric.podspec
+++ b/ReactCommon/React-Fabric.podspec
@@ -17,7 +17,7 @@ else
 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'
+folly_version = '2020.01.13.00'
 folly_dep_name = 'Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 
@@ -25,10 +25,10 @@ Pod::Spec.new do |s|
   s.name                   = "React-Fabric"
   s.version                = version
   s.summary                = "Fabric for React Native."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2" }
+  s.platforms              = { :ios => "10.0", :tvos => "10.0" }
   s.source                 = source
   s.prepare_command        = File.read("../scripts/generate-rncore.sh")
   s.source_files           = "dummyFile.cpp"
@@ -42,6 +42,7 @@ Pod::Spec.new do |s|
   s.dependency "RCTRequired", version
   s.dependency "RCTTypeSafety", version
   s.dependency "ReactCommon/turbomodule/core", version
+  s.dependency "React-jsi", version
 
   s.subspec "attributedstring" do |ss|
     ss.dependency             folly_dep_name, folly_version
diff --git a/ReactCommon/ReactCommon.podspec b/ReactCommon/ReactCommon.podspec
index 85bcbcd68332e9..0948e9d3da9dc1 100644
--- a/ReactCommon/ReactCommon.podspec
+++ b/ReactCommon/ReactCommon.podspec
@@ -17,7 +17,7 @@ else
 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'
+folly_version = '2020.01.13.00'
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -25,10 +25,10 @@ Pod::Spec.new do |s|
   s.module_name            = "ReactCommon"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.header_dir             = "ReactCommon" # Use global header_dir for all subspecs for use_frameworks! compatibility
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
@@ -36,17 +36,8 @@ Pod::Spec.new do |s|
                                "USE_HEADERMAP" => "YES",
                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++14" }
 
-  s.subspec "callinvoker" do |ss|
-    ss.source_files = "callinvoker/**/*.{cpp,h}"
-
-    ss.dependency "React-cxxreact", version
-    ss.dependency "DoubleConversion"
-    ss.dependency "RCT-Folly", folly_version
-    ss.dependency "glog"
-  end
-
   s.subspec "turbomodule" do |ss|
-    ss.dependency "ReactCommon/callinvoker", version
+    ss.dependency "React-callinvoker", version
     ss.dependency "React-Core", version
     ss.dependency "React-cxxreact", version
     ss.dependency "React-jsi", version
diff --git a/ReactCommon/better/.clang-tidy b/ReactCommon/better/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/better/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/better/BUCK b/ReactCommon/better/BUCK
index cb499f9f500669..bff98453e7633a 100644
--- a/ReactCommon/better/BUCK
+++ b/ReactCommon/better/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -36,8 +36,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
@@ -48,10 +48,10 @@ rn_xplat_cxx_library(
     tests = [],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
     ],
 )
diff --git a/ReactCommon/better/mutex.h b/ReactCommon/better/mutex.h
index dc87ed8f114a9b..e8451f818b7157 100644
--- a/ReactCommon/better/mutex.h
+++ b/ReactCommon/better/mutex.h
@@ -8,8 +8,8 @@
 #pragma once
 
 #include <folly/SharedMutex.h>
-#include <shared_mutex>
 #include <mutex>
+#include <shared_mutex>
 
 namespace facebook {
 namespace better {
diff --git a/ReactCommon/callinvoker/.clang-tidy b/ReactCommon/callinvoker/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/callinvoker/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/callinvoker/Android.mk b/ReactCommon/callinvoker/Android.mk
index a088e119c65edc..040d5d8ef634b8 100644
--- a/ReactCommon/callinvoker/Android.mk
+++ b/ReactCommon/callinvoker/Android.mk
@@ -15,8 +15,6 @@ LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH)
 
 LOCAL_CFLAGS += -fexceptions -frtti -std=c++14 -Wall
 
-LOCAL_STATIC_LIBRARIES = libreactnative
-
 # Name of this module.
 LOCAL_MODULE := callinvoker
 
diff --git a/ReactCommon/callinvoker/BUCK b/ReactCommon/callinvoker/BUCK
index 0e01726ba9c7db..a9c3fca7e279b5 100644
--- a/ReactCommon/callinvoker/BUCK
+++ b/ReactCommon/callinvoker/BUCK
@@ -1,4 +1,4 @@
-load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "react_native_xplat_target", "rn_xplat_cxx_library", "subdir_glob")
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "rn_xplat_cxx_library", "subdir_glob")
 
 rn_xplat_cxx_library(
     name = "callinvoker",
@@ -16,7 +16,7 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     platforms = (ANDROID, APPLE),
     preferred_linkage = "static",
     preprocessor_flags = [
@@ -26,7 +26,4 @@ rn_xplat_cxx_library(
     visibility = [
         "PUBLIC",
     ],
-    deps = [
-        react_native_xplat_target("cxxreact:bridge"),
-    ],
 )
diff --git a/ReactCommon/callinvoker/React-callinvoker.podspec b/ReactCommon/callinvoker/React-callinvoker.podspec
new file mode 100644
index 00000000000000..c983bfa5980836
--- /dev/null
+++ b/ReactCommon/callinvoker/React-callinvoker.podspec
@@ -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.
+
+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 = '2020.01.13.00'
+boost_compiler_flags = '-Wno-documentation'
+
+Pod::Spec.new do |s|
+  s.name                   = "React-callinvoker"
+  s.version                = version
+  s.summary                = "-"  # TODO
+  s.homepage               = "https://reactnative.dev/"
+  s.license                = package["license"]
+  s.author                 = "Facebook, Inc. and its affiliates"
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
+  s.source                 = source
+  s.source_files           = "**/*.{cpp,h}"
+  s.header_dir             = "ReactCommon"
+end
diff --git a/ReactCommon/callinvoker/ReactCommon/BridgeJSCallInvoker.cpp b/ReactCommon/callinvoker/ReactCommon/BridgeJSCallInvoker.cpp
deleted file mode 100644
index 97d9da6cdfa3b3..00000000000000
--- a/ReactCommon/callinvoker/ReactCommon/BridgeJSCallInvoker.cpp
+++ /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.
- */
-
-#include <ReactCommon/BridgeJSCallInvoker.h>
-#include <cxxreact/Instance.h>
-
-namespace facebook {
-namespace react {
-
-BridgeJSCallInvoker::BridgeJSCallInvoker(std::weak_ptr<Instance> reactInstance)
-    : reactInstance_(reactInstance) {}
-
-void BridgeJSCallInvoker::invokeAsync(std::function<void()> &&func) {
-  auto instance = reactInstance_.lock();
-  if (instance == nullptr) {
-    return;
-  }
-  instance->invokeAsync(std::move(func));
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/callinvoker/ReactCommon/BridgeJSCallInvoker.h b/ReactCommon/callinvoker/ReactCommon/BridgeJSCallInvoker.h
deleted file mode 100644
index 473faa372797a6..00000000000000
--- a/ReactCommon/callinvoker/ReactCommon/BridgeJSCallInvoker.h
+++ /dev/null
@@ -1,42 +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 <functional>
-#include <memory>
-
-#include <ReactCommon/CallInvoker.h>
-
-namespace facebook {
-namespace react {
-
-class Instance;
-
-/**
- * A native-to-JS call invoker that uses the bridge ('Instance').
- * It guarantees that any calls from any thread are queued on the right JS
- * thread.
- *
- * For now, this is a thin-wrapper around existing bridge. Eventually,
- * it should be consolidated with Fabric implementation so there's only one
- * API to call JS from native, whether synchronously or asynchronously.
- * Also, this class should not depend on `Instance` in the future.
- */
-class BridgeJSCallInvoker : public CallInvoker {
- public:
-  BridgeJSCallInvoker(std::weak_ptr<Instance> reactInstance);
-
-  void invokeAsync(std::function<void()> &&func) override;
-  // TODO: add sync support
-
- private:
-  std::weak_ptr<Instance> reactInstance_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/callinvoker/ReactCommon/CallInvoker.h b/ReactCommon/callinvoker/ReactCommon/CallInvoker.h
index e85508b14abecc..37bb2037ecda60 100644
--- a/ReactCommon/callinvoker/ReactCommon/CallInvoker.h
+++ b/ReactCommon/callinvoker/ReactCommon/CallInvoker.h
@@ -20,7 +20,7 @@ namespace react {
 class CallInvoker {
  public:
   virtual void invokeAsync(std::function<void()> &&func) = 0;
-  // TODO: add sync support
+  virtual void invokeSync(std::function<void()> &&func) = 0;
   virtual ~CallInvoker() {}
 };
 
diff --git a/ReactCommon/callinvoker/ReactCommon/MessageQueueThreadCallInvoker.cpp b/ReactCommon/callinvoker/ReactCommon/MessageQueueThreadCallInvoker.cpp
deleted file mode 100644
index ed8db06f811abc..00000000000000
--- a/ReactCommon/callinvoker/ReactCommon/MessageQueueThreadCallInvoker.cpp
+++ /dev/null
@@ -1,22 +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 "MessageQueueThreadCallInvoker.h"
-
-namespace facebook {
-namespace react {
-
-MessageQueueThreadCallInvoker::MessageQueueThreadCallInvoker(
-    std::shared_ptr<MessageQueueThread> moduleMessageQueue)
-    : moduleMessageQueue_(moduleMessageQueue) {}
-
-void MessageQueueThreadCallInvoker::invokeAsync(std::function<void()> &&func) {
-  moduleMessageQueue_->runOnQueue(std::move(func));
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/callinvoker/ReactCommon/MessageQueueThreadCallInvoker.h b/ReactCommon/callinvoker/ReactCommon/MessageQueueThreadCallInvoker.h
deleted file mode 100644
index cc60348ef2a8a2..00000000000000
--- a/ReactCommon/callinvoker/ReactCommon/MessageQueueThreadCallInvoker.h
+++ /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.
- */
-
-#pragma once
-
-#include <functional>
-#include <memory>
-
-#include <ReactCommon/CallInvoker.h>
-#include <cxxreact/MessageQueueThread.h>
-
-namespace facebook {
-namespace react {
-
-/**
- * Used to schedule async calls on the NativeModuels thread.
- */
-class MessageQueueThreadCallInvoker : public CallInvoker {
- public:
-  MessageQueueThreadCallInvoker(
-      std::shared_ptr<MessageQueueThread> moduleMessageQueue);
-
-  void invokeAsync(std::function<void()> &&func) override;
-  // TODO: add sync support
-
- private:
-  std::shared_ptr<MessageQueueThread> moduleMessageQueue_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/config/.clang-tidy b/ReactCommon/config/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/config/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/config/BUCK b/ReactCommon/config/BUCK
index 72a9c592a18685..361f317ba0e042 100644
--- a/ReactCommon/config/BUCK
+++ b/ReactCommon/config/BUCK
@@ -1,6 +1,6 @@
 load("@fbsource//tools/build_defs:glob_defs.bzl", "subdir_glob")
 load("@fbsource//tools/build_defs:platform_defs.bzl", "ANDROID", "APPLE", "CXX")
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "flags", "get_debug_preprocessor_flags", "get_static_library_ios_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "flags", "get_preprocessor_flags_for_build_mode", "get_static_library_ios_flags")
 load("@fbsource//tools/build_defs/oss:rn_defs.bzl", "get_apple_inspector_flags", "rn_xplat_cxx_library")
 
 APPLE_COMPILER_FLAGS = flags.get_flag_value(
@@ -25,8 +25,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -37,10 +37,10 @@ rn_xplat_cxx_library(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
     ],
 )
diff --git a/ReactCommon/config/ReactNativeConfig.h b/ReactCommon/config/ReactNativeConfig.h
index de30d6786353df..328dc54a3bfb37 100644
--- a/ReactCommon/config/ReactNativeConfig.h
+++ b/ReactCommon/config/ReactNativeConfig.h
@@ -17,7 +17,7 @@ namespace react {
  * Provide a sub-class implementation to allow app specific customization.
  */
 class ReactNativeConfig {
-public:
+ public:
   ReactNativeConfig();
   virtual ~ReactNativeConfig();
 
@@ -31,7 +31,7 @@ class ReactNativeConfig {
  * Empty configuration that will always provide "falsy" values.
  */
 class EmptyReactNativeConfig : public ReactNativeConfig {
-public:
+ public:
   EmptyReactNativeConfig();
 
   bool getBool(const std::string &param) const override;
diff --git a/ReactCommon/cxxreact/.clang-tidy b/ReactCommon/cxxreact/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/cxxreact/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/cxxreact/Android.mk b/ReactCommon/cxxreact/Android.mk
index 9165dbd9377e9e..10c321448a61c5 100644
--- a/ReactCommon/cxxreact/Android.mk
+++ b/ReactCommon/cxxreact/Android.mk
@@ -19,13 +19,14 @@ LOCAL_CFLAGS := \
 
 LOCAL_CFLAGS += -fexceptions -frtti -Wno-unused-lambda-capture
 
-LOCAL_STATIC_LIBRARIES := boost jsi
+LOCAL_STATIC_LIBRARIES := boost jsi callinvoker
 LOCAL_SHARED_LIBRARIES := jsinspector libfolly_json glog
 
 include $(BUILD_STATIC_LIBRARY)
 
 $(call import-module,fb)
 $(call import-module,folly)
+$(call import-module,callinvoker)
 $(call import-module,jsc)
 $(call import-module,glog)
 $(call import-module,jsi)
diff --git a/ReactCommon/cxxreact/BUCK b/ReactCommon/cxxreact/BUCK
index fad9f3fb23f245..8ef91ae51b020b 100644
--- a/ReactCommon/cxxreact/BUCK
+++ b/ReactCommon/cxxreact/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_android_inspector_flags", "get_apple_compiler_flags", "get_apple_inspector_flags", "get_debug_preprocessor_flags", "react_native_xplat_target", "rn_xplat_cxx_library")
+load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "get_android_inspector_flags", "get_apple_compiler_flags", "get_apple_inspector_flags", "get_preprocessor_flags_for_build_mode", "react_native_xplat_target", "rn_xplat_cxx_library")
 
 CXX_LIBRARY_COMPILER_FLAGS = [
     "-std=c++14",
@@ -19,13 +19,13 @@ rn_xplat_cxx_library(
     ),
     compiler_flags = CXX_LIBRARY_COMPILER_FLAGS,
     fbobjc_compiler_flags = get_apple_compiler_flags(),
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     force_static = True,
     visibility = [
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/folly:molly",
+        "//xplat/folly:molly",
     ],
 )
 
@@ -44,7 +44,7 @@ rn_xplat_cxx_library(
         "-frtti",
     ],
     fbobjc_compiler_flags = get_apple_compiler_flags(),
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     force_static = True,
     preprocessor_flags = [
         "-DWITH_FBREMAP=1",
@@ -53,9 +53,9 @@ rn_xplat_cxx_library(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/folly:scope_guard",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/folly:scope_guard",
     ],
 )
 
@@ -74,10 +74,10 @@ rn_xplat_cxx_library(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
         ":module",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
     ],
 )
 
@@ -129,8 +129,8 @@ rn_xplat_cxx_library(
     fbandroid_preprocessor_flags = get_android_inspector_flags(),
     fbobjc_compiler_flags = get_apple_compiler_flags(),
     fbobjc_force_static = True,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE),
     preprocessor_flags = [
@@ -142,15 +142,16 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
         ":jsbigstring",
         ":module",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        react_native_xplat_target("callinvoker:callinvoker"),
         react_native_xplat_target("jsinspector:jsinspector"),
         react_native_xplat_target("microprofiler:microprofiler"),
-        "fbsource//xplat/folly:optional",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/folly:optional",
+        "//xplat/third-party/glog:glog",
     ],
 )
diff --git a/ReactCommon/cxxreact/CxxModule.h b/ReactCommon/cxxreact/CxxModule.h
index 13bd8b5b3de96a..64b7db6425951a 100644
--- a/ReactCommon/cxxreact/CxxModule.h
+++ b/ReactCommon/cxxreact/CxxModule.h
@@ -21,7 +21,8 @@ namespace react {
 
 class Instance;
 
-}}
+}
+} // namespace facebook
 
 namespace facebook {
 namespace xplat {
@@ -57,7 +58,7 @@ class CxxModule {
   class AsyncTagType {};
   class SyncTagType {};
 
-public:
+ public:
   typedef std::function<std::unique_ptr<CxxModule>()> Provider;
 
   typedef std::function<void(std::vector<folly::dynamic>)> Callback;
@@ -81,81 +82,103 @@ class CxxModule {
 
     // std::function/lambda ctors
 
-    Method(std::string aname,
-           std::function<void()>&& afunc)
-      : name(std::move(aname))
-      , callbacks(0)
-      , isPromise(false)
-      , func(std::bind(std::move(afunc))) {}
-
-    Method(std::string aname,
-           std::function<void(folly::dynamic)>&& afunc)
-      : name(std::move(aname))
-      , callbacks(0)
-      , isPromise(false)
-      , func(std::bind(std::move(afunc), std::placeholders::_1)) {}
-
-    Method(std::string aname,
-           std::function<void(folly::dynamic, Callback)>&& afunc)
-      : name(std::move(aname))
-      , callbacks(1)
-      , isPromise(false)
-      , func(std::bind(std::move(afunc), std::placeholders::_1, std::placeholders::_2)) {}
-
-    Method(std::string aname,
-           std::function<void(folly::dynamic, Callback, Callback)>&& afunc)
-      : name(std::move(aname))
-      , callbacks(2)
-      , isPromise(true)
-      , func(std::move(afunc)) {}
-
-    Method(std::string aname,
-           std::function<void(folly::dynamic, Callback, Callback)>&& afunc,
-           AsyncTagType)
-      : name(std::move(aname))
-      , callbacks(2)
-      , isPromise(false)
-      , func(std::move(afunc)) {}
+    Method(std::string aname, std::function<void()> &&afunc)
+        : name(std::move(aname)),
+          callbacks(0),
+          isPromise(false),
+          func(std::bind(std::move(afunc))) {}
+
+    Method(std::string aname, std::function<void(folly::dynamic)> &&afunc)
+        : name(std::move(aname)),
+          callbacks(0),
+          isPromise(false),
+          func(std::bind(std::move(afunc), std::placeholders::_1)) {}
+
+    Method(
+        std::string aname,
+        std::function<void(folly::dynamic, Callback)> &&afunc)
+        : name(std::move(aname)),
+          callbacks(1),
+          isPromise(false),
+          func(std::bind(
+              std::move(afunc),
+              std::placeholders::_1,
+              std::placeholders::_2)) {}
+
+    Method(
+        std::string aname,
+        std::function<void(folly::dynamic, Callback, Callback)> &&afunc)
+        : name(std::move(aname)),
+          callbacks(2),
+          isPromise(true),
+          func(std::move(afunc)) {}
+
+    Method(
+        std::string aname,
+        std::function<void(folly::dynamic, Callback, Callback)> &&afunc,
+        AsyncTagType)
+        : name(std::move(aname)),
+          callbacks(2),
+          isPromise(false),
+          func(std::move(afunc)) {}
 
     // method pointer ctors
 
     template <typename T>
-    Method(std::string aname, T* t, void (T::*method)())
-      : name(std::move(aname))
-      , callbacks(0)
-      , isPromise(false)
-      , func(std::bind(method, t)) {}
+    Method(std::string aname, T *t, void (T::*method)())
+        : name(std::move(aname)),
+          callbacks(0),
+          isPromise(false),
+          func(std::bind(method, t)) {}
 
     template <typename T>
-    Method(std::string aname, T* t, void (T::*method)(folly::dynamic))
-      : name(std::move(aname))
-      , callbacks(0)
-      , isPromise(false)
-      , func(std::bind(method, t, std::placeholders::_1)) {}
+    Method(std::string aname, T *t, void (T::*method)(folly::dynamic))
+        : name(std::move(aname)),
+          callbacks(0),
+          isPromise(false),
+          func(std::bind(method, t, std::placeholders::_1)) {}
 
     template <typename T>
-    Method(std::string aname, T* t, void (T::*method)(folly::dynamic, Callback))
-      : name(std::move(aname))
-      , callbacks(1)
-      , isPromise(false)
-      , func(std::bind(method, t, std::placeholders::_1, std::placeholders::_2)) {}
+    Method(std::string aname, T *t, void (T::*method)(folly::dynamic, Callback))
+        : name(std::move(aname)),
+          callbacks(1),
+          isPromise(false),
+          func(std::bind(
+              method,
+              t,
+              std::placeholders::_1,
+              std::placeholders::_2)) {}
 
     template <typename T>
-    Method(std::string aname, T* t, void (T::*method)(folly::dynamic, Callback, Callback))
-      : name(std::move(aname))
-      , callbacks(2)
-      , isPromise(true)
-      , func(std::bind(method, t, std::placeholders::_1, std::placeholders::_2, std::placeholders::_3)) {}
+    Method(
+        std::string aname,
+        T *t,
+        void (T::*method)(folly::dynamic, Callback, Callback))
+        : name(std::move(aname)),
+          callbacks(2),
+          isPromise(true),
+          func(std::bind(
+              method,
+              t,
+              std::placeholders::_1,
+              std::placeholders::_2,
+              std::placeholders::_3)) {}
 
     template <typename T>
-    Method(std::string aname,
-          T* t,
-          void (T::*method)(folly::dynamic, Callback, Callback),
-          AsyncTagType)
-      : name(std::move(aname))
-      , callbacks(2)
-      , isPromise(false)
-      , func(std::bind(method, t, std::placeholders::_1, std::placeholders::_2, std::placeholders::_3)) {}
+    Method(
+        std::string aname,
+        T *t,
+        void (T::*method)(folly::dynamic, Callback, Callback),
+        AsyncTagType)
+        : name(std::move(aname)),
+          callbacks(2),
+          isPromise(false),
+          func(std::bind(
+              method,
+              t,
+              std::placeholders::_1,
+              std::placeholders::_2,
+              std::placeholders::_3)) {}
 
     // sync std::function/lambda ctors
 
@@ -163,24 +186,25 @@ class CxxModule {
     // I am not sure if this is a runtime/compiler bug, or a
     // limitation I do not understand.
 
-    Method(std::string aname,
-           std::function<folly::dynamic()>&& afunc,
-           SyncTagType)
-      : name(std::move(aname))
-      , callbacks(0)
-      , isPromise(false)
-      , syncFunc([afunc=std::move(afunc)] (const folly::dynamic&)
-                 { return afunc(); })
-    {}
-
-    Method(std::string aname,
-           std::function<folly::dynamic(folly::dynamic)>&& afunc,
-           SyncTagType)
-      : name(std::move(aname))
-      , callbacks(0)
-      , isPromise(false)
-      , syncFunc(std::move(afunc))
-      {}
+    Method(
+        std::string aname,
+        std::function<folly::dynamic()> &&afunc,
+        SyncTagType)
+        : name(std::move(aname)),
+          callbacks(0),
+          isPromise(false),
+          syncFunc([afunc = std::move(afunc)](const folly::dynamic &) {
+            return afunc();
+          }) {}
+
+    Method(
+        std::string aname,
+        std::function<folly::dynamic(folly::dynamic)> &&afunc,
+        SyncTagType)
+        : name(std::move(aname)),
+          callbacks(0),
+          isPromise(false),
+          syncFunc(std::move(afunc)) {}
   };
 
   /**
@@ -190,8 +214,8 @@ class CxxModule {
   virtual ~CxxModule() {}
 
   /**
-   * @return the name of this module. This will be the name used to {@code require()} this module
-   * from javascript.
+   * @return the name of this module. This will be the name used to {@code
+   * require()} this module from javascript.
    */
   virtual std::string getName() = 0;
 
@@ -199,7 +223,9 @@ class CxxModule {
    * Each entry in the map will be exported as a property to JS.  The
    * key is the property name, and the value can be anything.
    */
-  virtual auto getConstants() -> std::map<std::string, folly::dynamic> { return {}; };
+  virtual auto getConstants() -> std::map<std::string, folly::dynamic> {
+    return {};
+  };
 
   /**
    * @return a list of methods this module exports to JS.
@@ -223,8 +249,10 @@ class CxxModule {
     return instance_;
   }
 
-private:
+ private:
   std::weak_ptr<react::Instance> instance_;
 };
 
-}}}
+} // namespace module
+} // namespace xplat
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/CxxNativeModule.cpp b/ReactCommon/cxxreact/CxxNativeModule.cpp
index 3b562ae19369bc..94ab82bfe0bdad 100644
--- a/ReactCommon/cxxreact/CxxNativeModule.cpp
+++ b/ReactCommon/cxxreact/CxxNativeModule.cpp
@@ -8,20 +8,21 @@
 #include "CxxNativeModule.h"
 #include "Instance.h"
 
-#include <iterator>
-#include <glog/logging.h>
 #include <folly/json.h>
+#include <glog/logging.h>
+#include <iterator>
 
 #include "JsArgumentHelpers.h"
-#include "SystraceSection.h"
 #include "MessageQueueThread.h"
+#include "SystraceSection.h"
 
 using facebook::xplat::module::CxxModule;
 namespace facebook {
 namespace react {
 
 std::function<void(folly::dynamic)> makeCallback(
-    std::weak_ptr<Instance> instance, const folly::dynamic& callbackId) {
+    std::weak_ptr<Instance> instance,
+    const folly::dynamic &callbackId) {
   if (!callbackId.isNumber()) {
     throw std::invalid_argument("Expected callback(s) as final argument");
   }
@@ -45,12 +46,13 @@ namespace {
 CxxModule::Callback convertCallback(
     std::function<void(folly::dynamic)> callback) {
   return [callback = std::move(callback)](std::vector<folly::dynamic> args) {
-    callback(folly::dynamic(std::make_move_iterator(args.begin()),
-                            std::make_move_iterator(args.end())));
+    callback(folly::dynamic(
+        std::make_move_iterator(args.begin()),
+        std::make_move_iterator(args.end())));
   };
 }
 
-}
+} // namespace
 
 std::string CxxNativeModule::getName() {
   return name_;
@@ -60,7 +62,7 @@ std::vector<MethodDescriptor> CxxNativeModule::getMethods() {
   lazyInit();
 
   std::vector<MethodDescriptor> descs;
-  for (auto& method : methods_) {
+  for (auto &method : methods_) {
     descs.emplace_back(method.name, method.getType());
   }
   return descs;
@@ -74,42 +76,54 @@ folly::dynamic CxxNativeModule::getConstants() {
   }
 
   folly::dynamic constants = folly::dynamic::object();
-  for (auto& pair : module_->getConstants()) {
+  for (auto &pair : module_->getConstants()) {
     constants.insert(std::move(pair.first), std::move(pair.second));
   }
   return constants;
 }
 
-void CxxNativeModule::invoke(unsigned int reactMethodId, folly::dynamic&& params, int callId) {
+void CxxNativeModule::invoke(
+    unsigned int reactMethodId,
+    folly::dynamic &&params,
+    int callId) {
   if (reactMethodId >= methods_.size()) {
-    throw std::invalid_argument(folly::to<std::string>("methodId ", reactMethodId,
-        " out of range [0..", methods_.size(), "]"));
+    throw std::invalid_argument(folly::to<std::string>(
+        "methodId ",
+        reactMethodId,
+        " out of range [0..",
+        methods_.size(),
+        "]"));
   }
   if (!params.isArray()) {
-    throw std::invalid_argument(
-      folly::to<std::string>("method parameters should be array, but are ", params.typeName()));
+    throw std::invalid_argument(folly::to<std::string>(
+        "method parameters should be array, but are ", params.typeName()));
   }
 
   CxxModule::Callback first;
   CxxModule::Callback second;
 
-  const auto& method = methods_[reactMethodId];
+  const auto &method = methods_[reactMethodId];
 
   if (!method.func) {
-    throw std::runtime_error(folly::to<std::string>("Method ", method.name,
-        " is synchronous but invoked asynchronously"));
+    throw std::runtime_error(folly::to<std::string>(
+        "Method ", method.name, " is synchronous but invoked asynchronously"));
   }
 
   if (params.size() < method.callbacks) {
-    throw std::invalid_argument(folly::to<std::string>("Expected ", method.callbacks,
-        " callbacks, but only ", params.size(), " parameters provided"));
+    throw std::invalid_argument(folly::to<std::string>(
+        "Expected ",
+        method.callbacks,
+        " callbacks, but only ",
+        params.size(),
+        " parameters provided"));
   }
 
   if (method.callbacks == 1) {
     first = convertCallback(makeCallback(instance_, params[params.size() - 1]));
   } else if (method.callbacks == 2) {
     first = convertCallback(makeCallback(instance_, params[params.size() - 2]));
-    second = convertCallback(makeCallback(instance_, params[params.size() - 1]));
+    second =
+        convertCallback(makeCallback(instance_, params[params.size() - 1]));
   }
 
   params.resize(params.size() - method.callbacks);
@@ -133,44 +147,49 @@ void CxxNativeModule::invoke(unsigned int reactMethodId, folly::dynamic&& params
   // stack.  I'm told that will be possible in the future.  TODO
   // mhorowitz #7128529: convert C++ exceptions to Java
 
-  messageQueueThread_->runOnQueue([method, params=std::move(params), first, second, callId] () {
-  #ifdef WITH_FBSYSTRACE
-    if (callId != -1) {
-      fbsystrace_end_async_flow(TRACE_TAG_REACT_APPS, "native", callId);
-    }
-  #else
-    (void)(callId);
-  #endif
-    SystraceSection s(method.name.c_str());
-    try {
-      method.func(std::move(params), first, second);
-    } catch (const facebook::xplat::JsArgumentException& ex) {
-      throw;
-    } catch (std::exception& e) {
-      LOG(ERROR) << "std::exception. Method call " << method.name.c_str() << " failed: " << e.what();
-      std::terminate();
-    } catch (std::string& error) {
-      LOG(ERROR) << "std::string. Method call " << method.name.c_str() << " failed: " << error.c_str();
-      std::terminate();
-    } catch (...) {
-      LOG(ERROR) << "Method call " << method.name.c_str() << " failed. unknown error";
-      std::terminate();
-    }
-  });
+  messageQueueThread_->runOnQueue(
+      [method, params = std::move(params), first, second, callId]() {
+#ifdef WITH_FBSYSTRACE
+        if (callId != -1) {
+          fbsystrace_end_async_flow(TRACE_TAG_REACT_APPS, "native", callId);
+        }
+#else
+        (void)(callId);
+#endif
+        SystraceSection s(method.name.c_str());
+        try {
+          method.func(std::move(params), first, second);
+        } catch (const facebook::xplat::JsArgumentException &ex) {
+          throw;
+        } catch (std::exception &e) {
+          LOG(ERROR) << "std::exception. Method call " << method.name.c_str()
+                     << " failed: " << e.what();
+          std::terminate();
+        } catch (std::string &error) {
+          LOG(ERROR) << "std::string. Method call " << method.name.c_str()
+                     << " failed: " << error.c_str();
+          std::terminate();
+        } catch (...) {
+          LOG(ERROR) << "Method call " << method.name.c_str()
+                     << " failed. unknown error";
+          std::terminate();
+        }
+      });
 }
 
-MethodCallResult CxxNativeModule::callSerializableNativeHook(unsigned int hookId, folly::dynamic&& args) {
+MethodCallResult CxxNativeModule::callSerializableNativeHook(
+    unsigned int hookId,
+    folly::dynamic &&args) {
   if (hookId >= methods_.size()) {
-    throw std::invalid_argument(
-      folly::to<std::string>("methodId ", hookId, " out of range [0..", methods_.size(), "]"));
+    throw std::invalid_argument(folly::to<std::string>(
+        "methodId ", hookId, " out of range [0..", methods_.size(), "]"));
   }
 
-  const auto& method = methods_[hookId];
+  const auto &method = methods_[hookId];
 
   if (!method.syncFunc) {
-    throw std::runtime_error(
-      folly::to<std::string>("Method ", method.name,
-                             " is asynchronous but invoked synchronously"));
+    throw std::runtime_error(folly::to<std::string>(
+        "Method ", method.name, " is asynchronous but invoked synchronously"));
   }
 
   return method.syncFunc(std::move(args));
@@ -190,5 +209,5 @@ void CxxNativeModule::lazyInit() {
   }
 }
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/CxxNativeModule.h b/ReactCommon/cxxreact/CxxNativeModule.h
index a57ef094ef0694..2c2230409d1331 100644
--- a/ReactCommon/cxxreact/CxxNativeModule.h
+++ b/ReactCommon/cxxreact/CxxNativeModule.h
@@ -21,26 +21,31 @@ class Instance;
 class MessageQueueThread;
 
 std::function<void(folly::dynamic)> makeCallback(
-  std::weak_ptr<Instance> instance, const folly::dynamic& callbackId);
+    std::weak_ptr<Instance> instance,
+    const folly::dynamic &callbackId);
 
 class RN_EXPORT CxxNativeModule : public NativeModule {
-public:
-  CxxNativeModule(std::weak_ptr<Instance> instance,
-                  std::string name,
-                  xplat::module::CxxModule::Provider provider,
-                  std::shared_ptr<MessageQueueThread> messageQueueThread)
-  : instance_(instance)
-  , name_(std::move(name))
-  , provider_(provider)
-  , messageQueueThread_(messageQueueThread) {}
+ public:
+  CxxNativeModule(
+      std::weak_ptr<Instance> instance,
+      std::string name,
+      xplat::module::CxxModule::Provider provider,
+      std::shared_ptr<MessageQueueThread> messageQueueThread)
+      : instance_(instance),
+        name_(std::move(name)),
+        provider_(provider),
+        messageQueueThread_(messageQueueThread) {}
 
   std::string getName() override;
   std::vector<MethodDescriptor> getMethods() override;
   folly::dynamic getConstants() override;
-  void invoke(unsigned int reactMethodId, folly::dynamic&& params, int callId) override;
-  MethodCallResult callSerializableNativeHook(unsigned int hookId, folly::dynamic&& args) override;
+  void invoke(unsigned int reactMethodId, folly::dynamic &&params, int callId)
+      override;
+  MethodCallResult callSerializableNativeHook(
+      unsigned int hookId,
+      folly::dynamic &&args) override;
 
-private:
+ private:
   void lazyInit();
 
   std::weak_ptr<Instance> instance_;
@@ -51,5 +56,5 @@ class RN_EXPORT CxxNativeModule : public NativeModule {
   std::vector<xplat::module::CxxModule::Method> methods_;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/Instance.cpp b/ReactCommon/cxxreact/Instance.cpp
index 65f1ce171d5925..6643b83a617865 100644
--- a/ReactCommon/cxxreact/Instance.cpp
+++ b/ReactCommon/cxxreact/Instance.cpp
@@ -24,6 +24,7 @@
 #include <glog/logging.h>
 
 #include <condition_variable>
+#include <exception>
 #include <fstream>
 #include <memory>
 #include <mutex>
@@ -46,9 +47,18 @@ void Instance::initializeBridge(
   callback_ = std::move(callback);
   moduleRegistry_ = std::move(moduleRegistry);
   jsQueue->runOnQueueSync([this, &jsef, jsQueue]() mutable {
-    nativeToJsBridge_ = std::make_unique<NativeToJsBridge>(
+    nativeToJsBridge_ = std::make_shared<NativeToJsBridge>(
         jsef.get(), moduleRegistry_, jsQueue, callback_);
 
+    nativeToJsBridge_->initializeRuntime();
+
+    /**
+     * After NativeToJsBridge is created, the jsi::Runtime should exist.
+     * Also, the JS message queue thread exists. So, it's safe to
+     * schedule all queued up js Calls.
+     */
+    jsCallInvoker_->setNativeToJsBridgeAndFlushCalls(nativeToJsBridge_);
+
     std::lock_guard<std::mutex> lock(m_syncMutex);
     m_syncReady = true;
     m_syncCV.notify_all();
@@ -57,25 +67,25 @@ void Instance::initializeBridge(
   CHECK(nativeToJsBridge_);
 }
 
-void Instance::loadApplication(
+void Instance::loadBundle(
     std::unique_ptr<RAMBundleRegistry> bundleRegistry,
     std::unique_ptr<const JSBigString> string,
     std::string sourceURL) {
   callback_->incrementPendingJSCalls();
-  SystraceSection s("Instance::loadApplication", "sourceURL", sourceURL);
-  nativeToJsBridge_->loadApplication(
+  SystraceSection s("Instance::loadBundle", "sourceURL", sourceURL);
+  nativeToJsBridge_->loadBundle(
       std::move(bundleRegistry), std::move(string), std::move(sourceURL));
 }
 
-void Instance::loadApplicationSync(
+void Instance::loadBundleSync(
     std::unique_ptr<RAMBundleRegistry> bundleRegistry,
     std::unique_ptr<const JSBigString> string,
     std::string sourceURL) {
   std::unique_lock<std::mutex> lock(m_syncMutex);
   m_syncCV.wait(lock, [this] { return m_syncReady; });
 
-  SystraceSection s("Instance::loadApplicationSync", "sourceURL", sourceURL);
-  nativeToJsBridge_->loadApplicationSync(
+  SystraceSection s("Instance::loadBundleSync", "sourceURL", sourceURL);
+  nativeToJsBridge_->loadBundleSync(
       std::move(bundleRegistry), std::move(string), std::move(sourceURL));
 }
 
@@ -83,7 +93,7 @@ void Instance::setSourceURL(std::string sourceURL) {
   callback_->incrementPendingJSCalls();
   SystraceSection s("Instance::setSourceURL", "sourceURL", sourceURL);
 
-  nativeToJsBridge_->loadApplication(nullptr, nullptr, std::move(sourceURL));
+  nativeToJsBridge_->loadBundle(nullptr, nullptr, std::move(sourceURL));
 }
 
 void Instance::loadScriptFromString(
@@ -92,9 +102,9 @@ void Instance::loadScriptFromString(
     bool loadSynchronously) {
   SystraceSection s("Instance::loadScriptFromString", "sourceURL", sourceURL);
   if (loadSynchronously) {
-    loadApplicationSync(nullptr, std::move(string), std::move(sourceURL));
+    loadBundleSync(nullptr, std::move(string), std::move(sourceURL));
   } else {
-    loadApplication(nullptr, std::move(string), std::move(sourceURL));
+    loadBundle(nullptr, std::move(string), std::move(sourceURL));
   }
 }
 
@@ -150,12 +160,12 @@ void Instance::loadRAMBundle(
     std::string startupScriptSourceURL,
     bool loadSynchronously) {
   if (loadSynchronously) {
-    loadApplicationSync(
+    loadBundleSync(
         std::move(bundleRegistry),
         std::move(startupScript),
         std::move(startupScriptSourceURL));
   } else {
-    loadApplication(
+    loadBundle(
         std::move(bundleRegistry),
         std::move(startupScript),
         std::move(startupScriptSourceURL));
@@ -215,12 +225,66 @@ void Instance::handleMemoryPressure(int pressureLevel) {
   nativeToJsBridge_->handleMemoryPressure(pressureLevel);
 }
 
-void Instance::invokeAsync(std::function<void()> &&func) {
-  nativeToJsBridge_->runOnExecutorQueue(
-      [func = std::move(func)](JSExecutor *executor) {
-        func();
-        executor->flush();
-      });
+std::shared_ptr<CallInvoker> Instance::getJSCallInvoker() {
+  return std::static_pointer_cast<CallInvoker>(jsCallInvoker_);
+}
+
+std::shared_ptr<CallInvoker> Instance::getDecoratedNativeCallInvoker(
+    std::shared_ptr<CallInvoker> nativeInvoker) {
+  return nativeToJsBridge_->getDecoratedNativeCallInvoker(nativeInvoker);
+}
+
+void Instance::JSCallInvoker::setNativeToJsBridgeAndFlushCalls(
+    std::weak_ptr<NativeToJsBridge> nativeToJsBridge) {
+  std::lock_guard<std::mutex> guard(m_mutex);
+
+  m_shouldBuffer = false;
+  m_nativeToJsBridge = nativeToJsBridge;
+  while (m_workBuffer.size() > 0) {
+    scheduleAsync(std::move(m_workBuffer.front()));
+    m_workBuffer.pop_front();
+  }
+}
+
+void Instance::JSCallInvoker::invokeSync(std::function<void()> &&work) {
+  // TODO: Replace JS Callinvoker with RuntimeExecutor.
+  throw std::runtime_error(
+      "Synchronous native -> JS calls are currently not supported.");
+}
+
+void Instance::JSCallInvoker::invokeAsync(std::function<void()> &&work) {
+  std::lock_guard<std::mutex> guard(m_mutex);
+
+  /**
+   * Why is is necessary to queue up async work?
+   *
+   * 1. TurboModuleManager must be created synchronously after the Instance,
+   *    before we load the source code. This is when the NativeModule system
+   *    is initialized. RCTDevLoadingView shows bundle download progress.
+   * 2. TurboModuleManager requires a JS CallInvoker.
+   * 3. The JS CallInvoker requires the NativeToJsBridge, which is created on
+   *    the JS thread in Instance::initializeBridge.
+   *
+   * Therefore, although we don't call invokeAsync before the JS bundle is
+   * executed, this buffering is implemented anyways to ensure that work
+   * isn't discarded.
+   */
+  if (m_shouldBuffer) {
+    m_workBuffer.push_back(std::move(work));
+    return;
+  }
+
+  scheduleAsync(std::move(work));
+}
+
+void Instance::JSCallInvoker::scheduleAsync(std::function<void()> &&work) {
+  if (auto strongNativeToJsBridge = m_nativeToJsBridge.lock()) {
+    strongNativeToJsBridge->runOnExecutorQueue(
+        [work = std::move(work)](JSExecutor *executor) {
+          work();
+          executor->flush();
+        });
+  }
 }
 
 } // namespace react
diff --git a/ReactCommon/cxxreact/Instance.h b/ReactCommon/cxxreact/Instance.h
index f7b9a7f19697c6..0d5bacb5360243 100644
--- a/ReactCommon/cxxreact/Instance.h
+++ b/ReactCommon/cxxreact/Instance.h
@@ -8,7 +8,9 @@
 #pragma once
 
 #include <condition_variable>
+#include <list>
 #include <memory>
+#include <mutex>
 
 #include <cxxreact/NativeToJsBridge.h>
 
@@ -37,62 +39,133 @@ struct InstanceCallback {
 };
 
 class RN_EXPORT Instance {
-public:
+ public:
   ~Instance();
-  void initializeBridge(std::unique_ptr<InstanceCallback> callback,
-                        std::shared_ptr<JSExecutorFactory> jsef,
-                        std::shared_ptr<MessageQueueThread> jsQueue,
-                        std::shared_ptr<ModuleRegistry> moduleRegistry);
+  void initializeBridge(
+      std::unique_ptr<InstanceCallback> callback,
+      std::shared_ptr<JSExecutorFactory> jsef,
+      std::shared_ptr<MessageQueueThread> jsQueue,
+      std::shared_ptr<ModuleRegistry> moduleRegistry);
+
+  void initializeRuntime();
 
   void setSourceURL(std::string sourceURL);
 
-  void loadScriptFromString(std::unique_ptr<const JSBigString> string,
-                            std::string sourceURL, bool loadSynchronously);
+  void loadScriptFromString(
+      std::unique_ptr<const JSBigString> string,
+      std::string sourceURL,
+      bool loadSynchronously);
   static bool isIndexedRAMBundle(const char *sourcePath);
-  static bool isIndexedRAMBundle(std::unique_ptr<const JSBigString>* string);
-  void loadRAMBundleFromString(std::unique_ptr<const JSBigString> script, const std::string& sourceURL);
-  void loadRAMBundleFromFile(const std::string& sourcePath,
-                             const std::string& sourceURL,
-                             bool loadSynchronously);
-  void loadRAMBundle(std::unique_ptr<RAMBundleRegistry> bundleRegistry,
-                     std::unique_ptr<const JSBigString> startupScript,
-                     std::string startupScriptSourceURL, bool loadSynchronously);
+  static bool isIndexedRAMBundle(std::unique_ptr<const JSBigString> *string);
+  void loadRAMBundleFromString(
+      std::unique_ptr<const JSBigString> script,
+      const std::string &sourceURL);
+  void loadRAMBundleFromFile(
+      const std::string &sourcePath,
+      const std::string &sourceURL,
+      bool loadSynchronously);
+  void loadRAMBundle(
+      std::unique_ptr<RAMBundleRegistry> bundleRegistry,
+      std::unique_ptr<const JSBigString> startupScript,
+      std::string startupScriptSourceURL,
+      bool loadSynchronously);
   bool supportsProfiling();
-  void setGlobalVariable(std::string propName,
-                         std::unique_ptr<const JSBigString> jsonValue);
+  void setGlobalVariable(
+      std::string propName,
+      std::unique_ptr<const JSBigString> jsonValue);
   void *getJavaScriptContext();
   bool isInspectable();
   bool isBatchActive();
-  void callJSFunction(std::string &&module, std::string &&method,
-                      folly::dynamic &&params);
+  void callJSFunction(
+      std::string &&module,
+      std::string &&method,
+      folly::dynamic &&params);
   void callJSCallback(uint64_t callbackId, folly::dynamic &&params);
 
   // This method is experimental, and may be modified or removed.
-  void registerBundle(uint32_t bundleId, const std::string& bundlePath);
+  void registerBundle(uint32_t bundleId, const std::string &bundlePath);
 
   const ModuleRegistry &getModuleRegistry() const;
   ModuleRegistry &getModuleRegistry();
 
   void handleMemoryPressure(int pressureLevel);
 
-  void invokeAsync(std::function<void()>&& func);
-
-private:
+  /**
+   * JS CallInvoker is used by TurboModules to schedule work on the JS thread.
+   *
+   * Why is the bridge creating JS CallInvoker?
+   *
+   * - After every Native -> JS call in the TurboModule system, the bridge
+   *   needs to flush all queued NativeModule method calls. The bridge must
+   *   also dispatch onBatchComplete if the queue of NativeModule method calls
+   *   was not empty.
+   */
+  std::shared_ptr<CallInvoker> getJSCallInvoker();
+
+  /**
+   * Native CallInvoker is used by TurboModules to schedule work on the
+   * NativeModule thread(s).
+   *
+   * Why is the bridge decorating native CallInvoker?
+   *
+   * - The bridge must be informed of all TurboModule async method calls. Why?
+   *   When all queued NativeModule method calls are flushed by a call from
+   *   Native -> JS, if that queue was non-zero in size, JsToNativeBridge
+   *   dispatches onBatchComplete. When we turn our NativeModules to
+   *   TurboModuels, there will be less and less pending NativeModule method
+   *   calls, so onBatchComplete will not fire as often. Therefore, the bridge
+   *   needs to know how many TurboModule async method calls have been completed
+   *   since the last time the bridge was flushed. If this number is non-zero,
+   *   we fire onBatchComplete.
+   *
+   * Why can't we just create and return a new native CallInvoker?
+   *
+   * - On Android, we have one NativeModule thread. That thread is created and
+   *   managed outisde of NativeToJsBridge. On iOS, we have one MethodQueue per
+   *   module. Those MethodQueues are also created and managed outside of
+   *   NativeToJsBridge. Therefore, we need to pass in a CallInvoker that
+   *   schedules work on the respective thread.
+   */
+  std::shared_ptr<CallInvoker> getDecoratedNativeCallInvoker(
+      std::shared_ptr<CallInvoker> nativeInvoker);
+
+ private:
   void callNativeModules(folly::dynamic &&calls, bool isEndOfBatch);
-  void loadApplication(std::unique_ptr<RAMBundleRegistry> bundleRegistry,
-                       std::unique_ptr<const JSBigString> startupScript,
-                       std::string startupScriptSourceURL);
-  void loadApplicationSync(std::unique_ptr<RAMBundleRegistry> bundleRegistry,
-                           std::unique_ptr<const JSBigString> startupScript,
-                           std::string startupScriptSourceURL);
+  void loadBundle(
+      std::unique_ptr<RAMBundleRegistry> bundleRegistry,
+      std::unique_ptr<const JSBigString> startupScript,
+      std::string startupScriptSourceURL);
+  void loadBundleSync(
+      std::unique_ptr<RAMBundleRegistry> bundleRegistry,
+      std::unique_ptr<const JSBigString> startupScript,
+      std::string startupScriptSourceURL);
 
   std::shared_ptr<InstanceCallback> callback_;
-  std::unique_ptr<NativeToJsBridge> nativeToJsBridge_;
+  std::shared_ptr<NativeToJsBridge> nativeToJsBridge_;
   std::shared_ptr<ModuleRegistry> moduleRegistry_;
 
   std::mutex m_syncMutex;
   std::condition_variable m_syncCV;
   bool m_syncReady = false;
+
+  class JSCallInvoker : public CallInvoker {
+   private:
+    std::weak_ptr<NativeToJsBridge> m_nativeToJsBridge;
+    std::mutex m_mutex;
+    bool m_shouldBuffer = true;
+    std::list<std::function<void()>> m_workBuffer;
+
+    void scheduleAsync(std::function<void()> &&work);
+
+   public:
+    void setNativeToJsBridgeAndFlushCalls(
+        std::weak_ptr<NativeToJsBridge> nativeToJsBridge);
+    void invokeAsync(std::function<void()> &&work) override;
+    void invokeSync(std::function<void()> &&work) override;
+  };
+
+  std::shared_ptr<JSCallInvoker> jsCallInvoker_ =
+      std::make_shared<JSCallInvoker>();
 };
 
 } // namespace react
diff --git a/ReactCommon/cxxreact/JSBundleType.cpp b/ReactCommon/cxxreact/JSBundleType.cpp
index 44c602b789dd45..c676c738e0aec1 100644
--- a/ReactCommon/cxxreact/JSBundleType.cpp
+++ b/ReactCommon/cxxreact/JSBundleType.cpp
@@ -13,20 +13,20 @@ namespace facebook {
 namespace react {
 
 static uint32_t constexpr RAMBundleMagicNumber = 0xFB0BD1E5;
-static uint32_t constexpr BCBundleMagicNumber  = 0x6D657300;
+static uint32_t constexpr BCBundleMagicNumber = 0x6D657300;
 
-ScriptTag parseTypeFromHeader(const BundleHeader& header) {
+ScriptTag parseTypeFromHeader(const BundleHeader &header) {
   switch (folly::Endian::little(header.magic)) {
-  case RAMBundleMagicNumber:
-    return ScriptTag::RAMBundle;
-  case BCBundleMagicNumber:
-    return ScriptTag::BCBundle;
-  default:
-    return ScriptTag::String;
+    case RAMBundleMagicNumber:
+      return ScriptTag::RAMBundle;
+    case BCBundleMagicNumber:
+      return ScriptTag::BCBundle;
+    default:
+      return ScriptTag::String;
   }
 }
 
-const char *stringForScriptTag(const ScriptTag& tag) {
+const char *stringForScriptTag(const ScriptTag &tag) {
   switch (tag) {
     case ScriptTag::String:
       return "String";
@@ -38,5 +38,5 @@ const char *stringForScriptTag(const ScriptTag& tag) {
   return "";
 }
 
-}  // namespace react
-}  // namespace facebook
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSBundleType.h b/ReactCommon/cxxreact/JSBundleType.h
index 4ecabb6525a924..0a5bad0894c293 100644
--- a/ReactCommon/cxxreact/JSBundleType.h
+++ b/ReactCommon/cxxreact/JSBundleType.h
@@ -7,9 +7,9 @@
 
 #pragma once
 
+#include <folly/Portability.h>
 #include <cstdint>
 #include <cstring>
-#include <folly/Portability.h>
 
 #ifndef RN_EXPORT
 #define RN_EXPORT __attribute__((visibility("default")))
@@ -55,7 +55,7 @@ FOLLY_PACK_POP
  * Takes the first 8 bytes of a bundle, and returns a tag describing the
  * bundle's format.
  */
-RN_EXPORT ScriptTag parseTypeFromHeader(const BundleHeader& header);
+RN_EXPORT ScriptTag parseTypeFromHeader(const BundleHeader &header);
 
 /**
  * stringForScriptTag
@@ -63,7 +63,7 @@ RN_EXPORT ScriptTag parseTypeFromHeader(const BundleHeader& header);
  * Convert an `ScriptTag` enum into a string, useful for emitting in errors
  * and diagnostic messages.
  */
-RN_EXPORT const char* stringForScriptTag(const ScriptTag& tag);
+RN_EXPORT const char *stringForScriptTag(const ScriptTag &tag);
 
-}  // namespace react
-}  // namespace facebook
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSDeltaBundleClient.h b/ReactCommon/cxxreact/JSDeltaBundleClient.h
index f03daffac868fa..9c9db775d5d0e1 100644
--- a/ReactCommon/cxxreact/JSDeltaBundleClient.h
+++ b/ReactCommon/cxxreact/JSDeltaBundleClient.h
@@ -20,13 +20,13 @@ namespace facebook {
 namespace react {
 
 class JSDeltaBundleClient {
-public:
-  void patch(const folly::dynamic& delta);
+ public:
+  void patch(const folly::dynamic &delta);
   JSModulesUnbundle::Module getModule(uint32_t moduleId) const;
   std::unique_ptr<const JSBigString> getStartupCode() const;
   void clear();
 
-private:
+ private:
   std::unordered_map<uint32_t, std::string> modules_;
   std::string startupCode_;
 
@@ -34,14 +34,16 @@ class JSDeltaBundleClient {
 };
 
 class JSDeltaBundleClientRAMBundle : public JSModulesUnbundle {
-public:
+ public:
   JSDeltaBundleClientRAMBundle(
-    std::shared_ptr<const JSDeltaBundleClient> client) : client_(client) {}
+      std::shared_ptr<const JSDeltaBundleClient> client)
+      : client_(client) {}
 
   Module getModule(uint32_t moduleId) const override {
     return client_->getModule(moduleId);
   }
-private:
+
+ private:
   const std::shared_ptr<const JSDeltaBundleClient> client_;
 };
 
diff --git a/ReactCommon/cxxreact/JSExecutor.cpp b/ReactCommon/cxxreact/JSExecutor.cpp
index 09ec0e7fd089b3..f303ef161b8624 100644
--- a/ReactCommon/cxxreact/JSExecutor.cpp
+++ b/ReactCommon/cxxreact/JSExecutor.cpp
@@ -16,12 +16,12 @@ namespace react {
 
 std::string JSExecutor::getSyntheticBundlePath(
     uint32_t bundleId,
-    const std::string& bundlePath) {
+    const std::string &bundlePath) {
   if (bundleId == RAMBundleRegistry::MAIN_BUNDLE_ID) {
     return bundlePath;
   }
   return folly::to<std::string>("seg-", bundleId, ".js");
 }
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSExecutor.h b/ReactCommon/cxxreact/JSExecutor.h
index fe1dc1b1175625..b3b29d1b326503 100644
--- a/ReactCommon/cxxreact/JSExecutor.h
+++ b/ReactCommon/cxxreact/JSExecutor.h
@@ -36,57 +36,80 @@ class ExecutorDelegate {
   virtual std::shared_ptr<ModuleRegistry> getModuleRegistry() = 0;
 
   virtual void callNativeModules(
-    JSExecutor& executor, folly::dynamic&& calls, bool isEndOfBatch) = 0;
+      JSExecutor &executor,
+      folly::dynamic &&calls,
+      bool isEndOfBatch) = 0;
   virtual MethodCallResult callSerializableNativeHook(
-    JSExecutor& executor, unsigned int moduleId, unsigned int methodId, folly::dynamic&& args) = 0;
+      JSExecutor &executor,
+      unsigned int moduleId,
+      unsigned int methodId,
+      folly::dynamic &&args) = 0;
 };
 
-using NativeExtensionsProvider = std::function<folly::dynamic(const std::string&)>;
+using NativeExtensionsProvider =
+    std::function<folly::dynamic(const std::string &)>;
 
 class JSExecutorFactory {
-public:
+ public:
   virtual std::unique_ptr<JSExecutor> createJSExecutor(
-    std::shared_ptr<ExecutorDelegate> delegate,
-    std::shared_ptr<MessageQueueThread> jsQueue) = 0;
+      std::shared_ptr<ExecutorDelegate> delegate,
+      std::shared_ptr<MessageQueueThread> jsQueue) = 0;
   virtual ~JSExecutorFactory() {}
 };
 
 class RN_EXPORT JSExecutor {
-public:
+ public:
+  /**
+   * Prepares the JS runtime for React Native by installing global variables.
+   * Called once before any JS is evaluated.
+   */
+  virtual void initializeRuntime() = 0;
   /**
    * Execute an application script bundle in the JS context.
    */
-  virtual void loadApplicationScript(std::unique_ptr<const JSBigString> script,
-                                     std::string sourceURL) = 0;
+  virtual void loadBundle(
+      std::unique_ptr<const JSBigString> script,
+      std::string sourceURL) = 0;
 
   /**
    * Add an application "RAM" bundle registry
    */
-  virtual void setBundleRegistry(std::unique_ptr<RAMBundleRegistry> bundleRegistry) = 0;
+  virtual void setBundleRegistry(
+      std::unique_ptr<RAMBundleRegistry> bundleRegistry) = 0;
 
   /**
    * Register a file path for an additional "RAM" bundle
    */
-  virtual void registerBundle(uint32_t bundleId, const std::string& bundlePath) = 0;
+  virtual void registerBundle(
+      uint32_t bundleId,
+      const std::string &bundlePath) = 0;
 
   /**
    * Executes BatchedBridge.callFunctionReturnFlushedQueue with the module ID,
-   * method ID and optional additional arguments in JS. The executor is responsible
-   * for using Bridge->callNativeModules to invoke any necessary native modules methods.
+   * method ID and optional additional arguments in JS. The executor is
+   * responsible for using Bridge->callNativeModules to invoke any necessary
+   * native modules methods.
    */
-  virtual void callFunction(const std::string& moduleId, const std::string& methodId, const folly::dynamic& arguments) = 0;
+  virtual void callFunction(
+      const std::string &moduleId,
+      const std::string &methodId,
+      const folly::dynamic &arguments) = 0;
 
   /**
    * Executes BatchedBridge.invokeCallbackAndReturnFlushedQueue with the cbID,
-   * and optional additional arguments in JS and returns the next queue. The executor
-   * is responsible for using Bridge->callNativeModules to invoke any necessary
-   * native modules methods.
+   * and optional additional arguments in JS and returns the next queue. The
+   * executor is responsible for using Bridge->callNativeModules to invoke any
+   * necessary native modules methods.
    */
-  virtual void invokeCallback(const double callbackId, const folly::dynamic& arguments) = 0;
+  virtual void invokeCallback(
+      const double callbackId,
+      const folly::dynamic &arguments) = 0;
 
-  virtual void setGlobalVariable(std::string propName, std::unique_ptr<const JSBigString> jsonValue) = 0;
+  virtual void setGlobalVariable(
+      std::string propName,
+      std::unique_ptr<const JSBigString> jsonValue) = 0;
 
-  virtual void* getJavaScriptContext() {
+  virtual void *getJavaScriptContext() {
     return nullptr;
   }
 
@@ -114,7 +137,8 @@ class RN_EXPORT JSExecutor {
 
   static std::string getSyntheticBundlePath(
       uint32_t bundleId,
-      const std::string& bundlePath);
+      const std::string &bundlePath);
 };
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSIndexedRAMBundle.h b/ReactCommon/cxxreact/JSIndexedRAMBundle.h
index 7696e2d98a8e34..3045eb6a284757 100644
--- a/ReactCommon/cxxreact/JSIndexedRAMBundle.h
+++ b/ReactCommon/cxxreact/JSIndexedRAMBundle.h
@@ -21,8 +21,9 @@ namespace facebook {
 namespace react {
 
 class RN_EXPORT JSIndexedRAMBundle : public JSModulesUnbundle {
-public:
-  static std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> buildFactory();
+ public:
+  static std::function<std::unique_ptr<JSModulesUnbundle>(std::string)>
+  buildFactory();
 
   // Throws std::runtime_error on failure.
   JSIndexedRAMBundle(const char *sourceURL);
@@ -33,22 +34,22 @@ class RN_EXPORT JSIndexedRAMBundle : public JSModulesUnbundle {
   // Throws std::runtime_error on failure.
   Module getModule(uint32_t moduleId) const override;
 
-private:
+ private:
   struct ModuleData {
     uint32_t offset;
     uint32_t length;
   };
   static_assert(
-    sizeof(ModuleData) == 8,
-    "ModuleData must not have any padding and use sizes matching input files");
+      sizeof(ModuleData) == 8,
+      "ModuleData must not have any padding and use sizes matching input files");
 
   struct ModuleTable {
     size_t numEntries;
     std::unique_ptr<ModuleData[]> data;
-    ModuleTable() : numEntries(0) {};
-    ModuleTable(size_t entries) :
-      numEntries(entries),
-      data(std::unique_ptr<ModuleData[]>(new ModuleData[numEntries])) {};
+    ModuleTable() : numEntries(0){};
+    ModuleTable(size_t entries)
+        : numEntries(entries),
+          data(std::unique_ptr<ModuleData[]>(new ModuleData[numEntries])){};
     size_t byteLength() const {
       return numEntries * sizeof(ModuleData);
     }
@@ -58,9 +59,9 @@ class RN_EXPORT JSIndexedRAMBundle : public JSModulesUnbundle {
   std::string getModuleCode(const uint32_t id) const;
   void readBundle(char *buffer, const std::streamsize bytes) const;
   void readBundle(
-    char *buffer, const
-    std::streamsize bytes,
-    const std::istream::pos_type position) const;
+      char *buffer,
+      const std::streamsize bytes,
+      const std::istream::pos_type position) const;
 
   mutable std::unique_ptr<std::istream> m_bundle;
   ModuleTable m_table;
@@ -68,5 +69,5 @@ class RN_EXPORT JSIndexedRAMBundle : public JSModulesUnbundle {
   std::unique_ptr<JSBigBufferString> m_startupCode;
 };
 
-}  // namespace react
-}  // namespace facebook
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JSModulesUnbundle.h b/ReactCommon/cxxreact/JSModulesUnbundle.h
index dee92e432b2162..52103f7a58d28d 100644
--- a/ReactCommon/cxxreact/JSModulesUnbundle.h
+++ b/ReactCommon/cxxreact/JSModulesUnbundle.h
@@ -8,8 +8,8 @@
 #pragma once
 
 #include <cstdint>
-#include <string>
 #include <stdexcept>
+#include <string>
 
 #include <folly/Conv.h>
 
@@ -24,12 +24,13 @@ class JSModulesUnbundle {
    * The class is non-copyable because copying instances might involve copying
    * several megabytes of memory.
    */
-public:
+ public:
   class ModuleNotFound : public std::out_of_range {
-  public:
+   public:
     using std::out_of_range::out_of_range;
-    ModuleNotFound(uint32_t moduleId) : std::out_of_range::out_of_range(
-      folly::to<std::string>("Module not found: ", moduleId)) {}
+    ModuleNotFound(uint32_t moduleId)
+        : std::out_of_range::out_of_range(
+              folly::to<std::string>("Module not found: ", moduleId)) {}
   };
   struct Module {
     std::string name;
@@ -39,9 +40,9 @@ class JSModulesUnbundle {
   virtual ~JSModulesUnbundle() {}
   virtual Module getModule(uint32_t moduleId) const = 0;
 
-private:
-  JSModulesUnbundle(const JSModulesUnbundle&) = delete;
+ private:
+  JSModulesUnbundle(const JSModulesUnbundle &) = delete;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JsArgumentHelpers-inl.h b/ReactCommon/cxxreact/JsArgumentHelpers-inl.h
index f38f329cfdc001..72c2d0d2f6b44b 100644
--- a/ReactCommon/cxxreact/JsArgumentHelpers-inl.h
+++ b/ReactCommon/cxxreact/JsArgumentHelpers-inl.h
@@ -14,52 +14,68 @@ namespace xplat {
 namespace detail {
 
 template <typename R, typename M, typename... T>
-R jsArg1(const folly::dynamic& arg, M asFoo, const T&... desc) {
+R jsArg1(const folly::dynamic &arg, M asFoo, const T &... desc) {
   try {
     return (arg.*asFoo)();
-  } catch (const folly::TypeError& ex) {
-    throw JsArgumentException(
-      folly::to<std::string>(
+  } catch (const folly::TypeError &ex) {
+    throw JsArgumentException(folly::to<std::string>(
         "Error converting javascript arg ", desc..., " to C++: ", ex.what()));
-  } catch (const std::range_error& ex) {
-    throw JsArgumentException(
-      folly::to<std::string>(
-        "Could not convert argument ", desc..., " to required type: ", ex.what()));
+  } catch (const std::range_error &ex) {
+    throw JsArgumentException(folly::to<std::string>(
+        "Could not convert argument ",
+        desc...,
+        " to required type: ",
+        ex.what()));
   }
 }
 
-}
+} // namespace detail
 
 template <typename R, typename... T>
-R jsArg(const folly::dynamic& arg, R (folly::dynamic::*asFoo)() const, const T&... desc) {
+R jsArg(
+    const folly::dynamic &arg,
+    R (folly::dynamic::*asFoo)() const,
+    const T &... desc) {
   return detail::jsArg1<R>(arg, asFoo, desc...);
 }
 
 template <typename R, typename... T>
-R jsArg(const folly::dynamic& arg, R (folly::dynamic::*asFoo)() const&, const T&... desc) {
+R jsArg(
+    const folly::dynamic &arg,
+    R (folly::dynamic::*asFoo)() const &,
+    const T &... desc) {
   return detail::jsArg1<R>(arg, asFoo, desc...);
 }
 
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsDynamic(T&& args, size_t n) {
+// NOLINTNEXTLINE (T62192316)
+typename detail::is_dynamic<T>::type &jsArgAsDynamic(T &&args, size_t n) {
   try {
     return args[n];
-  } catch (const std::out_of_range& ex) {
+  } catch (const std::out_of_range &ex) {
     // Use 1-base counting for argument description.
-    throw JsArgumentException(
-      folly::to<std::string>(
-        "JavaScript provided ", args.size(),
-        " arguments for C++ method which references at least ", n + 1,
-        " arguments: ", ex.what()));
+    throw JsArgumentException(folly::to<std::string>(
+        "JavaScript provided ",
+        args.size(),
+        " arguments for C++ method which references at least ",
+        n + 1,
+        " arguments: ",
+        ex.what()));
   }
 }
 
 template <typename R>
-R jsArgN(const folly::dynamic& args, size_t n, R (folly::dynamic::*asFoo)() const) {
+R jsArgN(
+    const folly::dynamic &args,
+    size_t n,
+    R (folly::dynamic::*asFoo)() const) {
   return jsArg(jsArgAsDynamic(args, n), asFoo, n);
 }
 template <typename R>
-R jsArgN(const folly::dynamic& args, size_t n, R (folly::dynamic::*asFoo)() const&) {
+R jsArgN(
+    const folly::dynamic &args,
+    size_t n,
+    R (folly::dynamic::*asFoo)() const &) {
   return jsArg(jsArgAsDynamic(args, n), asFoo, n);
 }
 
@@ -68,29 +84,37 @@ namespace detail {
 // This is a helper for jsArgAsArray and jsArgAsObject.
 
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsType(T&& args, size_t n, const char* required,
-                                                  bool (folly::dynamic::*isFoo)() const) {
-  T& ret = jsArgAsDynamic(args, n);
+typename detail::is_dynamic<T>::type &jsArgAsType(
+    T &&args,
+    size_t n,
+    const char *required,
+    bool (folly::dynamic::*isFoo)() const) {
+  T &ret = jsArgAsDynamic(args, n);
   if ((ret.*isFoo)()) {
     return ret;
   }
 
   // Use 1-base counting for argument description.
-  throw JsArgumentException(
-    folly::to<std::string>(
-      "Argument ", n + 1, " of type ", ret.typeName(), " is not required type ", required));
+  throw JsArgumentException(folly::to<std::string>(
+      "Argument ",
+      n + 1,
+      " of type ",
+      ret.typeName(),
+      " is not required type ",
+      required));
 }
 
 } // end namespace detail
 
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsArray(T&& args, size_t n) {
+typename detail::is_dynamic<T>::type &jsArgAsArray(T &&args, size_t n) {
   return detail::jsArgAsType(args, n, "Array", &folly::dynamic::isArray);
 }
 
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsObject(T&& args, size_t n) {
+typename detail::is_dynamic<T>::type &jsArgAsObject(T &&args, size_t n) {
   return detail::jsArgAsType(args, n, "Object", &folly::dynamic::isObject);
 }
 
-}}
+} // namespace xplat
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/JsArgumentHelpers.h b/ReactCommon/cxxreact/JsArgumentHelpers.h
index 29e1d0b5bf9879..7e9f13934f6a15 100644
--- a/ReactCommon/cxxreact/JsArgumentHelpers.h
+++ b/ReactCommon/cxxreact/JsArgumentHelpers.h
@@ -25,8 +25,8 @@ namespace facebook {
 namespace xplat {
 
 class JsArgumentException : public std::logic_error {
-public:
-  JsArgumentException(const std::string& msg) : std::logic_error(msg) {}
+ public:
+  JsArgumentException(const std::string &msg) : std::logic_error(msg) {}
 };
 
 // This extracts a single argument by calling the given method pointer on it.
@@ -36,9 +36,15 @@ class JsArgumentException : public std::logic_error {
 // overload accepts ref-qualified member functions.
 
 template <typename R, typename... T>
-R jsArg(const folly::dynamic& arg, R (folly::dynamic::*asFoo)() const, const T&... desc);
+R jsArg(
+    const folly::dynamic &arg,
+    R (folly::dynamic::*asFoo)() const,
+    const T &... desc);
 template <typename R, typename... T>
-R jsArg(const folly::dynamic& arg, R (folly::dynamic::*asFoo)() const&, const T&... desc);
+R jsArg(
+    const folly::dynamic &arg,
+    R (folly::dynamic::*asFoo)() const &,
+    const T &... desc);
 
 // This is like jsArg, but a operates on a dynamic representing an array of
 // arguments.  The argument n is used both to index the array and build the
@@ -46,9 +52,15 @@ R jsArg(const folly::dynamic& arg, R (folly::dynamic::*asFoo)() const&, const T&
 // used by the type-specific methods following.
 
 template <typename R>
-R jsArgN(const folly::dynamic& args, size_t n, R (folly::dynamic::*asFoo)() const);
+R jsArgN(
+    const folly::dynamic &args,
+    size_t n,
+    R (folly::dynamic::*asFoo)() const);
 template <typename R>
-R jsArgN(const folly::dynamic& args, size_t n, R (folly::dynamic::*asFoo)() const&);
+R jsArgN(
+    const folly::dynamic &args,
+    size_t n,
+    R (folly::dynamic::*asFoo)() const &);
 
 namespace detail {
 
@@ -58,7 +70,8 @@ namespace detail {
 // only for types compatible with folly::dynamic.
 template <typename T>
 struct is_dynamic {
-  typedef typename std::enable_if<std::is_assignable<folly::dynamic, T>::value, T>::type type;
+  typedef typename std::
+      enable_if<std::is_assignable<folly::dynamic, T>::value, T>::type type;
 };
 
 } // end namespace detail
@@ -68,44 +81,45 @@ struct is_dynamic {
 // Extract the n'th arg from the given dynamic, as a dynamic.  Throws a
 // JsArgumentException if there is no n'th arg in the input.
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsDynamic(T&& args, size_t n);
+typename detail::is_dynamic<T>::type &jsArgAsDynamic(T &&args, size_t n);
 
 // Extract the n'th arg from the given dynamic, as a dynamic Array.  Throws a
 // JsArgumentException if there is no n'th arg in the input, or it is not an
 // Array.
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsArray(T&& args, size_t n);
+typename detail::is_dynamic<T>::type &jsArgAsArray(T &&args, size_t n);
 
 // Extract the n'th arg from the given dynamic, as a dynamic Object.  Throws a
 // JsArgumentException if there is no n'th arg in the input, or it is not an
 // Object.
 template <typename T>
-typename detail::is_dynamic<T>::type& jsArgAsObject(T&& args, size_t n);
+typename detail::is_dynamic<T>::type &jsArgAsObject(T &&args, size_t n);
 
 // Extract the n'th arg from the given dynamic, as a bool.  Throws a
 // JsArgumentException if this fails for some reason.
-inline bool jsArgAsBool(const folly::dynamic& args, size_t n) {
+inline bool jsArgAsBool(const folly::dynamic &args, size_t n) {
   return jsArgN(args, n, &folly::dynamic::asBool);
 }
 
 // Extract the n'th arg from the given dynamic, as an integer.  Throws a
 // JsArgumentException if this fails for some reason.
-inline int64_t jsArgAsInt(const folly::dynamic& args, size_t n) {
+inline int64_t jsArgAsInt(const folly::dynamic &args, size_t n) {
   return jsArgN(args, n, &folly::dynamic::asInt);
 }
 
 // Extract the n'th arg from the given dynamic, as a double.  Throws a
 // JsArgumentException if this fails for some reason.
-inline double jsArgAsDouble(const folly::dynamic& args, size_t n) {
+inline double jsArgAsDouble(const folly::dynamic &args, size_t n) {
   return jsArgN(args, n, &folly::dynamic::asDouble);
 }
 
 // Extract the n'th arg from the given dynamic, as a string.  Throws a
 // JsArgumentException if this fails for some reason.
-inline std::string jsArgAsString(const folly::dynamic& args, size_t n) {
+inline std::string jsArgAsString(const folly::dynamic &args, size_t n) {
   return jsArgN(args, n, &folly::dynamic::asString);
 }
 
-}}
+} // namespace xplat
+} // namespace facebook
 
 #include <cxxreact/JsArgumentHelpers-inl.h>
diff --git a/ReactCommon/cxxreact/MessageQueueThread.h b/ReactCommon/cxxreact/MessageQueueThread.h
index 9dfd1e39a28268..9026a0ba870196 100644
--- a/ReactCommon/cxxreact/MessageQueueThread.h
+++ b/ReactCommon/cxxreact/MessageQueueThread.h
@@ -17,12 +17,13 @@ namespace react {
 class MessageQueueThread {
  public:
   virtual ~MessageQueueThread() {}
-  virtual void runOnQueue(std::function<void()>&&) = 0;
+  virtual void runOnQueue(std::function<void()> &&) = 0;
   // runOnQueueSync and quitSynchronous are dangerous.  They should only be
   // used for initialization and cleanup.
-  virtual void runOnQueueSync(std::function<void()>&&) = 0;
+  virtual void runOnQueueSync(std::function<void()> &&) = 0;
   // Once quitSynchronous() returns, no further work should run on the queue.
   virtual void quitSynchronous() = 0;
 };
 
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/MethodCall.cpp b/ReactCommon/cxxreact/MethodCall.cpp
index 91e8b238325615..f5f541265a5cb5 100644
--- a/ReactCommon/cxxreact/MethodCall.cpp
+++ b/ReactCommon/cxxreact/MethodCall.cpp
@@ -20,40 +20,45 @@ namespace react {
 
 static const char *errorPrefix = "Malformed calls from JS: ";
 
-std::vector<MethodCall> parseMethodCalls(folly::dynamic&& jsonData) {
+std::vector<MethodCall> parseMethodCalls(folly::dynamic &&jsonData) {
   if (jsonData.isNull()) {
     return {};
   }
 
   if (!jsonData.isArray()) {
-    throw std::invalid_argument(
-      folly::to<std::string>(errorPrefix, "input isn't array but ", jsonData.typeName()));
+    throw std::invalid_argument(folly::to<std::string>(
+        errorPrefix, "input isn't array but ", jsonData.typeName()));
   }
 
   if (jsonData.size() < REQUEST_PARAMSS + 1) {
     throw std::invalid_argument(
-      folly::to<std::string>(errorPrefix, "size == ", jsonData.size()));
+        folly::to<std::string>(errorPrefix, "size == ", jsonData.size()));
   }
 
-  auto& moduleIds = jsonData[REQUEST_MODULE_IDS];
-  auto& methodIds = jsonData[REQUEST_METHOD_IDS];
-  auto& params = jsonData[REQUEST_PARAMSS];
-  int  callId = -1;
+  auto &moduleIds = jsonData[REQUEST_MODULE_IDS];
+  auto &methodIds = jsonData[REQUEST_METHOD_IDS];
+  auto &params = jsonData[REQUEST_PARAMSS];
+  int callId = -1;
 
   if (!moduleIds.isArray() || !methodIds.isArray() || !params.isArray()) {
-    throw std::invalid_argument(
-      folly::to<std::string>(errorPrefix, "not all fields are arrays.\n\n", folly::toJson(jsonData)));
+    throw std::invalid_argument(folly::to<std::string>(
+        errorPrefix,
+        "not all fields are arrays.\n\n",
+        folly::toJson(jsonData)));
   }
 
-  if (moduleIds.size() != methodIds.size() || moduleIds.size() != params.size()) {
-    throw std::invalid_argument(
-      folly::to<std::string>(errorPrefix, "field sizes are different.\n\n", folly::toJson(jsonData)));
+  if (moduleIds.size() != methodIds.size() ||
+      moduleIds.size() != params.size()) {
+    throw std::invalid_argument(folly::to<std::string>(
+        errorPrefix,
+        "field sizes are different.\n\n",
+        folly::toJson(jsonData)));
   }
 
   if (jsonData.size() > REQUEST_CALLID) {
     if (!jsonData[REQUEST_CALLID].isNumber()) {
-      throw std::invalid_argument(
-        folly::to<std::string>(errorPrefix, "invalid callId", jsonData[REQUEST_CALLID].typeName()));
+      throw std::invalid_argument(folly::to<std::string>(
+          errorPrefix, "invalid callId", jsonData[REQUEST_CALLID].typeName()));
     }
     callId = (int)jsonData[REQUEST_CALLID].asInt();
   }
@@ -61,15 +66,17 @@ std::vector<MethodCall> parseMethodCalls(folly::dynamic&& jsonData) {
   std::vector<MethodCall> methodCalls;
   for (size_t i = 0; i < moduleIds.size(); i++) {
     if (!params[i].isArray()) {
-      throw std::invalid_argument(
-          folly::to<std::string>(errorPrefix, "method arguments isn't array but ", params[i].typeName()));
+      throw std::invalid_argument(folly::to<std::string>(
+          errorPrefix,
+          "method arguments isn't array but ",
+          params[i].typeName()));
     }
 
     methodCalls.emplace_back(
-      moduleIds[i].asInt(),
-      methodIds[i].asInt(),
-      std::move(params[i]),
-      callId);
+        moduleIds[i].asInt(),
+        methodIds[i].asInt(),
+        std::move(params[i]),
+        callId);
 
     // only increment callid if contains valid callid as callid is optional
     callId += (callId != -1) ? 1 : 0;
@@ -78,4 +85,5 @@ std::vector<MethodCall> parseMethodCalls(folly::dynamic&& jsonData) {
   return methodCalls;
 }
 
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/MethodCall.h b/ReactCommon/cxxreact/MethodCall.h
index e1452313b7a11a..665cd70f831842 100644
--- a/ReactCommon/cxxreact/MethodCall.h
+++ b/ReactCommon/cxxreact/MethodCall.h
@@ -22,14 +22,15 @@ struct MethodCall {
   folly::dynamic arguments;
   int callId;
 
-  MethodCall(int mod, int meth, folly::dynamic&& args, int cid)
-    : moduleId(mod)
-    , methodId(meth)
-    , arguments(std::move(args))
-    , callId(cid) {}
+  MethodCall(int mod, int meth, folly::dynamic &&args, int cid)
+      : moduleId(mod),
+        methodId(meth),
+        arguments(std::move(args)),
+        callId(cid) {}
 };
 
 /// \throws std::invalid_argument
-std::vector<MethodCall> parseMethodCalls(folly::dynamic&& calls);
+std::vector<MethodCall> parseMethodCalls(folly::dynamic &&calls);
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/ModuleRegistry.cpp b/ReactCommon/cxxreact/ModuleRegistry.cpp
index 3c26dd3df21299..b59dac82f44f5c 100644
--- a/ReactCommon/cxxreact/ModuleRegistry.cpp
+++ b/ReactCommon/cxxreact/ModuleRegistry.cpp
@@ -30,19 +30,22 @@ std::string normalizeName(std::string name) {
   return name;
 }
 
-}
+} // namespace
 
-ModuleRegistry::ModuleRegistry(std::vector<std::unique_ptr<NativeModule>> modules, ModuleNotFoundCallback callback)
+ModuleRegistry::ModuleRegistry(
+    std::vector<std::unique_ptr<NativeModule>> modules,
+    ModuleNotFoundCallback callback)
     : modules_{std::move(modules)}, moduleNotFoundCallback_{callback} {}
 
 void ModuleRegistry::updateModuleNamesFromIndex(size_t index) {
-  for (; index < modules_.size(); index++ ) {
+  for (; index < modules_.size(); index++) {
     std::string name = normalizeName(modules_[index]->getName());
     modulesByName_[name] = index;
   }
 }
 
-void ModuleRegistry::registerModules(std::vector<std::unique_ptr<NativeModule>> modules) {
+void ModuleRegistry::registerModules(
+    std::vector<std::unique_ptr<NativeModule>> modules) {
   SystraceSection s_("ModuleRegistry::registerModules");
   if (modules_.empty() && unknownModules_.empty()) {
     modules_ = std::move(modules);
@@ -53,12 +56,15 @@ void ModuleRegistry::registerModules(std::vector<std::unique_ptr<NativeModule>>
     modules_.reserve(modulesSize + addModulesSize);
     std::move(modules.begin(), modules.end(), std::back_inserter(modules_));
     if (!unknownModules_.empty()) {
-      for (size_t index = modulesSize; index < modulesSize + addModulesSize; index++) {
+      for (size_t index = modulesSize; index < modulesSize + addModulesSize;
+           index++) {
         std::string name = normalizeName(modules_[index]->getName());
         auto it = unknownModules_.find(name);
         if (it != unknownModules_.end()) {
-          throw std::runtime_error(
-            folly::to<std::string>("module ", name, " was required without being registered and is now being registered."));
+          throw std::runtime_error(folly::to<std::string>(
+              "module ",
+              name,
+              " was required without being registered and is now being registered."));
         } else if (addToNames) {
           modulesByName_[name] = index;
         }
@@ -80,7 +86,8 @@ std::vector<std::string> ModuleRegistry::moduleNames() {
   return names;
 }
 
-folly::Optional<ModuleConfig> ModuleRegistry::getConfig(const std::string& name) {
+folly::Optional<ModuleConfig> ModuleRegistry::getConfig(
+    const std::string &name) {
   SystraceSection s("ModuleRegistry::getConfig", "module", name);
 
   // Initialize modulesByName_
@@ -94,8 +101,7 @@ folly::Optional<ModuleConfig> ModuleRegistry::getConfig(const std::string& name)
     if (unknownModules_.find(name) != unknownModules_.end()) {
       return folly::none;
     }
-    if (!moduleNotFoundCallback_ ||
-        !moduleNotFoundCallback_(name) ||
+    if (!moduleNotFoundCallback_ || !moduleNotFoundCallback_(name) ||
         (it = modulesByName_.find(name)) == modulesByName_.end()) {
       unknownModules_.insert(name);
       return folly::none;
@@ -106,7 +112,8 @@ folly::Optional<ModuleConfig> ModuleRegistry::getConfig(const std::string& name)
   CHECK(index < modules_.size());
   NativeModule *module = modules_[index].get();
 
-  // string name, object constants, array methodNames (methodId is index), [array promiseMethodIds], [array syncMethodIds]
+  // string name, object constants, array methodNames (methodId is index),
+  // [array promiseMethodIds], [array syncMethodIds]
   folly::dynamic config = folly::dynamic::array(name);
 
   {
@@ -122,7 +129,7 @@ folly::Optional<ModuleConfig> ModuleRegistry::getConfig(const std::string& name)
     folly::dynamic promiseMethodIds = folly::dynamic::array;
     folly::dynamic syncMethodIds = folly::dynamic::array;
 
-    for (auto& descriptor : methods) {
+    for (auto &descriptor : methods) {
       // TODO: #10487027 compare tags instead of doing string comparison?
       methodNames.push_back(std::move(descriptor.name));
       if (descriptor.type == "promise") {
@@ -151,20 +158,29 @@ folly::Optional<ModuleConfig> ModuleRegistry::getConfig(const std::string& name)
   }
 }
 
-void ModuleRegistry::callNativeMethod(unsigned int moduleId, unsigned int methodId, folly::dynamic&& params, int callId) {
+void ModuleRegistry::callNativeMethod(
+    unsigned int moduleId,
+    unsigned int methodId,
+    folly::dynamic &&params,
+    int callId) {
   if (moduleId >= modules_.size()) {
-    throw std::runtime_error(
-      folly::to<std::string>("moduleId ", moduleId, " out of range [0..", modules_.size(), ")"));
+    throw std::runtime_error(folly::to<std::string>(
+        "moduleId ", moduleId, " out of range [0..", modules_.size(), ")"));
   }
   modules_[moduleId]->invoke(methodId, std::move(params), callId);
 }
 
-MethodCallResult ModuleRegistry::callSerializableNativeHook(unsigned int moduleId, unsigned int methodId, folly::dynamic&& params) {
+MethodCallResult ModuleRegistry::callSerializableNativeHook(
+    unsigned int moduleId,
+    unsigned int methodId,
+    folly::dynamic &&params) {
   if (moduleId >= modules_.size()) {
-    throw std::runtime_error(
-      folly::to<std::string>("moduleId ", moduleId, "out of range [0..", modules_.size(), ")"));
+    throw std::runtime_error(folly::to<std::string>(
+        "moduleId ", moduleId, "out of range [0..", modules_.size(), ")"));
   }
-  return modules_[moduleId]->callSerializableNativeHook(methodId, std::move(params));
+  return modules_[moduleId]->callSerializableNativeHook(
+      methodId, std::move(params));
 }
 
-}}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/ModuleRegistry.h b/ReactCommon/cxxreact/ModuleRegistry.h
index 9cae045065e2b4..b24f5390e30f46 100644
--- a/ReactCommon/cxxreact/ModuleRegistry.h
+++ b/ReactCommon/cxxreact/ModuleRegistry.h
@@ -32,43 +32,56 @@ struct ModuleConfig {
 class RN_EXPORT ModuleRegistry {
  public:
   // not implemented:
-  // onBatchComplete: see https://our.intern.facebook.com/intern/tasks/?t=5279396
-  // getModule: only used by views
-  // getAllModules: only used for cleanup; use RAII instead
-  // notifyCatalystInstanceInitialized: this is really only used by view-related code
-  // notifyCatalystInstanceDestroy: use RAII instead
+  // onBatchComplete: see
+  // https://our.intern.facebook.com/intern/tasks/?t=5279396 getModule: only
+  // used by views getAllModules: only used for cleanup; use RAII instead
+  // notifyCatalystInstanceInitialized: this is really only used by view-related
+  // code notifyCatalystInstanceDestroy: use RAII instead
 
   using ModuleNotFoundCallback = std::function<bool(const std::string &name)>;
 
-  ModuleRegistry(std::vector<std::unique_ptr<NativeModule>> modules, ModuleNotFoundCallback callback = nullptr);
+  ModuleRegistry(
+      std::vector<std::unique_ptr<NativeModule>> modules,
+      ModuleNotFoundCallback callback = nullptr);
   void registerModules(std::vector<std::unique_ptr<NativeModule>> modules);
 
   std::vector<std::string> moduleNames();
 
-  folly::Optional<ModuleConfig> getConfig(const std::string& name);
+  folly::Optional<ModuleConfig> getConfig(const std::string &name);
 
-  void callNativeMethod(unsigned int moduleId, unsigned int methodId, folly::dynamic&& params, int callId);
-  MethodCallResult callSerializableNativeHook(unsigned int moduleId, unsigned int methodId, folly::dynamic&& args);
+  void callNativeMethod(
+      unsigned int moduleId,
+      unsigned int methodId,
+      folly::dynamic &&params,
+      int callId);
+  MethodCallResult callSerializableNativeHook(
+      unsigned int moduleId,
+      unsigned int methodId,
+      folly::dynamic &&args);
 
  private:
   // This is always populated
   std::vector<std::unique_ptr<NativeModule>> modules_;
 
-  // This is used to extend the population of modulesByName_ if registerModules is called after moduleNames
+  // This is used to extend the population of modulesByName_ if registerModules
+  // is called after moduleNames
   void updateModuleNamesFromIndex(size_t size);
 
-  // This is only populated if moduleNames() is called.  Values are indices into modules_.
+  // This is only populated if moduleNames() is called.  Values are indices into
+  // modules_.
   std::unordered_map<std::string, size_t> modulesByName_;
 
-  // This is populated with modules that are requested via getConfig but are unknown.
-  // An error will be thrown if they are subsequently added to the registry.
+  // This is populated with modules that are requested via getConfig but are
+  // unknown. An error will be thrown if they are subsequently added to the
+  // registry.
   std::unordered_set<std::string> unknownModules_;
 
   // Function will be called if a module was requested but was not found.
-  // If the function returns true, ModuleRegistry will try to find the module again (assuming it's registered)
-  // If the functon returns false, ModuleRegistry will not try to find the module and return nullptr instead.
+  // If the function returns true, ModuleRegistry will try to find the module
+  // again (assuming it's registered) If the functon returns false,
+  // ModuleRegistry will not try to find the module and return nullptr instead.
   ModuleNotFoundCallback moduleNotFoundCallback_;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/NativeModule.h b/ReactCommon/cxxreact/NativeModule.h
index 1c286d70dc3d90..6e7287cf469c88 100644
--- a/ReactCommon/cxxreact/NativeModule.h
+++ b/ReactCommon/cxxreact/NativeModule.h
@@ -22,11 +22,10 @@ struct MethodDescriptor {
   std::string type;
 
   MethodDescriptor(std::string n, std::string t)
-      : name(std::move(n))
-      , type(std::move(t)) {}
+      : name(std::move(n)), type(std::move(t)) {}
 };
 
-  using MethodCallResult = folly::Optional<folly::dynamic>;
+using MethodCallResult = folly::Optional<folly::dynamic>;
 
 class NativeModule {
  public:
@@ -34,9 +33,12 @@ class NativeModule {
   virtual std::string getName() = 0;
   virtual std::vector<MethodDescriptor> getMethods() = 0;
   virtual folly::dynamic getConstants() = 0;
-  virtual void invoke(unsigned int reactMethodId, folly::dynamic&& params, int callId) = 0;
-  virtual MethodCallResult callSerializableNativeHook(unsigned int reactMethodId, folly::dynamic&& args) = 0;
+  virtual void
+  invoke(unsigned int reactMethodId, folly::dynamic &&params, int callId) = 0;
+  virtual MethodCallResult callSerializableNativeHook(
+      unsigned int reactMethodId,
+      folly::dynamic &&args) = 0;
 };
 
-}
-}
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/NativeToJsBridge.cpp b/ReactCommon/cxxreact/NativeToJsBridge.cpp
index 0e34f942a858c6..4d31ef058a17ad 100644
--- a/ReactCommon/cxxreact/NativeToJsBridge.cpp
+++ b/ReactCommon/cxxreact/NativeToJsBridge.cpp
@@ -7,6 +7,7 @@
 
 #include "NativeToJsBridge.h"
 
+#include <ReactCommon/CallInvoker.h>
 #include <folly/MoveWrapper.h>
 #include <folly/json.h>
 #include <glog/logging.h>
@@ -42,7 +43,7 @@ class JsToNativeBridge : public react::ExecutorDelegate {
   }
 
   bool isBatchActive() {
-    return m_batchHadNativeModuleCalls;
+    return m_batchHadNativeModuleOrTurboModuleCalls;
   }
 
   void callNativeModules(
@@ -51,7 +52,8 @@ class JsToNativeBridge : public react::ExecutorDelegate {
       bool isEndOfBatch) override {
     CHECK(m_registry || calls.empty())
         << "native module calls cannot be completed with no native modules";
-    m_batchHadNativeModuleCalls = m_batchHadNativeModuleCalls || !calls.empty();
+    m_batchHadNativeModuleOrTurboModuleCalls =
+        m_batchHadNativeModuleOrTurboModuleCalls || !calls.empty();
 
     // An exception anywhere in here stops processing of the batch.  This
     // was the behavior of the Android bridge, and since exception handling
@@ -65,9 +67,9 @@ class JsToNativeBridge : public react::ExecutorDelegate {
       // decrementPendingJSCalls will be called sync. Be aware that the bridge
       // may still be processing native calls when the bridge idle signaler
       // fires.
-      if (m_batchHadNativeModuleCalls) {
+      if (m_batchHadNativeModuleOrTurboModuleCalls) {
         m_callback->onBatchComplete();
-        m_batchHadNativeModuleCalls = false;
+        m_batchHadNativeModuleOrTurboModuleCalls = false;
       }
       m_callback->decrementPendingJSCalls();
     }
@@ -82,13 +84,17 @@ class JsToNativeBridge : public react::ExecutorDelegate {
         moduleId, methodId, std::move(args));
   }
 
+  void recordTurboModuleAsyncMethodCall() {
+    m_batchHadNativeModuleOrTurboModuleCalls = true;
+  }
+
  private:
   // These methods are always invoked from an Executor.  The NativeToJsBridge
   // keeps a reference to the executor, and when destroy() is called, the
   // executor is destroyed synchronously on its queue.
   std::shared_ptr<ModuleRegistry> m_registry;
   std::shared_ptr<InstanceCallback> m_callback;
-  bool m_batchHadNativeModuleCalls = false;
+  bool m_batchHadNativeModuleOrTurboModuleCalls = false;
 };
 
 NativeToJsBridge::NativeToJsBridge(
@@ -108,7 +114,12 @@ NativeToJsBridge::~NativeToJsBridge() {
       << "NativeToJsBridge::destroy() must be called before deallocating the NativeToJsBridge!";
 }
 
-void NativeToJsBridge::loadApplication(
+void NativeToJsBridge::initializeRuntime() {
+  runOnExecutorQueue(
+      [](JSExecutor *executor) mutable { executor->initializeRuntime(); });
+}
+
+void NativeToJsBridge::loadBundle(
     std::unique_ptr<RAMBundleRegistry> bundleRegistry,
     std::unique_ptr<const JSBigString> startupScript,
     std::string startupScriptSourceURL) {
@@ -123,7 +134,7 @@ void NativeToJsBridge::loadApplication(
           executor->setBundleRegistry(std::move(bundleRegistry));
         }
         try {
-          executor->loadApplicationScript(
+          executor->loadBundle(
               std::move(*startupScript), std::move(startupScriptSourceURL));
         } catch (...) {
           m_applicationScriptHasFailure = true;
@@ -132,7 +143,7 @@ void NativeToJsBridge::loadApplication(
       });
 }
 
-void NativeToJsBridge::loadApplicationSync(
+void NativeToJsBridge::loadBundleSync(
     std::unique_ptr<RAMBundleRegistry> bundleRegistry,
     std::unique_ptr<const JSBigString> startupScript,
     std::string startupScriptSourceURL) {
@@ -140,7 +151,7 @@ void NativeToJsBridge::loadApplicationSync(
     m_executor->setBundleRegistry(std::move(bundleRegistry));
   }
   try {
-    m_executor->loadApplicationScript(
+    m_executor->loadBundle(
         std::move(startupScript), std::move(startupScriptSourceURL));
   } catch (...) {
     m_applicationScriptHasFailure = true;
@@ -291,5 +302,34 @@ void NativeToJsBridge::runOnExecutorQueue(
       });
 }
 
+std::shared_ptr<CallInvoker> NativeToJsBridge::getDecoratedNativeCallInvoker(
+    std::shared_ptr<CallInvoker> nativeInvoker) {
+  class NativeCallInvoker : public CallInvoker {
+   private:
+    std::weak_ptr<JsToNativeBridge> m_jsToNativeBridge;
+    std::shared_ptr<CallInvoker> m_nativeInvoker;
+
+   public:
+    NativeCallInvoker(
+        std::weak_ptr<JsToNativeBridge> jsToNativeBridge,
+        std::shared_ptr<CallInvoker> nativeInvoker)
+        : m_jsToNativeBridge(jsToNativeBridge),
+          m_nativeInvoker(nativeInvoker) {}
+
+    void invokeAsync(std::function<void()> &&func) override {
+      if (auto strongJsToNativeBridge = m_jsToNativeBridge.lock()) {
+        strongJsToNativeBridge->recordTurboModuleAsyncMethodCall();
+      }
+      m_nativeInvoker->invokeAsync(std::move(func));
+    }
+
+    void invokeSync(std::function<void()> &&func) override {
+      m_nativeInvoker->invokeSync(std::move(func));
+    }
+  };
+
+  return std::make_shared<NativeCallInvoker>(m_delegate, nativeInvoker);
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/cxxreact/NativeToJsBridge.h b/ReactCommon/cxxreact/NativeToJsBridge.h
index aa0c569b214f90..9cc9176b093bca 100644
--- a/ReactCommon/cxxreact/NativeToJsBridge.h
+++ b/ReactCommon/cxxreact/NativeToJsBridge.h
@@ -12,6 +12,7 @@
 #include <map>
 #include <vector>
 
+#include <ReactCommon/CallInvoker.h>
 #include <cxxreact/JSExecutor.h>
 
 namespace folly {
@@ -31,18 +32,18 @@ class RAMBundleRegistry;
 // executors and their threads.  All functions here can be called from
 // any thread.
 //
-// Except for loadApplicationScriptSync(), all void methods will queue
+// Except for loadBundleSync(), all void methods will queue
 // work to run on the jsQueue passed to the ctor, and return
 // immediately.
 class NativeToJsBridge {
-public:
+ public:
   friend class JsToNativeBridge;
 
   /**
    * This must be called on the main JS thread.
    */
   NativeToJsBridge(
-      JSExecutorFactory* jsExecutorFactory,
+      JSExecutorFactory *jsExecutorFactory,
       std::shared_ptr<ModuleRegistry> registry,
       std::shared_ptr<MessageQueueThread> jsQueue,
       std::shared_ptr<InstanceCallback> callback);
@@ -52,30 +53,40 @@ class NativeToJsBridge {
    * Executes a function with the module ID and method ID and any additional
    * arguments in JS.
    */
-  void callFunction(std::string&& module, std::string&& method, folly::dynamic&& args);
+  void callFunction(
+      std::string &&module,
+      std::string &&method,
+      folly::dynamic &&args);
 
   /**
    * Invokes a callback with the cbID, and optional additional arguments in JS.
    */
-  void invokeCallback(double callbackId, folly::dynamic&& args);
+  void invokeCallback(double callbackId, folly::dynamic &&args);
+
+  /**
+   * Sets global variables in the JS Context.
+   */
+  void initializeRuntime();
 
   /**
    * Starts the JS application.  If bundleRegistry is non-null, then it is
    * used to fetch JavaScript modules as individual scripts.
    * Otherwise, the script is assumed to include all the modules.
    */
-  void loadApplication(
-    std::unique_ptr<RAMBundleRegistry> bundleRegistry,
-    std::unique_ptr<const JSBigString> startupCode,
-    std::string sourceURL);
-  void loadApplicationSync(
-    std::unique_ptr<RAMBundleRegistry> bundleRegistry,
-    std::unique_ptr<const JSBigString> startupCode,
-    std::string sourceURL);
-
-  void registerBundle(uint32_t bundleId, const std::string& bundlePath);
-  void setGlobalVariable(std::string propName, std::unique_ptr<const JSBigString> jsonValue);
-  void* getJavaScriptContext();
+  void loadBundle(
+      std::unique_ptr<RAMBundleRegistry> bundleRegistry,
+      std::unique_ptr<const JSBigString> startupCode,
+      std::string sourceURL);
+  void loadBundleSync(
+      std::unique_ptr<RAMBundleRegistry> bundleRegistry,
+      std::unique_ptr<const JSBigString> startupCode,
+      std::string sourceURL);
+
+  void registerBundle(uint32_t bundleId, const std::string &bundlePath);
+  void setGlobalVariable(
+      std::string propName,
+      std::unique_ptr<const JSBigString> jsonValue);
+  void *getJavaScriptContext();
   bool isInspectable();
   bool isBatchActive();
 
@@ -86,9 +97,16 @@ class NativeToJsBridge {
    */
   void destroy();
 
-  void runOnExecutorQueue(std::function<void(JSExecutor*)> task);
+  void runOnExecutorQueue(std::function<void(JSExecutor *)> task);
+
+  /**
+   * Native CallInvoker is used by TurboModules to schedule work on the
+   * NativeModule thread(s).
+   */
+  std::shared_ptr<CallInvoker> getDecoratedNativeCallInvoker(
+      std::shared_ptr<CallInvoker> nativeInvoker);
 
-private:
+ private:
   // This is used to avoid a race condition where a proxyCallback gets queued
   // after ~NativeToJsBridge(), on the same thread. In that case, the callback
   // will try to run the task on m_callback which will have been destroyed
@@ -108,9 +126,10 @@ class NativeToJsBridge {
   // likely fail as well, so this flag can help prevent them.
   bool m_applicationScriptHasFailure = false;
 
-  #ifdef WITH_FBSYSTRACE
+#ifdef WITH_FBSYSTRACE
   std::atomic_uint_least32_t m_systraceCookie = ATOMIC_VAR_INIT(0);
-  #endif
+#endif
 };
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/RAMBundleRegistry.h b/ReactCommon/cxxreact/RAMBundleRegistry.h
index e507172f67e8af..9dcb210c990d8a 100644
--- a/ReactCommon/cxxreact/RAMBundleRegistry.h
+++ b/ReactCommon/cxxreact/RAMBundleRegistry.h
@@ -23,7 +23,7 @@ namespace facebook {
 namespace react {
 
 class RN_EXPORT RAMBundleRegistry {
-public:
+ public:
   constexpr static uint32_t MAIN_BUNDLE_ID = 0;
 
   static std::unique_ptr<RAMBundleRegistry> singleBundleRegistry(
@@ -34,22 +34,23 @@ class RN_EXPORT RAMBundleRegistry {
 
   explicit RAMBundleRegistry(
       std::unique_ptr<JSModulesUnbundle> mainBundle,
-      std::function<
-        std::unique_ptr<JSModulesUnbundle>(std::string)> factory = nullptr);
+      std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> factory =
+          nullptr);
 
-  RAMBundleRegistry(RAMBundleRegistry&&) = default;
-  RAMBundleRegistry& operator=(RAMBundleRegistry&&) = default;
+  RAMBundleRegistry(RAMBundleRegistry &&) = default;
+  RAMBundleRegistry &operator=(RAMBundleRegistry &&) = default;
 
   void registerBundle(uint32_t bundleId, std::string bundlePath);
   JSModulesUnbundle::Module getModule(uint32_t bundleId, uint32_t moduleId);
-  virtual ~RAMBundleRegistry() {};
-private:
-  JSModulesUnbundle* getBundle(uint32_t bundleId) const;
+  virtual ~RAMBundleRegistry(){};
+
+ private:
+  JSModulesUnbundle *getBundle(uint32_t bundleId) const;
 
   std::function<std::unique_ptr<JSModulesUnbundle>(std::string)> m_factory;
   std::unordered_map<uint32_t, std::string> m_bundlePaths;
   std::unordered_map<uint32_t, std::unique_ptr<JSModulesUnbundle>> m_bundles;
 };
 
-}  // namespace react
-}  // namespace facebook
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/React-cxxreact.podspec b/ReactCommon/cxxreact/React-cxxreact.podspec
index 73c6b1f407513f..5d79b221dca346 100644
--- a/ReactCommon/cxxreact/React-cxxreact.podspec
+++ b/ReactCommon/cxxreact/React-cxxreact.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
   s.name                   = "React-cxxreact"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "*.{cpp,h}"
   s.exclude_files          = "SampleCxxModule.*"
@@ -40,4 +40,5 @@ Pod::Spec.new do |s|
   s.dependency "RCT-Folly", folly_version
   s.dependency "glog"
   s.dependency "React-jsinspector", version
+  s.dependency "React-callinvoker", version
 end
diff --git a/ReactCommon/cxxreact/ReactMarker.cpp b/ReactCommon/cxxreact/ReactMarker.cpp
index 45b8aebf2fc39e..52da94e7d08175 100644
--- a/ReactCommon/cxxreact/ReactMarker.cpp
+++ b/ReactCommon/cxxreact/ReactMarker.cpp
@@ -26,6 +26,6 @@ void logMarker(const ReactMarkerId markerId) {
   logTaggedMarker(markerId, nullptr);
 }
 
-}
-}
-}
+} // namespace ReactMarker
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/ReactMarker.h b/ReactCommon/cxxreact/ReactMarker.h
index 047a3a3975c3b3..cc55b9ac77695a 100644
--- a/ReactCommon/cxxreact/ReactMarker.h
+++ b/ReactCommon/cxxreact/ReactMarker.h
@@ -30,9 +30,10 @@ enum ReactMarkerId {
 };
 
 #ifdef __APPLE__
-using LogTaggedMarker = std::function<void(const ReactMarkerId, const char* tag)>;
+using LogTaggedMarker =
+    std::function<void(const ReactMarkerId, const char *tag)>;
 #else
-typedef void(*LogTaggedMarker)(const ReactMarkerId, const char* tag);
+typedef void (*LogTaggedMarker)(const ReactMarkerId, const char *tag);
 #endif
 
 #ifndef RN_EXPORT
@@ -43,6 +44,6 @@ extern RN_EXPORT LogTaggedMarker logTaggedMarker;
 
 extern RN_EXPORT void logMarker(const ReactMarkerId markerId);
 
-}
-}
-}
+} // namespace ReactMarker
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/ReactNativeVersion.h b/ReactCommon/cxxreact/ReactNativeVersion.h
new file mode 100644
index 00000000000000..56199c80d8ec29
--- /dev/null
+++ b/ReactCommon/cxxreact/ReactNativeVersion.h
@@ -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.
+ *
+ * @generated by scripts/bump-oss-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 0;
+  int32_t Minor = 63;
+  int32_t Patch = 2;
+  std::string_view Prerelease = "";
+} ReactNativeVersion;
+
+} // namespace facebook::react
diff --git a/ReactCommon/cxxreact/RecoverableError.h b/ReactCommon/cxxreact/RecoverableError.h
index 3c77ccef1247f7..362fea22224403 100644
--- a/ReactCommon/cxxreact/RecoverableError.h
+++ b/ReactCommon/cxxreact/RecoverableError.h
@@ -20,12 +20,12 @@ namespace react {
  * An exception that it is expected we should be able to recover from.
  */
 struct RecoverableError : public std::exception {
-
   explicit RecoverableError(const std::string &what_)
-    : m_what { "facebook::react::Recoverable: " + what_ }
-  {}
+      : m_what{"facebook::react::Recoverable: " + what_} {}
 
-  virtual const char* what() const noexcept override { return m_what.c_str(); }
+  virtual const char *what() const noexcept override {
+    return m_what.c_str();
+  }
 
   /**
    * runRethrowingAsRecoverable
@@ -37,12 +37,12 @@ struct RecoverableError : public std::exception {
   inline static void runRethrowingAsRecoverable(std::function<void()> act) {
     try {
       act();
-    } catch(const E &err) {
+    } catch (const E &err) {
       throw RecoverableError(err.what());
     }
   }
 
-private:
+ private:
   std::string m_what;
 };
 
diff --git a/ReactCommon/cxxreact/SampleCxxModule.h b/ReactCommon/cxxreact/SampleCxxModule.h
index 0e2c2b46605718..e669989645f1e7 100644
--- a/ReactCommon/cxxreact/SampleCxxModule.h
+++ b/ReactCommon/cxxreact/SampleCxxModule.h
@@ -12,29 +12,31 @@
 
 #include <cxxreact/CxxModule.h>
 
-namespace facebook { namespace xplat { namespace samples {
+namespace facebook {
+namespace xplat {
+namespace samples {
 
 // In a less contrived example, Sample would be part of a traditional
 // C++ library.
 
 class Sample {
-public:
+ public:
   std::string hello();
   double add(double a, double b);
-  std::string concat(const std::string& a, const std::string& b);
-  std::string repeat(int count, const std::string& str);
+  std::string concat(const std::string &a, const std::string &b);
+  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(int msec, std::function<void()> f);
   void except();
   double twice(double n);
 
-private:
+ private:
   std::map<std::string, std::string> state_;
 };
 
 class SampleCxxModule : public module::CxxModule {
-public:
+ public:
   SampleCxxModule(std::unique_ptr<Sample> sample);
 
   std::string getName();
@@ -43,13 +45,15 @@ class SampleCxxModule : public module::CxxModule {
 
   virtual auto getMethods() -> std::vector<Method>;
 
-private:
+ private:
   void save(folly::dynamic args);
   void load(folly::dynamic args, Callback cb);
 
   std::unique_ptr<Sample> sample_;
 };
 
-}}}
+} // namespace samples
+} // namespace xplat
+} // namespace facebook
 
 extern "C" facebook::xplat::module::CxxModule *SampleCxxModule();
diff --git a/ReactCommon/cxxreact/SharedProxyCxxModule.h b/ReactCommon/cxxreact/SharedProxyCxxModule.h
index 5d986afb8a855b..97d67ddf0db196 100644
--- a/ReactCommon/cxxreact/SharedProxyCxxModule.h
+++ b/ReactCommon/cxxreact/SharedProxyCxxModule.h
@@ -9,15 +9,17 @@
 
 #include <cxxreact/CxxModule.h>
 
-namespace facebook { namespace xplat { namespace module {
+namespace facebook {
+namespace xplat {
+namespace module {
 
 // Allows a Cxx-module to be shared or reused across multiple React instances
-// Caveat: the setInstance call is not forwarded, so usages of getInstance inside your
-// module (e.g. dispatching events) will always be nullptr.
+// Caveat: the setInstance call is not forwarded, so usages of getInstance
+// inside your module (e.g. dispatching events) will always be nullptr.
 class SharedProxyCxxModule : public CxxModule {
-public:
+ public:
   explicit SharedProxyCxxModule(std::shared_ptr<CxxModule> shared)
-    : shared_(shared) {}
+      : shared_(shared) {}
 
   std::string getName() override {
     return shared_->getName();
@@ -31,10 +33,10 @@ class SharedProxyCxxModule : public CxxModule {
     return shared_->getMethods();
   }
 
-private:
+ private:
   std::shared_ptr<CxxModule> shared_;
 };
 
-}
-}
-}
+} // namespace module
+} // namespace xplat
+} // namespace facebook
diff --git a/ReactCommon/cxxreact/tests/BUCK b/ReactCommon/cxxreact/tests/BUCK
index 2b3026f0bfe3de..dbd72f23d99048 100644
--- a/ReactCommon/cxxreact/tests/BUCK
+++ b/ReactCommon/cxxreact/tests/BUCK
@@ -28,10 +28,10 @@ jni_instrumentation_test_lib(
         "//fbandroid/instrumentation_tests/...",
     ],
     deps = [
-        "fbsource//xplat/folly:dynamic",
-        "fbsource//xplat/third-party/gmock:gtest",
-        "fbsource//xplat/third-party/linker_lib:android",
-        "fbsource//xplat/third-party/linker_lib:atomic",
+        "//xplat/folly:dynamic",
+        "//xplat/third-party/gmock:gtest",
+        "//xplat/third-party/linker_lib:android",
+        "//xplat/third-party/linker_lib:atomic",
         react_native_xplat_target("cxxreact:bridge"),
         react_native_xplat_target("cxxreact:jsbigstring"),
     ],
@@ -49,8 +49,8 @@ fb_xplat_cxx_test(
         react_native_xplat_target("cxxreact/..."),
     ],
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
         react_native_xplat_target("cxxreact:bridge"),
         react_native_xplat_target("cxxreact:jsbigstring"),
     ],
@@ -64,8 +64,8 @@ fb_xplat_cxx_test(
         "-frtti",
     ],
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
         react_native_xplat_target("cxxreact:jsbigstring"),
     ],
 )
diff --git a/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp b/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp
index 87322054b0cd38..cba8d16f70eb65 100644
--- a/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp
+++ b/ReactCommon/cxxreact/tests/RecoverableErrorTest.cpp
@@ -16,9 +16,8 @@ using namespace facebook::react;
 
 TEST(RecoverableError, RunRethrowingAsRecoverableRecoverTest) {
   try {
-    RecoverableError::runRethrowingAsRecoverable<std::runtime_error>([]() {
-        throw std::runtime_error("catch me");
-      });
+    RecoverableError::runRethrowingAsRecoverable<std::runtime_error>(
+        []() { throw std::runtime_error("catch me"); });
     FAIL() << "Unthrown exception";
   } catch (const RecoverableError &err) {
     ASSERT_STREQ(err.what(), "facebook::react::Recoverable: catch me");
@@ -29,9 +28,8 @@ TEST(RecoverableError, RunRethrowingAsRecoverableRecoverTest) {
 
 TEST(RecoverableError, RunRethrowingAsRecoverableFallthroughTest) {
   try {
-    RecoverableError::runRethrowingAsRecoverable<std::runtime_error>([]() {
-        throw std::logic_error("catch me");
-      });
+    RecoverableError::runRethrowingAsRecoverable<std::runtime_error>(
+        []() { throw std::logic_error("catch me"); });
     FAIL() << "Unthrown exception";
   } catch (const RecoverableError &err) {
     FAIL() << "Recovered exception that should have fallen through";
diff --git a/ReactCommon/cxxreact/tests/jsarg_helpers.cpp b/ReactCommon/cxxreact/tests/jsarg_helpers.cpp
index 2b3ca978287659..c49a65b47d7fc3 100644
--- a/ReactCommon/cxxreact/tests/jsarg_helpers.cpp
+++ b/ReactCommon/cxxreact/tests/jsarg_helpers.cpp
@@ -16,14 +16,15 @@ using namespace std;
 using namespace folly;
 using namespace facebook::xplat;
 
-#define EXPECT_JSAE(statement, exstr) do {                              \
-    try {                                                               \
-      statement;                                                        \
+#define EXPECT_JSAE(statement, exstr)                                         \
+  do {                                                                        \
+    try {                                                                     \
+      statement;                                                              \
       FAIL() << "Expected JsArgumentException(" << (exstr) << ") not thrown"; \
-    } catch (const JsArgumentException& ex) {                           \
-      EXPECT_EQ(ex.what(), std::string(exstr));                         \
-    }                                                                   \
-  } while(0) // let any other exception escape, gtest will deal.
+    } catch (const JsArgumentException &ex) {                                 \
+      EXPECT_EQ(ex.what(), std::string(exstr));                               \
+    }                                                                         \
+  } while (0) // let any other exception escape, gtest will deal.
 
 TEST(JsArgumentHelpersTest, args) {
   const bool aBool = true;
@@ -34,7 +35,8 @@ TEST(JsArgumentHelpersTest, args) {
   const dynamic anObject = dynamic::object("k1", "v1")("k2", "v2");
   const string aNumericString = to<string>(anInt);
 
-  folly::dynamic args = dynamic::array(aBool, anInt, aDouble, aString, anArray, anObject, aNumericString);
+  folly::dynamic args = dynamic::array(
+      aBool, anInt, aDouble, aString, anArray, anObject, aNumericString);
 
   EXPECT_EQ(jsArgAsBool(args, 0), aBool);
   EXPECT_EQ(jsArgAsInt(args, 1), anInt);
@@ -44,8 +46,8 @@ TEST(JsArgumentHelpersTest, args) {
   EXPECT_EQ(jsArgAsObject(args, 5), anObject);
 
   // const args
-  const folly::dynamic& cargs = args;
-  const folly::dynamic& a4 = jsArgAsArray(cargs, 4);
+  const folly::dynamic &cargs = args;
+  const folly::dynamic &a4 = jsArgAsArray(cargs, 4);
   EXPECT_EQ(a4, anArray);
   EXPECT_EQ(jsArgAsObject(cargs, 5), anObject);
 
@@ -73,33 +75,40 @@ TEST(JsArgumentHelpersTest, args) {
   // Test exception messages.
 
   // out_of_range
-  EXPECT_JSAE(jsArgAsBool(args, 7),
-              "JavaScript provided 7 arguments for C++ method which references at least "
-              "8 arguments: out of range in dynamic array");
+  EXPECT_JSAE(
+      jsArgAsBool(args, 7),
+      "JavaScript provided 7 arguments for C++ method which references at least "
+      "8 arguments: out of range in dynamic array");
   // Conv range_error (invalid value conversion)
   const std::string exhead = "Could not convert argument 3 to required type: ";
   const std::string extail = ": Invalid leading character: \"word\"";
   try {
     jsArgAsInt(args, 3);
-    FAIL() << "Expected JsArgumentException(" << exhead << "..." << extail << ") not thrown";
-  } catch (const JsArgumentException& ex) {
+    FAIL() << "Expected JsArgumentException(" << exhead << "..." << extail
+           << ") not thrown";
+  } catch (const JsArgumentException &ex) {
     const std::string exwhat = ex.what();
 
     EXPECT_GT(exwhat.size(), exhead.size());
     EXPECT_GT(exwhat.size(), extail.size());
 
     EXPECT_TRUE(std::equal(exhead.cbegin(), exhead.cend(), exwhat.cbegin()))
-      << "JsArgumentException('" << exwhat << "') does not begin with '" << exhead << "'";
+        << "JsArgumentException('" << exwhat << "') does not begin with '"
+        << exhead << "'";
     EXPECT_TRUE(std::equal(extail.crbegin(), extail.crend(), exwhat.crbegin()))
-      << "JsArgumentException('" << exwhat << "') does not end with '" << extail << "'";
+        << "JsArgumentException('" << exwhat << "') does not end with '"
+        << extail << "'";
   }
   // inconvertible types
-  EXPECT_JSAE(jsArgAsArray(args, 2),
-              "Argument 3 of type double is not required type Array");
-  EXPECT_JSAE(jsArgAsInt(args, 4),
-              "Error converting javascript arg 4 to C++: "
-              "TypeError: expected dynamic type `int/double/bool/string', but had type `array'");
+  EXPECT_JSAE(
+      jsArgAsArray(args, 2),
+      "Argument 3 of type double is not required type Array");
+  EXPECT_JSAE(
+      jsArgAsInt(args, 4),
+      "Error converting javascript arg 4 to C++: "
+      "TypeError: expected dynamic type `int/double/bool/string', but had type `array'");
   // type predicate failure
-  EXPECT_JSAE(jsArgAsObject(args, 4),
-              "Argument 5 of type array is not required type Object");
+  EXPECT_JSAE(
+      jsArgAsObject(args, 4),
+      "Argument 5 of type array is not required type Object");
 }
diff --git a/ReactCommon/cxxreact/tests/jsbigstring.cpp b/ReactCommon/cxxreact/tests/jsbigstring.cpp
index 5118e5fb44a6fd..de5aaad38ab694 100644
--- a/ReactCommon/cxxreact/tests/jsbigstring.cpp
+++ b/ReactCommon/cxxreact/tests/jsbigstring.cpp
@@ -5,26 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include <sys/mman.h>
 #include <fcntl.h>
+#include <sys/mman.h>
 
+#include <cxxreact/JSBigString.h>
 #include <folly/File.h>
 #include <gtest/gtest.h>
-#include <cxxreact/JSBigString.h>
 
 using namespace facebook;
 using namespace facebook::react;
 
 namespace {
-int tempFileFromString(std::string contents)
-{
+int tempFileFromString(std::string contents) {
   const char *tmpDir = getenv("TMPDIR");
   if (tmpDir == nullptr)
     tmpDir = "/tmp";
-  std::string tmp {tmpDir};
+  std::string tmp{tmpDir};
   tmp += "/temp.XXXXXX";
 
-  std::vector<char> tmpBuf {tmp.begin(), tmp.end()};
+  std::vector<char> tmpBuf{tmp.begin(), tmp.end()};
   tmpBuf.push_back('\0');
 
   const int fd = mkstemp(tmpBuf.data());
@@ -32,42 +31,41 @@ int tempFileFromString(std::string contents)
 
   return fd;
 }
-};
+}; // namespace
 
 TEST(JSBigFileString, MapWholeFileTest) {
-  std::string data {"Hello, world"};
+  std::string data{"Hello, world"};
   const auto size = data.length() + 1;
 
   // Initialise Big String
   int fd = tempFileFromString("Hello, world");
-  JSBigFileString bigStr {fd, size};
+  JSBigFileString bigStr{fd, size};
 
   // Test
   ASSERT_STREQ(data.c_str(), bigStr.c_str());
 }
 
 TEST(JSBigFileString, MapPartTest) {
-  std::string data {"Hello, world"};
+  std::string data{"Hello, world"};
 
   // Sub-string to actually map
-  std::string needle {"or"};
+  std::string needle{"or"};
   off_t offset = data.find(needle);
 
   // Initialise Big String
   int fd = tempFileFromString(data);
-  JSBigFileString bigStr {fd, needle.size(), offset};
+  JSBigFileString bigStr{fd, needle.size(), offset};
 
   // Test
-  ASSERT_EQ(needle.length(), bigStr.size());
+  EXPECT_EQ(needle.length(), bigStr.size());
   for (unsigned int i = 0; i < needle.length(); ++i) {
-    ASSERT_EQ(needle[i], bigStr.c_str()[i]);
+    EXPECT_EQ(needle[i], bigStr.c_str()[i]);
   }
 }
 
 TEST(JSBigFileString, RemapTest) {
   static const uint8_t kRemapMagic[] = {
-    0xc6, 0x1f, 0xbc, 0x03, 0xc1, 0x03, 0x19, 0x1f, 0xa1, 0xd0, 0xeb, 0x73
-  };
+      0xc6, 0x1f, 0xbc, 0x03, 0xc1, 0x03, 0x19, 0x1f, 0xa1, 0xd0, 0xeb, 0x73};
   std::string data(std::begin(kRemapMagic), std::end(kRemapMagic));
   auto app = [&data](uint16_t v) {
     data.append(reinterpret_cast<char *>(&v), sizeof(v));
@@ -75,14 +73,14 @@ TEST(JSBigFileString, RemapTest) {
   size_t pageSizeLog2 = 16;
   app(pageSizeLog2);
   size_t pageSize = 1 << pageSizeLog2;
-  app(1);  // header pages
-  app(2);  // num mappings
+  app(1); // header pages
+  app(2); // num mappings
   // file page 0 -> memory page 1
-  app(1);  // memory page
-  app(1);  // num pages
+  app(1); // memory page
+  app(1); // num pages
   // file page 1 -> memory page 0
-  app(0);  // memory page
-  app(1);  // num pages
+  app(0); // memory page
+  app(1); // num pages
   while (data.size() < pageSize) {
     app(0);
   }
@@ -94,15 +92,15 @@ TEST(JSBigFileString, RemapTest) {
   }
 
   int fd = tempFileFromString(data);
-  JSBigFileString bigStr {fd, data.size()};
+  JSBigFileString bigStr{fd, data.size()};
 
-  ASSERT_EQ(pageSize * 2, bigStr.size());
+  EXPECT_EQ(pageSize * 2, bigStr.size());
   auto remapped = bigStr.c_str();
   size_t i = 0;
   for (; i < pageSize; ++i) {
-    ASSERT_EQ(0x22, remapped[i]);
+    EXPECT_EQ(0x22, remapped[i]);
   }
   for (; i < pageSize * 2; ++i) {
-    ASSERT_EQ(0x11, remapped[i]);
+    EXPECT_EQ(0x11, remapped[i]);
   }
 }
diff --git a/ReactCommon/cxxreact/tests/methodcall.cpp b/ReactCommon/cxxreact/tests/methodcall.cpp
index e8b9d3575ef2e6..3035548d417e66 100644
--- a/ReactCommon/cxxreact/tests/methodcall.cpp
+++ b/ReactCommon/cxxreact/tests/methodcall.cpp
@@ -20,11 +20,11 @@ using namespace folly;
 TEST(parseMethodCalls, SingleReturnCallNoArgs) {
   auto jsText = "[[7],[3],[[]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(0, returnedCall.arguments.size());
-  ASSERT_EQ(7, returnedCall.moduleId);
-  ASSERT_EQ(3, returnedCall.methodId);
+  EXPECT_EQ(0, returnedCall.arguments.size());
+  EXPECT_EQ(7, returnedCall.moduleId);
+  EXPECT_EQ(3, returnedCall.methodId);
 }
 
 TEST(parseMethodCalls, InvalidReturnFormat) {
@@ -32,39 +32,37 @@ TEST(parseMethodCalls, InvalidReturnFormat) {
     auto input = dynamic::object("foo", 1);
     parseMethodCalls(std::move(input));
     ADD_FAILURE();
-  } catch (const std::invalid_argument&) {
+  } catch (const std::invalid_argument &) {
     // ignored
   }
   try {
     auto input = dynamic::array(dynamic::object("foo", 1));
     parseMethodCalls(std::move(input));
     ADD_FAILURE();
-  } catch (const std::invalid_argument&) {
+  } catch (const std::invalid_argument &) {
     // ignored
   }
   try {
     auto input = dynamic::array(1, 4, dynamic::object("foo", 2));
     parseMethodCalls(std::move(input));
     ADD_FAILURE();
-  } catch (const std::invalid_argument&) {
+  } catch (const std::invalid_argument &) {
     // ignored
   }
   try {
-    auto input = dynamic::array(dynamic::array(1),
-                                dynamic::array(4),
-                                dynamic::object("foo", 2));
+    auto input = dynamic::array(
+        dynamic::array(1), dynamic::array(4), dynamic::object("foo", 2));
     parseMethodCalls(std::move(input));
     ADD_FAILURE();
-  } catch (const std::invalid_argument&) {
+  } catch (const std::invalid_argument &) {
     // ignored
   }
   try {
-    auto input = dynamic::array(dynamic::array(1),
-                                dynamic::array(4),
-                                dynamic::array());
+    auto input =
+        dynamic::array(dynamic::array(1), dynamic::array(4), dynamic::array());
     parseMethodCalls(std::move(input));
     ADD_FAILURE();
-  } catch (const std::invalid_argument&) {
+  } catch (const std::invalid_argument &) {
     // ignored
   }
 }
@@ -72,50 +70,51 @@ TEST(parseMethodCalls, InvalidReturnFormat) {
 TEST(parseMethodCalls, NumberReturn) {
   auto jsText = "[[0],[0],[[\"foobar\"]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(1, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::STRING, returnedCall.arguments[0].type());
-  ASSERT_EQ("foobar", returnedCall.arguments[0].asString());
+  EXPECT_EQ(1, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::STRING, returnedCall.arguments[0].type());
+  EXPECT_EQ("foobar", returnedCall.arguments[0].asString());
 }
 
 TEST(parseMethodCalls, StringReturn) {
   auto jsText = "[[0],[0],[[42.16]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(1, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::DOUBLE, returnedCall.arguments[0].type());
-  ASSERT_EQ(42.16, returnedCall.arguments[0].asDouble());
+  EXPECT_EQ(1, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::DOUBLE, returnedCall.arguments[0].type());
+  EXPECT_EQ(42.16, returnedCall.arguments[0].asDouble());
 }
 
 TEST(parseMethodCalls, BooleanReturn) {
   auto jsText = "[[0],[0],[[false]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(1, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::BOOL, returnedCall.arguments[0].type());
+  EXPECT_EQ(1, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::BOOL, returnedCall.arguments[0].type());
   ASSERT_FALSE(returnedCall.arguments[0].asBool());
 }
 
 TEST(parseMethodCalls, NullReturn) {
   auto jsText = "[[0],[0],[[null]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(1, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::NULLT, returnedCall.arguments[0].type());
+  EXPECT_EQ(1, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::NULLT, returnedCall.arguments[0].type());
 }
 
 TEST(parseMethodCalls, MapReturn) {
-  auto jsText = "[[0],[0],[[{\"foo\": \"hello\", \"bar\": 4.0, \"baz\": true}]]]";
+  auto jsText =
+      "[[0],[0],[[{\"foo\": \"hello\", \"bar\": 4.0, \"baz\": true}]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(1, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::OBJECT, returnedCall.arguments[0].type());
-  auto& returnedMap = returnedCall.arguments[0];
+  EXPECT_EQ(1, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::OBJECT, returnedCall.arguments[0].type());
+  auto &returnedMap = returnedCall.arguments[0];
   auto foo = returnedMap.at("foo");
   EXPECT_EQ(folly::dynamic("hello"), foo);
   auto bar = returnedMap.at("bar");
@@ -127,31 +126,31 @@ TEST(parseMethodCalls, MapReturn) {
 TEST(parseMethodCalls, ArrayReturn) {
   auto jsText = "[[0],[0],[[[\"foo\", 42.0, false]]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(1, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::ARRAY, returnedCall.arguments[0].type());
-  auto& returnedArray = returnedCall.arguments[0];
-  ASSERT_EQ(3, returnedArray.size());
-  ASSERT_EQ(folly::dynamic("foo"), returnedArray[0]);
-  ASSERT_EQ(folly::dynamic(42.0), returnedArray[1]);
-  ASSERT_EQ(folly::dynamic(false), returnedArray[2]);
+  EXPECT_EQ(1, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::ARRAY, returnedCall.arguments[0].type());
+  auto &returnedArray = returnedCall.arguments[0];
+  EXPECT_EQ(3, returnedArray.size());
+  EXPECT_EQ(folly::dynamic("foo"), returnedArray[0]);
+  EXPECT_EQ(folly::dynamic(42.0), returnedArray[1]);
+  EXPECT_EQ(folly::dynamic(false), returnedArray[2]);
 }
 
 TEST(parseMethodCalls, ReturnMultipleParams) {
   auto jsText = "[[0],[0],[[\"foo\", 14, null, false]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(1, returnedCalls.size());
+  EXPECT_EQ(1, returnedCalls.size());
   auto returnedCall = returnedCalls[0];
-  ASSERT_EQ(4, returnedCall.arguments.size());
-  ASSERT_EQ(folly::dynamic::STRING, returnedCall.arguments[0].type());
-  ASSERT_EQ(folly::dynamic::INT64, returnedCall.arguments[1].type());
-  ASSERT_EQ(folly::dynamic::NULLT, returnedCall.arguments[2].type());
-  ASSERT_EQ(folly::dynamic::BOOL, returnedCall.arguments[3].type());
+  EXPECT_EQ(4, returnedCall.arguments.size());
+  EXPECT_EQ(folly::dynamic::STRING, returnedCall.arguments[0].type());
+  EXPECT_EQ(folly::dynamic::INT64, returnedCall.arguments[1].type());
+  EXPECT_EQ(folly::dynamic::NULLT, returnedCall.arguments[2].type());
+  EXPECT_EQ(folly::dynamic::BOOL, returnedCall.arguments[3].type());
 }
 
 TEST(parseMethodCalls, ParseTwoCalls) {
   auto jsText = "[[0,0],[1,1],[[],[]]]";
   auto returnedCalls = parseMethodCalls(folly::parseJson(jsText));
-  ASSERT_EQ(2, returnedCalls.size());
+  EXPECT_EQ(2, returnedCalls.size());
 }
diff --git a/ReactCommon/fabric/.clang-tidy b/ReactCommon/fabric/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/fabric/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/fabric/attributedstring/AttributedString.cpp b/ReactCommon/fabric/attributedstring/AttributedString.cpp
index 6bf2912e490873..7d872e65e9c0e7 100644
--- a/ReactCommon/fabric/attributedstring/AttributedString.cpp
+++ b/ReactCommon/fabric/attributedstring/AttributedString.cpp
@@ -26,8 +26,16 @@ bool Fragment::isAttachment() const {
 }
 
 bool Fragment::operator==(const Fragment &rhs) const {
-  return std::tie(string, textAttributes, parentShadowView.tag) ==
-      std::tie(rhs.string, rhs.textAttributes, rhs.parentShadowView.tag);
+  return std::tie(
+             string,
+             textAttributes,
+             parentShadowView.tag,
+             parentShadowView.layoutMetrics) ==
+      std::tie(
+             rhs.string,
+             rhs.textAttributes,
+             rhs.parentShadowView.tag,
+             rhs.parentShadowView.layoutMetrics);
 }
 
 bool Fragment::operator!=(const Fragment &rhs) const {
@@ -74,7 +82,11 @@ void AttributedString::prependAttributedString(
       attributedString.fragments_.end());
 }
 
-const Fragments &AttributedString::getFragments() const {
+Fragments const &AttributedString::getFragments() const {
+  return fragments_;
+}
+
+Fragments &AttributedString::getFragments() {
   return fragments_;
 }
 
@@ -90,6 +102,22 @@ bool AttributedString::isEmpty() const {
   return fragments_.empty();
 }
 
+bool AttributedString::compareTextAttributesWithoutFrame(
+    const AttributedString &rhs) const {
+  if (fragments_.size() != rhs.fragments_.size()) {
+    return false;
+  }
+
+  for (unsigned i = 0; i < fragments_.size(); i++) {
+    if (fragments_[i].textAttributes != rhs.fragments_[i].textAttributes ||
+        fragments_[i].string != rhs.fragments_[i].string) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
 bool AttributedString::operator==(const AttributedString &rhs) const {
   return fragments_ == rhs.fragments_;
 }
diff --git a/ReactCommon/fabric/attributedstring/AttributedString.h b/ReactCommon/fabric/attributedstring/AttributedString.h
index 8b74d9abca070e..9da9d2f260e736 100644
--- a/ReactCommon/fabric/attributedstring/AttributedString.h
+++ b/ReactCommon/fabric/attributedstring/AttributedString.h
@@ -73,9 +73,14 @@ class AttributedString : public Sealable, public DebugStringConvertible {
   void prependAttributedString(const AttributedString &attributedString);
 
   /*
-   * Returns read-only reference to a list of fragments.
+   * Returns a read-only reference to a list of fragments.
    */
-  const Fragments &getFragments() const;
+  Fragments const &getFragments() const;
+
+  /*
+   * Returns a reference to a list of fragments.
+   */
+  Fragments &getFragments();
 
   /*
    * Returns a string constructed from all strings in all fragments.
@@ -87,6 +92,11 @@ class AttributedString : public Sealable, public DebugStringConvertible {
    */
   bool isEmpty() const;
 
+  /**
+   * Compares equality of TextAttributes of all Fragments on both sides.
+   */
+  bool compareTextAttributesWithoutFrame(const AttributedString &rhs) const;
+
   bool operator==(const AttributedString &rhs) const;
   bool operator!=(const AttributedString &rhs) const;
 
@@ -109,10 +119,7 @@ struct hash<facebook::react::AttributedString::Fragment> {
   size_t operator()(
       const facebook::react::AttributedString::Fragment &fragment) const {
     return folly::hash::hash_combine(
-        0,
-        fragment.string,
-        fragment.textAttributes,
-        fragment.parentShadowView);
+        0, fragment.string, fragment.textAttributes, fragment.parentShadowView);
   }
 };
 
diff --git a/ReactCommon/fabric/attributedstring/AttributedStringBox.cpp b/ReactCommon/fabric/attributedstring/AttributedStringBox.cpp
index d0846b7252d3bf..5983a7fc754518 100644
--- a/ReactCommon/fabric/attributedstring/AttributedStringBox.cpp
+++ b/ReactCommon/fabric/attributedstring/AttributedStringBox.cpp
@@ -40,5 +40,26 @@ std::shared_ptr<void> AttributedStringBox::getOpaquePointer() const {
   return opaquePointer_;
 }
 
+bool operator==(
+    AttributedStringBox const &lhs,
+    AttributedStringBox const &rhs) {
+  if (lhs.getMode() != rhs.getMode()) {
+    return false;
+  }
+
+  switch (lhs.getMode()) {
+    case facebook::react::AttributedStringBox::Mode::Value:
+      return lhs.getValue() == rhs.getValue();
+    case facebook::react::AttributedStringBox::Mode::OpaquePointer:
+      return lhs.getOpaquePointer() == rhs.getOpaquePointer();
+  }
+}
+
+bool operator!=(
+    AttributedStringBox const &lhs,
+    AttributedStringBox const &rhs) {
+  return !(lhs == rhs);
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/attributedstring/AttributedStringBox.h b/ReactCommon/fabric/attributedstring/AttributedStringBox.h
index ee8cf099223543..8b7d4da1c59d19 100644
--- a/ReactCommon/fabric/attributedstring/AttributedStringBox.h
+++ b/ReactCommon/fabric/attributedstring/AttributedStringBox.h
@@ -58,5 +58,23 @@ class AttributedStringBox final {
   std::shared_ptr<void> opaquePointer_;
 };
 
+bool operator==(AttributedStringBox const &lhs, AttributedStringBox const &rhs);
+bool operator!=(AttributedStringBox const &lhs, AttributedStringBox const &rhs);
+
 } // namespace react
 } // namespace facebook
+
+template <>
+struct std::hash<facebook::react::AttributedStringBox> {
+  size_t operator()(
+      facebook::react::AttributedStringBox const &attributedStringBox) const {
+    switch (attributedStringBox.getMode()) {
+      case facebook::react::AttributedStringBox::Mode::Value:
+        return std::hash<facebook::react::AttributedString>()(
+            attributedStringBox.getValue());
+      case facebook::react::AttributedStringBox::Mode::OpaquePointer:
+        return std::hash<std::shared_ptr<void>>()(
+            attributedStringBox.getOpaquePointer());
+    }
+  }
+};
diff --git a/ReactCommon/fabric/attributedstring/BUCK b/ReactCommon/fabric/attributedstring/BUCK
index 8587f3306adeeb..0f7c23e1a08bec 100644
--- a/ReactCommon/fabric/attributedstring/BUCK
+++ b/ReactCommon/fabric/attributedstring/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -38,8 +38,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
@@ -50,11 +50,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         react_native_xplat_target("utils:utils"),
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -76,8 +76,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":attributedstring",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/attributedstring/TextAttributes.h b/ReactCommon/fabric/attributedstring/TextAttributes.h
index 734d898cf12fae..1c28424fad61c4 100644
--- a/ReactCommon/fabric/attributedstring/TextAttributes.h
+++ b/ReactCommon/fabric/attributedstring/TextAttributes.h
@@ -71,6 +71,11 @@ class TextAttributes : public DebugStringConvertible {
 
   // Special
   folly::Optional<bool> isHighlighted{};
+
+  // TODO T59221129: document where this value comes from and how it is set.
+  // It's not clear if this is being used properly, or if it's being set at all.
+  // Currently, it is intentionally *not* being set as part of BaseTextProps
+  // construction.
   folly::Optional<LayoutDirection> layoutDirection{};
 
 #pragma mark - Operations
diff --git a/ReactCommon/fabric/attributedstring/conversions.h b/ReactCommon/fabric/attributedstring/conversions.h
index a5d3b73a07b047..e92f06ace4b5ed 100644
--- a/ReactCommon/fabric/attributedstring/conversions.h
+++ b/ReactCommon/fabric/attributedstring/conversions.h
@@ -22,7 +22,7 @@
 #include <react/graphics/conversions.h>
 #include <cmath>
 
-#include <Glog/logging.h>
+#include <glog/logging.h>
 
 namespace facebook {
 namespace react {
@@ -414,33 +414,40 @@ inline std::string toString(
 
 inline ParagraphAttributes convertRawProp(
     RawProps const &rawProps,
+    ParagraphAttributes const &sourceParagraphAttributes,
     ParagraphAttributes const &defaultParagraphAttributes) {
   auto paragraphAttributes = ParagraphAttributes{};
 
   paragraphAttributes.maximumNumberOfLines = convertRawProp(
       rawProps,
       "numberOfLines",
+      sourceParagraphAttributes.maximumNumberOfLines,
       defaultParagraphAttributes.maximumNumberOfLines);
   paragraphAttributes.ellipsizeMode = convertRawProp(
-      rawProps, "ellipsizeMode", defaultParagraphAttributes.ellipsizeMode);
+      rawProps,
+      "ellipsizeMode",
+      sourceParagraphAttributes.ellipsizeMode,
+      defaultParagraphAttributes.ellipsizeMode);
   paragraphAttributes.textBreakStrategy = convertRawProp(
       rawProps,
       "textBreakStrategy",
+      sourceParagraphAttributes.textBreakStrategy,
       defaultParagraphAttributes.textBreakStrategy);
   paragraphAttributes.adjustsFontSizeToFit = convertRawProp(
       rawProps,
       "adjustsFontSizeToFit",
+      sourceParagraphAttributes.adjustsFontSizeToFit,
       defaultParagraphAttributes.adjustsFontSizeToFit);
   paragraphAttributes.minimumFontSize = convertRawProp(
       rawProps,
       "minimumFontSize",
-      defaultParagraphAttributes.minimumFontSize,
-      std::numeric_limits<Float>::quiet_NaN());
+      sourceParagraphAttributes.minimumFontSize,
+      defaultParagraphAttributes.minimumFontSize);
   paragraphAttributes.maximumFontSize = convertRawProp(
       rawProps,
       "maximumFontSize",
-      defaultParagraphAttributes.maximumFontSize,
-      std::numeric_limits<Float>::quiet_NaN());
+      sourceParagraphAttributes.maximumFontSize,
+      defaultParagraphAttributes.maximumFontSize);
 
   return paragraphAttributes;
 }
@@ -477,6 +484,27 @@ inline folly::dynamic toDynamic(
   return values;
 }
 
+inline folly::dynamic toDynamic(const FontVariant &fontVariant) {
+  auto result = folly::dynamic::array();
+  if ((int)fontVariant & (int)FontVariant::SmallCaps) {
+    result.push_back("small-caps");
+  }
+  if ((int)fontVariant & (int)FontVariant::OldstyleNums) {
+    result.push_back("oldstyle-nums");
+  }
+  if ((int)fontVariant & (int)FontVariant::LiningNums) {
+    result.push_back("lining-nums");
+  }
+  if ((int)fontVariant & (int)FontVariant::TabularNums) {
+    result.push_back("tabular-nums");
+  }
+  if ((int)fontVariant & (int)FontVariant::ProportionalNums) {
+    result.push_back("proportional-nums");
+  }
+
+  return result;
+}
+
 inline folly::dynamic toDynamic(const TextAttributes &textAttributes) {
   auto _textAttributes = folly::dynamic::object();
   if (textAttributes.foregroundColor) {
@@ -506,7 +534,7 @@ inline folly::dynamic toDynamic(const TextAttributes &textAttributes) {
     _textAttributes("fontStyle", toString(*textAttributes.fontStyle));
   }
   if (textAttributes.fontVariant.has_value()) {
-    _textAttributes("fontVariant", toString(*textAttributes.fontVariant));
+    _textAttributes("fontVariant", toDynamic(*textAttributes.fontVariant));
   }
   if (textAttributes.allowFontScaling.has_value()) {
     _textAttributes("allowFontScaling", *textAttributes.allowFontScaling);
@@ -573,6 +601,13 @@ inline folly::dynamic toDynamic(const AttributedString &attributedString) {
     if (fragment.parentShadowView.componentHandle) {
       dynamicFragment["reactTag"] = fragment.parentShadowView.tag;
     }
+    if (fragment.isAttachment()) {
+      dynamicFragment["isAttachment"] = true;
+      dynamicFragment["width"] =
+          (int)fragment.parentShadowView.layoutMetrics.frame.size.width;
+      dynamicFragment["height"] =
+          (int)fragment.parentShadowView.layoutMetrics.frame.size.height;
+    }
     dynamicFragment["textAttributes"] = toDynamic(fragment.textAttributes);
     fragments.push_back(dynamicFragment);
   }
diff --git a/ReactCommon/fabric/components/activityindicator/BUCK b/ReactCommon/fabric/components/activityindicator/BUCK
index fe358879cddc40..310b4fe07f8f8a 100644
--- a/ReactCommon/fabric/components/activityindicator/BUCK
+++ b/ReactCommon/fabric/components/activityindicator/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -36,8 +36,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -47,11 +47,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -72,8 +72,8 @@ fb_xplat_cxx_test(
     ],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":activityindicator",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/image/BUCK b/ReactCommon/fabric/components/image/BUCK
index 35b254565b9856..73d56d2ac01d47 100644
--- a/ReactCommon/fabric/components/image/BUCK
+++ b/ReactCommon/fabric/components/image/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -36,8 +36,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -47,11 +47,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -74,8 +74,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":image",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/image/ImageComponentDescriptor.h b/ReactCommon/fabric/components/image/ImageComponentDescriptor.h
index a8ba3b688605e9..15057a0bff4202 100644
--- a/ReactCommon/fabric/components/image/ImageComponentDescriptor.h
+++ b/ReactCommon/fabric/components/image/ImageComponentDescriptor.h
@@ -21,12 +21,9 @@ namespace react {
 class ImageComponentDescriptor final
     : public ConcreteComponentDescriptor<ImageShadowNode> {
  public:
-  ImageComponentDescriptor(
-      EventDispatcher::Weak eventDispatcher,
-      ContextContainer::Shared const &contextContainer,
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ConcreteComponentDescriptor(eventDispatcher, contextContainer, flavor),
-        imageManager_(std::make_shared<ImageManager>(contextContainer)){};
+  ImageComponentDescriptor(ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor(parameters),
+        imageManager_(std::make_shared<ImageManager>(contextContainer_)){};
 
   void adopt(UnsharedShadowNode shadowNode) const override {
     ConcreteComponentDescriptor::adopt(shadowNode);
diff --git a/ReactCommon/fabric/components/image/ImageLocalData.cpp b/ReactCommon/fabric/components/image/ImageLocalData.cpp
deleted file mode 100644
index c81fe1296b7f6e..00000000000000
--- a/ReactCommon/fabric/components/image/ImageLocalData.cpp
+++ /dev/null
@@ -1,37 +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 "ImageLocalData.h"
-
-#include <react/components/image/conversions.h>
-#include <react/debug/debugStringConvertibleUtils.h>
-
-namespace facebook {
-namespace react {
-
-ImageSource ImageLocalData::getImageSource() const {
-  return imageSource_;
-}
-
-const ImageRequest &ImageLocalData::getImageRequest() const {
-  return imageRequest_;
-}
-
-#pragma mark - DebugStringConvertible
-
-#if RN_DEBUG_STRING_CONVERTIBLE
-std::string ImageLocalData::getDebugName() const {
-  return "ImageLocalData";
-}
-
-SharedDebugStringConvertibleList ImageLocalData::getDebugProps() const {
-  return {debugStringConvertibleItem("imageSource", imageSource_)};
-}
-#endif
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageLocalData.h b/ReactCommon/fabric/components/image/ImageLocalData.h
deleted file mode 100644
index 5ec88b985e82d3..00000000000000
--- a/ReactCommon/fabric/components/image/ImageLocalData.h
+++ /dev/null
@@ -1,54 +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/core/LocalData.h>
-#include <react/imagemanager/ImageRequest.h>
-#include <react/imagemanager/primitives.h>
-
-namespace facebook {
-namespace react {
-
-class ImageLocalData;
-
-using SharedImageLocalData = std::shared_ptr<const ImageLocalData>;
-
-/*
- * LocalData for <Image> component.
- * Represents the image request state and (possible) retrieved image bitmap.
- */
-class ImageLocalData : public LocalData {
- public:
-  ImageLocalData(const ImageSource &imageSource, ImageRequest imageRequest)
-      : imageSource_(imageSource), imageRequest_(std::move(imageRequest)){};
-
-  /*
-   * Returns stored ImageSource object.
-   */
-  ImageSource getImageSource() const;
-
-  /*
-   * Exposes for reading stored `ImageRequest` object.
-   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
-   */
-  const ImageRequest &getImageRequest() const;
-
-#pragma mark - DebugStringConvertible
-
-#if RN_DEBUG_STRING_CONVERTIBLE
-  std::string getDebugName() const override;
-  SharedDebugStringConvertibleList getDebugProps() const override;
-#endif
-
- private:
-  ImageSource imageSource_;
-  ImageRequest imageRequest_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageProps.cpp b/ReactCommon/fabric/components/image/ImageProps.cpp
index 7608baaaf2bf43..109ac9e8c07728 100644
--- a/ReactCommon/fabric/components/image/ImageProps.cpp
+++ b/ReactCommon/fabric/components/image/ImageProps.cpp
@@ -14,20 +14,23 @@ namespace react {
 
 ImageProps::ImageProps(const ImageProps &sourceProps, const RawProps &rawProps)
     : ViewProps(sourceProps, rawProps),
-      sources(convertRawProp(rawProps, "source", sourceProps.sources)),
+      sources(convertRawProp(rawProps, "source", sourceProps.sources, {})),
       defaultSources(convertRawProp(
           rawProps,
           "defaultSource",
-          sourceProps.defaultSources)),
+          sourceProps.defaultSources,
+          {})),
       resizeMode(convertRawProp(
           rawProps,
           "resizeMode",
           sourceProps.resizeMode,
           ImageResizeMode::Stretch)),
       blurRadius(
-          convertRawProp(rawProps, "blurRadius", sourceProps.blurRadius)),
-      capInsets(convertRawProp(rawProps, "capInsets", sourceProps.capInsets)),
-      tintColor(convertRawProp(rawProps, "tintColor", sourceProps.tintColor)) {}
+          convertRawProp(rawProps, "blurRadius", sourceProps.blurRadius, {})),
+      capInsets(
+          convertRawProp(rawProps, "capInsets", sourceProps.capInsets, {})),
+      tintColor(
+          convertRawProp(rawProps, "tintColor", sourceProps.tintColor, {})) {}
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageShadowNode.cpp b/ReactCommon/fabric/components/image/ImageShadowNode.cpp
index 52f1fadb0b9a7d..5c34ca0ad34374 100644
--- a/ReactCommon/fabric/components/image/ImageShadowNode.cpp
+++ b/ReactCommon/fabric/components/image/ImageShadowNode.cpp
@@ -8,9 +8,9 @@
 #include <cstdlib>
 #include <limits>
 
-#include <react/components/image/ImageLocalData.h>
 #include <react/components/image/ImageShadowNode.h>
 #include <react/core/LayoutContext.h>
+#include "ImageState.h"
 
 namespace facebook {
 namespace react {
@@ -22,31 +22,23 @@ void ImageShadowNode::setImageManager(const SharedImageManager &imageManager) {
   imageManager_ = imageManager;
 }
 
-void ImageShadowNode::updateLocalData() {
-  const auto &imageSource = getImageSource();
-  const auto &currentLocalData = getLocalData();
-  if (currentLocalData) {
-    assert(std::dynamic_pointer_cast<const ImageLocalData>(currentLocalData));
-    auto currentImageLocalData =
-        std::static_pointer_cast<const ImageLocalData>(currentLocalData);
-    if (currentImageLocalData->getImageSource() == imageSource) {
-      // Same `imageSource` is already in `localData`,
-      // no need to (re)request an image resource.
-      return;
-    }
-  }
-
-  // Now we are about to mutate the Shadow Node.
+void ImageShadowNode::updateStateIfNeeded() {
   ensureUnsealed();
 
-  auto imageRequest = imageManager_->requestImage(imageSource, getSurfaceId());
-  auto imageLocalData =
-      std::make_shared<ImageLocalData>(imageSource, std::move(imageRequest));
-  setLocalData(imageLocalData);
+  auto const &imageSource = getImageSource();
+  auto const &currentState = getStateData();
+
+  if (currentState.getImageSource() == imageSource) {
+    return;
+  }
+
+  auto state = ImageState{
+      imageSource, imageManager_->requestImage(imageSource, getSurfaceId())};
+  setStateData(std::move(state));
 }
 
 ImageSource ImageShadowNode::getImageSource() const {
-  auto sources = getProps()->sources;
+  auto sources = getConcreteProps().sources;
 
   if (sources.size() == 0) {
     return {
@@ -86,7 +78,7 @@ ImageSource ImageShadowNode::getImageSource() const {
 #pragma mark - LayoutableShadowNode
 
 void ImageShadowNode::layout(LayoutContext layoutContext) {
-  updateLocalData();
+  updateStateIfNeeded();
   ConcreteViewShadowNode::layout(layoutContext);
 }
 
diff --git a/ReactCommon/fabric/components/image/ImageShadowNode.h b/ReactCommon/fabric/components/image/ImageShadowNode.h
index ae4bb4307aa702..592a67b505a50f 100644
--- a/ReactCommon/fabric/components/image/ImageShadowNode.h
+++ b/ReactCommon/fabric/components/image/ImageShadowNode.h
@@ -9,6 +9,7 @@
 
 #include <react/components/image/ImageEventEmitter.h>
 #include <react/components/image/ImageProps.h>
+#include <react/components/image/ImageState.h>
 #include <react/components/view/ConcreteViewShadowNode.h>
 #include <react/imagemanager/ImageManager.h>
 #include <react/imagemanager/primitives.h>
@@ -24,7 +25,8 @@ extern const char ImageComponentName[];
 class ImageShadowNode final : public ConcreteViewShadowNode<
                                   ImageComponentName,
                                   ImageProps,
-                                  ImageEventEmitter> {
+                                  ImageEventEmitter,
+                                  ImageState> {
  public:
   using ConcreteViewShadowNode::ConcreteViewShadowNode;
 
@@ -33,19 +35,24 @@ class ImageShadowNode final : public ConcreteViewShadowNode<
    */
   void setImageManager(const SharedImageManager &imageManager);
 
+  static ImageState initialStateData(
+      ShadowNodeFragment const &fragment,
+      SurfaceId const surfaceId,
+      ComponentDescriptor const &componentDescriptor) {
+    auto imageSource = ImageSource{ImageSource::Type::Invalid};
+    return {imageSource, {imageSource, nullptr}};
+  }
+
 #pragma mark - LayoutableShadowNode
 
   void layout(LayoutContext layoutContext) override;
 
  private:
-  /*
-   * (Re)Creates a `LocalData` object (with `ImageRequest`) if needed.
-   */
-  void updateLocalData();
-
   ImageSource getImageSource() const;
 
   SharedImageManager imageManager_;
+
+  void updateStateIfNeeded();
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/image/ImageState.cpp b/ReactCommon/fabric/components/image/ImageState.cpp
new file mode 100644
index 00000000000000..3521716d0b750e
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageState.cpp
@@ -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.
+ */
+
+#include "ImageState.h"
+
+namespace facebook {
+namespace react {
+
+ImageSource ImageState::getImageSource() const {
+  return imageSource_;
+}
+
+ImageRequest const &ImageState::getImageRequest() const {
+  return *imageRequest_;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/ImageState.h b/ReactCommon/fabric/components/image/ImageState.h
new file mode 100644
index 00000000000000..5280e4b0c65350
--- /dev/null
+++ b/ReactCommon/fabric/components/image/ImageState.h
@@ -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.
+ */
+
+#pragma once
+
+#include <folly/dynamic.h>
+#include <react/imagemanager/ImageRequest.h>
+#include <react/imagemanager/primitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * State for <Image> component.
+ */
+class ImageState final {
+ public:
+  ImageState(ImageSource const &imageSource, ImageRequest imageRequest)
+      : imageSource_(imageSource),
+        imageRequest_(
+            std::make_shared<ImageRequest>(std::move(imageRequest))){};
+
+  /*
+   * Returns stored ImageSource object.
+   */
+  ImageSource getImageSource() const;
+
+  /*
+   * Exposes for reading stored `ImageRequest` object.
+   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
+   */
+  ImageRequest const &getImageRequest() const;
+
+#ifdef ANDROID
+  ImageState(ImageState const &previousState, folly::dynamic data){};
+
+  /*
+   * Empty implementation for Android because it doesn't use this class.
+   */
+  folly::dynamic getDynamic() const {
+    return {};
+  };
+#endif
+
+ private:
+  ImageSource imageSource_;
+  std::shared_ptr<ImageRequest> imageRequest_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/image/conversions.h b/ReactCommon/fabric/components/image/conversions.h
index acd49dad7482e7..2c0757267d260f 100644
--- a/ReactCommon/fabric/components/image/conversions.h
+++ b/ReactCommon/fabric/components/image/conversions.h
@@ -52,15 +52,24 @@ inline void fromRawValue(const RawValue &value, ImageSource &result) {
       result.scale = items.find("deprecated") != items.end() ? 0.0 : 1.0;
     }
 
-    if (items.find("url") != items.end()) {
+    if (items.find("url") != items.end() &&
+        // The following should be removed after codegen is shipped.
+        // See T45151459.
+        items.at("url").hasType<std::string>()) {
       result.uri = (std::string)items.at("url");
     }
 
-    if (items.find("uri") != items.end()) {
+    if (items.find("uri") != items.end() &&
+        // The following should be removed after codegen is shipped.
+        // See T45151459.
+        items.at("uri").hasType<std::string>()) {
       result.uri = (std::string)items.at("uri");
     }
 
-    if (items.find("bundle") != items.end()) {
+    if (items.find("bundle") != items.end() &&
+        // The following should be removed after codegen is shipped.
+        // See T45151459.
+        items.at("bundle").hasType<std::string>()) {
       result.bundle = (std::string)items.at("bundle");
       result.type = ImageSource::Type::Local;
     }
@@ -68,7 +77,10 @@ inline void fromRawValue(const RawValue &value, ImageSource &result) {
     return;
   }
 
-  abort();
+  // The following should be removed after codegen is shipped.
+  // See T45151459.
+  result = {};
+  result.type = ImageSource::Type::Invalid;
 }
 
 inline std::string toString(const ImageSource &value) {
diff --git a/ReactCommon/fabric/components/legacyviewmanagerinterop/BUCK b/ReactCommon/fabric/components/legacyviewmanagerinterop/BUCK
index 2d6bf835b252c8..3c1e5c09748c30 100644
--- a/ReactCommon/fabric/components/legacyviewmanagerinterop/BUCK
+++ b/ReactCommon/fabric/components/legacyviewmanagerinterop/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "APPLE",
@@ -34,8 +34,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (APPLE),
     preprocessor_flags = [
@@ -44,10 +44,10 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/components/view:view"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
diff --git a/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.h b/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.h
index c3f0051d91498d..8ce315f7cc9116 100644
--- a/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.h
+++ b/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.h
@@ -19,9 +19,7 @@ class LegacyViewManagerInteropComponentDescriptor final
   using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
 
   LegacyViewManagerInteropComponentDescriptor(
-      EventDispatcher::Weak const &eventDispatcher,
-      ContextContainer::Shared const &contextContainer = {},
-      ComponentDescriptor::Flavor const &flavor = {});
+      ComponentDescriptorParameters const &parameters);
   /*
    * Returns `name` and `handle` based on a `flavor`, not on static data from
    * `LegacyViewManagerInteropShadowNode`.
diff --git a/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm b/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
index cca641bc842411..dec8a569783662 100644
--- a/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
+++ b/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
@@ -37,7 +37,7 @@
   return [NSString stringWithCString:string.c_str() encoding:NSUTF8StringEncoding];
 }
 
-static std::shared_ptr<void> const contructCoordinator(
+static std::shared_ptr<void> const constructCoordinator(
     ContextContainer::Shared const &contextContainer,
     ComponentDescriptor::Flavor const &flavor)
 {
@@ -52,32 +52,27 @@
 }
 
 LegacyViewManagerInteropComponentDescriptor::LegacyViewManagerInteropComponentDescriptor(
-    EventDispatcher::Weak const &eventDispatcher,
-    ContextContainer::Shared const &contextContainer,
-    ComponentDescriptor::Flavor const &flavor)
-    : ConcreteComponentDescriptor(eventDispatcher, contextContainer, flavor),
-      _coordinator(contructCoordinator(contextContainer, flavor))
+    ComponentDescriptorParameters const &parameters)
+    : ConcreteComponentDescriptor(parameters), _coordinator(constructCoordinator(contextContainer_, flavor_))
 {
 }
 
-ComponentHandle
-LegacyViewManagerInteropComponentDescriptor::getComponentHandle() const {
+ComponentHandle LegacyViewManagerInteropComponentDescriptor::getComponentHandle() const
+{
   return reinterpret_cast<ComponentHandle>(getComponentName());
 }
 
-ComponentName LegacyViewManagerInteropComponentDescriptor::getComponentName()
-    const {
+ComponentName LegacyViewManagerInteropComponentDescriptor::getComponentName() const
+{
   return std::static_pointer_cast<std::string const>(this->flavor_)->c_str();
 }
 
-void LegacyViewManagerInteropComponentDescriptor::adopt(
-    ShadowNode::Unshared shadowNode) const {
+void LegacyViewManagerInteropComponentDescriptor::adopt(ShadowNode::Unshared shadowNode) const
+{
   ConcreteComponentDescriptor::adopt(shadowNode);
 
-  assert(std::dynamic_pointer_cast<LegacyViewManagerInteropShadowNode>(
-      shadowNode));
-  auto legacyViewManagerInteropShadowNode =
-      std::static_pointer_cast<LegacyViewManagerInteropShadowNode>(shadowNode);
+  assert(std::dynamic_pointer_cast<LegacyViewManagerInteropShadowNode>(shadowNode));
+  auto legacyViewManagerInteropShadowNode = std::static_pointer_cast<LegacyViewManagerInteropShadowNode>(shadowNode);
 
   auto state = LegacyViewManagerInteropState{};
   state.coordinator = _coordinator;
diff --git a/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropState.mm b/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropState.mm
index 36893532435c38..4ded11fa5993d4 100644
--- a/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropState.mm
+++ b/ReactCommon/fabric/components/legacyviewmanagerinterop/LegacyViewManagerInteropState.mm
@@ -8,5 +8,6 @@
 #include "LegacyViewManagerInteropState.h"
 
 namespace facebook {
-namespace react {} // namespace react
+namespace react {
+} // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm b/ReactCommon/fabric/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
index 764883117f6198..1874f8d5d1c45f 100644
--- a/ReactCommon/fabric/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
+++ b/ReactCommon/fabric/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
@@ -41,7 +41,7 @@ - (instancetype)initWithComponentData:(RCTComponentData *)componentData bridge:(
       __typeof(self) strongSelf = weakSelf;
       InterceptorBlock block = [strongSelf->_eventInterceptors objectForKey:reactTag];
       if (block) {
-        block(std::string([RCTNormalizeInputEventName(eventName) UTF8String]), convertIdToFollyDynamic(event));
+        block(std::string([RCTNormalizeInputEventName(eventName) UTF8String]), convertIdToFollyDynamic(event ?: @{}));
       }
     };
   }
diff --git a/ReactCommon/fabric/components/modal/BUCK b/ReactCommon/fabric/components/modal/BUCK
index dd316f5f66199f..7beb9ec18d8018 100644
--- a/ReactCommon/fabric/components/modal/BUCK
+++ b/ReactCommon/fabric/components/modal/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -52,8 +52,8 @@ rn_xplat_cxx_library(
         ["platform/android/*.cpp"],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     ios_exported_headers = subdir_glob(
         [
@@ -71,11 +71,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -84,7 +84,7 @@ rn_xplat_cxx_library(
         react_native_xplat_target("fabric/graphics:graphics"),
         react_native_xplat_target("fabric/imagemanager:imagemanager"),
         react_native_xplat_target("fabric/uimanager:uimanager"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
 
@@ -101,8 +101,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":modal",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h b/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h
index 5d3d389f4f4b58..f1616fb7abb550 100644
--- a/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h
+++ b/ReactCommon/fabric/components/modal/ModalHostViewComponentDescriptor.h
@@ -21,16 +21,7 @@ namespace react {
 class ModalHostViewComponentDescriptor final
     : public ConcreteComponentDescriptor<ModalHostViewShadowNode> {
  public:
-#ifdef ANDROID
-  ModalHostViewComponentDescriptor(
-      EventDispatcher::Weak eventDispatcher,
-      ContextContainer::Shared const &contextContainer,
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ConcreteComponentDescriptor(eventDispatcher, contextContainer, flavor) {
-  }
-#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/ModalHostViewShadowNode.h b/ReactCommon/fabric/components/modal/ModalHostViewShadowNode.h
index 9b1145c02c6d8d..a5b6a67974154b 100644
--- a/ReactCommon/fabric/components/modal/ModalHostViewShadowNode.h
+++ b/ReactCommon/fabric/components/modal/ModalHostViewShadowNode.h
@@ -27,6 +27,12 @@ class ModalHostViewShadowNode final : public ConcreteViewShadowNode<
                                           ModalHostViewState> {
  public:
   using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::RootNodeKind);
+    return traits;
+  }
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/picker/BUCK b/ReactCommon/fabric/components/picker/BUCK
index f77c45194a1a73..82604cfca44f1d 100644
--- a/ReactCommon/fabric/components/picker/BUCK
+++ b/ReactCommon/fabric/components/picker/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -45,7 +45,7 @@ rn_xplat_cxx_library(
         react_native_target("jni/react/jni:jni"),
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -54,18 +54,18 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/graphics:graphics"),
         react_native_xplat_target("fabric/components/view:view"),
         react_native_xplat_target("fabric/uimanager:uimanager"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
 
@@ -89,8 +89,8 @@ fb_xplat_cxx_test(
         CXX
     ),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":androidpicker",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/root/BUCK b/ReactCommon/fabric/components/root/BUCK
index c2c16748a66c28..f67ca8fc8a852d 100644
--- a/ReactCommon/fabric/components/root/BUCK
+++ b/ReactCommon/fabric/components/root/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -36,23 +36,22 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
-        # Systraces are temporary disabled.
-        # "-DWITH_FBSYSTRACE=1",
+        "-DWITH_FBSYSTRACE=1",
     ],
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -74,8 +73,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":root",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/root/RootProps.cpp b/ReactCommon/fabric/components/root/RootProps.cpp
index 093876d0272020..a39298fbb8134e 100644
--- a/ReactCommon/fabric/components/root/RootProps.cpp
+++ b/ReactCommon/fabric/components/root/RootProps.cpp
@@ -13,25 +13,6 @@
 namespace facebook {
 namespace react {
 
-static YGStyle yogaStyleFromLayoutConstraints(
-    LayoutConstraints const &layoutConstraints) {
-  auto yogaStyle = YGStyle{};
-  yogaStyle.minDimensions()[YGDimensionWidth] =
-      yogaStyleValueFromFloat(layoutConstraints.minimumSize.width);
-  yogaStyle.minDimensions()[YGDimensionHeight] =
-      yogaStyleValueFromFloat(layoutConstraints.minimumSize.height);
-
-  yogaStyle.maxDimensions()[YGDimensionWidth] =
-      yogaStyleValueFromFloat(layoutConstraints.maximumSize.width);
-  yogaStyle.maxDimensions()[YGDimensionHeight] =
-      yogaStyleValueFromFloat(layoutConstraints.maximumSize.height);
-
-  yogaStyle.direction() =
-      yogaDirectionFromLayoutDirection(layoutConstraints.layoutDirection);
-
-  return yogaStyle;
-}
-
 RootProps::RootProps(RootProps const &sourceProps, RawProps const &rawProps)
     : ViewProps(sourceProps, rawProps) {}
 
@@ -39,7 +20,7 @@ RootProps::RootProps(
     RootProps const &sourceProps,
     LayoutConstraints const &layoutConstraints,
     LayoutContext const &layoutContext)
-    : ViewProps(yogaStyleFromLayoutConstraints(layoutConstraints)),
+    : ViewProps(),
       layoutConstraints(layoutConstraints),
       layoutContext(layoutContext){};
 
diff --git a/ReactCommon/fabric/components/root/RootShadowNode.cpp b/ReactCommon/fabric/components/root/RootShadowNode.cpp
index 599b41138d51d7..99bbfa2a9e66f5 100644
--- a/ReactCommon/fabric/components/root/RootShadowNode.cpp
+++ b/ReactCommon/fabric/components/root/RootShadowNode.cpp
@@ -15,77 +15,36 @@ namespace react {
 
 const char RootComponentName[] = "RootView";
 
-void RootShadowNode::layout(
+bool RootShadowNode::layoutIfNeeded(
     std::vector<LayoutableShadowNode const *> *affectedNodes) {
   SystraceSection s("RootShadowNode::layout");
+
+  if (getIsLayoutClean()) {
+    return false;
+  }
+
   ensureUnsealed();
 
-  auto layoutContext = getProps()->layoutContext;
+  auto layoutContext = getConcreteProps().layoutContext;
   layoutContext.affectedNodes = affectedNodes;
 
-  layout(layoutContext);
+  layoutTree(layoutContext, getConcreteProps().layoutConstraints);
 
-  // This is the rare place where shadow node must layout (set `layoutMetrics`)
-  // itself because there is no a parent node which usually should do it.
-  if (getHasNewLayout()) {
-    setLayoutMetrics(layoutMetricsFromYogaNode(yogaNode_));
-    setHasNewLayout(false);
-  }
+  return true;
 }
 
 RootShadowNode::Unshared RootShadowNode::clone(
     LayoutConstraints const &layoutConstraints,
     LayoutContext const &layoutContext) const {
   auto props = std::make_shared<RootProps const>(
-      *getProps(), layoutConstraints, layoutContext);
+      getConcreteProps(), layoutConstraints, layoutContext);
   auto newRootShadowNode = std::make_shared<RootShadowNode>(
       *this,
       ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
           /* .props = */ props,
       });
   return newRootShadowNode;
 }
 
-RootShadowNode::Unshared RootShadowNode::clone(
-    ShadowNode const &shadowNode,
-    std::function<ShadowNode::Unshared(ShadowNode const &oldShadowNode)>
-        callback) const {
-  auto ancestors = shadowNode.getAncestors(*this);
-
-  if (ancestors.size() == 0) {
-    return RootShadowNode::Unshared{nullptr};
-  }
-
-  auto &parent = ancestors.back();
-  auto &oldShadowNode = parent.first.get().getChildren().at(parent.second);
-
-  assert(ShadowNode::sameFamily(shadowNode, *oldShadowNode));
-  auto newShadowNode = callback(*oldShadowNode);
-
-  auto childNode = newShadowNode;
-
-  for (auto it = ancestors.rbegin(); it != ancestors.rend(); ++it) {
-    auto &parentNode = it->first.get();
-    auto childIndex = it->second;
-
-    auto children = parentNode.getChildren();
-    assert(ShadowNode::sameFamily(*children.at(childIndex), *childNode));
-    children[childIndex] = childNode;
-
-    childNode = parentNode.clone({
-        ShadowNodeFragment::tagPlaceholder(),
-        ShadowNodeFragment::surfaceIdPlaceholder(),
-        ShadowNodeFragment::propsPlaceholder(),
-        ShadowNodeFragment::eventEmitterPlaceholder(),
-        std::make_shared<SharedShadowNodeList>(children),
-    });
-  }
-
-  return std::const_pointer_cast<RootShadowNode>(
-      std::static_pointer_cast<RootShadowNode const>(childNode));
-}
-
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/components/root/RootShadowNode.h b/ReactCommon/fabric/components/root/RootShadowNode.h
index 9899a6e170e158..f1a7b11d90122e 100644
--- a/ReactCommon/fabric/components/root/RootShadowNode.h
+++ b/ReactCommon/fabric/components/root/RootShadowNode.h
@@ -35,9 +35,11 @@ class RootShadowNode final
   using Unshared = std::shared_ptr<RootShadowNode>;
 
   /*
-   * Layouts the shadow tree.
+   * Layouts the shadow tree if needed.
+   * Returns `false` if the three is already laid out.
    */
-  void layout(std::vector<LayoutableShadowNode const *> *affectedNodes = {});
+  bool layoutIfNeeded(
+      std::vector<LayoutableShadowNode const *> *affectedNodes = {});
 
   /*
    * Clones the node with given `layoutConstraints` and `layoutContext`.
@@ -45,22 +47,6 @@ class RootShadowNode final
   RootShadowNode::Unshared clone(
       LayoutConstraints const &layoutConstraints,
       LayoutContext const &layoutContext) const;
-
-  /*
-   * Clones the node (and partially the tree starting from the node) by
-   * replacing a `oldShadowNode` (which corresponds to a given `shadowNode`)
-   * with a node that `callback` returns. `oldShadowNode` might not be the same
-   * as `shadowNode` but they must share the same family.
-   *
-   * Returns `nullptr` if the operation cannot be performed successfully.
-   */
-  RootShadowNode::Unshared clone(
-      ShadowNode const &shadowNode,
-      std::function<ShadowNode::Unshared(ShadowNode const &oldShadowNode)>
-          callback) const;
-
- private:
-  using YogaLayoutableShadowNode::layout;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/safeareaview/BUCK b/ReactCommon/fabric/components/safeareaview/BUCK
index eda6556d3dcaa3..4edd42c67573da 100644
--- a/ReactCommon/fabric/components/safeareaview/BUCK
+++ b/ReactCommon/fabric/components/safeareaview/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "APPLE",
@@ -31,8 +31,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (APPLE),
     preprocessor_flags = [
@@ -42,6 +42,6 @@ rn_xplat_cxx_library(
     visibility = ["PUBLIC"],
     deps = [
         react_native_xplat_target("fabric/core:core"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
diff --git a/ReactCommon/fabric/components/safeareaview/SafeAreaViewComponentDescriptor.h b/ReactCommon/fabric/components/safeareaview/SafeAreaViewComponentDescriptor.h
index aac036f2d01c3e..23b1e37c2892e2 100644
--- a/ReactCommon/fabric/components/safeareaview/SafeAreaViewComponentDescriptor.h
+++ b/ReactCommon/fabric/components/safeareaview/SafeAreaViewComponentDescriptor.h
@@ -35,7 +35,10 @@ class SafeAreaViewComponentDescriptor final
             shadowNode->getState());
     auto stateData = state->getData();
 
-    layoutableShadowNode->setPadding(stateData.padding);
+    if (safeAreaViewShadowNode->alreadyAppliedPadding != stateData.padding) {
+      safeAreaViewShadowNode->alreadyAppliedPadding = stateData.padding;
+      layoutableShadowNode->setPadding(stateData.padding);
+    }
 
     ConcreteComponentDescriptor::adopt(shadowNode);
   }
diff --git a/ReactCommon/fabric/components/safeareaview/SafeAreaViewShadowNode.h b/ReactCommon/fabric/components/safeareaview/SafeAreaViewShadowNode.h
index 44970270ef0bdf..27df74ffaba387 100644
--- a/ReactCommon/fabric/components/safeareaview/SafeAreaViewShadowNode.h
+++ b/ReactCommon/fabric/components/safeareaview/SafeAreaViewShadowNode.h
@@ -26,6 +26,9 @@ class SafeAreaViewShadowNode final : public ConcreteViewShadowNode<
                                          ViewEventEmitter,
                                          SafeAreaViewState> {
   using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+ public:
+  EdgeInsets alreadyAppliedPadding{};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/safeareaview/SafeAreaViewState.h b/ReactCommon/fabric/components/safeareaview/SafeAreaViewState.h
index 9fc152cea4f97b..536341989fc6b4 100644
--- a/ReactCommon/fabric/components/safeareaview/SafeAreaViewState.h
+++ b/ReactCommon/fabric/components/safeareaview/SafeAreaViewState.h
@@ -17,14 +17,9 @@ namespace react {
  */
 class SafeAreaViewState final {
  public:
-  using Shared = std::shared_ptr<const SafeAreaViewState>;
+  using Shared = std::shared_ptr<SafeAreaViewState const>;
 
-  SafeAreaViewState() = default;
-  SafeAreaViewState(EdgeInsets padding_) : padding(padding_){};
-
-  const EdgeInsets padding{};
-
-#pragma mark - Getters
+  EdgeInsets const padding{};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/scrollview/BUCK b/ReactCommon/fabric/components/scrollview/BUCK
index 0513c251d236e8..492edfc0f93f11 100644
--- a/ReactCommon/fabric/components/scrollview/BUCK
+++ b/ReactCommon/fabric/components/scrollview/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -39,8 +39,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
@@ -51,11 +51,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -77,8 +77,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":scrollview",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp b/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp
index 88209c35a262c1..fdc3c113e20b51 100644
--- a/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewProps.cpp
@@ -23,11 +23,13 @@ ScrollViewProps::ScrollViewProps(
       alwaysBounceHorizontal(convertRawProp(
           rawProps,
           "alwaysBounceHorizontal",
-          sourceProps.alwaysBounceHorizontal)),
+          sourceProps.alwaysBounceHorizontal,
+          {})),
       alwaysBounceVertical(convertRawProp(
           rawProps,
           "alwaysBounceVertical",
-          sourceProps.alwaysBounceVertical)),
+          sourceProps.alwaysBounceVertical,
+          {})),
       bounces(convertRawProp(rawProps, "bounces", sourceProps.bounces, true)),
       bouncesZoom(convertRawProp(
           rawProps,
@@ -37,13 +39,18 @@ ScrollViewProps::ScrollViewProps(
       canCancelContentTouches(convertRawProp(
           rawProps,
           "canCancelContentTouches",
-          sourceProps.canCancelContentTouches)),
-      centerContent(
-          convertRawProp(rawProps, "centerContent", sourceProps.centerContent)),
+          sourceProps.canCancelContentTouches,
+          true)),
+      centerContent(convertRawProp(
+          rawProps,
+          "centerContent",
+          sourceProps.centerContent,
+          {})),
       automaticallyAdjustContentInsets(convertRawProp(
           rawProps,
           "automaticallyAdjustContentInsets",
-          sourceProps.automaticallyAdjustContentInsets)),
+          sourceProps.automaticallyAdjustContentInsets,
+          {})),
       decelerationRate(convertRawProp(
           rawProps,
           "decelerationRate",
@@ -52,15 +59,18 @@ ScrollViewProps::ScrollViewProps(
       directionalLockEnabled(convertRawProp(
           rawProps,
           "directionalLockEnabled",
-          sourceProps.directionalLockEnabled)),
+          sourceProps.directionalLockEnabled,
+          {})),
       indicatorStyle(convertRawProp(
           rawProps,
           "indicatorStyle",
-          sourceProps.indicatorStyle)),
+          sourceProps.indicatorStyle,
+          {})),
       keyboardDismissMode(convertRawProp(
           rawProps,
           "keyboardDismissMode",
-          sourceProps.keyboardDismissMode)),
+          sourceProps.keyboardDismissMode,
+          {})),
       maximumZoomScale(convertRawProp(
           rawProps,
           "maximumZoomScale",
@@ -76,8 +86,11 @@ ScrollViewProps::ScrollViewProps(
           "scrollEnabled",
           sourceProps.scrollEnabled,
           true)),
-      pagingEnabled(
-          convertRawProp(rawProps, "pagingEnabled", sourceProps.pagingEnabled)),
+      pagingEnabled(convertRawProp(
+          rawProps,
+          "pagingEnabled",
+          sourceProps.pagingEnabled,
+          {})),
       pinchGestureEnabled(convertRawProp(
           rawProps,
           "pinchGestureEnabled",
@@ -101,26 +114,33 @@ ScrollViewProps::ScrollViewProps(
       scrollEventThrottle(convertRawProp(
           rawProps,
           "scrollEventThrottle",
-          sourceProps.scrollEventThrottle)),
+          sourceProps.scrollEventThrottle,
+          {})),
       zoomScale(convertRawProp(
           rawProps,
           "zoomScale",
           sourceProps.zoomScale,
           (Float)1.0)),
-      contentInset(
-          convertRawProp(rawProps, "contentInset", sourceProps.contentInset)),
+      contentInset(convertRawProp(
+          rawProps,
+          "contentInset",
+          sourceProps.contentInset,
+          {})),
       scrollIndicatorInsets(convertRawProp(
           rawProps,
           "scrollIndicatorInsets",
-          sourceProps.scrollIndicatorInsets)),
+          sourceProps.scrollIndicatorInsets,
+          {})),
       snapToInterval(convertRawProp(
           rawProps,
           "snapToInterval",
-          sourceProps.snapToInterval)),
+          sourceProps.snapToInterval,
+          {})),
       snapToAlignment(convertRawProp(
           rawProps,
           "snapToAlignment",
-          sourceProps.snapToAlignment)) {}
+          sourceProps.snapToAlignment,
+          {})) {}
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewProps.h b/ReactCommon/fabric/components/scrollview/ScrollViewProps.h
index 506c0a12962d21..14e5c5a88bd9bc 100644
--- a/ReactCommon/fabric/components/scrollview/ScrollViewProps.h
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewProps.h
@@ -44,7 +44,7 @@ class ScrollViewProps final : public ViewProps {
   const Float zoomScale{1.0};
   const EdgeInsets contentInset{};
   const EdgeInsets scrollIndicatorInsets{};
-  const int snapToInterval{};
+  const Float snapToInterval{};
   const ScrollViewSnapToAlignment snapToAlignment{};
 
 #pragma mark - DebugStringConvertible
diff --git a/ReactCommon/fabric/components/scrollview/ScrollViewState.h b/ReactCommon/fabric/components/scrollview/ScrollViewState.h
index 240ffbfba794f9..3a6023499e6cf1 100644
--- a/ReactCommon/fabric/components/scrollview/ScrollViewState.h
+++ b/ReactCommon/fabric/components/scrollview/ScrollViewState.h
@@ -29,9 +29,14 @@ class ScrollViewState final {
 
 #ifdef ANDROID
   ScrollViewState() = default;
-  ScrollViewState(ScrollViewState const &previousState, folly::dynamic data){};
+  ScrollViewState(ScrollViewState const &previousState, folly::dynamic data)
+      : contentOffset({(Float)data["contentOffsetLeft"].getDouble(),
+                       (Float)data["contentOffsetTop"].getDouble()}),
+        contentBoundingRect({}){};
+
   folly::dynamic getDynamic() const {
-    return {};
+    return folly::dynamic::object("contentOffsetLeft", contentOffset.x)(
+        "contentOffsetTop", contentOffset.y);
   };
 #endif
 };
diff --git a/ReactCommon/fabric/components/slider/BUCK b/ReactCommon/fabric/components/slider/BUCK
index 6cd5b526bf8d2b..a661fdbb4f40c2 100644
--- a/ReactCommon/fabric/components/slider/BUCK
+++ b/ReactCommon/fabric/components/slider/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -57,8 +57,8 @@ rn_xplat_cxx_library(
         ["platform/android/*.cpp"],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     ios_exported_headers = subdir_glob(
         [
@@ -80,11 +80,11 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -93,7 +93,7 @@ rn_xplat_cxx_library(
         react_native_xplat_target("fabric/graphics:graphics"),
         react_native_xplat_target("fabric/imagemanager:imagemanager"),
         react_native_xplat_target("fabric/uimanager:uimanager"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
 
@@ -115,8 +115,8 @@ fb_xplat_cxx_test(
         CXX,
     ),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":slider",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/slider/SliderComponentDescriptor.h b/ReactCommon/fabric/components/slider/SliderComponentDescriptor.h
index deff7bc8496e7d..30f8fd434595c8 100644
--- a/ReactCommon/fabric/components/slider/SliderComponentDescriptor.h
+++ b/ReactCommon/fabric/components/slider/SliderComponentDescriptor.h
@@ -20,15 +20,12 @@ namespace react {
 class SliderComponentDescriptor final
     : public ConcreteComponentDescriptor<SliderShadowNode> {
  public:
-  SliderComponentDescriptor(
-      EventDispatcher::Weak eventDispatcher,
-      ContextContainer::Shared const &contextContainer,
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ConcreteComponentDescriptor(eventDispatcher, contextContainer, flavor),
-        imageManager_(std::make_shared<ImageManager>(contextContainer)),
+  SliderComponentDescriptor(ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor(parameters),
+        imageManager_(std::make_shared<ImageManager>(contextContainer_)),
         measurementsManager_(
             SliderMeasurementsManager::shouldMeasureSlider()
-                ? std::make_shared<SliderMeasurementsManager>(contextContainer)
+                ? std::make_shared<SliderMeasurementsManager>(contextContainer_)
                 : nullptr) {}
 
   void adopt(UnsharedShadowNode shadowNode) const override {
diff --git a/ReactCommon/fabric/components/slider/SliderLocalData.cpp b/ReactCommon/fabric/components/slider/SliderLocalData.cpp
deleted file mode 100644
index 1ff201536f386d..00000000000000
--- a/ReactCommon/fabric/components/slider/SliderLocalData.cpp
+++ /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.
- */
-
-#include "SliderLocalData.h"
-
-#include <react/components/image/conversions.h>
-#include <react/debug/debugStringConvertibleUtils.h>
-
-namespace facebook {
-namespace react {
-
-ImageSource SliderLocalData::getTrackImageSource() const {
-  return trackImageSource_;
-}
-
-const ImageRequest &SliderLocalData::getTrackImageRequest() const {
-  return trackImageRequest_;
-}
-
-ImageSource SliderLocalData::getMinimumTrackImageSource() const {
-  return minimumTrackImageSource_;
-}
-
-const ImageRequest &SliderLocalData::getMinimumTrackImageRequest() const {
-  return minimumTrackImageRequest_;
-}
-
-ImageSource SliderLocalData::getMaximumTrackImageSource() const {
-  return maximumTrackImageSource_;
-}
-
-const ImageRequest &SliderLocalData::getMaximumTrackImageRequest() const {
-  return maximumTrackImageRequest_;
-}
-
-ImageSource SliderLocalData::getThumbImageSource() const {
-  return thumbImageSource_;
-}
-
-const ImageRequest &SliderLocalData::getThumbImageRequest() const {
-  return thumbImageRequest_;
-}
-
-#pragma mark - DebugStringConvertible
-
-#if RN_DEBUG_STRING_CONVERTIBLE
-std::string SliderLocalData::getDebugName() const {
-  return "SliderLocalData";
-}
-
-SharedDebugStringConvertibleList SliderLocalData::getDebugProps() const {
-  return {
-      debugStringConvertibleItem("trackImageSource", trackImageSource_),
-      debugStringConvertibleItem(
-          "minimumTrackImageSource", minimumTrackImageSource_),
-      debugStringConvertibleItem(
-          "maximumTrackImageSource", maximumTrackImageSource_),
-      debugStringConvertibleItem("thumbImageSource", thumbImageSource_),
-  };
-}
-#endif
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/slider/SliderLocalData.h b/ReactCommon/fabric/components/slider/SliderLocalData.h
deleted file mode 100644
index 8f36b65368eb06..00000000000000
--- a/ReactCommon/fabric/components/slider/SliderLocalData.h
+++ /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.
- */
-
-#pragma once
-
-#include <react/core/LocalData.h>
-#include <react/imagemanager/ImageRequest.h>
-#include <react/imagemanager/primitives.h>
-
-namespace facebook {
-namespace react {
-
-class SliderLocalData;
-
-using SharedSliderLocalData = std::shared_ptr<const SliderLocalData>;
-
-/*
- * LocalData for <Slider> component.
- * Represents the image request state and (possible) retrieved image bitmap.
- */
-class SliderLocalData : public LocalData {
- public:
-  SliderLocalData(
-      const ImageSource &trackImageSource,
-      ImageRequest trackImageRequest,
-      const ImageSource &minimumTrackImageSource,
-      ImageRequest minimumTrackImageRequest,
-      const ImageSource &maximumTrackImageSource,
-      ImageRequest maximumTrackImageRequest,
-      const ImageSource &thumbImageSource,
-      ImageRequest thumbImageRequest)
-      : trackImageSource_(trackImageSource),
-        trackImageRequest_(std::move(trackImageRequest)),
-        minimumTrackImageSource_(minimumTrackImageSource),
-        minimumTrackImageRequest_(std::move(minimumTrackImageRequest)),
-        maximumTrackImageSource_(maximumTrackImageSource),
-        maximumTrackImageRequest_(std::move(maximumTrackImageRequest)),
-        thumbImageSource_(thumbImageSource),
-        thumbImageRequest_(std::move(thumbImageRequest)){};
-
-  /*
-   * Returns stored ImageSource object.
-   */
-  ImageSource getTrackImageSource() const;
-
-  /*
-   * Exposes for reading stored `ImageRequest` object.
-   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
-   */
-  const ImageRequest &getTrackImageRequest() const;
-
-  /*
-   * Returns stored ImageSource object.
-   */
-  ImageSource getMinimumTrackImageSource() const;
-
-  /*
-   * Exposes for reading stored `ImageRequest` object.
-   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
-   */
-  const ImageRequest &getMinimumTrackImageRequest() const;
-
-  /*
-   * Returns stored ImageSource object.
-   */
-  ImageSource getMaximumTrackImageSource() const;
-
-  /*
-   * Exposes for reading stored `ImageRequest` object.
-   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
-   */
-  const ImageRequest &getMaximumTrackImageRequest() const;
-
-  /*
-   * Returns stored ImageSource object.
-   */
-  ImageSource getThumbImageSource() const;
-
-  /*
-   * Exposes for reading stored `ImageRequest` object.
-   * `ImageRequest` object cannot be copied or moved from `ImageLocalData`.
-   */
-  const ImageRequest &getThumbImageRequest() const;
-
-#pragma mark - DebugStringConvertible
-
-#if RN_DEBUG_STRING_CONVERTIBLE
-  std::string getDebugName() const override;
-  SharedDebugStringConvertibleList getDebugProps() const override;
-#endif
-
- private:
-  ImageSource trackImageSource_;
-  ImageRequest trackImageRequest_;
-  ImageSource minimumTrackImageSource_;
-  ImageRequest minimumTrackImageRequest_;
-  ImageSource maximumTrackImageSource_;
-  ImageRequest maximumTrackImageRequest_;
-  ImageSource thumbImageSource_;
-  ImageRequest thumbImageRequest_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/components/slider/SliderShadowNode.cpp b/ReactCommon/fabric/components/slider/SliderShadowNode.cpp
index 780a1cdd233068..488fe566783197 100644
--- a/ReactCommon/fabric/components/slider/SliderShadowNode.cpp
+++ b/ReactCommon/fabric/components/slider/SliderShadowNode.cpp
@@ -6,7 +6,6 @@
  */
 
 #include "SliderShadowNode.h"
-#include "SliderLocalData.h"
 
 #include <react/core/LayoutContext.h>
 
@@ -26,33 +25,26 @@ void SliderShadowNode::setSliderMeasurementsManager(
   measurementsManager_ = measurementsManager;
 }
 
-void SliderShadowNode::updateLocalData() {
+void SliderShadowNode::updateStateIfNeeded() {
   const auto &newTrackImageSource = getTrackImageSource();
   const auto &newMinimumTrackImageSource = getMinimumTrackImageSource();
   const auto &newMaximumTrackImageSource = getMaximumTrackImageSource();
   const auto &newThumbImageSource = getThumbImageSource();
 
-  const auto &localData = getLocalData();
-  if (localData) {
-    assert(std::dynamic_pointer_cast<const SliderLocalData>(localData));
-    auto currentLocalData =
-        std::static_pointer_cast<const SliderLocalData>(localData);
-
-    auto trackImageSource = currentLocalData->getTrackImageSource();
-    auto minimumTrackImageSource =
-        currentLocalData->getMinimumTrackImageSource();
-    auto maximumTrackImageSource =
-        currentLocalData->getMaximumTrackImageSource();
-    auto thumbImageSource = currentLocalData->getThumbImageSource();
-
-    bool anyChanged = newTrackImageSource != trackImageSource ||
-        newMinimumTrackImageSource != minimumTrackImageSource ||
-        newMaximumTrackImageSource != maximumTrackImageSource ||
-        newThumbImageSource != thumbImageSource;
-
-    if (!anyChanged) {
-      return;
-    }
+  auto const &currentState = getStateData();
+
+  auto trackImageSource = currentState.getTrackImageSource();
+  auto minimumTrackImageSource = currentState.getMinimumTrackImageSource();
+  auto maximumTrackImageSource = currentState.getMaximumTrackImageSource();
+  auto thumbImageSource = currentState.getThumbImageSource();
+
+  bool anyChanged = newTrackImageSource != trackImageSource ||
+      newMinimumTrackImageSource != minimumTrackImageSource ||
+      newMaximumTrackImageSource != maximumTrackImageSource ||
+      newThumbImageSource != thumbImageSource;
+
+  if (!anyChanged) {
+    return;
   }
 
   // Now we are about to mutate the Shadow Node.
@@ -61,7 +53,7 @@ void SliderShadowNode::updateLocalData() {
   // It is not possible to copy or move image requests from SliderLocalData,
   // so instead we recreate any image requests (that may already be in-flight?)
   // TODO: check if multiple requests are cached or if it's a net loss
-  const auto &newLocalData = std::make_shared<SliderLocalData>(
+  auto state = SliderState{
       newTrackImageSource,
       imageManager_->requestImage(newTrackImageSource, getSurfaceId()),
       newMinimumTrackImageSource,
@@ -69,24 +61,24 @@ void SliderShadowNode::updateLocalData() {
       newMaximumTrackImageSource,
       imageManager_->requestImage(newMaximumTrackImageSource, getSurfaceId()),
       newThumbImageSource,
-      imageManager_->requestImage(newThumbImageSource, getSurfaceId()));
-  setLocalData(newLocalData);
+      imageManager_->requestImage(newThumbImageSource, getSurfaceId())};
+  setStateData(std::move(state));
 }
 
 ImageSource SliderShadowNode::getTrackImageSource() const {
-  return getProps()->trackImage;
+  return getConcreteProps().trackImage;
 }
 
 ImageSource SliderShadowNode::getMinimumTrackImageSource() const {
-  return getProps()->minimumTrackImage;
+  return getConcreteProps().minimumTrackImage;
 }
 
 ImageSource SliderShadowNode::getMaximumTrackImageSource() const {
-  return getProps()->maximumTrackImage;
+  return getConcreteProps().maximumTrackImage;
 }
 
 ImageSource SliderShadowNode::getThumbImageSource() const {
-  return getProps()->thumbImage;
+  return getConcreteProps().thumbImage;
 }
 
 #pragma mark - LayoutableShadowNode
@@ -100,7 +92,7 @@ Size SliderShadowNode::measure(LayoutConstraints layoutConstraints) const {
 }
 
 void SliderShadowNode::layout(LayoutContext layoutContext) {
-  updateLocalData();
+  updateStateIfNeeded();
   ConcreteViewShadowNode::layout(layoutContext);
 }
 
diff --git a/ReactCommon/fabric/components/slider/SliderShadowNode.h b/ReactCommon/fabric/components/slider/SliderShadowNode.h
index fb7e51d80e244f..f4b9c334fad1e3 100644
--- a/ReactCommon/fabric/components/slider/SliderShadowNode.h
+++ b/ReactCommon/fabric/components/slider/SliderShadowNode.h
@@ -10,6 +10,7 @@
 #include <react/components/rncore/EventEmitters.h>
 #include <react/components/rncore/Props.h>
 #include <react/components/slider/SliderMeasurementsManager.h>
+#include <react/components/slider/SliderState.h>
 #include <react/components/view/ConcreteViewShadowNode.h>
 #include <react/imagemanager/ImageManager.h>
 #include <react/imagemanager/primitives.h>
@@ -25,7 +26,8 @@ extern const char SliderComponentName[];
 class SliderShadowNode final : public ConcreteViewShadowNode<
                                    SliderComponentName,
                                    SliderProps,
-                                   SliderEventEmitter> {
+                                   SliderEventEmitter,
+                                   SliderState> {
  public:
   using ConcreteViewShadowNode::ConcreteViewShadowNode;
 
@@ -36,14 +38,28 @@ class SliderShadowNode final : public ConcreteViewShadowNode<
   void setSliderMeasurementsManager(
       const std::shared_ptr<SliderMeasurementsManager> &measurementsManager);
 
+  static SliderState initialStateData(
+      ShadowNodeFragment const &fragment,
+      SurfaceId const surfaceId,
+      ComponentDescriptor const &componentDescriptor) {
+    auto imageSource = ImageSource{ImageSource::Type::Invalid};
+    return {imageSource,
+            {imageSource, nullptr},
+            imageSource,
+            {imageSource, nullptr},
+            imageSource,
+            {imageSource, nullptr},
+            imageSource,
+            {imageSource, nullptr}};
+  }
+
 #pragma mark - LayoutableShadowNode
 
   Size measure(LayoutConstraints layoutConstraints) const override;
   void layout(LayoutContext layoutContext) override;
 
  private:
-  // (Re)Creates a `LocalData` object (with `ImageRequest`) if needed.
-  void updateLocalData();
+  void updateStateIfNeeded();
 
   ImageSource getTrackImageSource() const;
   ImageSource getMinimumTrackImageSource() const;
diff --git a/ReactCommon/fabric/components/slider/SliderState.cpp b/ReactCommon/fabric/components/slider/SliderState.cpp
new file mode 100644
index 00000000000000..348d372d9a293a
--- /dev/null
+++ b/ReactCommon/fabric/components/slider/SliderState.cpp
@@ -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.
+ */
+
+#include "SliderState.h"
+
+namespace facebook {
+namespace react {
+
+ImageSource SliderState::getTrackImageSource() const {
+  return trackImageSource_;
+}
+
+ImageRequest const &SliderState::getTrackImageRequest() const {
+  return *trackImageRequest_;
+}
+
+ImageSource SliderState::getMinimumTrackImageSource() const {
+  return minimumTrackImageSource_;
+}
+
+ImageRequest const &SliderState::getMinimumTrackImageRequest() const {
+  return *minimumTrackImageRequest_;
+}
+
+ImageSource SliderState::getMaximumTrackImageSource() const {
+  return maximumTrackImageSource_;
+}
+
+ImageRequest const &SliderState::getMaximumTrackImageRequest() const {
+  return *maximumTrackImageRequest_;
+}
+
+ImageSource SliderState::getThumbImageSource() const {
+  return thumbImageSource_;
+}
+
+ImageRequest const &SliderState::getThumbImageRequest() const {
+  return *thumbImageRequest_;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/slider/SliderState.h b/ReactCommon/fabric/components/slider/SliderState.h
new file mode 100644
index 00000000000000..1d5c803a404bd6
--- /dev/null
+++ b/ReactCommon/fabric/components/slider/SliderState.h
@@ -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.
+ */
+
+#pragma once
+
+#include <folly/dynamic.h>
+#include <react/imagemanager/ImageRequest.h>
+#include <react/imagemanager/primitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * State for <Slider> component.
+ */
+class SliderState final {
+ public:
+  SliderState(
+      ImageSource const &trackImageSource,
+      ImageRequest trackImageRequest,
+      ImageSource const &minimumTrackImageSource,
+      ImageRequest minimumTrackImageRequest,
+      ImageSource const &maximumTrackImageSource,
+      ImageRequest maximumTrackImageRequest,
+      ImageSource const &thumbImageSource,
+      ImageRequest thumbImageRequest)
+      : trackImageSource_(trackImageSource),
+        trackImageRequest_(
+            std::make_shared<ImageRequest>(std::move(trackImageRequest))),
+        minimumTrackImageSource_(minimumTrackImageSource),
+        minimumTrackImageRequest_(std::make_shared<ImageRequest>(
+            std::move(minimumTrackImageRequest))),
+        maximumTrackImageSource_(maximumTrackImageSource),
+        maximumTrackImageRequest_(std::make_shared<ImageRequest>(
+            std::move(maximumTrackImageRequest))),
+        thumbImageSource_(thumbImageSource),
+        thumbImageRequest_(
+            std::make_shared<ImageRequest>(std::move(thumbImageRequest))){};
+
+  SliderState() = default;
+
+  ImageSource getTrackImageSource() const;
+  ImageRequest const &getTrackImageRequest() const;
+
+  ImageSource getMinimumTrackImageSource() const;
+  ImageRequest const &getMinimumTrackImageRequest() const;
+
+  ImageSource getMaximumTrackImageSource() const;
+  ImageRequest const &getMaximumTrackImageRequest() const;
+
+  ImageSource getThumbImageSource() const;
+  ImageRequest const &getThumbImageRequest() const;
+
+#ifdef ANDROID
+  SliderState(SliderState const &previousState, folly::dynamic data){};
+
+  /*
+   * Empty implementation for Android because it doesn't use this class.
+   */
+  folly::dynamic getDynamic() const {
+    return {};
+  };
+#endif
+
+ private:
+  ImageSource trackImageSource_;
+  std::shared_ptr<ImageRequest> trackImageRequest_;
+  ImageSource minimumTrackImageSource_;
+  std::shared_ptr<ImageRequest> minimumTrackImageRequest_;
+  ImageSource maximumTrackImageSource_;
+  std::shared_ptr<ImageRequest> maximumTrackImageRequest_;
+  ImageSource thumbImageSource_;
+  std::shared_ptr<ImageRequest> thumbImageRequest_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/switch/BUCK b/ReactCommon/fabric/components/switch/BUCK
index 83308208278e60..7aece1971a7bec 100644
--- a/ReactCommon/fabric/components/switch/BUCK
+++ b/ReactCommon/fabric/components/switch/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -45,8 +45,8 @@ rn_xplat_cxx_library(
         react_native_target("jni/react/jni:jni"),
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -55,18 +55,18 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/graphics:graphics"),
         react_native_xplat_target("fabric/components/view:view"),
         react_native_xplat_target("fabric/uimanager:uimanager"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
 
@@ -90,8 +90,8 @@ fb_xplat_cxx_test(
         CXX
     ),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":androidswitch",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/switch/androidswitch/AndroidSwitchComponentDescriptor.h b/ReactCommon/fabric/components/switch/androidswitch/AndroidSwitchComponentDescriptor.h
index 3c0f07c28f9b62..0cc69dee54c0a4 100644
--- a/ReactCommon/fabric/components/switch/androidswitch/AndroidSwitchComponentDescriptor.h
+++ b/ReactCommon/fabric/components/switch/androidswitch/AndroidSwitchComponentDescriptor.h
@@ -22,12 +22,10 @@ class AndroidSwitchComponentDescriptor final
     : public ConcreteComponentDescriptor<AndroidSwitchShadowNode> {
  public:
   AndroidSwitchComponentDescriptor(
-      EventDispatcher::Weak eventDispatcher,
-      ContextContainer::Shared const &contextContainer,
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ConcreteComponentDescriptor(eventDispatcher, contextContainer, flavor),
+      ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor(parameters),
         measurementsManager_(std::make_shared<AndroidSwitchMeasurementsManager>(
-            contextContainer)) {}
+            contextContainer_)) {}
 
   void adopt(UnsharedShadowNode shadowNode) const override {
     ConcreteComponentDescriptor::adopt(shadowNode);
diff --git a/ReactCommon/fabric/components/text/BUCK b/ReactCommon/fabric/components/text/BUCK
index 27a681f63e1fa2..6ea5e080c86c91 100644
--- a/ReactCommon/fabric/components/text/BUCK
+++ b/ReactCommon/fabric/components/text/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -44,8 +44,8 @@ rn_xplat_cxx_library(
     ],
     cxx_tests = [":tests"],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -54,12 +54,12 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:evicting_cache_map",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:container_evicting_cache_map",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("utils:utils"),
         react_native_xplat_target("fabric/attributedstring:attributedstring"),
@@ -92,8 +92,8 @@ fb_xplat_cxx_test(
         CXX
     ),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":text",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp b/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
index 383868a4f23c2f..12b53d2da053f8 100644
--- a/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextProps.cpp
@@ -17,74 +17,131 @@ namespace react {
 
 static TextAttributes convertRawProp(
     const RawProps &rawProps,
+    const TextAttributes sourceTextAttributes,
     const TextAttributes defaultTextAttributes) {
   auto textAttributes = TextAttributes{};
 
   // Color
-  textAttributes.foregroundColor =
-      convertRawProp(rawProps, "color", defaultTextAttributes.foregroundColor);
+  textAttributes.foregroundColor = convertRawProp(
+      rawProps,
+      "color",
+      sourceTextAttributes.foregroundColor,
+      defaultTextAttributes.foregroundColor);
   textAttributes.backgroundColor = convertRawProp(
-      rawProps, "backgroundColor", defaultTextAttributes.backgroundColor);
-  textAttributes.opacity =
-      convertRawProp(rawProps, "opacity", defaultTextAttributes.opacity);
+      rawProps,
+      "backgroundColor",
+      sourceTextAttributes.backgroundColor,
+      defaultTextAttributes.backgroundColor);
+  textAttributes.opacity = convertRawProp(
+      rawProps,
+      "opacity",
+      sourceTextAttributes.opacity,
+      defaultTextAttributes.opacity);
 
   // Font
-  textAttributes.fontFamily =
-      convertRawProp(rawProps, "fontFamily", defaultTextAttributes.fontFamily);
-  textAttributes.fontSize =
-      convertRawProp(rawProps, "fontSize", defaultTextAttributes.fontSize);
+  textAttributes.fontFamily = convertRawProp(
+      rawProps,
+      "fontFamily",
+      sourceTextAttributes.fontFamily,
+      defaultTextAttributes.fontFamily);
+  textAttributes.fontSize = convertRawProp(
+      rawProps,
+      "fontSize",
+      sourceTextAttributes.fontSize,
+      defaultTextAttributes.fontSize);
   textAttributes.fontSizeMultiplier = convertRawProp(
-      rawProps, "fontSizeMultiplier", defaultTextAttributes.fontSizeMultiplier);
-  textAttributes.fontWeight =
-      convertRawProp(rawProps, "fontWeight", defaultTextAttributes.fontWeight);
-  textAttributes.fontStyle =
-      convertRawProp(rawProps, "fontStyle", defaultTextAttributes.fontStyle);
+      rawProps,
+      "fontSizeMultiplier",
+      sourceTextAttributes.fontSizeMultiplier,
+      defaultTextAttributes.fontSizeMultiplier);
+  textAttributes.fontWeight = convertRawProp(
+      rawProps,
+      "fontWeight",
+      sourceTextAttributes.fontWeight,
+      defaultTextAttributes.fontWeight);
+  textAttributes.fontStyle = convertRawProp(
+      rawProps,
+      "fontStyle",
+      sourceTextAttributes.fontStyle,
+      defaultTextAttributes.fontStyle);
   textAttributes.fontVariant = convertRawProp(
-      rawProps, "fontVariant", defaultTextAttributes.fontVariant);
+      rawProps,
+      "fontVariant",
+      sourceTextAttributes.fontVariant,
+      defaultTextAttributes.fontVariant);
   textAttributes.allowFontScaling = convertRawProp(
-      rawProps, "allowFontScaling", defaultTextAttributes.allowFontScaling);
+      rawProps,
+      "allowFontScaling",
+      sourceTextAttributes.allowFontScaling,
+      defaultTextAttributes.allowFontScaling);
   textAttributes.letterSpacing = convertRawProp(
-      rawProps, "letterSpacing", defaultTextAttributes.letterSpacing);
+      rawProps,
+      "letterSpacing",
+      sourceTextAttributes.letterSpacing,
+      defaultTextAttributes.letterSpacing);
 
   // Paragraph
-  textAttributes.lineHeight =
-      convertRawProp(rawProps, "lineHeight", defaultTextAttributes.lineHeight);
-  textAttributes.alignment =
-      convertRawProp(rawProps, "textAlign", defaultTextAttributes.alignment);
+  textAttributes.lineHeight = convertRawProp(
+      rawProps,
+      "lineHeight",
+      sourceTextAttributes.lineHeight,
+      defaultTextAttributes.lineHeight);
+  textAttributes.alignment = convertRawProp(
+      rawProps,
+      "textAlign",
+      sourceTextAttributes.alignment,
+      defaultTextAttributes.alignment);
   textAttributes.baseWritingDirection = convertRawProp(
       rawProps,
       "baseWritingDirection",
+      sourceTextAttributes.baseWritingDirection,
       defaultTextAttributes.baseWritingDirection);
 
   // Decoration
   textAttributes.textDecorationColor = convertRawProp(
       rawProps,
       "textDecorationColor",
+      sourceTextAttributes.textDecorationColor,
       defaultTextAttributes.textDecorationColor);
   textAttributes.textDecorationLineType = convertRawProp(
       rawProps,
       "textDecorationLine",
+      sourceTextAttributes.textDecorationLineType,
       defaultTextAttributes.textDecorationLineType);
   textAttributes.textDecorationLineStyle = convertRawProp(
       rawProps,
       "textDecorationLineStyle",
+      sourceTextAttributes.textDecorationLineStyle,
       defaultTextAttributes.textDecorationLineStyle);
   textAttributes.textDecorationLinePattern = convertRawProp(
       rawProps,
       "textDecorationLinePattern",
+      sourceTextAttributes.textDecorationLinePattern,
       defaultTextAttributes.textDecorationLinePattern);
 
   // Shadow
   textAttributes.textShadowOffset = convertRawProp(
-      rawProps, "textShadowOffset", defaultTextAttributes.textShadowOffset);
+      rawProps,
+      "textShadowOffset",
+      sourceTextAttributes.textShadowOffset,
+      defaultTextAttributes.textShadowOffset);
   textAttributes.textShadowRadius = convertRawProp(
-      rawProps, "textShadowRadius", defaultTextAttributes.textShadowRadius);
+      rawProps,
+      "textShadowRadius",
+      sourceTextAttributes.textShadowRadius,
+      defaultTextAttributes.textShadowRadius);
   textAttributes.textShadowColor = convertRawProp(
-      rawProps, "textShadowColor", defaultTextAttributes.textShadowColor);
+      rawProps,
+      "textShadowColor",
+      sourceTextAttributes.textShadowColor,
+      defaultTextAttributes.textShadowColor);
 
   // Special
   textAttributes.isHighlighted = convertRawProp(
-      rawProps, "isHighlighted", defaultTextAttributes.isHighlighted);
+      rawProps,
+      "isHighlighted",
+      sourceTextAttributes.isHighlighted,
+      defaultTextAttributes.isHighlighted);
 
   return textAttributes;
 }
@@ -92,7 +149,10 @@ static TextAttributes convertRawProp(
 BaseTextProps::BaseTextProps(
     const BaseTextProps &sourceProps,
     const RawProps &rawProps)
-    : textAttributes(convertRawProp(rawProps, sourceProps.textAttributes)){};
+    : textAttributes(convertRawProp(
+          rawProps,
+          sourceProps.textAttributes,
+          TextAttributes{})){};
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp
index d873d6025a6d3a..e892881c43d588 100644
--- a/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.cpp
@@ -11,56 +11,67 @@
 #include <react/components/text/RawTextShadowNode.h>
 #include <react/components/text/TextProps.h>
 #include <react/components/text/TextShadowNode.h>
-#include <react/debug/DebugStringConvertibleItem.h>
 #include <react/mounting/ShadowView.h>
 
 namespace facebook {
 namespace react {
 
-AttributedString BaseTextShadowNode::getAttributedString(
-    TextAttributes const &textAttributes,
-    ShadowNode const &parentNode) {
-  auto attributedString = AttributedString{};
+inline ShadowView shadowViewFromShadowNode(ShadowNode const &shadowNode) {
+  auto shadowView = ShadowView{shadowNode};
+  // Clearing `props` and `state` (which we don't use) allows avoiding retain
+  // cycles.
+  shadowView.props = nullptr;
+  shadowView.state = nullptr;
+  return shadowView;
+}
 
+void BaseTextShadowNode::buildAttributedString(
+    TextAttributes const &baseTextAttributes,
+    ShadowNode const &parentNode,
+    AttributedString &outAttributedString,
+    Attachments &outAttachments) {
   for (auto const &childNode : parentNode.getChildren()) {
     // RawShadowNode
     auto rawTextShadowNode =
-        std::dynamic_pointer_cast<const RawTextShadowNode>(childNode);
+        std::dynamic_pointer_cast<RawTextShadowNode const>(childNode);
     if (rawTextShadowNode) {
       auto fragment = AttributedString::Fragment{};
-      fragment.string = rawTextShadowNode->getProps()->text;
-      fragment.textAttributes = textAttributes;
+      fragment.string = rawTextShadowNode->getConcreteProps().text;
+      fragment.textAttributes = baseTextAttributes;
 
       // Storing a retaining pointer to `ParagraphShadowNode` inside
       // `attributedString` causes a retain cycle (besides that fact that we
       // don't need it at all). Storing a `ShadowView` instance instead of
       // `ShadowNode` should properly fix this problem.
-      fragment.parentShadowView = ShadowView(parentNode);
-      attributedString.appendFragment(fragment);
+      fragment.parentShadowView = shadowViewFromShadowNode(parentNode);
+      outAttributedString.appendFragment(fragment);
       continue;
     }
 
     // TextShadowNode
     auto textShadowNode =
-        std::dynamic_pointer_cast<const TextShadowNode>(childNode);
+        std::dynamic_pointer_cast<TextShadowNode const>(childNode);
     if (textShadowNode) {
-      auto localTextAttributes = textAttributes;
-      localTextAttributes.apply(textShadowNode->getProps()->textAttributes);
-      attributedString.appendAttributedString(
-          textShadowNode->getAttributedString(
-              localTextAttributes, *textShadowNode));
+      auto localTextAttributes = baseTextAttributes;
+      localTextAttributes.apply(
+          textShadowNode->getConcreteProps().textAttributes);
+      buildAttributedString(
+          localTextAttributes,
+          *textShadowNode,
+          outAttributedString,
+          outAttachments);
       continue;
     }
 
-    // Any other kind of ShadowNode
+    // Any *other* kind of ShadowNode
     auto fragment = AttributedString::Fragment{};
     fragment.string = AttributedString::Fragment::AttachmentCharacter();
-    fragment.parentShadowView = ShadowView(*childNode);
-    fragment.textAttributes = textAttributes;
-    attributedString.appendFragment(fragment);
+    fragment.parentShadowView = shadowViewFromShadowNode(*childNode);
+    fragment.textAttributes = baseTextAttributes;
+    outAttributedString.appendFragment(fragment);
+    outAttachments.push_back(Attachment{
+        childNode.get(), outAttributedString.getFragments().size() - 1});
   }
-
-  return attributedString;
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h
index c29ddb66501bfb..0e04b3c2b998b9 100644
--- a/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h
+++ b/ReactCommon/fabric/components/text/basetext/BaseTextShadowNode.h
@@ -20,15 +20,43 @@ namespace react {
 class BaseTextShadowNode {
  public:
   /*
-   * Returns a `AttributedString` which represents text content of the node.
+   * Represents additional information associated with some fragments which
+   * represent embedded into text component (such as an image or inline view).
+   */
+  class Attachment final {
+   public:
+    /*
+     * Unowning pointer to a `ShadowNode` that represents the attachment.
+     * Cannot be `null`.
+     */
+    ShadowNode const *shadowNode;
+
+    /*
+     * Index of the fragment in `AttributedString` that represents the
+     * the attachment.
+     */
+    size_t fragmentIndex;
+  };
+
+  /*
+   * A list of `Attachment`s.
+   * Performance-wise, the prevailing case is when there are no attachments
+   * at all, therefore we don't need an inline buffer (`small_vector`).
+   */
+  using Attachments = std::vector<Attachment>;
+
+  /*
+   * Builds an `AttributedString` which represents text content of the node.
    * This is static so that both Paragraph (which subclasses BaseText) and
    * TextInput (which does not) can use this.
    * TODO T53299884: decide if this should be moved out and made a static
    * function, or if TextInput should inherit from BaseTextShadowNode.
    */
-  static AttributedString getAttributedString(
+  static void buildAttributedString(
       TextAttributes const &baseTextAttributes,
-      ShadowNode const &parentNode);
+      ShadowNode const &parentNode,
+      AttributedString &outAttributedString,
+      Attachments &outAttachments);
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h b/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
index 8b9fa266034721..d360c93d339d13 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphComponentDescriptor.h
@@ -23,17 +23,11 @@ namespace react {
 class ParagraphComponentDescriptor final
     : public ConcreteComponentDescriptor<ParagraphShadowNode> {
  public:
-  ParagraphComponentDescriptor(
-      EventDispatcher::Weak eventDispatcher,
-      ContextContainer::Shared const &contextContainer,
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ConcreteComponentDescriptor<ParagraphShadowNode>(
-            eventDispatcher,
-            contextContainer,
-            flavor) {
+  ParagraphComponentDescriptor(ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor<ParagraphShadowNode>(parameters) {
     // Every single `ParagraphShadowNode` will have a reference to
     // a shared `TextLayoutManager`.
-    textLayoutManager_ = std::make_shared<TextLayoutManager>(contextContainer);
+    textLayoutManager_ = std::make_shared<TextLayoutManager>(contextContainer_);
   }
 
  protected:
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
index 2b9e8926d0e2a5..672ad29d787c92 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphProps.cpp
@@ -6,13 +6,13 @@
  */
 
 #include "ParagraphProps.h"
-#include "../../../attributedstring/primitives.h"
 
 #include <react/attributedstring/conversions.h>
+#include <react/attributedstring/primitives.h>
 #include <react/core/propsConversions.h>
 #include <react/debug/debugStringConvertibleUtils.h>
 
-#include <Glog/logging.h>
+#include <glog/logging.h>
 
 namespace facebook {
 namespace react {
@@ -23,9 +23,12 @@ ParagraphProps::ParagraphProps(
     : ViewProps(sourceProps, rawProps),
       BaseTextProps(sourceProps, rawProps),
       paragraphAttributes(
-          convertRawProp(rawProps, sourceProps.paragraphAttributes)),
-      isSelectable(
-          convertRawProp(rawProps, "selectable", sourceProps.isSelectable)){};
+          convertRawProp(rawProps, sourceProps.paragraphAttributes, {})),
+      isSelectable(convertRawProp(
+          rawProps,
+          "selectable",
+          sourceProps.isSelectable,
+          {})){};
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
index a0ebadf1516be9..b93503a42edd58 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.cpp
@@ -7,24 +7,85 @@
 
 #include "ParagraphShadowNode.h"
 
+#include <cmath>
+
 #include <react/attributedstring/AttributedStringBox.h>
+#include <react/components/view/ViewShadowNode.h>
+#include <react/components/view/conversions.h>
+#include <react/graphics/rounding.h>
+
 #include "ParagraphState.h"
 
 namespace facebook {
 namespace react {
 
+using Content = ParagraphShadowNode::Content;
+
 char const ParagraphComponentName[] = "Paragraph";
 
-AttributedString ParagraphShadowNode::getAttributedString() const {
-  if (!cachedAttributedString_.has_value()) {
-    auto textAttributes = TextAttributes::defaultTextAttributes();
-    textAttributes.apply(getProps()->textAttributes);
+Content const &ParagraphShadowNode::getContent() const {
+  if (content_.has_value()) {
+    return content_.value();
+  }
 
-    cachedAttributedString_ =
-        BaseTextShadowNode::getAttributedString(textAttributes, *this);
+  ensureUnsealed();
+
+  auto textAttributes = TextAttributes::defaultTextAttributes();
+  textAttributes.apply(getConcreteProps().textAttributes);
+  textAttributes.layoutDirection =
+      YGNodeLayoutGetDirection(&yogaNode_) == YGDirectionRTL
+      ? LayoutDirection::RightToLeft
+      : LayoutDirection::LeftToRight;
+  auto attributedString = AttributedString{};
+  auto attachments = Attachments{};
+  buildAttributedString(textAttributes, *this, attributedString, attachments);
+
+  content_ = Content{
+      attributedString, getConcreteProps().paragraphAttributes, attachments};
+
+  return content_.value();
+}
+
+Content ParagraphShadowNode::getContentWithMeasuredAttachments(
+    LayoutContext const &layoutContext,
+    LayoutConstraints const &layoutConstraints) const {
+  auto content = getContent();
+
+  if (content.attachments.empty()) {
+    // Base case: No attachments, nothing to do.
+    return content;
   }
 
-  return cachedAttributedString_.value();
+  auto localLayoutConstraints = layoutConstraints;
+  // Having enforced minimum size for text fragments doesn't make much sense.
+  localLayoutConstraints.minimumSize = Size{0, 0};
+
+  auto &fragments = content.attributedString.getFragments();
+
+  for (auto const &attachment : content.attachments) {
+    auto laytableShadowNode =
+        traitCast<LayoutableShadowNode const *>(attachment.shadowNode);
+
+    if (!laytableShadowNode) {
+      continue;
+    }
+
+    auto size =
+        laytableShadowNode->measure(layoutContext, localLayoutConstraints);
+
+    // Rounding to *next* value on the pixel grid.
+    size.width += 0.01;
+    size.height += 0.01;
+    size = roundToPixel<&ceil>(size, layoutContext.pointScaleFactor);
+
+    auto fragmentLayoutMetrics = LayoutMetrics{};
+    fragmentLayoutMetrics.pointScaleFactor = layoutContext.pointScaleFactor;
+    fragmentLayoutMetrics.frame.size = size;
+    fragments[attachment.fragmentIndex].parentShadowView.layoutMetrics =
+        fragmentLayoutMetrics;
+  }
+
+  return content;
 }
 
 void ParagraphShadowNode::setTextLayoutManager(
@@ -33,44 +94,127 @@ void ParagraphShadowNode::setTextLayoutManager(
   textLayoutManager_ = textLayoutManager;
 }
 
-void ParagraphShadowNode::updateStateIfNeeded() {
+void ParagraphShadowNode::updateStateIfNeeded(Content const &content) {
   ensureUnsealed();
 
-  auto attributedString = getAttributedString();
-  auto const &state = getStateData();
+  auto &state = getStateData();
 
   assert(textLayoutManager_);
   assert(
       (!state.layoutManager || state.layoutManager == textLayoutManager_) &&
       "`StateData` refers to a different `TextLayoutManager`");
 
-  if (state.attributedString == attributedString &&
+  if (state.attributedString == content.attributedString &&
       state.layoutManager == textLayoutManager_) {
     return;
   }
 
-  setStateData(ParagraphState{
-      attributedString, getProps()->paragraphAttributes, textLayoutManager_});
+  setStateData(ParagraphState{content.attributedString,
+                              content.paragraphAttributes,
+                              textLayoutManager_});
 }
 
 #pragma mark - LayoutableShadowNode
 
 Size ParagraphShadowNode::measure(LayoutConstraints layoutConstraints) const {
-  AttributedString attributedString = getAttributedString();
+  auto content =
+      getContentWithMeasuredAttachments(LayoutContext{}, layoutConstraints);
 
-  if (attributedString.isEmpty()) {
+  if (content.attributedString.isEmpty()) {
     return layoutConstraints.clamp({0, 0});
   }
 
-  return textLayoutManager_->measure(
-      AttributedStringBox{attributedString},
-      getProps()->paragraphAttributes,
-      layoutConstraints);
+  return textLayoutManager_
+      ->measure(
+          AttributedStringBox{content.attributedString},
+          content.paragraphAttributes,
+          layoutConstraints)
+      .size;
 }
 
 void ParagraphShadowNode::layout(LayoutContext layoutContext) {
-  updateStateIfNeeded();
-  ConcreteViewShadowNode::layout(layoutContext);
+  ensureUnsealed();
+
+  auto layoutMetrics = getLayoutMetrics();
+  auto availableSize = layoutMetrics.getContentFrame().size;
+
+  auto layoutConstraints = LayoutConstraints{
+      availableSize, availableSize, layoutMetrics.layoutDirection};
+  auto content =
+      getContentWithMeasuredAttachments(layoutContext, layoutConstraints);
+
+  updateStateIfNeeded(content);
+
+  if (content.attachments.empty()) {
+    // No attachments, nothing to layout.
+    return;
+  }
+
+  auto measurement = textLayoutManager_->measure(
+      AttributedStringBox{content.attributedString},
+      content.paragraphAttributes,
+      layoutConstraints);
+
+  //  Iterating on attachments, we clone shadow nodes and moving
+  //  `paragraphShadowNode` that represents clones of `this` object.
+  auto paragraphShadowNode = static_cast<ParagraphShadowNode *>(this);
+  // `paragraphOwningShadowNode` is owning pointer to`paragraphShadowNode`
+  // (besides the initial case when `paragraphShadowNode == this`), we need this
+  // only to keep it in memory for a while.
+  auto paragraphOwningShadowNode = ShadowNode::Unshared{};
+
+  assert(content.attachments.size() == measurement.attachments.size());
+
+  for (auto i = 0; i < content.attachments.size(); i++) {
+    auto &attachment = content.attachments.at(i);
+
+    if (!traitCast<LayoutableShadowNode const *>(attachment.shadowNode)) {
+      // Not a layoutable `ShadowNode`, no need to lay it out.
+      continue;
+    }
+
+    auto clonedShadowNode = ShadowNode::Unshared{};
+
+    paragraphOwningShadowNode = paragraphShadowNode->cloneTree(
+        attachment.shadowNode->getFamily(),
+        [&](ShadowNode const &oldShadowNode) {
+          clonedShadowNode = oldShadowNode.clone({});
+          return clonedShadowNode;
+        });
+    paragraphShadowNode =
+        static_cast<ParagraphShadowNode *>(paragraphOwningShadowNode.get());
+
+    auto &layoutableShadowNode = const_cast<LayoutableShadowNode &>(
+        traitCast<LayoutableShadowNode const &>(*clonedShadowNode));
+
+    auto attachmentFrame = measurement.attachments[i].frame;
+    auto attachmentSize = roundToPixel<&ceil>(
+        attachmentFrame.size, layoutMetrics.pointScaleFactor);
+    auto attachmentOrigin = roundToPixel<&round>(
+        attachmentFrame.origin, layoutMetrics.pointScaleFactor);
+    auto attachmentLayoutContext = layoutContext;
+    attachmentLayoutContext.absolutePosition += attachmentOrigin;
+    auto attachmentLayoutConstrains = LayoutConstraints{
+        attachmentSize, attachmentSize, layoutConstraints.layoutDirection};
+
+    // Laying out the `ShadowNode` and the subtree starting from it.
+    layoutableShadowNode.layoutTree(
+        attachmentLayoutContext, attachmentLayoutConstrains);
+
+    // Altering the origin of the `ShadowNode` (which is defined by text layout,
+    // not by internal styles and state).
+    auto attachmentLayoutMetrics = layoutableShadowNode.getLayoutMetrics();
+    attachmentLayoutMetrics.frame.origin = attachmentOrigin;
+    layoutableShadowNode.setLayoutMetrics(attachmentLayoutMetrics);
+  }
+
+  // If we ended up cloning something, we need to update the list of children to
+  // reflect the changes that we made.
+  if (paragraphShadowNode != this) {
+    this->children_ =
+        static_cast<ParagraphShadowNode const *>(paragraphShadowNode)
+            ->children_;
+  }
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
index c6513462cf94e9..cd7591149d7740 100644
--- a/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
+++ b/ReactCommon/fabric/components/text/paragraph/ParagraphShadowNode.h
@@ -41,14 +41,17 @@ class ParagraphShadowNode : public ConcreteViewShadowNode<
   static ShadowNodeTraits BaseTraits() {
     auto traits = ConcreteViewShadowNode::BaseTraits();
     traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
+    traits.set(ShadowNodeTraits::Trait::TextKind);
+
+#ifdef ANDROID
+    // Unsetting `FormsStackingContext` trait is essential on Android where we
+    // can't mount views inside `TextView`.
+    traits.unset(ShadowNodeTraits::Trait::FormsStackingContext);
+#endif
+
     return traits;
   }
 
-  /*
-   * Returns a `AttributedString` which represents text content of the node.
-   */
-  AttributedString getAttributedString() const;
-
   /*
    * Associates a shared TextLayoutManager with the node.
    * `ParagraphShadowNode` uses the manager to measure text content
@@ -61,20 +64,42 @@ class ParagraphShadowNode : public ConcreteViewShadowNode<
   void layout(LayoutContext layoutContext) override;
   Size measure(LayoutConstraints layoutConstraints) const override;
 
+  /*
+   * Internal representation of the nested content of the node in a format
+   * suitable for future processing.
+   */
+  class Content final {
+   public:
+    AttributedString attributedString;
+    ParagraphAttributes paragraphAttributes;
+    Attachments attachments;
+  };
+
  private:
+  /*
+   * Builds (if needed) and returns a reference to a `Content` object.
+   */
+  Content const &getContent() const;
+
+  /*
+   * Builds and returns a `Content` object with given `layoutConstraints`.
+   */
+  Content getContentWithMeasuredAttachments(
+      LayoutContext const &layoutContext,
+      LayoutConstraints const &layoutConstraints) const;
+
   /*
    * Creates a `State` object (with `AttributedText` and
    * `TextLayoutManager`) if needed.
    */
-  void updateStateIfNeeded();
+  void updateStateIfNeeded(Content const &content);
 
   SharedTextLayoutManager textLayoutManager_;
 
   /*
-   * Cached attributed string that represents the content of the subtree started
-   * from the node.
+   * Cached content of the subtree started from the node.
    */
-  mutable folly::Optional<AttributedString> cachedAttributedString_{};
+  mutable better::optional<Content> content_{};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp b/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp
index 0ea008fdc7a037..2823ca7dbd41c9 100644
--- a/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextProps.cpp
@@ -17,7 +17,7 @@ RawTextProps::RawTextProps(
     const RawTextProps &sourceProps,
     const RawProps &rawProps)
     : Props(sourceProps, rawProps),
-      text(convertRawProp(rawProps, "text", sourceProps.text)){};
+      text(convertRawProp(rawProps, "text", sourceProps.text, {})){};
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h b/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h
index 772834549ee641..e93368a8c69f3f 100644
--- a/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h
+++ b/ReactCommon/fabric/components/text/rawtext/RawTextShadowNode.h
@@ -22,7 +22,7 @@ extern const char RawTextComponentName[];
  * <RawText> component must not have any children.
  */
 using RawTextShadowNode =
-    ConcreteShadowNode<RawTextComponentName, RawTextProps>;
+    ConcreteShadowNode<RawTextComponentName, ShadowNode, RawTextProps>;
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/components/text/text/TextShadowNode.h b/ReactCommon/fabric/components/text/text/TextShadowNode.h
index 0ef0e91c58cb13..76d333223ab87f 100644
--- a/ReactCommon/fabric/components/text/text/TextShadowNode.h
+++ b/ReactCommon/fabric/components/text/text/TextShadowNode.h
@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <limits>
+
 #include <react/components/text/BaseTextShadowNode.h>
 #include <react/components/text/TextProps.h>
 #include <react/components/view/ViewEventEmitter.h>
@@ -19,11 +21,40 @@ extern const char TextComponentName[];
 
 using TextEventEmitter = TouchEventEmitter;
 
-class TextShadowNode
-    : public ConcreteShadowNode<TextComponentName, TextProps, TextEventEmitter>,
-      public BaseTextShadowNode {
+class TextShadowNode : public ConcreteShadowNode<
+                           TextComponentName,
+                           ShadowNode,
+                           TextProps,
+                           TextEventEmitter>,
+                       public BaseTextShadowNode {
  public:
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteShadowNode::BaseTraits();
+
+#ifdef ANDROID
+    traits.set(ShadowNodeTraits::Trait::FormsView);
+#endif
+
+    return traits;
+  }
+
   using ConcreteShadowNode::ConcreteShadowNode;
+
+#ifdef ANDROID
+  using BaseShadowNode = ConcreteShadowNode<
+      TextComponentName,
+      ShadowNode,
+      TextProps,
+      TextEventEmitter>;
+
+  TextShadowNode(
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family,
+      ShadowNodeTraits traits)
+      : BaseShadowNode(fragment, family, traits), BaseTextShadowNode() {
+    orderIndex_ = std::numeric_limits<decltype(orderIndex_)>::max();
+  }
+#endif
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/textinput/BUCK b/ReactCommon/fabric/components/textinput/BUCK
index 09821ebb43cd42..448cbe3e532f29 100644
--- a/ReactCommon/fabric/components/textinput/BUCK
+++ b/ReactCommon/fabric/components/textinput/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -18,11 +18,11 @@ APPLE_COMPILER_FLAGS = get_apple_compiler_flags()
 rn_xplat_cxx_library(
     name = "androidtextinput",
     srcs = glob(
-        ["**/*.cpp"],
+        ["androidtextinput/**/*.cpp"],
         exclude = glob(["tests/**/*.cpp"]),
     ),
     headers = glob(
-        ["**/*.h"],
+        ["androidtextinput/**/*.h"],
         exclude = glob(["tests/**/*.h"]),
     ),
     header_namespace = "",
@@ -41,8 +41,8 @@ rn_xplat_cxx_library(
     ],
     cxx_tests = [":tests"],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
@@ -51,12 +51,12 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:evicting_cache_map",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:container_evicting_cache_map",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("utils:utils"),
         react_native_xplat_target("fabric/attributedstring:attributedstring"),
@@ -92,8 +92,8 @@ fb_xplat_cxx_test(
         CXX
     ),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":androidtextinput",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputComponentDescriptor.h b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputComponentDescriptor.h
index 6a1a2c5bfd4c51..0b083e5f619833 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputComponentDescriptor.h
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputComponentDescriptor.h
@@ -10,6 +10,10 @@
 #include <react/core/ConcreteComponentDescriptor.h>
 #include "AndroidTextInputShadowNode.h"
 
+#include <yoga/CompactValue.h>
+#include <yoga/YGEnums.h>
+#include <yoga/YGValue.h>
+
 namespace facebook {
 namespace react {
 
@@ -20,16 +24,46 @@ class AndroidTextInputComponentDescriptor final
     : public ConcreteComponentDescriptor<AndroidTextInputShadowNode> {
  public:
   AndroidTextInputComponentDescriptor(
-      EventDispatcher::Weak eventDispatcher,
-      const ContextContainer::Shared &contextContainer,
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ConcreteComponentDescriptor<AndroidTextInputShadowNode>(
-            eventDispatcher,
-            contextContainer,
-            flavor) {
+      ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor<AndroidTextInputShadowNode>(parameters) {
     // Every single `AndroidTextInputShadowNode` will have a reference to
     // a shared `TextLayoutManager`.
-    textLayoutManager_ = std::make_shared<TextLayoutManager>(contextContainer);
+    textLayoutManager_ = std::make_shared<TextLayoutManager>(contextContainer_);
+  }
+
+  virtual State::Shared createInitialState(
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family) const override {
+    int surfaceId = family->getSurfaceId();
+
+    float defaultThemePaddingStart = NAN;
+    float defaultThemePaddingEnd = NAN;
+    float defaultThemePaddingTop = NAN;
+    float defaultThemePaddingBottom = NAN;
+
+    if (surfaceIdToThemePaddingMap_.find(surfaceId) !=
+        surfaceIdToThemePaddingMap_.end()) {
+      YGStyle::Edges theme = surfaceIdToThemePaddingMap_[surfaceId];
+      defaultThemePaddingStart = ((YGValue)theme[YGEdgeStart]).value;
+      defaultThemePaddingEnd = ((YGValue)theme[YGEdgeEnd]).value;
+      defaultThemePaddingTop = ((YGValue)theme[YGEdgeTop]).value;
+      defaultThemePaddingBottom = ((YGValue)theme[YGEdgeBottom]).value;
+    }
+
+    return std::make_shared<AndroidTextInputShadowNode::ConcreteState>(
+        std::make_shared<AndroidTextInputState const>(AndroidTextInputState(
+            0,
+            {},
+            {},
+            {},
+            {},
+            {},
+            textLayoutManager_,
+            defaultThemePaddingStart,
+            defaultThemePaddingEnd,
+            defaultThemePaddingTop,
+            defaultThemePaddingBottom)),
+        family);
   }
 
  protected:
@@ -45,6 +79,97 @@ class AndroidTextInputComponentDescriptor final
     textInputShadowNode->setContextContainer(
         const_cast<ContextContainer *>(getContextContainer().get()));
 
+    // Get theme padding from cache, or set it from State.
+    // In theory, the Java ViewManager for TextInput should need to set state
+    // *exactly once* per surface to communicate the correct default padding,
+    // which will be cached here in C++.
+    // TODO T63008435: can this feature be removed entirely?
+    // TODO: figure out RTL/start/end/left/right stuff here
+    int surfaceId = textInputShadowNode->getSurfaceId();
+    const AndroidTextInputState &state = textInputShadowNode->getStateData();
+    if (surfaceIdToThemePaddingMap_.find(surfaceId) ==
+            surfaceIdToThemePaddingMap_.end() &&
+        !isnan(state.defaultThemePaddingStart)) {
+      YGStyle::Edges result;
+      result[YGEdgeStart] =
+          (YGValue){state.defaultThemePaddingStart, YGUnitPoint};
+      result[YGEdgeEnd] = (YGValue){state.defaultThemePaddingEnd, YGUnitPoint};
+      result[YGEdgeTop] = (YGValue){state.defaultThemePaddingTop, YGUnitPoint};
+      result[YGEdgeBottom] =
+          (YGValue){state.defaultThemePaddingBottom, YGUnitPoint};
+      surfaceIdToThemePaddingMap_.emplace(std::make_pair(surfaceId, result));
+    }
+
+    if (surfaceIdToThemePaddingMap_.find(surfaceId) !=
+        surfaceIdToThemePaddingMap_.end()) {
+      YGStyle::Edges theme = surfaceIdToThemePaddingMap_[surfaceId];
+
+      // Override padding
+      // Node is still unsealed during adoption, before layout is complete
+      // TODO: T62959168 account for RTL and paddingLeft when setting default
+      // paddingStart, and vice-versa with paddingRight/paddingEnd.
+      // For now this assumes no RTL.
+      YGStyle::Edges result =
+          textInputShadowNode->getConcreteProps().yogaStyle.padding();
+      bool changedPadding = false;
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingStart &&
+          !textInputShadowNode->getConcreteProps().hasPaddingLeft &&
+          !textInputShadowNode->getConcreteProps().hasPaddingHorizontal) {
+        changedPadding = true;
+        result[YGEdgeStart] = theme[YGEdgeStart];
+      }
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingEnd &&
+          !textInputShadowNode->getConcreteProps().hasPaddingRight &&
+          !textInputShadowNode->getConcreteProps().hasPaddingHorizontal) {
+        changedPadding = true;
+        result[YGEdgeEnd] = theme[YGEdgeEnd];
+      }
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingTop &&
+          !textInputShadowNode->getConcreteProps().hasPaddingVertical) {
+        changedPadding = true;
+        result[YGEdgeTop] = theme[YGEdgeTop];
+      }
+      if (!textInputShadowNode->getConcreteProps().hasPadding &&
+          !textInputShadowNode->getConcreteProps().hasPaddingBottom &&
+          !textInputShadowNode->getConcreteProps().hasPaddingVertical) {
+        changedPadding = true;
+        result[YGEdgeBottom] = theme[YGEdgeBottom];
+      }
+
+      // If the TextInput initially does not have paddingLeft or paddingStart, a
+      // paddingStart may be set from the theme. If that happens, when there's a
+      // paddingLeft update, we must explicitly unset paddingStart... (same with
+      // paddingEnd)
+      // TODO: support RTL
+      if ((textInputShadowNode->getConcreteProps().hasPadding ||
+           textInputShadowNode->getConcreteProps().hasPaddingLeft ||
+           textInputShadowNode->getConcreteProps().hasPaddingHorizontal) &&
+          !textInputShadowNode->getConcreteProps().hasPaddingStart) {
+        result[YGEdgeStart] = YGValueUndefined;
+      }
+      if ((textInputShadowNode->getConcreteProps().hasPadding ||
+           textInputShadowNode->getConcreteProps().hasPaddingRight ||
+           textInputShadowNode->getConcreteProps().hasPaddingHorizontal) &&
+          !textInputShadowNode->getConcreteProps().hasPaddingEnd) {
+        result[YGEdgeEnd] = YGValueUndefined;
+      }
+
+      // Note that this is expensive: on every adopt, we need to set the Yoga
+      // props again, which normally only happens during prop parsing. Every
+      // commit, state update, etc, will incur this cost.
+      if (changedPadding) {
+        // Set new props on node
+        const_cast<AndroidTextInputProps &>(
+            textInputShadowNode->getConcreteProps())
+            .yogaStyle.padding() = result;
+        // Communicate new props to Yoga part of the node
+        textInputShadowNode->updateYogaProps();
+      }
+    }
+
     textInputShadowNode->dirtyLayout();
     textInputShadowNode->enableMeasurement();
 
@@ -53,6 +178,7 @@ class AndroidTextInputComponentDescriptor final
 
  private:
   SharedTextLayoutManager textLayoutManager_;
+  mutable better::map<int, YGStyle::Edges> surfaceIdToThemePaddingMap_;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.cpp b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.cpp
index ba4bfe633cbeb4..670bbffa36e758 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.cpp
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.cpp
@@ -13,6 +13,29 @@
 namespace facebook {
 namespace react {
 
+static bool hasValue(
+    const RawProps &rawProps,
+    bool defaultValue,
+    const char *name,
+    const char *prefix,
+    const char *suffix) {
+  auto rawValue = rawProps.at(name, prefix, suffix);
+
+  // No change to prop - use default
+  if (rawValue == nullptr) {
+    return defaultValue;
+  }
+
+  // Value passed from JS
+  if (rawValue->hasValue()) {
+    return true;
+  }
+
+  // Null/undefined passed in, indicating that we should use the default
+  // platform value - thereby resetting this
+  return false;
+}
+
 AndroidTextInputProps::AndroidTextInputProps(
     const AndroidTextInputProps &sourceProps,
     const RawProps &rawProps)
@@ -222,7 +245,51 @@ AndroidTextInputProps::AndroidTextInputProps(
           {0})),
       text(convertRawProp(rawProps, "text", sourceProps.text, {})),
       paragraphAttributes(
-          convertRawProp(rawProps, sourceProps.paragraphAttributes)) {}
+          convertRawProp(rawProps, sourceProps.paragraphAttributes, {})),
+      // See AndroidTextInputComponentDescriptor for usage
+      // TODO T63008435: can these, and this feature, be removed entirely?
+      hasPadding(hasValue(rawProps, sourceProps.hasPadding, "", "padding", "")),
+      hasPaddingHorizontal(hasValue(
+          rawProps,
+          sourceProps.hasPaddingHorizontal,
+          "Horizontal",
+          "padding",
+          "")),
+      hasPaddingVertical(hasValue(
+          rawProps,
+          sourceProps.hasPaddingVertical,
+          "Vertical",
+          "padding",
+          "")),
+      hasPaddingLeft(hasValue(
+          rawProps,
+          sourceProps.hasPaddingLeft,
+          "Left",
+          "padding",
+          "")),
+      hasPaddingTop(
+          hasValue(rawProps, sourceProps.hasPaddingTop, "Top", "padding", "")),
+      hasPaddingRight(hasValue(
+          rawProps,
+          sourceProps.hasPaddingRight,
+          "Right",
+          "padding",
+          "")),
+      hasPaddingBottom(hasValue(
+          rawProps,
+          sourceProps.hasPaddingBottom,
+          "Bottom",
+          "padding",
+          "")),
+      hasPaddingStart(hasValue(
+          rawProps,
+          sourceProps.hasPaddingStart,
+          "Start",
+          "padding",
+          "")),
+      hasPaddingEnd(
+          hasValue(rawProps, sourceProps.hasPaddingEnd, "End", "padding", "")) {
+}
 
 // TODO T53300085: support this in codegen; this was hand-written
 folly::dynamic AndroidTextInputProps::getDynamic() const {
@@ -276,6 +343,17 @@ folly::dynamic AndroidTextInputProps::getDynamic() const {
   props["cursorColor"] = toDynamic(cursorColor);
   props["mostRecentEventCount"] = mostRecentEventCount;
   props["text"] = text;
+
+  props["hasPadding"] = hasPadding;
+  props["hasPaddingHorizontal"] = hasPaddingHorizontal;
+  props["hasPaddingVertical"] = hasPaddingVertical;
+  props["hasPaddingStart"] = hasPaddingStart;
+  props["hasPaddingEnd"] = hasPaddingEnd;
+  props["hasPaddingLeft"] = hasPaddingLeft;
+  props["hasPaddingRight"] = hasPaddingRight;
+  props["hasPaddingTop"] = hasPaddingTop;
+  props["hasPaddingBottom"] = hasPaddingBottom;
+
   return props;
 }
 
@@ -283,7 +361,7 @@ folly::dynamic AndroidTextInputProps::getDynamic() const {
 
 #if RN_DEBUG_STRING_CONVERTIBLE
 // TODO: codegen these
-SharedDebugStringConvertibleList TextProps::getDebugProps() const {
+SharedDebugStringConvertibleList AndroidTextInputProps::getDebugProps() const {
   return {};
 }
 #endif
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.h b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.h
index deb9014fe8ee76..acd185b0d85c6b 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.h
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputProps.h
@@ -158,6 +158,25 @@ class AndroidTextInputProps final : public ViewProps, public BaseTextProps {
    * paragraph.
    */
   ParagraphAttributes const paragraphAttributes{};
+
+  /**
+   * Auxiliary information to detect if these props are set or not.
+   * See AndroidTextInputComponentDescriptor for usage.
+   * TODO T63008435: can these, and this feature, be removed entirely?
+   */
+  const bool hasPadding{};
+  const bool hasPaddingHorizontal{};
+  const bool hasPaddingVertical{};
+  const bool hasPaddingLeft{};
+  const bool hasPaddingTop{};
+  const bool hasPaddingRight{};
+  const bool hasPaddingBottom{};
+  const bool hasPaddingStart{};
+  const bool hasPaddingEnd{};
+
+#if RN_DEBUG_STRING_CONVERTIBLE
+  SharedDebugStringConvertibleList getDebugProps() const;
+#endif
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.cpp b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.cpp
index c28120f993f896..0d90987f511cc3 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.cpp
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.cpp
@@ -32,17 +32,20 @@ void AndroidTextInputShadowNode::setContextContainer(
 AttributedString AndroidTextInputShadowNode::getAttributedString() const {
   // Use BaseTextShadowNode to get attributed string from children
   auto childTextAttributes = TextAttributes::defaultTextAttributes();
-  childTextAttributes.apply(getProps()->textAttributes);
-  auto attributedString =
-      BaseTextShadowNode::getAttributedString(childTextAttributes, *this);
+  childTextAttributes.apply(getConcreteProps().textAttributes);
+
+  auto attributedString = AttributedString{};
+  auto attachments = BaseTextShadowNode::Attachments{};
+  BaseTextShadowNode::buildAttributedString(
+      childTextAttributes, *this, attributedString, attachments);
 
   // BaseTextShadowNode only gets children. We must detect and prepend text
   // value attributes manually.
-  if (!getProps()->text.empty()) {
+  if (!getConcreteProps().text.empty()) {
     auto textAttributes = TextAttributes::defaultTextAttributes();
-    textAttributes.apply(getProps()->textAttributes);
+    textAttributes.apply(getConcreteProps().textAttributes);
     auto fragment = AttributedString::Fragment{};
-    fragment.string = getProps()->text;
+    fragment.string = getConcreteProps().text;
     fragment.textAttributes = textAttributes;
     // If the TextInput opacity is 0 < n < 1, the opacity of the TextInput and
     // text value's background will stack. This is a hack/workaround to prevent
@@ -64,14 +67,14 @@ AttributedString AndroidTextInputShadowNode::getPlaceholderAttributedString()
   // Return placeholder text, since text and children are empty.
   auto textAttributedString = AttributedString{};
   auto fragment = AttributedString::Fragment{};
-  fragment.string = getProps()->placeholder;
+  fragment.string = getConcreteProps().placeholder;
 
   if (fragment.string.empty()) {
     fragment.string = " ";
   }
 
   auto textAttributes = TextAttributes::defaultTextAttributes();
-  textAttributes.apply(getProps()->textAttributes);
+  textAttributes.apply(getConcreteProps().textAttributes);
 
   // If there's no text, it's possible that this Fragment isn't actually
   // appended to the AttributedString (see implementation of appendFragment)
@@ -88,6 +91,25 @@ void AndroidTextInputShadowNode::setTextLayoutManager(
   textLayoutManager_ = textLayoutManager;
 }
 
+AttributedString AndroidTextInputShadowNode::getMostRecentAttributedString()
+    const {
+  auto const &state = getStateData();
+
+  auto reactTreeAttributedString = getAttributedString();
+
+  // Sometimes the treeAttributedString will only differ from the state
+  // not by inherent properties (string or prop attributes), but by the frame of
+  // the parent which has changed Thus, we can't directly compare the entire
+  // AttributedString
+  bool treeAttributedStringChanged =
+      !state.reactTreeAttributedString.compareTextAttributesWithoutFrame(
+          reactTreeAttributedString);
+
+  return (
+      !treeAttributedStringChanged ? state.attributedString
+                                   : reactTreeAttributedString);
+}
+
 void AndroidTextInputShadowNode::updateStateIfNeeded() {
   ensureUnsealed();
 
@@ -113,34 +135,42 @@ void AndroidTextInputShadowNode::updateStateIfNeeded() {
   // in the AttributedString, and when State is updated, it needs some way to
   // reconstruct a Fragment with default TextAttributes.
   auto defaultTextAttributes = TextAttributes::defaultTextAttributes();
-  defaultTextAttributes.apply(getProps()->textAttributes);
+  defaultTextAttributes.apply(getConcreteProps().textAttributes);
+
+  auto newEventCount =
+      (state.reactTreeAttributedString == reactTreeAttributedString
+           ? 0
+           : getConcreteProps().mostRecentEventCount);
+  auto newAttributedString = getMostRecentAttributedString();
 
   // Even if we're here and updating state, it may be only to update the layout
   // manager If that is the case, make sure we don't update text: pass in the
   // current attributedString unchanged, and pass in zero for the "event count"
   // so no changes are applied There's no way to prevent a state update from
   // flowing to Java, so we just ensure it's a noop in those cases.
-  setStateData(AndroidTextInputState{
-      (state.reactTreeAttributedString == reactTreeAttributedString
-           ? 0
-           : getProps()->mostRecentEventCount),
-      (state.reactTreeAttributedString == reactTreeAttributedString
-           ? state.attributedString
-           : reactTreeAttributedString),
-      reactTreeAttributedString,
-      getProps()->paragraphAttributes,
-      defaultTextAttributes,
-      ShadowView(*this),
-      textLayoutManager_});
+  setStateData(AndroidTextInputState{newEventCount,
+                                     newAttributedString,
+                                     reactTreeAttributedString,
+                                     getConcreteProps().paragraphAttributes,
+                                     defaultTextAttributes,
+                                     ShadowView(*this),
+                                     textLayoutManager_,
+                                     state.defaultThemePaddingStart,
+                                     state.defaultThemePaddingEnd,
+                                     state.defaultThemePaddingTop,
+                                     state.defaultThemePaddingBottom});
 }
 
 #pragma mark - LayoutableShadowNode
 
 Size AndroidTextInputShadowNode::measure(
     LayoutConstraints layoutConstraints) const {
-  auto const &state = getStateData();
-
-  AttributedString attributedString = state.attributedString;
+  // Layout is called right after measure.
+  // Measure is marked as `const`, and `layout` is not; so State can be updated
+  // during layout, but not during `measure`. If State is out-of-date in layout,
+  // it's too late: measure will have already operated on old State. Thus, we
+  // use the same value here that we *will* use in layout to update the state.
+  AttributedString attributedString = getMostRecentAttributedString();
 
   if (attributedString.isEmpty()) {
     attributedString = getPlaceholderAttributedString();
@@ -150,10 +180,12 @@ Size AndroidTextInputShadowNode::measure(
     return {0, 0};
   }
 
-  return textLayoutManager_->measure(
-      AttributedStringBox{attributedString},
-      getProps()->paragraphAttributes,
-      layoutConstraints);
+  return textLayoutManager_
+      ->measure(
+          AttributedStringBox{attributedString},
+          getConcreteProps().paragraphAttributes,
+          layoutConstraints)
+      .size;
 }
 
 void AndroidTextInputShadowNode::layout(LayoutContext layoutContext) {
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.h b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.h
index ca169dbb257a69..288545367b8b7e 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.h
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputShadowNode.h
@@ -55,6 +55,11 @@ class AndroidTextInputShadowNode : public ConcreteViewShadowNode<
  private:
   ContextContainer *contextContainer_{};
 
+  /**
+   * Get the most up-to-date attributed string for measurement and State.
+   */
+  AttributedString getMostRecentAttributedString() const;
+
   /*
    * Creates a `State` object (with `AttributedText` and
    * `TextLayoutManager`) if needed.
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.cpp b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.cpp
index 4e37be0aa6fc74..0128c17f00ef09 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.cpp
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.cpp
@@ -21,6 +21,7 @@ folly::dynamic AndroidTextInputState::getDynamic() const {
   newState["attributedString"] = toDynamic(attributedString);
   newState["paragraphAttributes"] = toDynamic(paragraphAttributes);
   newState["hash"] = newState["attributedString"]["hash"];
+  newState["hasThemeData"] = !isnan(defaultThemePaddingStart);
   return newState;
 }
 #endif
diff --git a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.h b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.h
index e00cb66aa2fa1b..d9505729de892b 100644
--- a/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.h
+++ b/ReactCommon/fabric/components/textinput/androidtextinput/AndroidTextInputState.h
@@ -67,6 +67,15 @@ class AndroidTextInputState final {
    */
   SharedTextLayoutManager layoutManager{};
 
+  /**
+   * Communicates Android theme padding back to the ShadowNode / Component
+   * Descriptor for layout.
+   */
+  float defaultThemePaddingStart{NAN};
+  float defaultThemePaddingEnd{NAN};
+  float defaultThemePaddingTop{NAN};
+  float defaultThemePaddingBottom{NAN};
+
 #ifdef ANDROID
   AttributedString updateAttributedString(
       TextAttributes const &defaultTextAttributes,
@@ -117,19 +126,30 @@ class AndroidTextInputState final {
       ParagraphAttributes const &paragraphAttributes,
       TextAttributes const &defaultTextAttributes,
       ShadowView const &defaultParentShadowView,
-      SharedTextLayoutManager const &layoutManager)
+      SharedTextLayoutManager const &layoutManager,
+      float defaultThemePaddingStart,
+      float defaultThemePaddingEnd,
+      float defaultThemePaddingTop,
+      float defaultThemePaddingBottom)
       : mostRecentEventCount(mostRecentEventCount),
         attributedString(attributedString),
         reactTreeAttributedString(reactTreeAttributedString),
         paragraphAttributes(paragraphAttributes),
         defaultTextAttributes(defaultTextAttributes),
         defaultParentShadowView(defaultParentShadowView),
-        layoutManager(layoutManager) {}
+        layoutManager(layoutManager),
+        defaultThemePaddingStart(defaultThemePaddingStart),
+        defaultThemePaddingEnd(defaultThemePaddingEnd),
+        defaultThemePaddingTop(defaultThemePaddingTop),
+        defaultThemePaddingBottom(defaultThemePaddingBottom) {}
   AndroidTextInputState() = default;
   AndroidTextInputState(
       AndroidTextInputState const &previousState,
       folly::dynamic const &data)
-      : mostRecentEventCount((int64_t)data["mostRecentEventCount"].getInt()),
+      : mostRecentEventCount(data.getDefault(
+                                     "mostRecentEventCount",
+                                     previousState.mostRecentEventCount)
+                                 .getInt()),
         attributedString(updateAttributedString(
             previousState.defaultTextAttributes,
             previousState.defaultParentShadowView,
@@ -139,7 +159,24 @@ class AndroidTextInputState final {
         paragraphAttributes(previousState.paragraphAttributes),
         defaultTextAttributes(previousState.defaultTextAttributes),
         defaultParentShadowView(previousState.defaultParentShadowView),
-        layoutManager(previousState.layoutManager){};
+        layoutManager(previousState.layoutManager),
+        defaultThemePaddingStart(data.getDefault(
+                                         "themePaddingStart",
+                                         previousState.defaultThemePaddingStart)
+                                     .getDouble()),
+        defaultThemePaddingEnd(data.getDefault(
+                                       "themePaddingEnd",
+                                       previousState.defaultThemePaddingEnd)
+                                   .getDouble()),
+        defaultThemePaddingTop(data.getDefault(
+                                       "themePaddingTop",
+                                       previousState.defaultThemePaddingTop)
+                                   .getDouble()),
+        defaultThemePaddingBottom(
+            data.getDefault(
+                    "themePaddingBottom",
+                    previousState.defaultThemePaddingBottom)
+                .getDouble()){};
   folly::dynamic getDynamic() const;
 #endif
 };
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/BUCK b/ReactCommon/fabric/components/textinput/iostextinput/BUCK
new file mode 100644
index 00000000000000..94b321c61a6238
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/BUCK
@@ -0,0 +1,99 @@
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
+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()
+
+rn_xplat_cxx_library(
+    name = "iostextinput",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        # TODO(shergin) T26519801 Figure out better directories structure
+        prefix = "react/components/iostextinput",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    cxx_tests = [":tests"],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
+    force_static = True,
+    platforms = (ANDROID, APPLE, CXX),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    visibility = ["PUBLIC"],
+    deps = [
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:container_evicting_cache_map",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
+        YOGA_CXX_TARGET,
+        react_native_xplat_target("utils:utils"),
+        react_native_xplat_target("fabric/attributedstring:attributedstring"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        react_native_xplat_target("fabric/graphics:graphics"),
+        react_native_xplat_target("fabric/textlayoutmanager:textlayoutmanager"),
+        react_native_xplat_target("fabric/components/text:text"),
+        react_native_xplat_target("fabric/components/view:view"),
+        react_native_xplat_target("fabric/components/image:image"),
+        react_native_xplat_target("fabric/uimanager:uimanager"),
+        react_native_xplat_target("fabric/imagemanager:imagemanager"),
+    ],
+)
+
+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 = (
+        # `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 = [
+        ":iostextinput",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
+    ],
+)
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputComponentDescriptor.h b/ReactCommon/fabric/components/textinput/iostextinput/TextInputComponentDescriptor.h
new file mode 100644
index 00000000000000..d602d02704132b
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputComponentDescriptor.h
@@ -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.
+ */
+
+#pragma once
+
+#include <react/components/iostextinput/TextInputShadowNode.h>
+#include <react/core/ConcreteComponentDescriptor.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Descriptor for <TextInput> component.
+ */
+class TextInputComponentDescriptor final
+    : public ConcreteComponentDescriptor<TextInputShadowNode> {
+ public:
+  TextInputComponentDescriptor(ComponentDescriptorParameters const &parameters)
+      : ConcreteComponentDescriptor<TextInputShadowNode>(parameters) {
+    textLayoutManager_ =
+        std::make_shared<TextLayoutManager const>(contextContainer_);
+  }
+
+ protected:
+  void adopt(UnsharedShadowNode shadowNode) const override {
+    ConcreteComponentDescriptor::adopt(shadowNode);
+
+    assert(std::dynamic_pointer_cast<TextInputShadowNode>(shadowNode));
+    auto concreteShadowNode =
+        std::static_pointer_cast<TextInputShadowNode>(shadowNode);
+
+    concreteShadowNode->setTextLayoutManager(textLayoutManager_);
+    concreteShadowNode->dirtyLayout();
+    concreteShadowNode->enableMeasurement();
+  }
+
+ private:
+  TextLayoutManager::Shared textLayoutManager_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputEventEmitter.cpp b/ReactCommon/fabric/components/textinput/iostextinput/TextInputEventEmitter.cpp
new file mode 100644
index 00000000000000..6342a6c1ff239a
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputEventEmitter.cpp
@@ -0,0 +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.
+ */
+
+#include "TextInputEventEmitter.h"
+
+namespace facebook {
+namespace react {
+
+static jsi::Value textInputMetricsPayload(
+    jsi::Runtime &runtime,
+    TextInputMetrics const &textInputMetrics) {
+  auto payload = jsi::Object(runtime);
+
+  payload.setProperty(
+      runtime,
+      "text",
+      jsi::String::createFromUtf8(runtime, textInputMetrics.text));
+
+  payload.setProperty(runtime, "eventCount", textInputMetrics.eventCount);
+
+  {
+    auto selection = jsi::Object(runtime);
+    selection.setProperty(
+        runtime, "start", textInputMetrics.selectionRange.location);
+    selection.setProperty(
+        runtime,
+        "end",
+        textInputMetrics.selectionRange.location +
+            textInputMetrics.selectionRange.length);
+    payload.setProperty(runtime, "selection", selection);
+  }
+
+  return payload;
+};
+
+static jsi::Value keyPressMetricsPayload(
+    jsi::Runtime &runtime,
+    KeyPressMetrics const &keyPressMetrics) {
+  auto payload = jsi::Object(runtime);
+  payload.setProperty(runtime, "eventCount", keyPressMetrics.eventCount);
+
+  std::string key;
+  if (keyPressMetrics.text.empty()) {
+    key = "Backspace";
+  } else {
+    if (keyPressMetrics.text.front() == '\n') {
+      key = "Enter";
+    } else if (keyPressMetrics.text.front() == '\t') {
+      key = "Tab";
+    } else {
+      key = keyPressMetrics.text.front();
+    }
+  }
+  payload.setProperty(
+      runtime, "key", jsi::String::createFromUtf8(runtime, key));
+  return payload;
+};
+
+void TextInputEventEmitter::onFocus(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("focus", textInputMetrics);
+}
+
+void TextInputEventEmitter::onBlur(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("blur", textInputMetrics);
+}
+
+void TextInputEventEmitter::onChange(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("change", textInputMetrics);
+}
+
+void TextInputEventEmitter::onChangeText(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("changeText", textInputMetrics);
+}
+
+void TextInputEventEmitter::onContentSizeChange(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("contentSizeChange", textInputMetrics);
+}
+
+void TextInputEventEmitter::onSelectionChange(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("selectionChange", textInputMetrics);
+}
+
+void TextInputEventEmitter::onEndEditing(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("endEditing", textInputMetrics);
+}
+
+void TextInputEventEmitter::onSubmitEditing(
+    TextInputMetrics const &textInputMetrics) const {
+  dispatchTextInputEvent("submitEditing", textInputMetrics);
+}
+
+void TextInputEventEmitter::onKeyPress(
+    KeyPressMetrics const &keyPressMetrics) const {
+  dispatchEvent(
+      "keyPress",
+      [keyPressMetrics](jsi::Runtime &runtime) {
+        return keyPressMetricsPayload(runtime, keyPressMetrics);
+      },
+      EventPriority::AsynchronousBatched);
+}
+
+void TextInputEventEmitter::dispatchTextInputEvent(
+    std::string const &name,
+    TextInputMetrics const &textInputMetrics,
+    EventPriority priority) const {
+  dispatchEvent(
+      name,
+      [textInputMetrics](jsi::Runtime &runtime) {
+        return textInputMetricsPayload(runtime, textInputMetrics);
+      },
+      priority);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputEventEmitter.h b/ReactCommon/fabric/components/textinput/iostextinput/TextInputEventEmitter.h
new file mode 100644
index 00000000000000..3a143dfbd1d92a
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputEventEmitter.h
@@ -0,0 +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.
+ */
+
+#pragma once
+
+#include <react/attributedstring/AttributedString.h>
+#include <react/components/view/ViewEventEmitter.h>
+
+namespace facebook {
+namespace react {
+
+class TextInputMetrics {
+ public:
+  std::string text;
+  AttributedString::Range selectionRange;
+  // ScrollView-like metrics
+  Size contentSize;
+  Point contentOffset;
+  EdgeInsets contentInset;
+  Size containerSize;
+  int eventCount;
+};
+
+class KeyPressMetrics {
+ public:
+  std::string text;
+  int eventCount;
+};
+
+class TextInputEventEmitter : public ViewEventEmitter {
+ public:
+  using ViewEventEmitter::ViewEventEmitter;
+
+  void onFocus(TextInputMetrics const &textInputMetrics) const;
+  void onBlur(TextInputMetrics const &textInputMetrics) const;
+  void onChange(TextInputMetrics const &textInputMetrics) const;
+  void onChangeText(TextInputMetrics const &textInputMetrics) const;
+  void onContentSizeChange(TextInputMetrics const &textInputMetrics) const;
+  void onSelectionChange(TextInputMetrics const &textInputMetrics) const;
+  void onEndEditing(TextInputMetrics const &textInputMetrics) const;
+  void onSubmitEditing(TextInputMetrics const &textInputMetrics) const;
+  void onKeyPress(KeyPressMetrics const &textInputMetrics) const;
+
+ private:
+  void dispatchTextInputEvent(
+      std::string const &name,
+      TextInputMetrics const &textInputMetrics,
+      EventPriority priority = EventPriority::AsynchronousBatched) const;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputProps.cpp b/ReactCommon/fabric/components/textinput/iostextinput/TextInputProps.cpp
new file mode 100644
index 00000000000000..d98ac9d966d7fd
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputProps.cpp
@@ -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.
+ */
+
+#include "TextInputProps.h"
+
+#include <react/attributedstring/conversions.h>
+#include <react/components/iostextinput/propsConversions.h>
+#include <react/core/propsConversions.h>
+#include <react/graphics/conversions.h>
+
+namespace facebook {
+namespace react {
+
+TextInputProps::TextInputProps(
+    TextInputProps const &sourceProps,
+    RawProps const &rawProps)
+    : ViewProps(sourceProps, rawProps),
+      BaseTextProps(sourceProps, rawProps),
+      traits(convertRawProp(rawProps, sourceProps.traits, {})),
+      paragraphAttributes(
+          convertRawProp(rawProps, sourceProps.paragraphAttributes, {})),
+      defaultValue(convertRawProp(
+          rawProps,
+          "defaultValue",
+          sourceProps.defaultValue,
+          {})),
+      placeholder(
+          convertRawProp(rawProps, "placeholder", sourceProps.placeholder, {})),
+      placeholderTextColor(convertRawProp(
+          rawProps,
+          "placeholderTextColor",
+          sourceProps.placeholderTextColor,
+          {})),
+      maxLength(
+          convertRawProp(rawProps, "maxLength", sourceProps.maxLength, {})),
+      cursorColor(
+          convertRawProp(rawProps, "cursorColor", sourceProps.cursorColor, {})),
+      selectionColor(convertRawProp(
+          rawProps,
+          "selectionColor",
+          sourceProps.selectionColor,
+          {})),
+      underlineColorAndroid(convertRawProp(
+          rawProps,
+          "underlineColorAndroid",
+          sourceProps.underlineColorAndroid,
+          {})),
+      text(convertRawProp(rawProps, "text", sourceProps.text, {})),
+      mostRecentEventCount(convertRawProp(
+          rawProps,
+          "mostRecentEventCount",
+          sourceProps.mostRecentEventCount,
+          {})){};
+
+TextAttributes TextInputProps::getEffectiveTextAttributes() const {
+  auto result = TextAttributes::defaultTextAttributes();
+  result.apply(textAttributes);
+
+  /*
+   * These props are applied to `View`, therefore they must not be a part of
+   * base text attributes.
+   */
+  result.backgroundColor = clearColor();
+  result.opacity = 1;
+
+  return result;
+}
+
+ParagraphAttributes TextInputProps::getEffectiveParagraphAttributes() const {
+  auto result = paragraphAttributes;
+
+  if (!traits.multiline) {
+    result.maximumNumberOfLines = 1;
+  }
+
+  return result;
+}
+
+#ifdef ANDROID
+folly::dynamic TextInputProps::getDynamic() const {
+  folly::dynamic props = folly::dynamic::object();
+  props["value"] = value;
+  return props;
+}
+#endif
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputProps.h b/ReactCommon/fabric/components/textinput/iostextinput/TextInputProps.h
new file mode 100644
index 00000000000000..fa8d1365c42e50
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputProps.h
@@ -0,0 +1,68 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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/ParagraphAttributes.h>
+#include <react/attributedstring/TextAttributes.h>
+#include <react/components/iostextinput/conversions.h>
+#include <react/components/iostextinput/primitives.h>
+#include <react/components/text/BaseTextProps.h>
+#include <react/components/view/ViewProps.h>
+#include <react/core/Props.h>
+#include <react/core/propsConversions.h>
+#include <react/graphics/Color.h>
+#include <react/imagemanager/primitives.h>
+#include <vector>
+
+namespace facebook {
+namespace react {
+
+class TextInputProps final : public ViewProps, public BaseTextProps {
+ public:
+  TextInputProps() = default;
+  TextInputProps(TextInputProps const &sourceProps, RawProps const &rawProps);
+
+#pragma mark - Props
+
+  TextInputTraits const traits{};
+  ParagraphAttributes const paragraphAttributes{};
+
+  std::string const defaultValue{};
+
+  std::string const placeholder{};
+  SharedColor const placeholderTextColor{};
+
+  int maxLength{};
+
+  /*
+   * Tint colors
+   */
+  SharedColor const cursorColor{};
+  SharedColor const selectionColor{};
+  // TODO: Rename to `tintColor` and make universal.
+  SharedColor const underlineColorAndroid{};
+
+  /*
+   * "Private" (only used by TextInput.js) props
+   */
+  std::string const text{};
+  int const mostRecentEventCount{0};
+
+  /*
+   * Accessors
+   */
+  TextAttributes getEffectiveTextAttributes() const;
+  ParagraphAttributes getEffectiveParagraphAttributes() const;
+
+#ifdef ANDROID
+  folly::dynamic getDynamic() const;
+#endif
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.cpp b/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.cpp
new file mode 100644
index 00000000000000..5b65e24a325bea
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.cpp
@@ -0,0 +1,111 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 "TextInputShadowNode.h"
+
+#include <react/attributedstring/AttributedStringBox.h>
+#include <react/attributedstring/TextAttributes.h>
+#include <react/core/LayoutConstraints.h>
+#include <react/core/LayoutContext.h>
+#include <react/core/conversions.h>
+
+namespace facebook {
+namespace react {
+
+extern char const TextInputComponentName[] = "TextInput";
+
+AttributedStringBox TextInputShadowNode::attributedStringBoxToMeasure() const {
+  bool hasMeaningfulState =
+      getState() && getState()->getRevision() != State::initialRevisionValue;
+
+  if (hasMeaningfulState) {
+    auto attributedStringBox = getStateData().attributedStringBox;
+    if (attributedStringBox.getMode() ==
+            AttributedStringBox::Mode::OpaquePointer ||
+        !attributedStringBox.getValue().isEmpty()) {
+      return getStateData().attributedStringBox;
+    }
+  }
+
+  auto attributedString =
+      hasMeaningfulState ? AttributedString{} : getAttributedString();
+
+  if (attributedString.isEmpty()) {
+    auto placeholder = getConcreteProps().placeholder;
+    // Note: `zero-width space` is insufficient in some cases (e.g. when we need
+    // to measure the "hight" of the font).
+    auto string = !placeholder.empty() ? placeholder : "I";
+    auto textAttributes = getConcreteProps().getEffectiveTextAttributes();
+    attributedString.appendFragment({string, textAttributes, {}});
+  }
+
+  return AttributedStringBox{attributedString};
+}
+
+AttributedString TextInputShadowNode::getAttributedString() const {
+  auto textAttributes = getConcreteProps().getEffectiveTextAttributes();
+  auto attributedString = AttributedString{};
+
+  attributedString.appendFragment(
+      AttributedString::Fragment{getConcreteProps().text, textAttributes});
+
+  auto attachments = Attachments{};
+  BaseTextShadowNode::buildAttributedString(
+      textAttributes, *this, attributedString, attachments);
+
+  return attributedString;
+}
+
+void TextInputShadowNode::setTextLayoutManager(
+    TextLayoutManager::Shared const &textLayoutManager) {
+  ensureUnsealed();
+  textLayoutManager_ = textLayoutManager;
+}
+
+void TextInputShadowNode::updateStateIfNeeded() {
+  ensureUnsealed();
+
+  auto reactTreeAttributedString = getAttributedString();
+  auto const &state = getStateData();
+
+  assert(textLayoutManager_);
+  assert(
+      (!state.layoutManager || state.layoutManager == textLayoutManager_) &&
+      "`StateData` refers to a different `TextLayoutManager`");
+
+  if (state.reactTreeAttributedString == reactTreeAttributedString &&
+      state.layoutManager == textLayoutManager_) {
+    return;
+  }
+
+  auto newState = TextInputState{};
+  newState.attributedStringBox = AttributedStringBox{reactTreeAttributedString};
+  newState.paragraphAttributes = getConcreteProps().paragraphAttributes;
+  newState.reactTreeAttributedString = reactTreeAttributedString;
+  newState.layoutManager = textLayoutManager_;
+  newState.mostRecentEventCount = getConcreteProps().mostRecentEventCount;
+  setStateData(std::move(newState));
+}
+
+#pragma mark - LayoutableShadowNode
+
+Size TextInputShadowNode::measure(LayoutConstraints layoutConstraints) const {
+  return textLayoutManager_
+      ->measure(
+          attributedStringBoxToMeasure(),
+          getConcreteProps().getEffectiveParagraphAttributes(),
+          layoutConstraints)
+      .size;
+}
+
+void TextInputShadowNode::layout(LayoutContext layoutContext) {
+  updateStateIfNeeded();
+  ConcreteViewShadowNode::layout(layoutContext);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.h b/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.h
new file mode 100644
index 00000000000000..96d3192c22d3ea
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.h
@@ -0,0 +1,76 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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/components/iostextinput/TextInputEventEmitter.h>
+#include <react/components/iostextinput/TextInputProps.h>
+#include <react/components/iostextinput/TextInputState.h>
+#include <react/components/text/BaseTextShadowNode.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+#include <react/textlayoutmanager/TextLayoutManager.h>
+#include <react/utils/ContextContainer.h>
+
+namespace facebook {
+namespace react {
+
+extern const char TextInputComponentName[];
+
+/*
+ * `ShadowNode` for <TextInput> component.
+ */
+class TextInputShadowNode : public ConcreteViewShadowNode<
+                                TextInputComponentName,
+                                TextInputProps,
+                                TextInputEventEmitter,
+                                TextInputState>,
+                            public BaseTextShadowNode {
+ public:
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = ConcreteViewShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::TextKind);
+    return traits;
+  }
+
+  /*
+   * Returns a `AttributedString` which represents text content of the node.
+   */
+  AttributedString getAttributedString() const;
+
+  /*
+   * Associates a shared `TextLayoutManager` with the node.
+   * `TextInputShadowNode` uses the manager to measure text content
+   * and construct `TextInputState` objects.
+   */
+  void setTextLayoutManager(TextLayoutManager::Shared const &textLayoutManager);
+
+#pragma mark - LayoutableShadowNode
+
+  Size measure(LayoutConstraints layoutConstraints) const override;
+  void layout(LayoutContext layoutContext) override;
+
+ private:
+  /*
+   * Creates a `State` object if needed.
+   */
+  void updateStateIfNeeded();
+
+  /*
+   * Returns an `AttributedStringBox` which represents text content that should
+   * be used for measuring purposes. It might contain actual text value,
+   * placeholder value or some character that represents the size of the font.
+   */
+  AttributedStringBox attributedStringBoxToMeasure() const;
+
+  TextLayoutManager::Shared textLayoutManager_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputState.cpp b/ReactCommon/fabric/components/textinput/iostextinput/TextInputState.cpp
new file mode 100644
index 00000000000000..c22ba8bd11d2a1
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputState.cpp
@@ -0,0 +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.
+ */
+
+#include "TextInputState.h"
+
+namespace facebook {
+namespace react {} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/TextInputState.h b/ReactCommon/fabric/components/textinput/iostextinput/TextInputState.h
new file mode 100644
index 00000000000000..d5085854f06bfc
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/TextInputState.h
@@ -0,0 +1,57 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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/AttributedStringBox.h>
+#include <react/attributedstring/ParagraphAttributes.h>
+#include <react/textlayoutmanager/TextLayoutManager.h>
+
+#ifdef ANDROID
+#include <folly/dynamic.h>
+#endif
+
+namespace facebook {
+namespace react {
+
+/*
+ * State for <TextInput> component.
+ */
+class TextInputState final {
+ public:
+  /*
+   * All content of <TextInput> component.
+   */
+  AttributedStringBox attributedStringBox;
+
+  /*
+   * All content of <TextInput> component represented as an `AttributedString`.
+   * This stores the previous computed *from the React tree*. This usually
+   * doesn't change as the TextInput contents are being updated. If it does
+   * change, we need to wipe out current contents of the TextInput and replace
+   * with the new value from the tree.
+   */
+  AttributedString reactTreeAttributedString{};
+
+  /*
+   * Represents all visual attributes of a paragraph of text represented as
+   * a ParagraphAttributes.
+   */
+  ParagraphAttributes paragraphAttributes;
+
+  /*
+   * `TextLayoutManager` provides a connection to platform-specific
+   * text rendering infrastructure which is capable to render the
+   * `AttributedString`.
+   */
+  SharedTextLayoutManager layoutManager;
+
+  size_t mostRecentEventCount{0};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/conversions.h b/ReactCommon/fabric/components/textinput/iostextinput/conversions.h
new file mode 100644
index 00000000000000..e4daf98f4c65bd
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/conversions.h
@@ -0,0 +1,210 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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/iostextinput/primitives.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+inline void fromRawValue(
+    const RawValue &value,
+    AutocapitalizationType &result) {
+  auto string = (std::string)value;
+  if (string == "none") {
+    result = AutocapitalizationType::None;
+    return;
+  }
+  if (string == "words") {
+    result = AutocapitalizationType::Words;
+    return;
+  }
+  if (string == "sentences") {
+    result = AutocapitalizationType::Sentences;
+    return;
+  }
+  if (string == "characters") {
+    result = AutocapitalizationType::Characters;
+    return;
+  }
+  abort();
+}
+
+inline void fromRawValue(const RawValue &value, KeyboardAppearance &result) {
+  auto string = (std::string)value;
+  if (string == "default") {
+    result = KeyboardAppearance::Default;
+    return;
+  }
+  if (string == "light") {
+    result = KeyboardAppearance::Light;
+    return;
+  }
+  if (string == "dark") {
+    result = KeyboardAppearance::Dark;
+    return;
+  }
+  abort();
+}
+
+inline void fromRawValue(const RawValue &value, ReturnKeyType &result) {
+  auto string = (std::string)value;
+  if (string == "default") {
+    result = ReturnKeyType::Default;
+    return;
+  }
+  if (string == "done") {
+    result = ReturnKeyType::Done;
+    return;
+  }
+  if (string == "go") {
+    result = ReturnKeyType::Go;
+    return;
+  }
+  if (string == "next") {
+    result = ReturnKeyType::Next;
+    return;
+  }
+  if (string == "search") {
+    result = ReturnKeyType::Search;
+    return;
+  }
+  if (string == "send") {
+    result = ReturnKeyType::Send;
+    return;
+  }
+
+  // Android-only
+  if (string == "none") {
+    result = ReturnKeyType::None;
+    return;
+  }
+  if (string == "previous") {
+    result = ReturnKeyType::Previous;
+    return;
+  }
+
+  // iOS-only
+  if (string == "emergency-call") {
+    result = ReturnKeyType::EmergencyCall;
+    return;
+  }
+  if (string == "google") {
+    result = ReturnKeyType::Google;
+    return;
+  }
+  if (string == "join") {
+    result = ReturnKeyType::Join;
+    return;
+  }
+  if (string == "route") {
+    result = ReturnKeyType::Route;
+    return;
+  }
+  if (string == "yahoo") {
+    result = ReturnKeyType::Yahoo;
+    return;
+  }
+  if (string == "continue") {
+    result = ReturnKeyType::Continue;
+    return;
+  }
+  abort();
+}
+
+inline void fromRawValue(
+    const RawValue &value,
+    TextInputAccessoryVisibilityMode &result) {
+  auto string = (std::string)value;
+  if (string == "never") {
+    result = TextInputAccessoryVisibilityMode::Never;
+    return;
+  }
+  if (string == "while-editing") {
+    result = TextInputAccessoryVisibilityMode::WhileEditing;
+    return;
+  }
+  if (string == "unless-editing") {
+    result = TextInputAccessoryVisibilityMode::UnlessEditing;
+    return;
+  }
+  if (string == "always") {
+    result = TextInputAccessoryVisibilityMode::Always;
+    return;
+  }
+  abort();
+}
+
+inline void fromRawValue(const RawValue &value, KeyboardType &result) {
+  auto string = (std::string)value;
+  if (string == "default") {
+    result = KeyboardType::Default;
+    return;
+  }
+  if (string == "email-address") {
+    result = KeyboardType::EmailAddress;
+    return;
+  }
+  if (string == "numeric") {
+    result = KeyboardType::Numeric;
+    return;
+  }
+  if (string == "phone-pad") {
+    result = KeyboardType::PhonePad;
+    return;
+  }
+  if (string == "number-pad") {
+    result = KeyboardType::NumberPad;
+    return;
+  }
+  if (string == "decimal-pad") {
+    result = KeyboardType::DecimalPad;
+    return;
+  }
+
+  // iOS-only
+  if (string == "ascii-capable") {
+    result = KeyboardType::ASCIICapable;
+    return;
+  }
+  if (string == "numbers-and-punctuation") {
+    result = KeyboardType::NumbersAndPunctuation;
+    return;
+  }
+  if (string == "url") {
+    result = KeyboardType::URL;
+    return;
+  }
+  if (string == "name-phone-pad") {
+    result = KeyboardType::NamePhonePad;
+    return;
+  }
+  if (string == "twitter") {
+    result = KeyboardType::Twitter;
+    return;
+  }
+  if (string == "web-search") {
+    result = KeyboardType::WebSearch;
+    return;
+  }
+  if (string == "ascii-capable-number-pad") {
+    result = KeyboardType::ASCIICapableNumberPad;
+    return;
+  }
+
+  // Android-only
+  if (string == "visible-password") {
+    result = KeyboardType::VisiblePassword;
+    return;
+  }
+  abort();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/primitives.h b/ReactCommon/fabric/components/textinput/iostextinput/primitives.h
new file mode 100644
index 00000000000000..1bd7caa9386bd3
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/primitives.h
@@ -0,0 +1,209 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 <better/optional.h>
+
+namespace facebook {
+namespace react {
+
+// iOS & Android.
+enum class AutocapitalizationType {
+  None,
+  Words,
+  Sentences,
+  Characters,
+};
+
+// iOS-only
+enum class KeyboardAppearance {
+  Default,
+  Light,
+  Dark,
+};
+
+enum class ReturnKeyType {
+  // Universal
+  Default,
+  Done,
+  Go,
+  Next,
+  Search,
+  Send,
+  // Android-only
+  None,
+  Previous,
+  // iOS-only
+  EmergencyCall,
+  Google,
+  Join,
+  Route,
+  Yahoo,
+  Continue,
+};
+
+// iOS-only
+enum class TextInputAccessoryVisibilityMode {
+  Never,
+  WhileEditing,
+  UnlessEditing,
+  Always,
+};
+
+enum class KeyboardType {
+  // Universal
+  Default,
+  EmailAddress,
+  Numeric,
+  PhonePad,
+  NumberPad,
+  DecimalPad,
+  // iOS-only
+  ASCIICapable,
+  NumbersAndPunctuation,
+  URL,
+  NamePhonePad,
+  Twitter,
+  WebSearch,
+  ASCIICapableNumberPad,
+  // Android-only
+  VisiblePassword,
+};
+
+/*
+ * Controls features of text inputs.
+ */
+class TextInputTraits final {
+ public:
+  /*
+   * iOS & Android
+   * Default value: `false`.
+   */
+  bool multiline{false};
+
+  /*
+   * iOS & Android
+   * Default value: `None`.
+   */
+  AutocapitalizationType autocapitalizationType{AutocapitalizationType::None};
+
+  /*
+   * Can be empty (`null` in JavaScript) which means `default`.
+   * iOS & Android
+   * Default value: `empty` (`null`).
+   */
+  better::optional<bool> autoCorrect{};
+
+  /*
+   * iOS & Android
+   * Default value: `false`.
+   */
+  bool contextMenuHidden{false};
+
+  /*
+   * iOS & Android
+   * Default value: `true`.
+   */
+  bool editable{true};
+
+  /*
+   * iOS-only (implemented only on iOS for now)
+   * If `true`, will automatically disable return key when text widget has
+   * zero-length contents, and will automatically enable when text widget has
+   * non-zero-length contents.
+   * Default value: `false`.
+   */
+  bool enablesReturnKeyAutomatically{false};
+
+  /*
+   * Some values iOS- or Android-only (inherently particular-OS-specific)
+   * Default value: `Default`.
+   */
+  KeyboardAppearance keyboardAppearance{KeyboardAppearance::Default};
+
+  /*
+   * Controls the annotation of misspelled words for a text input.
+   * iOS-only (implemented only on iOS for now)
+   * Can be empty (`null` in JavaScript) which means `default`.
+   * Default value: `empty` (`null`).
+   */
+  better::optional<bool> spellCheck{};
+
+  /*
+   * iOS & Android
+   * Default value: `false`.
+   */
+  bool caretHidden{false};
+
+  /*
+   * Controls the visibility of a `Clean` button.
+   * iOS-only (implemented only on iOS for now)
+   * Default value: `Never`.
+   */
+  TextInputAccessoryVisibilityMode clearButtonMode{
+      TextInputAccessoryVisibilityMode::Never};
+
+  /*
+   * iOS-only (implemented only on iOS for now)
+   * Default value: `true`.
+   */
+  bool scrollEnabled{true};
+
+  /*
+   * iOS & Android
+   * Default value: `false`.
+   */
+  bool secureTextEntry{false};
+
+  /*
+   * iOS & Android
+   * Default value: `false`.
+   */
+  bool blurOnSubmit{false};
+
+  /*
+   * iOS-only (implemented only on iOS for now)
+   * Default value: `false`.
+   */
+  bool clearTextOnFocus{false};
+
+  /*
+   * Some values iOS- or Android-only (inherently particular-OS-specific)
+   * Default value: `Default`.
+   */
+  KeyboardType keyboardType{KeyboardType::Default};
+
+  /*
+   * Some values iOS- or Android-only (inherently particular-OS-specific)
+   * Default value: `Default`.
+   */
+  ReturnKeyType returnKeyType{ReturnKeyType::Default};
+
+  /*
+   * iOS & Android
+   * Default value: `false`.
+   */
+  bool selectTextOnFocus{false};
+
+  /*
+   * iOS-only (inherently iOS-specific)
+   * Default value: `<empty string>` (default content type).
+   */
+  std::string textContentType{};
+
+  /*
+   * iOS-only (inherently iOS-specific)
+   * Default value: `<empty string>` (no rules).
+   */
+  std::string passwordRules{};
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/textinput/iostextinput/propsConversions.h b/ReactCommon/fabric/components/textinput/iostextinput/propsConversions.h
new file mode 100644
index 00000000000000..6c12a5716a15ab
--- /dev/null
+++ b/ReactCommon/fabric/components/textinput/iostextinput/propsConversions.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.
+ */
+
+#pragma once
+
+#include <react/components/iostextinput/primitives.h>
+#include <react/core/propsConversions.h>
+
+namespace facebook {
+namespace react {
+
+static TextInputTraits convertRawProp(
+    RawProps const &rawProps,
+    TextInputTraits const &sourceTraits,
+    TextInputTraits const &defaultTraits) {
+  auto traits = TextInputTraits{};
+
+  traits.multiline = convertRawProp(
+      rawProps, "multiline", sourceTraits.multiline, defaultTraits.multiline);
+  traits.autocapitalizationType = convertRawProp(
+      rawProps,
+      "autoCapitalize",
+      sourceTraits.autocapitalizationType,
+      defaultTraits.autocapitalizationType);
+  traits.autoCorrect = convertRawProp(
+      rawProps,
+      "autoCorrect",
+      sourceTraits.autoCorrect,
+      defaultTraits.autoCorrect);
+  traits.contextMenuHidden = convertRawProp(
+      rawProps,
+      "contextMenuHidden",
+      sourceTraits.contextMenuHidden,
+      defaultTraits.contextMenuHidden);
+  traits.editable = convertRawProp(
+      rawProps, "editable", sourceTraits.editable, defaultTraits.editable);
+  traits.enablesReturnKeyAutomatically = convertRawProp(
+      rawProps,
+      "enablesReturnKeyAutomatically",
+      sourceTraits.enablesReturnKeyAutomatically,
+      defaultTraits.enablesReturnKeyAutomatically);
+  traits.keyboardAppearance = convertRawProp(
+      rawProps,
+      "keyboardAppearance",
+      sourceTraits.keyboardAppearance,
+      defaultTraits.keyboardAppearance);
+  traits.spellCheck = convertRawProp(
+      rawProps,
+      "spellCheck",
+      sourceTraits.spellCheck,
+      defaultTraits.spellCheck);
+  traits.caretHidden = convertRawProp(
+      rawProps,
+      "caretHidden",
+      sourceTraits.caretHidden,
+      defaultTraits.caretHidden);
+  traits.clearButtonMode = convertRawProp(
+      rawProps,
+      "clearButtonMode",
+      sourceTraits.clearButtonMode,
+      defaultTraits.clearButtonMode);
+  traits.scrollEnabled = convertRawProp(
+      rawProps,
+      "scrollEnabled",
+      sourceTraits.scrollEnabled,
+      defaultTraits.scrollEnabled);
+  traits.secureTextEntry = convertRawProp(
+      rawProps,
+      "secureTextEntry",
+      sourceTraits.secureTextEntry,
+      defaultTraits.secureTextEntry);
+  traits.blurOnSubmit = convertRawProp(
+      rawProps,
+      "blurOnSubmit",
+      sourceTraits.blurOnSubmit,
+      defaultTraits.blurOnSubmit);
+  traits.clearTextOnFocus = convertRawProp(
+      rawProps,
+      "clearTextOnFocus",
+      sourceTraits.clearTextOnFocus,
+      defaultTraits.clearTextOnFocus);
+  traits.keyboardType = convertRawProp(
+      rawProps,
+      "keyboardType",
+      sourceTraits.keyboardType,
+      defaultTraits.keyboardType);
+  traits.returnKeyType = convertRawProp(
+      rawProps,
+      "returnKeyType",
+      sourceTraits.returnKeyType,
+      defaultTraits.returnKeyType);
+  traits.selectTextOnFocus = convertRawProp(
+      rawProps,
+      "selectTextOnFocus",
+      sourceTraits.selectTextOnFocus,
+      defaultTraits.selectTextOnFocus);
+  traits.textContentType = convertRawProp(
+      rawProps,
+      "textContentType",
+      sourceTraits.textContentType,
+      defaultTraits.textContentType);
+  traits.passwordRules = convertRawProp(
+      rawProps,
+      "passwordRules",
+      sourceTraits.passwordRules,
+      defaultTraits.passwordRules);
+
+  return traits;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/unimplementedview/BUCK b/ReactCommon/fabric/components/unimplementedview/BUCK
index 9ca8fd4a8ce231..1c8377d7daca60 100644
--- a/ReactCommon/fabric/components/unimplementedview/BUCK
+++ b/ReactCommon/fabric/components/unimplementedview/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -36,23 +36,22 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
-        # Systraces are temporary disabled.
-        # "-DWITH_FBSYSTRACE=1",
+        "-DWITH_FBSYSTRACE=1",
     ],
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/core:core"),
@@ -73,8 +72,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":unimplementedview",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/components/view/BUCK b/ReactCommon/fabric/components/view/BUCK
index c0540e25948093..62aada6cf495ea 100644
--- a/ReactCommon/fabric/components/view/BUCK
+++ b/ReactCommon/fabric/components/view/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -42,24 +42,23 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
-        # Systraces are temporary disabled.
-        # "-DWITH_FBSYSTRACE=1",
+        "-DWITH_FBSYSTRACE=1",
     ],
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/debug:debug"),
@@ -80,8 +79,9 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
-        ":view",
+        "//xplat/third-party/gmock:gtest",
+        react_native_xplat_target("fabric/element:element"),
+        react_native_xplat_target("fabric/components/root:root"),
+        react_native_xplat_target("fabric/components/view:view"),
     ],
 )
diff --git a/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h b/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
index e3ff5cdbcfbc57..732b36e05a11cc 100644
--- a/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
+++ b/ReactCommon/fabric/components/view/ConcreteViewShadowNode.h
@@ -31,10 +31,10 @@ template <
     typename... Ts>
 class ConcreteViewShadowNode : public ConcreteShadowNode<
                                    concreteComponentName,
+                                   YogaLayoutableShadowNode,
                                    ViewPropsT,
                                    ViewEventEmitterT,
-                                   Ts...>,
-                               public YogaLayoutableShadowNode {
+                                   Ts...> {
   static_assert(
       std::is_base_of<ViewProps, ViewPropsT>::value,
       "ViewPropsT must be a descendant of ViewProps");
@@ -48,70 +48,40 @@ class ConcreteViewShadowNode : public ConcreteShadowNode<
  public:
   using BaseShadowNode = ConcreteShadowNode<
       concreteComponentName,
+      YogaLayoutableShadowNode,
       ViewPropsT,
       ViewEventEmitterT,
       Ts...>;
-  using ConcreteViewProps = ViewPropsT;
 
   ConcreteViewShadowNode(
       ShadowNodeFragment const &fragment,
-      ComponentDescriptor const &componentDescriptor,
+      ShadowNodeFamily::Shared const &family,
       ShadowNodeTraits traits)
-      : BaseShadowNode(fragment, componentDescriptor, traits),
-        YogaLayoutableShadowNode(
-            traits.check(ShadowNodeTraits::Trait::LeafYogaNode)) {
-    YogaLayoutableShadowNode::setProps(
-        *std::static_pointer_cast<const ConcreteViewProps>(fragment.props));
-    YogaLayoutableShadowNode::setChildren(
-        BaseShadowNode::template getChildrenSlice<YogaLayoutableShadowNode>());
-  };
+      : BaseShadowNode(fragment, family, traits) {
+    initialize();
+  }
 
   ConcreteViewShadowNode(
       ShadowNode const &sourceShadowNode,
       ShadowNodeFragment const &fragment)
-      : BaseShadowNode(sourceShadowNode, fragment),
-        YogaLayoutableShadowNode(
-            static_cast<const ConcreteViewShadowNode &>(sourceShadowNode)) {
-    if (fragment.props) {
-      YogaLayoutableShadowNode::setProps(
-          *std::static_pointer_cast<const ConcreteViewProps>(fragment.props));
-    }
-
-    if (fragment.children) {
-      YogaLayoutableShadowNode::setChildren(
-          BaseShadowNode::template getChildrenSlice<
-              YogaLayoutableShadowNode>());
-    }
-  };
-
-  void appendChild(const SharedShadowNode &child) {
-    ensureUnsealed();
-
-    ShadowNode::appendChild(child);
-
-    auto nonConstChild = const_cast<ShadowNode *>(child.get());
-    auto yogaLayoutableChild =
-        dynamic_cast<YogaLayoutableShadowNode *>(nonConstChild);
-    if (yogaLayoutableChild) {
-      YogaLayoutableShadowNode::appendChild(yogaLayoutableChild);
-    }
+      : BaseShadowNode(sourceShadowNode, fragment) {
+    initialize();
   }
 
-  LayoutableShadowNode *cloneAndReplaceChild(
-      LayoutableShadowNode *child,
-      int suggestedIndex = -1) override {
-    ensureUnsealed();
-    auto childShadowNode = static_cast<const ConcreteViewShadowNode *>(child);
-    auto clonedChildShadowNode =
-        std::static_pointer_cast<ConcreteViewShadowNode>(
-            childShadowNode->clone({}));
-    ShadowNode::replaceChild(
-        *childShadowNode, clonedChildShadowNode, suggestedIndex);
-    return clonedChildShadowNode.get();
+  using ConcreteViewProps = ViewPropsT;
+
+  using BaseShadowNode::BaseShadowNode;
+
+  static ShadowNodeTraits BaseTraits() {
+    auto traits = BaseShadowNode::BaseTraits();
+    traits.set(ShadowNodeTraits::Trait::ViewKind);
+    traits.set(ShadowNodeTraits::Trait::FormsStackingContext);
+    traits.set(ShadowNodeTraits::Trait::FormsView);
+    return traits;
   }
 
   Transform getTransform() const override {
-    return BaseShadowNode::getProps()->transform;
+    return BaseShadowNode::getConcreteProps().transform;
   }
 
 #pragma mark - DebugStringConvertible
@@ -130,6 +100,11 @@ class ConcreteViewShadowNode : public ConcreteShadowNode<
     return list;
   }
 #endif
+
+ private:
+  void initialize() noexcept {
+    BaseShadowNode::orderIndex_ = BaseShadowNode::getConcreteProps().zIndex;
+  }
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/Touch.h b/ReactCommon/fabric/components/view/Touch.h
index 82bbc1b4947e8e..866850deb3d995 100644
--- a/ReactCommon/fabric/components/view/Touch.h
+++ b/ReactCommon/fabric/components/view/Touch.h
@@ -7,9 +7,9 @@
 
 #pragma once
 
-#include <react/graphics/Geometry.h>
 #include <react/core/ReactPrimitives.h>
 #include <react/debug/DebugStringConvertible.h>
+#include <react/graphics/Geometry.h>
 
 namespace facebook {
 namespace react {
diff --git a/ReactCommon/fabric/components/view/TouchEvent.cpp b/ReactCommon/fabric/components/view/TouchEvent.cpp
index 9ecad86005bc64..203a1bad0b0cad 100644
--- a/ReactCommon/fabric/components/view/TouchEvent.cpp
+++ b/ReactCommon/fabric/components/view/TouchEvent.cpp
@@ -19,10 +19,10 @@ std::string getDebugName(TouchEvent const &touchEvent) {
 std::vector<DebugStringConvertibleObject> getDebugProps(
     TouchEvent const &touchEvent,
     DebugStringConvertibleOptions options) {
-
   return {
       {"touches", getDebugDescription(touchEvent.touches, options)},
-      {"changedTouches", getDebugDescription(touchEvent.changedTouches, options)},
+      {"changedTouches",
+       getDebugDescription(touchEvent.changedTouches, options)},
       {"targetTouches", getDebugDescription(touchEvent.targetTouches, options)},
   };
 }
diff --git a/ReactCommon/fabric/components/view/TouchEventEmitter.cpp b/ReactCommon/fabric/components/view/TouchEventEmitter.cpp
index c18a628223840a..4b582c6ba47bb3 100644
--- a/ReactCommon/fabric/components/view/TouchEventEmitter.cpp
+++ b/ReactCommon/fabric/components/view/TouchEventEmitter.cpp
@@ -64,19 +64,19 @@ void TouchEventEmitter::dispatchTouchEvent(
 }
 
 void TouchEventEmitter::onTouchStart(TouchEvent const &event) const {
-  dispatchTouchEvent("touchStart", event, EventPriority::SynchronousUnbatched);
+  dispatchTouchEvent("touchStart", event, EventPriority::AsynchronousBatched);
 }
 
 void TouchEventEmitter::onTouchMove(TouchEvent const &event) const {
-  dispatchTouchEvent("touchMove", event, EventPriority::SynchronousBatched);
+  dispatchTouchEvent("touchMove", event, EventPriority::AsynchronousBatched);
 }
 
 void TouchEventEmitter::onTouchEnd(TouchEvent const &event) const {
-  dispatchTouchEvent("touchEnd", event, EventPriority::SynchronousBatched);
+  dispatchTouchEvent("touchEnd", event, EventPriority::AsynchronousBatched);
 }
 
 void TouchEventEmitter::onTouchCancel(TouchEvent const &event) const {
-  dispatchTouchEvent("touchCancel", event, EventPriority::SynchronousBatched);
+  dispatchTouchEvent("touchCancel", event, EventPriority::AsynchronousBatched);
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/TouchEventEmitter.h b/ReactCommon/fabric/components/view/TouchEventEmitter.h
index 46b7273a4b1d77..f43d5a3037f923 100644
--- a/ReactCommon/fabric/components/view/TouchEventEmitter.h
+++ b/ReactCommon/fabric/components/view/TouchEventEmitter.h
@@ -7,11 +7,11 @@
 
 #pragma once
 
+#include <react/components/view/TouchEvent.h>
 #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 {
diff --git a/ReactCommon/fabric/components/view/ViewEventEmitter.cpp b/ReactCommon/fabric/components/view/ViewEventEmitter.cpp
index bcdb2c95290a0c..fe2a83f5f43d8d 100644
--- a/ReactCommon/fabric/components/view/ViewEventEmitter.cpp
+++ b/ReactCommon/fabric/components/view/ViewEventEmitter.cpp
@@ -35,6 +35,17 @@ void ViewEventEmitter::onAccessibilityEscape() const {
 #pragma mark - Layout
 
 void ViewEventEmitter::onLayout(const LayoutMetrics &layoutMetrics) const {
+  // Due to State Reconciliation, `onLayout` can be called potentially many
+  // times with identical layoutMetrics. Ensure that the JS event is only
+  // dispatched when the value changes.
+  {
+    std::lock_guard<std::mutex> guard(layoutMetricsMutex_);
+    if (lastLayoutMetrics_ == layoutMetrics) {
+      return;
+    }
+    lastLayoutMetrics_ = layoutMetrics;
+  }
+
   dispatchEvent("layout", [frame = layoutMetrics.frame](jsi::Runtime &runtime) {
     auto layout = jsi::Object(runtime);
     layout.setProperty(runtime, "x", frame.origin.x);
diff --git a/ReactCommon/fabric/components/view/ViewEventEmitter.h b/ReactCommon/fabric/components/view/ViewEventEmitter.h
index cac9593baa874f..608755c5053e61 100644
--- a/ReactCommon/fabric/components/view/ViewEventEmitter.h
+++ b/ReactCommon/fabric/components/view/ViewEventEmitter.h
@@ -8,6 +8,7 @@
 #pragma once
 
 #include <memory>
+#include <mutex>
 
 #include <react/core/LayoutMetrics.h>
 #include <react/core/ReactPrimitives.h>
@@ -35,6 +36,10 @@ class ViewEventEmitter : public TouchEventEmitter {
 #pragma mark - Layout
 
   void onLayout(const LayoutMetrics &layoutMetrics) const;
+
+ private:
+  mutable std::mutex layoutMetricsMutex_;
+  mutable LayoutMetrics lastLayoutMetrics_;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/ViewProps.cpp b/ReactCommon/fabric/components/view/ViewProps.cpp
index a4a2133820912a..be9e8db543abce 100644
--- a/ReactCommon/fabric/components/view/ViewProps.cpp
+++ b/ReactCommon/fabric/components/view/ViewProps.cpp
@@ -18,59 +18,76 @@
 namespace facebook {
 namespace react {
 
-ViewProps::ViewProps(YGStyle const &yogaStyle) : YogaStylableProps(yogaStyle) {}
-
 ViewProps::ViewProps(ViewProps const &sourceProps, RawProps const &rawProps)
-    : Props(sourceProps, rawProps),
-      YogaStylableProps(sourceProps, rawProps),
+    : YogaStylableProps(sourceProps, rawProps),
       AccessibilityProps(sourceProps, rawProps),
       opacity(
           convertRawProp(rawProps, "opacity", sourceProps.opacity, (Float)1.0)),
       foregroundColor(convertRawProp(
           rawProps,
           "foregroundColor",
-          sourceProps.foregroundColor)),
+          sourceProps.foregroundColor,
+          {})),
       backgroundColor(convertRawProp(
           rawProps,
           "backgroundColor",
-          sourceProps.backgroundColor)),
+          sourceProps.backgroundColor,
+          {})),
       borderRadii(convertRawProp(
           rawProps,
           "border",
           "Radius",
-          sourceProps.borderRadii)),
+          sourceProps.borderRadii,
+          {})),
       borderColors(convertRawProp(
           rawProps,
           "border",
           "Color",
-          sourceProps.borderColors)),
+          sourceProps.borderColors,
+          {})),
       borderStyles(convertRawProp(
           rawProps,
           "border",
           "Style",
-          sourceProps.borderStyles)),
+          sourceProps.borderStyles,
+          {})),
       shadowColor(
-          convertRawProp(rawProps, "shadowColor", sourceProps.shadowColor)),
-      shadowOffset(
-          convertRawProp(rawProps, "shadowOffset", sourceProps.shadowOffset)),
-      shadowOpacity(
-          convertRawProp(rawProps, "shadowOpacity", sourceProps.shadowOpacity)),
-      shadowRadius(
-          convertRawProp(rawProps, "shadowRadius", sourceProps.shadowRadius)),
-      transform(convertRawProp(rawProps, "transform", sourceProps.transform)),
+          convertRawProp(rawProps, "shadowColor", sourceProps.shadowColor, {})),
+      shadowOffset(convertRawProp(
+          rawProps,
+          "shadowOffset",
+          sourceProps.shadowOffset,
+          {})),
+      shadowOpacity(convertRawProp(
+          rawProps,
+          "shadowOpacity",
+          sourceProps.shadowOpacity,
+          {})),
+      shadowRadius(convertRawProp(
+          rawProps,
+          "shadowRadius",
+          sourceProps.shadowRadius,
+          {})),
+      transform(
+          convertRawProp(rawProps, "transform", sourceProps.transform, {})),
       backfaceVisibility(convertRawProp(
           rawProps,
           "backfaceVisibility",
-          sourceProps.backfaceVisibility)),
+          sourceProps.backfaceVisibility,
+          {})),
       shouldRasterize(convertRawProp(
           rawProps,
           "shouldRasterize",
-          sourceProps.shouldRasterize)),
-      zIndex(convertRawProp(rawProps, "zIndex", sourceProps.zIndex)),
-      pointerEvents(
-          convertRawProp(rawProps, "pointerEvents", sourceProps.pointerEvents)),
-      hitSlop(convertRawProp(rawProps, "hitSlop", sourceProps.hitSlop)),
-      onLayout(convertRawProp(rawProps, "onLayout", sourceProps.onLayout)),
+          sourceProps.shouldRasterize,
+          {})),
+      zIndex(convertRawProp(rawProps, "zIndex", sourceProps.zIndex, {})),
+      pointerEvents(convertRawProp(
+          rawProps,
+          "pointerEvents",
+          sourceProps.pointerEvents,
+          {})),
+      hitSlop(convertRawProp(rawProps, "hitSlop", sourceProps.hitSlop, {})),
+      onLayout(convertRawProp(rawProps, "onLayout", sourceProps.onLayout, {})),
       collapsable(convertRawProp(
           rawProps,
           "collapsable",
diff --git a/ReactCommon/fabric/components/view/ViewProps.h b/ReactCommon/fabric/components/view/ViewProps.h
index b6740b830f214a..a14a3610ae0510 100644
--- a/ReactCommon/fabric/components/view/ViewProps.h
+++ b/ReactCommon/fabric/components/view/ViewProps.h
@@ -23,44 +23,41 @@ class ViewProps;
 
 using SharedViewProps = std::shared_ptr<ViewProps const>;
 
-class ViewProps : public Props,
-                  public YogaStylableProps,
-                  public AccessibilityProps {
+class ViewProps : public YogaStylableProps, public AccessibilityProps {
  public:
   ViewProps() = default;
-  ViewProps(YGStyle const &yogaStyle);
   ViewProps(ViewProps const &sourceProps, RawProps const &rawProps);
 
 #pragma mark - Props
 
   // Color
-  Float const opacity{1.0};
-  SharedColor const foregroundColor{};
-  SharedColor const backgroundColor{};
+  Float opacity{1.0};
+  SharedColor foregroundColor{};
+  SharedColor backgroundColor{};
 
   // Borders
-  CascadedBorderRadii const borderRadii{};
-  CascadedBorderColors const borderColors{};
-  CascadedBorderStyles const borderStyles{};
+  CascadedBorderRadii borderRadii{};
+  CascadedBorderColors borderColors{};
+  CascadedBorderStyles borderStyles{};
 
   // Shadow
-  SharedColor const shadowColor{};
-  Size const shadowOffset{};
-  Float const shadowOpacity{};
-  Float const shadowRadius{};
+  SharedColor shadowColor{};
+  Size shadowOffset{};
+  Float shadowOpacity{};
+  Float shadowRadius{};
 
   // Transform
   Transform transform{};
-  BackfaceVisibility const backfaceVisibility{};
-  bool const shouldRasterize{};
-  int const zIndex{};
+  BackfaceVisibility backfaceVisibility{};
+  bool shouldRasterize{};
+  int zIndex{};
 
   // Events
-  PointerEventsMode const pointerEvents{};
-  EdgeInsets const hitSlop{};
-  bool const onLayout{};
+  PointerEventsMode pointerEvents{};
+  EdgeInsets hitSlop{};
+  bool onLayout{};
 
-  bool const collapsable{true};
+  bool collapsable{true};
 
 #pragma mark - Convenience Methods
 
diff --git a/ReactCommon/fabric/components/view/ViewShadowNode.cpp b/ReactCommon/fabric/components/view/ViewShadowNode.cpp
index e2a165c0529999..6f58a7a0b4ad5c 100644
--- a/ReactCommon/fabric/components/view/ViewShadowNode.cpp
+++ b/ReactCommon/fabric/components/view/ViewShadowNode.cpp
@@ -6,27 +6,71 @@
  */
 
 #include "ViewShadowNode.h"
+#include <react/components/view/primitives.h>
 
 namespace facebook {
 namespace react {
 
-const char ViewComponentName[] = "View";
-
-bool ViewShadowNode::isLayoutOnly() const {
-  const auto &viewProps = *std::static_pointer_cast<const ViewProps>(props_);
-
-  return viewProps.collapsable &&
-      // Generic Props
-      viewProps.nativeId.empty() &&
-      // Accessibility Props
-      !viewProps.accessible &&
-      // Style Props
-      viewProps.opacity == 1.0 && !viewProps.backgroundColor &&
-      !viewProps.foregroundColor && !viewProps.shadowColor &&
-      viewProps.transform == Transform{} && viewProps.zIndex == 0 &&
-      !viewProps.getClipsContentToBounds() &&
-      // Layout Metrics
-      getLayoutMetrics().borderWidth == EdgeInsets{};
+char const ViewComponentName[] = "View";
+
+ViewShadowNode::ViewShadowNode(
+    ShadowNodeFragment const &fragment,
+    ShadowNodeFamily::Shared const &family,
+    ShadowNodeTraits traits)
+    : ConcreteViewShadowNode(fragment, family, traits) {
+  initialize();
+}
+
+ViewShadowNode::ViewShadowNode(
+    ShadowNode const &sourceShadowNode,
+    ShadowNodeFragment const &fragment)
+    : ConcreteViewShadowNode(sourceShadowNode, fragment) {
+  initialize();
+}
+
+static bool isColorMeaningful(SharedColor const &color) noexcept {
+  if (!color) {
+    return false;
+  }
+
+  return colorComponentsFromColor(color).alpha > 0;
+}
+
+void ViewShadowNode::initialize() noexcept {
+  auto &viewProps = static_cast<ViewProps const &>(*props_);
+
+  bool formsStackingContext = !viewProps.collapsable ||
+      viewProps.pointerEvents == PointerEventsMode::None ||
+      !viewProps.nativeId.empty() || viewProps.accessible ||
+      viewProps.opacity != 1.0 || viewProps.transform != Transform{} ||
+      viewProps.zIndex != 0 || viewProps.getClipsContentToBounds() ||
+      viewProps.yogaStyle.positionType() == YGPositionTypeAbsolute ||
+      isColorMeaningful(viewProps.shadowColor);
+
+  bool formsView = isColorMeaningful(viewProps.backgroundColor) ||
+      isColorMeaningful(viewProps.foregroundColor) ||
+      !(viewProps.yogaStyle.border() == YGStyle::Edges{});
+
+  formsView = formsView || formsStackingContext;
+
+#ifdef ANDROID
+  // Force `formsStackingContext` trait for nodes which have `formsView`.
+  // TODO: T63560216 Investigate why/how `formsView` entangled with
+  // `formsStackingContext`.
+  formsStackingContext = formsStackingContext || formsView;
+#endif
+
+  if (formsView) {
+    traits_.set(ShadowNodeTraits::Trait::FormsView);
+  } else {
+    traits_.unset(ShadowNodeTraits::Trait::FormsView);
+  }
+
+  if (formsStackingContext) {
+    traits_.set(ShadowNodeTraits::Trait::FormsStackingContext);
+  } else {
+    traits_.unset(ShadowNodeTraits::Trait::FormsStackingContext);
+  }
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/ViewShadowNode.h b/ReactCommon/fabric/components/view/ViewShadowNode.h
index daffb630fd96a8..969c6267b2c240 100644
--- a/ReactCommon/fabric/components/view/ViewShadowNode.h
+++ b/ReactCommon/fabric/components/view/ViewShadowNode.h
@@ -23,9 +23,17 @@ class ViewShadowNode final : public ConcreteViewShadowNode<
                                  ViewProps,
                                  ViewEventEmitter> {
  public:
-  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+  ViewShadowNode(
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family,
+      ShadowNodeTraits traits);
 
-  bool isLayoutOnly() const;
+  ViewShadowNode(
+      ShadowNode const &sourceShadowNode,
+      ShadowNodeFragment const &fragment);
+
+ private:
+  void initialize() noexcept;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
index c7897a3683d872..b7f9bd7bfde62d 100644
--- a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.cpp
@@ -18,53 +18,67 @@ namespace react {
 AccessibilityProps::AccessibilityProps(
     AccessibilityProps const &sourceProps,
     RawProps const &rawProps)
-    : accessible(
-          convertRawProp(rawProps, "accessible", sourceProps.accessible)),
+    : accessible(convertRawProp(
+          rawProps,
+          "accessible",
+          sourceProps.accessible,
+          false)),
       accessibilityTraits(convertRawProp(
           rawProps,
           "accessibilityRole",
-          sourceProps.accessibilityTraits)),
+          sourceProps.accessibilityTraits,
+          AccessibilityTraits::None)),
       accessibilityLabel(convertRawProp(
           rawProps,
           "accessibilityLabel",
-          sourceProps.accessibilityLabel)),
+          sourceProps.accessibilityLabel,
+          "")),
       accessibilityHint(convertRawProp(
           rawProps,
           "accessibilityHint",
-          sourceProps.accessibilityHint)),
+          sourceProps.accessibilityHint,
+          "")),
       accessibilityActions(convertRawProp(
           rawProps,
           "accessibilityActions",
-          sourceProps.accessibilityActions)),
+          sourceProps.accessibilityActions,
+          {})),
       accessibilityViewIsModal(convertRawProp(
           rawProps,
           "accessibilityViewIsModal",
-          sourceProps.accessibilityViewIsModal)),
+          sourceProps.accessibilityViewIsModal,
+          false)),
       accessibilityElementsHidden(convertRawProp(
           rawProps,
           "accessibilityElementsHidden",
-          sourceProps.accessibilityElementsHidden)),
+          sourceProps.accessibilityElementsHidden,
+          false)),
       accessibilityIgnoresInvertColors(convertRawProp(
           rawProps,
           "accessibilityIgnoresInvertColors",
-          sourceProps.accessibilityIgnoresInvertColors)),
+          sourceProps.accessibilityIgnoresInvertColors,
+          false)),
       onAccessibilityTap(convertRawProp(
           rawProps,
           "onAccessibilityTap",
-          sourceProps.onAccessibilityTap)),
+          sourceProps.onAccessibilityTap,
+          {})),
       onAccessibilityMagicTap(convertRawProp(
           rawProps,
           "onAccessibilityMagicTap",
-          sourceProps.onAccessibilityMagicTap)),
+          sourceProps.onAccessibilityMagicTap,
+          {})),
       onAccessibilityEscape(convertRawProp(
           rawProps,
           "onAccessibilityEscape",
-          sourceProps.onAccessibilityEscape)),
+          sourceProps.onAccessibilityEscape,
+          {})),
       onAccessibilityAction(convertRawProp(
           rawProps,
           "onAccessibilityAction",
-          sourceProps.onAccessibilityAction)),
-      testId(convertRawProp(rawProps, "testId", sourceProps.testId)) {}
+          sourceProps.onAccessibilityAction,
+          {})),
+      testId(convertRawProp(rawProps, "testId", sourceProps.testId, "")) {}
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
index 6ef8015d9bdde4..b3994c99f8eed4 100644
--- a/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
+++ b/ReactCommon/fabric/components/view/accessibility/AccessibilityProps.h
@@ -24,20 +24,19 @@ class AccessibilityProps {
 
 #pragma mark - Props
 
-  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};
-  bool const onAccessibilityTap{};
-  bool const onAccessibilityMagicTap{};
-  bool const onAccessibilityEscape{};
-  bool const onAccessibilityAction{};
-
-  std::string const testId{""};
+  bool accessible{false};
+  AccessibilityTraits accessibilityTraits{AccessibilityTraits::None};
+  std::string accessibilityLabel{""};
+  std::string accessibilityHint{""};
+  std::vector<std::string> accessibilityActions{};
+  bool accessibilityViewIsModal{false};
+  bool accessibilityElementsHidden{false};
+  bool accessibilityIgnoresInvertColors{false};
+  bool onAccessibilityTap{};
+  bool onAccessibilityMagicTap{};
+  bool onAccessibilityEscape{};
+  bool onAccessibilityAction{};
+  std::string testId{""};
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/view/conversions.h b/ReactCommon/fabric/components/view/conversions.h
index fd9666d1a7f8cf..f7ad89b65187ed 100644
--- a/ReactCommon/fabric/components/view/conversions.h
+++ b/ReactCommon/fabric/components/view/conversions.h
@@ -440,13 +440,13 @@ inline void fromRawValue(const RawValue &value, Transform &result) {
           transformMatrix * Transform::Scale(number, number, number);
     } else if (operation == "scaleX") {
       transformMatrix =
-          transformMatrix * Transform::Scale((Float)parameters, 0, 0);
+          transformMatrix * Transform::Scale((Float)parameters, 1, 1);
     } else if (operation == "scaleY") {
       transformMatrix =
-          transformMatrix * Transform::Scale(0, (Float)parameters, 0);
+          transformMatrix * Transform::Scale(1, (Float)parameters, 1);
     } else if (operation == "scaleZ") {
       transformMatrix =
-          transformMatrix * Transform::Scale(0, 0, (Float)parameters);
+          transformMatrix * Transform::Scale(1, 1, (Float)parameters);
     } else if (operation == "translate") {
       auto numbers = (std::vector<Float>)parameters;
       transformMatrix = transformMatrix *
diff --git a/ReactCommon/fabric/components/view/primitives.h b/ReactCommon/fabric/components/view/primitives.h
index 83f09720d04124..b748e35b182834 100644
--- a/ReactCommon/fabric/components/view/primitives.h
+++ b/ReactCommon/fabric/components/view/primitives.h
@@ -109,9 +109,9 @@ struct CascadedRectangleCorners {
         /* .topRight = */
         topRight.value_or(topTrailing.value_or(all.value_or(defaults))),
         /* .bottomLeft = */
-        bottomLeft.value_or(topLeading.value_or(all.value_or(defaults))),
+        bottomLeft.value_or(bottomLeading.value_or(all.value_or(defaults))),
         /* .bottomRight = */
-        bottomRight.value_or(topTrailing.value_or(all.value_or(defaults))),
+        bottomRight.value_or(bottomTrailing.value_or(all.value_or(defaults))),
     };
   }
 
diff --git a/ReactCommon/fabric/components/view/propsConversions.h b/ReactCommon/fabric/components/view/propsConversions.h
index ac450f83a2ff5a..a21e3a95937142 100644
--- a/ReactCommon/fabric/components/view/propsConversions.h
+++ b/ReactCommon/fabric/components/view/propsConversions.h
@@ -212,29 +212,70 @@ static inline CascadedRectangleCorners<T> convertRawProp(
     RawProps const &rawProps,
     char const *prefix,
     char const *suffix,
-    CascadedRectangleCorners<T> const &sourceValue) {
+    CascadedRectangleCorners<T> const &sourceValue,
+    CascadedRectangleCorners<T> const &defaultValue) {
   CascadedRectangleCorners<T> result;
 
   result.topLeft = convertRawProp(
-      rawProps, "TopLeft", sourceValue.topLeft, {}, prefix, suffix);
+      rawProps,
+      "TopLeft",
+      sourceValue.topLeft,
+      defaultValue.topLeft,
+      prefix,
+      suffix);
   result.topRight = convertRawProp(
-      rawProps, "TopRight", sourceValue.topRight, {}, prefix, suffix);
+      rawProps,
+      "TopRight",
+      sourceValue.topRight,
+      defaultValue.topRight,
+      prefix,
+      suffix);
   result.bottomLeft = convertRawProp(
-      rawProps, "BottomLeft", sourceValue.bottomLeft, {}, prefix, suffix);
+      rawProps,
+      "BottomLeft",
+      sourceValue.bottomLeft,
+      defaultValue.bottomLeft,
+      prefix,
+      suffix);
   result.bottomRight = convertRawProp(
-      rawProps, "BottomRight", sourceValue.bottomRight, {}, prefix, suffix);
+      rawProps,
+      "BottomRight",
+      sourceValue.bottomRight,
+      defaultValue.bottomRight,
+      prefix,
+      suffix);
 
   result.topStart = convertRawProp(
-      rawProps, "TopStart", sourceValue.topStart, {}, prefix, suffix);
+      rawProps,
+      "TopStart",
+      sourceValue.topStart,
+      defaultValue.topStart,
+      prefix,
+      suffix);
   result.topEnd = convertRawProp(
-      rawProps, "TopEnd", sourceValue.topEnd, {}, prefix, suffix);
+      rawProps,
+      "TopEnd",
+      sourceValue.topEnd,
+      defaultValue.topEnd,
+      prefix,
+      suffix);
   result.bottomStart = convertRawProp(
-      rawProps, "BottomStart", sourceValue.bottomStart, {}, prefix, suffix);
+      rawProps,
+      "BottomStart",
+      sourceValue.bottomStart,
+      defaultValue.bottomStart,
+      prefix,
+      suffix);
   result.bottomEnd = convertRawProp(
-      rawProps, "BottomEnd", sourceValue.bottomEnd, {}, prefix, suffix);
+      rawProps,
+      "BottomEnd",
+      sourceValue.bottomEnd,
+      defaultValue.bottomEnd,
+      prefix,
+      suffix);
 
-  result.all =
-      convertRawProp(rawProps, "", sourceValue.all, {}, prefix, suffix);
+  result.all = convertRawProp(
+      rawProps, "", sourceValue.all, defaultValue.all, prefix, suffix);
 
   return result;
 }
@@ -244,29 +285,45 @@ static inline CascadedRectangleEdges<T> convertRawProp(
     RawProps const &rawProps,
     char const *prefix,
     char const *suffix,
-    CascadedRectangleEdges<T> const &sourceValue) {
+    CascadedRectangleEdges<T> const &sourceValue,
+    CascadedRectangleEdges<T> const &defaultValue) {
   CascadedRectangleEdges<T> result;
 
-  result.left =
-      convertRawProp(rawProps, "Left", sourceValue.left, {}, prefix, suffix);
-  result.right =
-      convertRawProp(rawProps, "Right", sourceValue.right, {}, prefix, suffix);
-  result.top =
-      convertRawProp(rawProps, "Top", sourceValue.top, {}, prefix, suffix);
+  result.left = convertRawProp(
+      rawProps, "Left", sourceValue.left, defaultValue.left, prefix, suffix);
+  result.right = convertRawProp(
+      rawProps, "Right", sourceValue.right, defaultValue.right, prefix, suffix);
+  result.top = convertRawProp(
+      rawProps, "Top", sourceValue.top, defaultValue.top, prefix, suffix);
   result.bottom = convertRawProp(
-      rawProps, "Bottom", sourceValue.bottom, {}, prefix, suffix);
+      rawProps,
+      "Bottom",
+      sourceValue.bottom,
+      defaultValue.bottom,
+      prefix,
+      suffix);
 
-  result.start =
-      convertRawProp(rawProps, "Start", sourceValue.start, {}, prefix, suffix);
-  result.end =
-      convertRawProp(rawProps, "End", sourceValue.end, {}, prefix, suffix);
+  result.start = convertRawProp(
+      rawProps, "Start", sourceValue.start, defaultValue.start, prefix, suffix);
+  result.end = convertRawProp(
+      rawProps, "End", sourceValue.end, defaultValue.end, prefix, suffix);
   result.horizontal = convertRawProp(
-      rawProps, "Horizontal", sourceValue.horizontal, {}, prefix, suffix);
+      rawProps,
+      "Horizontal",
+      sourceValue.horizontal,
+      defaultValue.horizontal,
+      prefix,
+      suffix);
   result.vertical = convertRawProp(
-      rawProps, "Vertical", sourceValue.vertical, {}, prefix, suffix);
+      rawProps,
+      "Vertical",
+      sourceValue.vertical,
+      defaultValue.vertical,
+      prefix,
+      suffix);
 
-  result.all =
-      convertRawProp(rawProps, "", sourceValue.all, {}, prefix, suffix);
+  result.all = convertRawProp(
+      rawProps, "", sourceValue.all, defaultValue.all, prefix, suffix);
 
   return result;
 }
diff --git a/ReactCommon/fabric/components/view/tests/ViewTest.cpp b/ReactCommon/fabric/components/view/tests/ViewTest.cpp
index bb33c9fe10da44..32aff6679052df 100644
--- a/ReactCommon/fabric/components/view/tests/ViewTest.cpp
+++ b/ReactCommon/fabric/components/view/tests/ViewTest.cpp
@@ -5,13 +5,217 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#include <algorithm>
 #include <memory>
 
 #include <gtest/gtest.h>
+
+#include <react/components/root/RootComponentDescriptor.h>
+#include <react/components/scrollview/ScrollViewComponentDescriptor.h>
 #include <react/components/view/ViewComponentDescriptor.h>
+#include <react/element/ComponentBuilder.h>
+#include <react/element/Element.h>
+#include <react/element/testUtils.h>
+#include <react/uimanager/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook {
+namespace react {
+
+class YogaDirtyFlagTest : public ::testing::Test {
+ protected:
+  ComponentBuilder builder_;
+  std::shared_ptr<RootShadowNode> rootShadowNode_;
+  std::shared_ptr<ViewShadowNode> innerShadowNode_;
+  std::shared_ptr<ScrollViewShadowNode> scrollViewShadowNode_;
+
+  YogaDirtyFlagTest() : builder_(simpleComponentBuilder()) {
+    // clang-format off
+    auto element =
+        Element<RootShadowNode>()
+          .reference(rootShadowNode_)
+          .tag(1)
+          .children({
+            Element<ViewShadowNode>()
+              .tag(2),
+            Element<ViewShadowNode>()
+              .tag(3)
+              .reference(innerShadowNode_)
+              .children({
+                Element<ViewShadowNode>()
+                  .tag(4)
+                  .props([] {
+                    /*
+                     * Some non-default props.
+                     */
+                    auto mutableViewProps = std::make_shared<ViewProps>();
+                    auto &props = *mutableViewProps;
+                    props.nativeId = "native Id";
+                    props.opacity = 0.5;
+                    props.yogaStyle.alignContent() = YGAlignBaseline;
+                    props.yogaStyle.flexDirection() = YGFlexDirectionRowReverse;
+                    return mutableViewProps;
+                  }),
+                Element<ViewShadowNode>()
+                  .tag(5),
+                Element<ViewShadowNode>()
+                  .tag(6),
+                Element<ScrollViewShadowNode>()
+                  .reference(scrollViewShadowNode_)
+                  .tag(7)
+              })
+          });
+    // clang-format on
+
+    builder_.build(element);
+
+    /*
+     * Yoga nodes are dirty right after creation.
+     */
+    EXPECT_TRUE(rootShadowNode_->layoutIfNeeded());
+
+    /*
+     * Yoga nodes are clean (not dirty) right after layout pass.
+     */
+    EXPECT_FALSE(rootShadowNode_->layoutIfNeeded());
+  }
+};
+
+TEST_F(YogaDirtyFlagTest, cloningPropsWithoutChangingThem) {
+  /*
+   * Cloning props without changing them must *not* dirty a Yoga node.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      innerShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        auto &componentDescriptor = oldShadowNode.getComponentDescriptor();
+        auto props = componentDescriptor.cloneProps(
+            oldShadowNode.getProps(), RawProps());
+        return oldShadowNode.clone(ShadowNodeFragment{props});
+      });
+
+  EXPECT_FALSE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
+}
+
+TEST_F(YogaDirtyFlagTest, changingNonLayoutSubPropsMustNotDirtyYogaNode) {
+  /*
+   * Changing *non-layout* sub-props must *not* dirty a Yoga node.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      innerShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        auto viewProps = std::make_shared<ViewProps>();
+        auto &props = *viewProps;
+
+        props.nativeId = "some new native Id";
+        props.foregroundColor = whiteColor();
+        props.backgroundColor = blackColor();
+        props.opacity = props.opacity + 0.042;
+        props.zIndex = props.zIndex + 42;
+        props.shouldRasterize = !props.shouldRasterize;
+        props.collapsable = !props.collapsable;
+
+        return oldShadowNode.clone(ShadowNodeFragment{viewProps});
+      });
+
+  EXPECT_FALSE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
+}
+
+TEST_F(YogaDirtyFlagTest, changingLayoutSubPropsMustDirtyYogaNode) {
+  /*
+   * Changing *layout* sub-props *must* dirty a Yoga node.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      innerShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        auto viewProps = std::make_shared<ViewProps>();
+        auto &props = *viewProps;
+
+        props.yogaStyle.alignContent() = YGAlignBaseline;
+        props.yogaStyle.display() = YGDisplayNone;
+
+        return oldShadowNode.clone(ShadowNodeFragment{viewProps});
+      });
 
-using namespace facebook::react;
+  EXPECT_TRUE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
+}
+
+TEST_F(YogaDirtyFlagTest, removingAllChildrenMustDirtyYogaNode) {
+  /*
+   * Removing all children *must* dirty a Yoga node.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      innerShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        return oldShadowNode.clone(
+            {ShadowNodeFragment::propsPlaceholder(),
+             ShadowNode::emptySharedShadowNodeSharedList()});
+      });
+
+  EXPECT_TRUE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
+}
+
+TEST_F(YogaDirtyFlagTest, removingLastChildMustDirtyYogaNode) {
+  /*
+   * Removing the last child *must* dirty the Yoga node.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      innerShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        auto children = oldShadowNode.getChildren();
+        children.pop_back();
+
+        std::reverse(children.begin(), children.end());
+
+        return oldShadowNode.clone(
+            {ShadowNodeFragment::propsPlaceholder(),
+             std::make_shared<ShadowNode::ListOfShared const>(children)});
+      });
+
+  EXPECT_TRUE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
+}
 
-TEST(ViewTest, testSomething) {
-  // TODO
+TEST_F(YogaDirtyFlagTest, reversingListOfChildrenMustDirtyYogaNode) {
+  /*
+   * Reversing a list of children *must* dirty a Yoga node.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      innerShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        auto children = oldShadowNode.getChildren();
+
+        std::reverse(children.begin(), children.end());
+
+        return oldShadowNode.clone(
+            {ShadowNodeFragment::propsPlaceholder(),
+             std::make_shared<ShadowNode::ListOfShared const>(children)});
+      });
+
+  EXPECT_TRUE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
 }
+
+TEST_F(YogaDirtyFlagTest, updatingStateForScrollViewMistNotDirtyYogaNode) {
+  /*
+   * Updating a state for *some* (not all!) components must *not* dirty Yoga
+   * nodes.
+   */
+  auto newRootShadowNode = rootShadowNode_->cloneTree(
+      scrollViewShadowNode_->getFamily(), [](ShadowNode const &oldShadowNode) {
+        auto state = ScrollViewState{};
+        state.contentOffset = Point{42, 9000};
+
+        auto &componentDescriptor = oldShadowNode.getComponentDescriptor();
+        auto newState = componentDescriptor.createState(
+            oldShadowNode.getFamily(),
+            std::make_shared<ScrollViewState>(state));
+
+        return oldShadowNode.clone({ShadowNodeFragment::propsPlaceholder(),
+                                    ShadowNodeFragment::childrenPlaceholder(),
+                                    newState});
+      });
+
+  EXPECT_FALSE(
+      static_cast<RootShadowNode &>(*newRootShadowNode).layoutIfNeeded());
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
index e9307b0a23f448..3f4c0bdbe909fd 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
+++ b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.cpp
@@ -11,36 +11,78 @@
 #include <limits>
 #include <memory>
 
+#include <react/components/view/ViewProps.h>
 #include <react/components/view/conversions.h>
 #include <react/core/LayoutConstraints.h>
 #include <react/core/LayoutContext.h>
 #include <react/debug/DebugStringConvertibleItem.h>
 #include <react/debug/SystraceSection.h>
 #include <yoga/Yoga.h>
+#include <iostream>
 
 namespace facebook {
 namespace react {
 
-YogaLayoutableShadowNode::YogaLayoutableShadowNode(bool isLeaf)
-    : yogaConfig_(nullptr),
-      yogaNode_(&initializeYogaConfig(yogaConfig_)),
-      isLeaf_(isLeaf) {
+static void applyLayoutConstraints(
+    YGStyle &yogaStyle,
+    LayoutConstraints const &layoutConstraints) {
+  yogaStyle.minDimensions()[YGDimensionWidth] =
+      yogaStyleValueFromFloat(layoutConstraints.minimumSize.width);
+  yogaStyle.minDimensions()[YGDimensionHeight] =
+      yogaStyleValueFromFloat(layoutConstraints.minimumSize.height);
+
+  yogaStyle.maxDimensions()[YGDimensionWidth] =
+      yogaStyleValueFromFloat(layoutConstraints.maximumSize.width);
+  yogaStyle.maxDimensions()[YGDimensionHeight] =
+      yogaStyleValueFromFloat(layoutConstraints.maximumSize.height);
+
+  yogaStyle.direction() =
+      yogaDirectionFromLayoutDirection(layoutConstraints.layoutDirection);
+}
+
+ShadowNodeTraits YogaLayoutableShadowNode::BaseTraits() {
+  auto traits = LayoutableShadowNode::BaseTraits();
+  traits.set(ShadowNodeTraits::Trait::YogaLayoutableKind);
+  return traits;
+}
+
+YogaLayoutableShadowNode::YogaLayoutableShadowNode(
+    ShadowNodeFragment const &fragment,
+    ShadowNodeFamily::Shared const &family,
+    ShadowNodeTraits traits)
+    : LayoutableShadowNode(fragment, family, traits),
+      yogaConfig_(nullptr),
+      yogaNode_(&initializeYogaConfig(yogaConfig_)) {
   yogaNode_.setContext(this);
+
+  updateYogaProps();
+  updateYogaChildren();
 }
 
 YogaLayoutableShadowNode::YogaLayoutableShadowNode(
-    YogaLayoutableShadowNode const &layoutableShadowNode)
-    : LayoutableShadowNode(layoutableShadowNode),
+    ShadowNode const &sourceShadowNode,
+    ShadowNodeFragment const &fragment)
+    : LayoutableShadowNode(sourceShadowNode, fragment),
       yogaConfig_(nullptr),
       yogaNode_(
-          layoutableShadowNode.yogaNode_,
-          &initializeYogaConfig(yogaConfig_)),
-      isLeaf_(layoutableShadowNode.isLeaf_) {
+          static_cast<YogaLayoutableShadowNode const &>(sourceShadowNode)
+              .yogaNode_,
+          &initializeYogaConfig(yogaConfig_)) {
   yogaNode_.setContext(this);
   yogaNode_.setOwner(nullptr);
 
   // Yoga node must inherit dirty flag.
-  assert(layoutableShadowNode.yogaNode_.isDirty() == yogaNode_.isDirty());
+  assert(
+      static_cast<YogaLayoutableShadowNode const &>(sourceShadowNode)
+          .yogaNode_.isDirty() == yogaNode_.isDirty());
+
+  if (fragment.props) {
+    updateYogaProps();
+  }
+
+  if (fragment.children) {
+    updateYogaChildren();
+  }
 }
 
 void YogaLayoutableShadowNode::cleanLayout() {
@@ -72,42 +114,64 @@ void YogaLayoutableShadowNode::enableMeasurement() {
       YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector);
 }
 
-void YogaLayoutableShadowNode::appendChild(YogaLayoutableShadowNode *child) {
-  if (isLeaf_) {
-    return;
+void YogaLayoutableShadowNode::appendChild(ShadowNode::Shared const &child) {
+  ensureUnsealed();
+
+  LayoutableShadowNode::appendChild(child);
+
+  auto yogaLayoutableChild =
+      traitCast<YogaLayoutableShadowNode const *>(child.get());
+  if (yogaLayoutableChild) {
+    appendChildYogaNode(*yogaLayoutableChild);
   }
+}
 
+bool YogaLayoutableShadowNode::doesOwn(
+    YogaLayoutableShadowNode const &child) const {
+  return child.yogaNode_.getOwner() == &yogaNode_;
+}
+
+void YogaLayoutableShadowNode::appendChildYogaNode(
+    YogaLayoutableShadowNode const &child) {
   ensureUnsealed();
 
+  if (getTraits().check(ShadowNodeTraits::Trait::LeafYogaNode)) {
+    // This node is a declared leaf, therefore we must not add the Yoga node as
+    // a child.
+    return;
+  }
+
   yogaNode_.setDirty(true);
 
   auto yogaNodeRawPtr = &yogaNode_;
-  auto childYogaNodeRawPtr = &child->yogaNode_;
+  auto childYogaNodeRawPtr = &child.yogaNode_;
+  auto childNodePtr = const_cast<YogaLayoutableShadowNode *>(&child);
 
   if (childYogaNodeRawPtr->getOwner() != nullptr) {
-    child = static_cast<YogaLayoutableShadowNode *>(
-        cloneAndReplaceChild(child, yogaNode_.getChildren().size()));
-    childYogaNodeRawPtr = &child->yogaNode_;
+    childNodePtr =
+        &cloneAndReplaceChild(*childNodePtr, yogaNode_.getChildren().size());
+    childYogaNodeRawPtr = &childNodePtr->yogaNode_;
   }
 
   // Inserted node must have a clear owner (must not be shared).
   assert(childYogaNodeRawPtr->getOwner() == nullptr);
 
-  child->ensureUnsealed();
+  childNodePtr->ensureUnsealed();
   childYogaNodeRawPtr->setOwner(yogaNodeRawPtr);
 
   yogaNodeRawPtr->insertChild(
       childYogaNodeRawPtr, yogaNodeRawPtr->getChildren().size());
 }
 
-void YogaLayoutableShadowNode::setChildren(
-    YogaLayoutableShadowNode::UnsharedList children) {
-  if (isLeaf_) {
+void YogaLayoutableShadowNode::updateYogaChildren() {
+  if (getTraits().check(ShadowNodeTraits::Trait::LeafYogaNode)) {
     return;
   }
 
   ensureUnsealed();
 
+  auto &children = getChildren();
+
   // Optimization:
   // If the new list of child nodes consists of clean nodes, and if their styles
   // are identical to styles of old children, we don't dirty the node.
@@ -119,18 +183,28 @@ void YogaLayoutableShadowNode::setChildren(
 
   auto i = int{0};
   for (auto const &child : children) {
-    appendChild(child);
+    auto yogaLayoutableChild =
+        traitCast<YogaLayoutableShadowNode const *>(child.get());
 
-    isClean = isClean && !child->yogaNode_.isDirty() &&
-        child->yogaNode_.getStyle() == oldChildren[i++]->getStyle();
+    if (!yogaLayoutableChild) {
+      continue;
+    }
+
+    appendChildYogaNode(*yogaLayoutableChild);
+
+    isClean = isClean && !yogaLayoutableChild->yogaNode_.isDirty() &&
+        yogaLayoutableChild->yogaNode_.getStyle() ==
+            oldChildren[i++]->getStyle();
   }
 
   yogaNode_.setDirty(!isClean);
 }
 
-void YogaLayoutableShadowNode::setProps(const YogaStylableProps &props) {
+void YogaLayoutableShadowNode::updateYogaProps() {
   ensureUnsealed();
 
+  auto props = static_cast<YogaStylableProps const &>(*props_);
+
   // Resetting `dirty` flag only if `yogaStyle` portion of `Props` was changed.
   if (!yogaNode_.isDirty() && (props.yogaStyle != yogaNode_.getStyle())) {
     yogaNode_.setDirty(true);
@@ -171,38 +245,55 @@ void YogaLayoutableShadowNode::setPositionType(
   yogaNode_.setDirty(true);
 }
 
-void YogaLayoutableShadowNode::layout(LayoutContext layoutContext) {
-  if (!getIsLayoutClean()) {
-    ensureUnsealed();
-
-    /*
-     * In Yoga, every single Yoga Node has to have a (non-null) pointer to
-     * Yoga Config (this config can be shared between many nodes),
-     * so every node can be individually configured. This does *not* mean
-     * however that Yoga consults with every single Yoga Node Config for every
-     * config parameter. Especially in case of `pointScaleFactor`,
-     * the only value in the config of the root node is taken into account
-     * (and this is by design).
-     */
-    yogaConfig_.pointScaleFactor = layoutContext.pointScaleFactor;
-
-    {
-      SystraceSection s("YogaLayoutableShadowNode::YGNodeCalculateLayout");
-
-      YGNodeCalculateLayout(
-          &yogaNode_, YGUndefined, YGUndefined, YGDirectionInherit);
-    }
+void YogaLayoutableShadowNode::layoutTree(
+    LayoutContext layoutContext,
+    LayoutConstraints layoutConstraints) {
+  ensureUnsealed();
+
+  /*
+   * In Yoga, every single Yoga Node has to have a (non-null) pointer to
+   * Yoga Config (this config can be shared between many nodes),
+   * so every node can be individually configured. This does *not* mean
+   * however that Yoga consults with every single Yoga Node Config for every
+   * config parameter. Especially in case of `pointScaleFactor`,
+   * the only value in the config of the root node is taken into account
+   * (and this is by design).
+   */
+  yogaConfig_.pointScaleFactor = layoutContext.pointScaleFactor;
+
+  applyLayoutConstraints(yogaNode_.getStyle(), layoutConstraints);
+
+  if (layoutContext.swapLeftAndRightInRTL) {
+    swapLeftAndRightInTree(*this);
+  }
+
+  {
+    SystraceSection s("YogaLayoutableShadowNode::YGNodeCalculateLayout");
+
+    YGNodeCalculateLayout(
+        &yogaNode_, YGUndefined, YGUndefined, YGDirectionInherit);
   }
 
-  LayoutableShadowNode::layout(layoutContext);
+  if (getHasNewLayout()) {
+    auto layoutMetrics = layoutMetricsFromYogaNode(yogaNode_);
+    layoutMetrics.pointScaleFactor = layoutContext.pointScaleFactor;
+    setLayoutMetrics(layoutMetrics);
+    setHasNewLayout(false);
+  }
+
+  layout(layoutContext);
 }
 
 void YogaLayoutableShadowNode::layoutChildren(LayoutContext layoutContext) {
+  assert(!yogaNode_.isDirty());
+
   for (const auto &childYogaNode : yogaNode_.getChildren()) {
     if (!childYogaNode->getHasNewLayout()) {
       continue;
     }
 
+    assert(!childYogaNode->isDirty());
+
     auto childNode =
         static_cast<YogaLayoutableShadowNode *>(childYogaNode->getContext());
 
@@ -226,18 +317,13 @@ void YogaLayoutableShadowNode::layoutChildren(LayoutContext layoutContext) {
   }
 }
 
-LayoutableShadowNode::UnsharedList
-YogaLayoutableShadowNode::getLayoutableChildNodes() const {
-  LayoutableShadowNode::UnsharedList yogaLayoutableChildNodes;
-  yogaLayoutableChildNodes.reserve(yogaNode_.getChildren().size());
+YogaLayoutableShadowNode &YogaLayoutableShadowNode::cloneAndReplaceChild(
+    YogaLayoutableShadowNode &child,
+    int suggestedIndex) {
+  auto clonedChildShadowNode = child.clone({});
+  replaceChild(child, clonedChildShadowNode, suggestedIndex);
 
-  for (const auto &childYogaNode : yogaNode_.getChildren()) {
-    auto childNode =
-        static_cast<YogaLayoutableShadowNode *>(childYogaNode->getContext());
-    yogaLayoutableChildNodes.push_back(childNode);
-  }
-
-  return yogaLayoutableChildNodes;
+  return static_cast<YogaLayoutableShadowNode &>(*clonedChildShadowNode);
 }
 
 #pragma mark - Yoga Connectors
@@ -254,8 +340,7 @@ YGNode *YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector(
       static_cast<YogaLayoutableShadowNode *>(parentYogaNode->getContext());
   auto oldNode =
       static_cast<YogaLayoutableShadowNode *>(oldYogaNode->getContext());
-  auto clonedNode = static_cast<YogaLayoutableShadowNode *>(
-      parentNode->cloneAndReplaceChild(oldNode, childIndex));
+  auto clonedNode = &parentNode->cloneAndReplaceChild(*oldNode, childIndex);
   return &clonedNode->yogaNode_;
 }
 
@@ -312,5 +397,123 @@ YGConfig &YogaLayoutableShadowNode::initializeYogaConfig(YGConfig &config) {
   return config;
 }
 
+#pragma mark - RTL left and right swapping
+
+void YogaLayoutableShadowNode::swapLeftAndRightInTree(
+    YogaLayoutableShadowNode const &shadowNode) {
+  swapLeftAndRightInYogaStyleProps(shadowNode);
+  swapLeftAndRightInViewProps(shadowNode);
+
+  for (auto &child : shadowNode.getChildren()) {
+    auto const yogaLayoutableChild =
+        traitCast<YogaLayoutableShadowNode const *>(child.get());
+    if (yogaLayoutableChild && !yogaLayoutableChild->doesOwn(shadowNode)) {
+      swapLeftAndRightInTree(*yogaLayoutableChild);
+    }
+  }
+}
+
+void YogaLayoutableShadowNode::swapLeftAndRightInYogaStyleProps(
+    YogaLayoutableShadowNode const &shadowNode) {
+  auto yogaStyle = shadowNode.yogaNode_.getStyle();
+
+  YGStyle::Edges const &position = yogaStyle.position();
+  YGStyle::Edges const &padding = yogaStyle.padding();
+  YGStyle::Edges const &margin = yogaStyle.margin();
+
+  // Swap Yoga node values, position, padding and margin.
+
+  if (yogaStyle.position()[YGEdgeLeft] != YGValueUndefined) {
+    yogaStyle.position()[YGEdgeStart] = position[YGEdgeLeft];
+    yogaStyle.position()[YGEdgeLeft] = YGValueUndefined;
+  }
+
+  if (yogaStyle.position()[YGEdgeRight] != YGValueUndefined) {
+    yogaStyle.position()[YGEdgeEnd] = position[YGEdgeRight];
+    yogaStyle.position()[YGEdgeRight] = YGValueUndefined;
+  }
+
+  if (yogaStyle.padding()[YGEdgeLeft] != YGValueUndefined) {
+    yogaStyle.padding()[YGEdgeStart] = padding[YGEdgeLeft];
+    yogaStyle.padding()[YGEdgeLeft] = YGValueUndefined;
+  }
+
+  if (yogaStyle.padding()[YGEdgeRight] != YGValueUndefined) {
+    yogaStyle.padding()[YGEdgeEnd] = padding[YGEdgeRight];
+    yogaStyle.padding()[YGEdgeRight] = YGValueUndefined;
+  }
+
+  if (yogaStyle.margin()[YGEdgeLeft] != YGValueUndefined) {
+    yogaStyle.margin()[YGEdgeStart] = margin[YGEdgeLeft];
+    yogaStyle.margin()[YGEdgeLeft] = YGValueUndefined;
+  }
+
+  if (yogaStyle.margin()[YGEdgeRight] != YGValueUndefined) {
+    yogaStyle.margin()[YGEdgeEnd] = margin[YGEdgeRight];
+    yogaStyle.margin()[YGEdgeLeft] = YGValueUndefined;
+  }
+
+  shadowNode.yogaNode_.setStyle(yogaStyle);
+}
+
+void YogaLayoutableShadowNode::swapLeftAndRightInViewProps(
+    YogaLayoutableShadowNode const &shadowNode) {
+  auto &typedCasting = static_cast<ViewProps const &>(*shadowNode.props_);
+  auto &props = const_cast<ViewProps &>(typedCasting);
+
+  // Swap border node values, borderRadii, borderColors and borderStyles.
+  if (props.borderRadii.topLeft.hasValue()) {
+    props.borderRadii.topStart = props.borderRadii.topLeft;
+    props.borderRadii.topLeft.clear();
+  }
+
+  if (props.borderRadii.bottomLeft.hasValue()) {
+    props.borderRadii.bottomStart = props.borderRadii.bottomLeft;
+    props.borderRadii.bottomLeft.clear();
+  }
+
+  if (props.borderRadii.topRight.hasValue()) {
+    props.borderRadii.topEnd = props.borderRadii.topRight;
+    props.borderRadii.topRight.clear();
+  }
+
+  if (props.borderRadii.bottomRight.hasValue()) {
+    props.borderRadii.bottomEnd = props.borderRadii.bottomRight;
+    props.borderRadii.bottomRight.clear();
+  }
+
+  if (props.borderColors.left.hasValue()) {
+    props.borderColors.start = props.borderColors.left;
+    props.borderColors.left.clear();
+  }
+
+  if (props.borderColors.right.hasValue()) {
+    props.borderColors.end = props.borderColors.right;
+    props.borderColors.right.clear();
+  }
+
+  if (props.borderStyles.left.hasValue()) {
+    props.borderStyles.start = props.borderStyles.left;
+    props.borderStyles.left.clear();
+  }
+
+  if (props.borderStyles.right.hasValue()) {
+    props.borderStyles.end = props.borderStyles.right;
+    props.borderStyles.right.clear();
+  }
+
+  YGStyle::Edges const &border = props.yogaStyle.border();
+
+  if (props.yogaStyle.border()[YGEdgeLeft] != YGValueUndefined) {
+    props.yogaStyle.border()[YGEdgeStart] = border[YGEdgeLeft];
+    props.yogaStyle.border()[YGEdgeLeft] = YGValueUndefined;
+  }
+
+  if (props.yogaStyle.border()[YGEdgeRight] != YGValueUndefined) {
+    props.yogaStyle.border()[YGEdgeEnd] = border[YGEdgeRight];
+    props.yogaStyle.border()[YGEdgeRight] = YGValueUndefined;
+  }
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
index 026a3e9d5ba93d..0ee5dc091a68a5 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
+++ b/ReactCommon/fabric/components/view/yoga/YogaLayoutableShadowNode.h
@@ -22,20 +22,24 @@
 namespace facebook {
 namespace react {
 
-class YogaLayoutableShadowNode : public LayoutableShadowNode,
-                                 public virtual DebugStringConvertible,
-                                 public virtual Sealable {
+class YogaLayoutableShadowNode : public LayoutableShadowNode {
  public:
   using UnsharedList = better::small_vector<
       YogaLayoutableShadowNode *,
       kShadowNodeChildrenSmallVectorSize>;
 
+  static ShadowNodeTraits BaseTraits();
+
 #pragma mark - Constructors
 
-  YogaLayoutableShadowNode(bool isLeaf);
+  YogaLayoutableShadowNode(
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family,
+      ShadowNodeTraits traits);
 
   YogaLayoutableShadowNode(
-      YogaLayoutableShadowNode const &layoutableShadowNode);
+      ShadowNode const &sourceShadowNode,
+      ShadowNodeFragment const &fragment);
 
 #pragma mark - Mutating Methods
 
@@ -45,24 +49,11 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode,
    */
   void enableMeasurement();
 
-  /*
-   * Appends `child`'s Yoga node to the own Yoga node.
-   * Complements `ShadowNode::appendChild(...)` functionality from Yoga
-   * perspective.
-   */
-  void appendChild(YogaLayoutableShadowNode *child);
+  void appendChild(ShadowNode::Shared const &child);
 
-  /*
-   * Sets Yoga children based on collection of `YogaLayoutableShadowNode`
-   * instances. Complements `ShadowNode::setChildren(...)` functionality from
-   * Yoga perspective.
-   */
-  void setChildren(YogaLayoutableShadowNode::UnsharedList children);
+  void updateYogaChildren();
 
-  /*
-   * Sets Yoga styles based on given `YogaStylableProps`.
-   */
-  void setProps(const YogaStylableProps &props);
+  void updateYogaProps();
 
   /*
    * Sets layoutable size of node.
@@ -89,12 +80,12 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode,
    * Computes layout using Yoga layout engine.
    * See `LayoutableShadowNode` for more details.
    */
-  void layout(LayoutContext layoutContext) override;
+  void layoutTree(
+      LayoutContext layoutContext,
+      LayoutConstraints layoutConstraints) override;
 
   void layoutChildren(LayoutContext layoutContext) override;
 
-  LayoutableShadowNode::UnsharedList getLayoutableChildNodes() const override;
-
  protected:
   /*
    * Yoga config associated (only) with this particular node.
@@ -108,14 +99,24 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode,
    */
   mutable YGNode yogaNode_;
 
+ private:
   /*
-   * Forces associated YGNode to be a leaf.
-   * Adding a child `ShadowNode` will not add `YGNode` associated with it as a
-   * child to the stored `YGNode`.
+   * Return true if child's yogaNode's owner is this->yogaNode_. Otherwise
+   * returns false.
    */
-  bool const isLeaf_;
+  bool doesOwn(YogaLayoutableShadowNode const &child) const;
+
+  /*
+   * Appends `child`'s Yoga node to the own Yoga node.
+   * Complements `ShadowNode::appendChild(...)` functionality from Yoga
+   * perspective.
+   */
+  void appendChildYogaNode(YogaLayoutableShadowNode const &child);
+
+  YogaLayoutableShadowNode &cloneAndReplaceChild(
+      YogaLayoutableShadowNode &child,
+      int suggestedIndex);
 
- private:
   static YGConfig &initializeYogaConfig(YGConfig &config);
   static YGNode *yogaNodeCloneCallbackConnector(
       YGNode *oldYogaNode,
@@ -127,7 +128,69 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode,
       YGMeasureMode widthMode,
       float height,
       YGMeasureMode heightMode);
+
+  /*
+   * Walks though shadow node hierarchy and reassign following values:
+   * - (left|right) → (start|end)
+   * - margin(Left|Right) → margin(Start|End)
+   * - padding(Left|Right) → padding(Start|End)
+   * - borderTop(Left|Right)Radius → borderTop(Start|End)Radius
+   * - borderBottom(Left|Right)Radius → borderBottom(Start|End)Radius
+   * - border(Left|Right)Width → border(Start|End)Width
+   * - border(Left|Right)Color → border(Start|End)Color
+   * This is neccesarry to be backwards compatible with Paper, it swaps the
+   * values as well in https://fburl.com/diffusion/kl7bjr3h
+   */
+  static void swapLeftAndRightInTree(
+      YogaLayoutableShadowNode const &shadowNode);
+  /*
+   * In shadow node passed as argument, reassigns following values
+   * - borderTop(Left|Right)Radius → borderTop(Start|End)Radius
+   * - borderBottom(Left|Right)Radius → borderBottom(Start|End)Radius
+   * - border(Left|Right)Width → border(Start|End)Width
+   * - border(Left|Right)Color → border(Start|End)Color
+   */
+  static void swapLeftAndRightInViewProps(
+      YogaLayoutableShadowNode const &shadowNode);
+  /*
+   * In yoga node passed as argument, reassigns following values
+   * - (left|right) → (start|end)
+   * - margin(Left|Right) → margin(Start|End)
+   * - padding(Left|Right) → padding(Start|End)
+   */
+  static void swapLeftAndRightInYogaStyleProps(
+      YogaLayoutableShadowNode const &shadowNode);
 };
 
+template <>
+inline YogaLayoutableShadowNode const &
+traitCast<YogaLayoutableShadowNode const &>(ShadowNode const &shadowNode) {
+  bool castable =
+      shadowNode.getTraits().check(ShadowNodeTraits::Trait::YogaLayoutableKind);
+  assert(
+      castable ==
+      (dynamic_cast<YogaLayoutableShadowNode const *>(&shadowNode) != nullptr));
+  assert(castable);
+  (void)castable;
+  return static_cast<YogaLayoutableShadowNode const &>(shadowNode);
+}
+
+template <>
+inline YogaLayoutableShadowNode const *
+traitCast<YogaLayoutableShadowNode const *>(ShadowNode const *shadowNode) {
+  if (!shadowNode) {
+    return nullptr;
+  }
+  bool castable = shadowNode->getTraits().check(
+      ShadowNodeTraits::Trait::YogaLayoutableKind);
+  assert(
+      castable ==
+      (dynamic_cast<YogaLayoutableShadowNode const *>(shadowNode) != nullptr));
+  if (!castable) {
+    return nullptr;
+  }
+  return static_cast<YogaLayoutableShadowNode const *>(shadowNode);
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
index c5cb90d53932ae..08da2474757d4a 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
+++ b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.cpp
@@ -19,13 +19,11 @@
 namespace facebook {
 namespace react {
 
-YogaStylableProps::YogaStylableProps(YGStyle const &yogaStyle)
-    : yogaStyle(yogaStyle) {}
-
 YogaStylableProps::YogaStylableProps(
     YogaStylableProps const &sourceProps,
     RawProps const &rawProps)
-    : yogaStyle(convertRawProp(rawProps, sourceProps.yogaStyle)){};
+    : Props(sourceProps, rawProps),
+      yogaStyle(convertRawProp(rawProps, sourceProps.yogaStyle)){};
 
 #pragma mark - DebugStringConvertible
 
diff --git a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
index 5c29848cbe434d..d45b23713aaef8 100644
--- a/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
+++ b/ReactCommon/fabric/components/view/yoga/YogaStylableProps.h
@@ -15,25 +15,21 @@
 namespace facebook {
 namespace react {
 
-class YogaStylableProps {
+class YogaStylableProps : public Props {
  public:
   YogaStylableProps() = default;
-  YogaStylableProps(YGStyle const &yogaStyle);
   YogaStylableProps(
       YogaStylableProps const &sourceProps,
       RawProps const &rawProps);
 
 #pragma mark - Props
 
- protected:
-  friend class YogaLayoutableShadowNode;
-  YGStyle const yogaStyle{};
+  YGStyle yogaStyle{};
 
 #if RN_DEBUG_STRING_CONVERTIBLE
 
 #pragma mark - DebugStringConvertible (Partial)
 
- public:
   SharedDebugStringConvertibleList getDebugProps() const;
 
 #endif
diff --git a/ReactCommon/fabric/core/BUCK b/ReactCommon/fabric/core/BUCK
index 43e110c7efcf49..ecd7afa9203aba 100644
--- a/ReactCommon/fabric/core/BUCK
+++ b/ReactCommon/fabric/core/BUCK
@@ -1,5 +1,5 @@
 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("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -45,8 +45,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
@@ -57,13 +57,13 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/jsi:JSIDynamic",
-        "fbsource//xplat/jsi:jsi",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/jsi:JSIDynamic",
+        "//xplat/jsi:jsi",
+        "//xplat/third-party/glog:glog",
         react_native_xplat_target("utils:utils"),
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/graphics:graphics"),
@@ -83,8 +83,13 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
+        "//xplat/folly:molly",
+        "//xplat/js/react-native-github/ReactCommon/fabric/element:element",
+        react_native_xplat_target("fabric/components/view:view"),
+        react_native_xplat_target("fabric/components/scrollview:scrollview"),
+        react_native_xplat_target("fabric/components/text:text"),
+        "//xplat/third-party/gmock:gtest",
+        react_native_xplat_target("fabric/components/view:view"),
         ":core",
     ],
 )
@@ -101,11 +106,11 @@ fb_xplat_cxx_binary(
     ],
     contacts = ["oncall+react_native@xmail.facebook.com"],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     platforms = (ANDROID, APPLE, CXX),
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/third-party/benchmark:benchmark",
+        "//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.cpp b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.cpp
index 67734bf93e7e7a..dae316ad361219 100644
--- a/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.cpp
+++ b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.cpp
@@ -11,12 +11,10 @@ namespace facebook {
 namespace react {
 
 ComponentDescriptor::ComponentDescriptor(
-    EventDispatcher::Weak const &eventDispatcher,
-    ContextContainer::Shared const &contextContainer,
-    ComponentDescriptor::Flavor const &flavor)
-    : eventDispatcher_(eventDispatcher),
-      contextContainer_(contextContainer),
-      flavor_(flavor) {}
+    ComponentDescriptorParameters const &parameters)
+    : eventDispatcher_(parameters.eventDispatcher),
+      contextContainer_(parameters.contextContainer),
+      flavor_(parameters.flavor) {}
 
 ContextContainer::Shared const &ComponentDescriptor::getContextContainer()
     const {
diff --git a/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
index e6271d689c6c75..ea2952ce291968 100644
--- a/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
+++ b/ReactCommon/fabric/core/componentdescriptor/ComponentDescriptor.h
@@ -18,6 +18,7 @@
 namespace facebook {
 namespace react {
 
+class ComponentDescriptorParameters;
 class ComponentDescriptor;
 
 using SharedComponentDescriptor = std::shared_ptr<ComponentDescriptor const>;
@@ -44,10 +45,7 @@ class ComponentDescriptor {
    */
   using Flavor = std::shared_ptr<void const>;
 
-  ComponentDescriptor(
-      EventDispatcher::Weak const &eventDispatcher,
-      ContextContainer::Shared const &contextContainer,
-      ComponentDescriptor::Flavor const &flavor);
+  ComponentDescriptor(ComponentDescriptorParameters const &parameters);
 
   virtual ~ComponentDescriptor() = default;
 
@@ -77,8 +75,9 @@ class ComponentDescriptor {
   /*
    * Creates a new `ShadowNode` of a particular component type.
    */
-  virtual SharedShadowNode createShadowNode(
-      const ShadowNodeFragment &fragment) const = 0;
+  virtual ShadowNode::Shared createShadowNode(
+      const ShadowNodeFragment &fragment,
+      ShadowNodeFamily::Shared const &family) const = 0;
 
   /*
    * Clones a `ShadowNode` with optionally new `props` and/or `children`.
@@ -91,8 +90,8 @@ class ComponentDescriptor {
    * Appends (by mutating) a given `childShadowNode` to `parentShadowNode`.
    */
   virtual void appendChild(
-      const SharedShadowNode &parentShadowNode,
-      const SharedShadowNode &childShadowNode) const = 0;
+      const ShadowNode::Shared &parentShadowNode,
+      const ShadowNode::Shared &childShadowNode) const = 0;
 
   /*
    * Creates a new `Props` of a particular type with all values copied from
@@ -104,29 +103,29 @@ class ComponentDescriptor {
       const SharedProps &props,
       const RawProps &rawProps) const = 0;
 
-  /*
-   * Creates a new `EventEmitter` object compatible with particular type of
-   * shadow nodes.
-   */
-  virtual SharedEventEmitter createEventEmitter(
-      SharedEventTarget eventTarget,
-      const Tag &tag) const = 0;
-
   /*
    * Create an initial State object that represents (and contains) an initial
    * State's data which can be constructed based on initial Props.
    */
   virtual State::Shared createInitialState(
-      ShadowNodeFragment const &fragment) const = 0;
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family) const = 0;
 
   /*
    * Creates a new State object that represents (and contains) a new version of
    * State's data.
    */
   virtual State::Shared createState(
-      const State::Shared &previousState,
+      ShadowNodeFamily const &family,
       const StateData::Shared &data) const = 0;
 
+  /*
+   * Creates a shadow node family for particular node.
+   */
+  virtual ShadowNodeFamily::Shared createFamily(
+      ShadowNodeFamilyFragment const &fragment,
+      SharedEventTarget eventTarget) const = 0;
+
  protected:
   EventDispatcher::Weak eventDispatcher_;
   ContextContainer::Shared contextContainer_;
@@ -134,5 +133,16 @@ class ComponentDescriptor {
   Flavor flavor_;
 };
 
+/*
+ * Represents a collection of arguments that sufficient to construct a
+ * `ComponentDescriptor`.
+ */
+class ComponentDescriptorParameters {
+ public:
+  EventDispatcher::Weak eventDispatcher;
+  ContextContainer::Shared contextContainer;
+  ComponentDescriptor::Flavor flavor;
+};
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h b/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
index 2e9e7cbb989ca5..142e0dd2aadfa0 100644
--- a/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
+++ b/ReactCommon/fabric/core/componentdescriptor/ConcreteComponentDescriptor.h
@@ -16,8 +16,6 @@
 #include <react/core/ShadowNode.h>
 #include <react/core/ShadowNodeFragment.h>
 #include <react/core/State.h>
-#include <react/core/StateCoordinator.h>
-#include <react/core/StateUpdate.h>
 
 namespace facebook {
 namespace react {
@@ -45,11 +43,8 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
   using ConcreteState = typename ShadowNodeT::ConcreteState;
   using ConcreteStateData = typename ShadowNodeT::ConcreteState::Data;
 
-  ConcreteComponentDescriptor(
-      EventDispatcher::Weak const &eventDispatcher,
-      ContextContainer::Shared const &contextContainer = {},
-      ComponentDescriptor::Flavor const &flavor = {})
-      : ComponentDescriptor(eventDispatcher, contextContainer, flavor) {
+  ConcreteComponentDescriptor(ComponentDescriptorParameters const &parameters)
+      : ComponentDescriptor(parameters) {
     rawPropsParser_.prepare<ConcreteProps>();
   }
 
@@ -65,14 +60,13 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
     return ShadowNodeT::BaseTraits();
   }
 
-  SharedShadowNode createShadowNode(
-      const ShadowNodeFragment &fragment) const override {
+  ShadowNode::Shared createShadowNode(
+      const ShadowNodeFragment &fragment,
+      ShadowNodeFamily::Shared const &family) const override {
     assert(std::dynamic_pointer_cast<const ConcreteProps>(fragment.props));
-    assert(std::dynamic_pointer_cast<const ConcreteEventEmitter>(
-        fragment.eventEmitter));
 
     auto shadowNode =
-        std::make_shared<ShadowNodeT>(fragment, *this, getTraits());
+        std::make_shared<ShadowNodeT>(fragment, family, getTraits());
 
     adopt(shadowNode);
 
@@ -93,8 +87,8 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
   }
 
   void appendChild(
-      const SharedShadowNode &parentShadowNode,
-      const SharedShadowNode &childShadowNode) const override {
+      const ShadowNode::Shared &parentShadowNode,
+      const ShadowNode::Shared &childShadowNode) const override {
     assert(
         dynamic_cast<ConcreteShadowNode const *>(parentShadowNode.get()) &&
         "Provided `parentShadowNode` has an incompatible type.");
@@ -123,42 +117,46 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
     return ShadowNodeT::Props(rawProps, props);
   };
 
-  virtual SharedEventEmitter createEventEmitter(
-      SharedEventTarget eventTarget,
-      const Tag &tag) const override {
-    return std::make_shared<ConcreteEventEmitter>(
-        std::move(eventTarget), tag, eventDispatcher_);
-  }
-
   virtual State::Shared createInitialState(
-      ShadowNodeFragment const &fragment) const override {
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family) const override {
     if (std::is_same<ConcreteStateData, StateData>::value) {
       // Default case: Returning `null` for nodes that don't use `State`.
       return nullptr;
     }
 
     return std::make_shared<ConcreteState>(
-        ConcreteShadowNode::initialStateData(fragment, *this),
-        std::make_shared<StateCoordinator>(eventDispatcher_));
+        std::make_shared<ConcreteStateData const>(
+            ConcreteShadowNode::initialStateData(
+                fragment, family->getSurfaceId(), *this)),
+        family);
   }
 
   virtual State::Shared createState(
-      const State::Shared &previousState,
-      const StateData::Shared &data) const override {
+      ShadowNodeFamily const &family,
+      StateData::Shared const &data) const override {
     if (std::is_same<ConcreteStateData, StateData>::value) {
       // Default case: Returning `null` for nodes that don't use `State`.
       return nullptr;
     }
 
-    assert(previousState && "Provided `previousState` is nullptr.");
     assert(data && "Provided `data` is nullptr.");
-    assert(
-        dynamic_cast<ConcreteState const *>(previousState.get()) &&
-        "Provided `previousState` has an incompatible type.");
 
-    return std::make_shared<const ConcreteState>(
-        std::move(*std::static_pointer_cast<ConcreteStateData>(data)),
-        *std::static_pointer_cast<const ConcreteState>(previousState));
+    return std::make_shared<ConcreteState const>(
+        std::static_pointer_cast<ConcreteStateData const>(data),
+        *family.getMostRecentState());
+  }
+
+  virtual ShadowNodeFamily::Shared createFamily(
+      ShadowNodeFamilyFragment const &fragment,
+      SharedEventTarget eventTarget) const override {
+    auto eventEmitter = std::make_shared<ConcreteEventEmitter const>(
+        std::move(eventTarget), fragment.tag, eventDispatcher_);
+    return std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            fragment.tag, fragment.surfaceId, eventEmitter},
+        eventDispatcher_,
+        *this);
   }
 
  protected:
diff --git a/ReactCommon/fabric/core/events/EventDispatcher.cpp b/ReactCommon/fabric/core/events/EventDispatcher.cpp
index 793c003d328db5..dd08e2330ca305 100644
--- a/ReactCommon/fabric/core/events/EventDispatcher.cpp
+++ b/ReactCommon/fabric/core/events/EventDispatcher.cpp
@@ -13,8 +13,6 @@
 #include "RawEvent.h"
 #include "UnbatchedEventQueue.h"
 
-#define REACT_FABRIC_SYNC_EVENT_DISPATCHING_DISABLED
-
 namespace facebook {
 namespace react {
 
@@ -58,10 +56,6 @@ void EventDispatcher::dispatchStateUpdate(
 }
 
 const EventQueue &EventDispatcher::getEventQueue(EventPriority priority) const {
-#ifdef REACT_FABRIC_SYNC_EVENT_DISPATCHING_DISABLED
-  priority = EventPriority::AsynchronousBatched;
-#endif
-
   return *eventQueues_[(int)priority];
 }
 
diff --git a/ReactCommon/fabric/core/events/EventDispatcher.h b/ReactCommon/fabric/core/events/EventDispatcher.h
index 8bd1e713b99d05..47a1d826ad3580 100644
--- a/ReactCommon/fabric/core/events/EventDispatcher.h
+++ b/ReactCommon/fabric/core/events/EventDispatcher.h
@@ -15,12 +15,12 @@
 #include <react/core/EventPriority.h>
 #include <react/core/EventQueue.h>
 #include <react/core/StatePipe.h>
+#include <react/core/StateUpdate.h>
 
 namespace facebook {
 namespace react {
 
 class RawEvent;
-class StateUpdate;
 
 /*
  * Represents event-delivery infrastructure.
diff --git a/ReactCommon/fabric/core/events/EventEmitter.h b/ReactCommon/fabric/core/events/EventEmitter.h
index 4e371c486fdc2e..91db82ed3a611f 100644
--- a/ReactCommon/fabric/core/events/EventEmitter.h
+++ b/ReactCommon/fabric/core/events/EventEmitter.h
@@ -81,7 +81,10 @@ class EventEmitter {
  private:
   void toggleEventTargetOwnership_() const;
 
+  friend class UIManagerBinding;
+
   mutable SharedEventTarget eventTarget_;
+
   EventDispatcher::Weak eventDispatcher_;
   mutable int enableCounter_{0};
   mutable bool isEnabled_{false};
diff --git a/ReactCommon/fabric/core/events/EventQueue.cpp b/ReactCommon/fabric/core/events/EventQueue.cpp
index 8ce08697372744..1d1aa9e6ea0165 100644
--- a/ReactCommon/fabric/core/events/EventQueue.cpp
+++ b/ReactCommon/fabric/core/events/EventQueue.cpp
@@ -105,8 +105,7 @@ void EventQueue::flushStateUpdates() const {
   }
 
   for (const auto &stateUpdate : stateUpdateQueue) {
-    auto pair = stateUpdate();
-    statePipe_(pair.second, pair.first);
+    statePipe_(stateUpdate);
   }
 }
 
diff --git a/ReactCommon/fabric/core/layout/LayoutContext.h b/ReactCommon/fabric/core/layout/LayoutContext.h
index b37bd26231dd3a..31a926b50418b3 100644
--- a/ReactCommon/fabric/core/layout/LayoutContext.h
+++ b/ReactCommon/fabric/core/layout/LayoutContext.h
@@ -41,6 +41,20 @@ struct LayoutContext {
    * purpose), make sure the memory is managed responsibly.
    */
   std::vector<LayoutableShadowNode const *> *affectedNodes{};
+
+  /*
+   * Flag indicating whether in reassignment of direction
+   * aware properties should take place. If yes, following
+   * reassignment will occur in RTL context.
+   * - (left|right) → (start|end)
+   * - margin(Left|Right) → margin(Start|End)
+   * - padding(Left|Right) → padding(Start|End)
+   * - borderTop(Left|Right)Radius → borderTop(Start|End)Radius
+   * - borderBottom(Left|Right)Radius → borderBottom(Start|End)Radius
+   * - border(Left|Right)Width → border(Start|End)Width
+   * - border(Left|Right)Color → border(Start|End)Color
+   */
+  bool swapLeftAndRightInRTL{false};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/layout/LayoutMetrics.h b/ReactCommon/fabric/core/layout/LayoutMetrics.h
index 10fd949f63ee78..014ce93c6c1889 100644
--- a/ReactCommon/fabric/core/layout/LayoutMetrics.h
+++ b/ReactCommon/fabric/core/layout/LayoutMetrics.h
@@ -57,29 +57,9 @@ struct LayoutMetrics {
  * Represents some undefined, not-yet-computed or meaningless value of
  * `LayoutMetrics` type.
  * The value is comparable by equality with any other `LayoutMetrics` value.
- * All individual sub-properties of `EmptyLayoutMetrics` have the most possible
- * "invalid" values; this is useful when we compare them with some valid values.
  */
-static const LayoutMetrics EmptyLayoutMetrics = {
-    /* .frame = */ {
-        /* .origin = */ {std::numeric_limits<Float>::min(),
-                         std::numeric_limits<Float>::min()},
-        /* .size = */
-        {std::numeric_limits<Float>::min(), std::numeric_limits<Float>::min()},
-    },
-    /* .contentInsets = */
-    {std::numeric_limits<Float>::min(),
-     std::numeric_limits<Float>::min(),
-     std::numeric_limits<Float>::min(),
-     std::numeric_limits<Float>::min()},
-    /* .borderWidth = */
-    {std::numeric_limits<Float>::min(),
-     std::numeric_limits<Float>::min(),
-     std::numeric_limits<Float>::min(),
-     std::numeric_limits<Float>::min()},
-    /* .displayType = */ (DisplayType)-1,
-    /* .layoutDirection = */ (LayoutDirection)-1,
-    /* .pointScaleFactor = */ std::numeric_limits<Float>::min()};
+static LayoutMetrics const EmptyLayoutMetrics = {
+    /* .frame = */ {{0, 0}, {-1.0, -1.0}}};
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp b/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp
index 36b694a373c4dc..4ae44ed720e3cc 100644
--- a/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp
+++ b/ReactCommon/fabric/core/layout/LayoutableShadowNode.cpp
@@ -17,6 +17,76 @@
 namespace facebook {
 namespace react {
 
+/*
+ * `shadowNode` might not be the newest revision of `ShadowNodeFamily`.
+ * This function looks at `parentNode`'s children and finds one that belongs
+ * to the same family as `shadowNode`.
+ */
+static ShadowNode const *findNewestChildInParent(
+    ShadowNode const &parentNode,
+    ShadowNode const &shadowNode) {
+  for (auto const &child : parentNode.getChildren()) {
+    if (ShadowNode::sameFamily(*child, shadowNode)) {
+      return child.get();
+    }
+  }
+  return nullptr;
+}
+
+static LayoutMetrics calculateOffsetForLayoutMetrics(
+    LayoutMetrics layoutMetrics,
+    ShadowNode::AncestorList const &ancestors,
+    LayoutableShadowNode::LayoutInspectingPolicy const &policy) {
+  // `AncestorList` starts from the given ancestor node and ends with the parent
+  // node. We iterate from parent node (reverse iteration) and stop before the
+  // given ancestor (rend() - 1).
+  for (auto it = ancestors.rbegin(); it != ancestors.rend() - 1; ++it) {
+    auto &currentShadowNode = it->first.get();
+
+    if (currentShadowNode.getTraits().check(
+            ShadowNodeTraits::Trait::RootNodeKind)) {
+      break;
+    }
+
+    auto layoutableCurrentShadowNode =
+        dynamic_cast<LayoutableShadowNode const *>(&currentShadowNode);
+
+    if (!layoutableCurrentShadowNode) {
+      return EmptyLayoutMetrics;
+    }
+
+    auto frame = layoutableCurrentShadowNode->getLayoutMetrics().frame;
+
+    if (policy.includeTransform) {
+      layoutMetrics.frame.size = layoutMetrics.frame.size *
+          layoutableCurrentShadowNode->getTransform();
+      frame = frame * layoutableCurrentShadowNode->getTransform();
+    }
+
+    layoutMetrics.frame.origin += frame.origin;
+  }
+  return layoutMetrics;
+}
+
+LayoutableShadowNode::LayoutableShadowNode(
+    ShadowNodeFragment const &fragment,
+    ShadowNodeFamily::Shared const &family,
+    ShadowNodeTraits traits)
+    : ShadowNode(fragment, family, traits), layoutMetrics_({}) {}
+
+LayoutableShadowNode::LayoutableShadowNode(
+    ShadowNode const &sourceShadowNode,
+    ShadowNodeFragment const &fragment)
+    : ShadowNode(sourceShadowNode, fragment),
+      layoutMetrics_(static_cast<LayoutableShadowNode const &>(sourceShadowNode)
+                         .layoutMetrics_) {}
+
+ShadowNodeTraits LayoutableShadowNode::BaseTraits() {
+  auto traits = ShadowNodeTraits{};
+  traits.set(ShadowNodeTraits::Trait::LayoutableKind);
+  return traits;
+}
+
 LayoutMetrics LayoutableShadowNode::getLayoutMetrics() const {
   return layoutMetrics_;
 }
@@ -32,51 +102,79 @@ bool LayoutableShadowNode::setLayoutMetrics(LayoutMetrics layoutMetrics) {
   return true;
 }
 
-bool LayoutableShadowNode::LayoutableShadowNode::isLayoutOnly() const {
-  return false;
-}
-
 Transform LayoutableShadowNode::getTransform() const {
   return Transform::Identity();
 }
 
 LayoutMetrics LayoutableShadowNode::getRelativeLayoutMetrics(
-    const LayoutableShadowNode &ancestorLayoutableShadowNode) const {
+    LayoutableShadowNode const &ancestorLayoutableShadowNode,
+    LayoutInspectingPolicy policy) const {
   auto &ancestorShadowNode =
-      dynamic_cast<const ShadowNode &>(ancestorLayoutableShadowNode);
-  auto &shadowNode = dynamic_cast<const ShadowNode &>(*this);
+      dynamic_cast<ShadowNode const &>(ancestorLayoutableShadowNode);
+  auto &shadowNode = dynamic_cast<ShadowNode const &>(*this);
 
-  auto ancestors = shadowNode.getAncestors(ancestorShadowNode);
+  if (ShadowNode::sameFamily(shadowNode, ancestorShadowNode)) {
+    auto layoutMetrics = getLayoutMetrics();
+    layoutMetrics.frame.origin = {0, 0};
+    return layoutMetrics;
+  }
+
+  auto ancestors = shadowNode.getFamily().getAncestors(ancestorShadowNode);
 
   if (ancestors.size() == 0) {
     return EmptyLayoutMetrics;
   }
 
-  auto layoutMetrics = getLayoutMetrics();
+  auto newestChild =
+      findNewestChildInParent(ancestors.rbegin()->first.get(), shadowNode);
 
-  for (auto it = ancestors.rbegin(); it != ancestors.rend(); ++it) {
-    auto &currentShadowNode = it->first.get();
+  if (!newestChild) {
+    return EmptyLayoutMetrics;
+  }
 
-    auto layoutableCurrentShadowNode =
-        dynamic_cast<const LayoutableShadowNode *>(&currentShadowNode);
+  auto layoutableNewestChild =
+      dynamic_cast<LayoutableShadowNode const *>(newestChild);
+  auto layoutMetrics = layoutableNewestChild->getLayoutMetrics();
+  if (policy.includeTransform) {
+    layoutMetrics.frame =
+        layoutMetrics.frame * layoutableNewestChild->getTransform();
+  }
+  return calculateOffsetForLayoutMetrics(layoutMetrics, ancestors, policy);
+}
 
-    if (!layoutableCurrentShadowNode) {
-      return EmptyLayoutMetrics;
+LayoutableShadowNode::UnsharedList
+LayoutableShadowNode::getLayoutableChildNodes() const {
+  LayoutableShadowNode::UnsharedList layoutableChildren;
+  for (const auto &childShadowNode : getChildren()) {
+    auto layoutableChildShadowNode =
+        traitCast<LayoutableShadowNode const *>(childShadowNode.get());
+    if (layoutableChildShadowNode) {
+      layoutableChildren.push_back(
+          const_cast<LayoutableShadowNode *>(layoutableChildShadowNode));
     }
-
-    auto origin = layoutableCurrentShadowNode->getLayoutMetrics().frame.origin;
-    auto transform = layoutableCurrentShadowNode->getTransform();
-
-    layoutMetrics.frame.origin += origin * transform;
   }
-
-  return layoutMetrics;
+  return layoutableChildren;
 }
 
 Size LayoutableShadowNode::measure(LayoutConstraints layoutConstraints) const {
   return Size();
 }
 
+Size LayoutableShadowNode::measure(
+    LayoutContext const &layoutContext,
+    LayoutConstraints const &layoutConstraints) const {
+  auto clonedShadowNode = clone({});
+  auto &layoutableShadowNode =
+      static_cast<LayoutableShadowNode &>(*clonedShadowNode);
+
+  auto localLayoutContext = layoutContext;
+  localLayoutContext.affectedNodes = nullptr;
+
+  layoutableShadowNode.layoutTree(localLayoutContext, layoutConstraints);
+
+  return layoutableShadowNode.getLayoutMetrics().frame.size;
+}
+
 Float LayoutableShadowNode::firstBaseline(Size size) const {
   return 0;
 }
@@ -85,6 +183,12 @@ Float LayoutableShadowNode::lastBaseline(Size size) const {
   return 0;
 }
 
+void LayoutableShadowNode::layoutTree(
+    LayoutContext layoutContext,
+    LayoutConstraints layoutConstraints) {
+  // Default implementation does nothing.
+}
+
 void LayoutableShadowNode::layout(LayoutContext layoutContext) {
   layoutChildren(layoutContext);
 
@@ -96,7 +200,7 @@ void LayoutableShadowNode::layout(LayoutContext layoutContext) {
     child->ensureUnsealed();
     child->setHasNewLayout(false);
 
-    const auto childLayoutMetrics = child->getLayoutMetrics();
+    auto childLayoutMetrics = child->getLayoutMetrics();
     if (childLayoutMetrics.displayType == DisplayType::None) {
       continue;
     }
@@ -108,6 +212,33 @@ void LayoutableShadowNode::layout(LayoutContext layoutContext) {
   }
 }
 
+ShadowNode::Shared LayoutableShadowNode::findNodeAtPoint(
+    ShadowNode::Shared node,
+    Point point) {
+  auto layoutableShadowNode =
+      dynamic_cast<const LayoutableShadowNode *>(node.get());
+
+  if (!layoutableShadowNode) {
+    return nullptr;
+  }
+  auto frame = layoutableShadowNode->getLayoutMetrics().frame;
+  auto transformedFrame = frame * layoutableShadowNode->getTransform();
+  auto isPointInside = transformedFrame.containsPoint(point);
+
+  if (!isPointInside) {
+    return nullptr;
+  }
+
+  auto newPoint = point - frame.origin * layoutableShadowNode->getTransform();
+  for (const auto &childShadowNode : node->getChildren()) {
+    auto hitView = findNodeAtPoint(childShadowNode, newPoint);
+    if (hitView) {
+      return hitView;
+    }
+  }
+  return isPointInside ? node : nullptr;
+}
+
 void LayoutableShadowNode::layoutChildren(LayoutContext layoutContext) {
   // Default implementation does nothing.
 }
diff --git a/ReactCommon/fabric/core/layout/LayoutableShadowNode.h b/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
index 8a374d91cc8759..5351328522335e 100644
--- a/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
+++ b/ReactCommon/fabric/core/layout/LayoutableShadowNode.h
@@ -14,9 +14,10 @@
 
 #include <better/small_vector.h>
 #include <react/core/LayoutMetrics.h>
-#include <react/core/Sealable.h>
 #include <react/core/ShadowNode.h>
+#include <react/core/ShadowNodeFragment.h>
 #include <react/debug/DebugStringConvertible.h>
+#include <react/graphics/Geometry.h>
 #include <react/graphics/Transform.h>
 
 namespace facebook {
@@ -29,12 +30,35 @@ struct LayoutContext;
  * Describes all sufficient layout API (in approach-agnostic way)
  * which makes a concurrent layout possible.
  */
-class LayoutableShadowNode : public virtual Sealable {
+class LayoutableShadowNode : public ShadowNode {
  public:
+  LayoutableShadowNode(
+      ShadowNodeFragment const &fragment,
+      ShadowNodeFamily::Shared const &family,
+      ShadowNodeTraits traits);
+
+  LayoutableShadowNode(
+      ShadowNode const &sourceShadowNode,
+      ShadowNodeFragment const &fragment);
+
+  static ShadowNodeTraits BaseTraits();
+
+  class LayoutInspectingPolicy final {
+   public:
+    bool includeTransform{true};
+  };
+
   using UnsharedList = better::
       small_vector<LayoutableShadowNode *, kShadowNodeChildrenSmallVectorSize>;
 
-  virtual ~LayoutableShadowNode() noexcept = default;
+  /*
+   * Performs layout of the tree starting from this node. Usually is being
+   * called on the root node.
+   * Default implementation does nothing.
+   */
+  virtual void layoutTree(
+      LayoutContext layoutContext,
+      LayoutConstraints layoutConstraints);
 
   /*
    * Measures the node (and node content, probably recursively) with
@@ -43,6 +67,15 @@ class LayoutableShadowNode : public virtual Sealable {
    */
   virtual Size measure(LayoutConstraints layoutConstraints) const;
 
+  /*
+   * Measures the node with given `layoutContext` and `layoutConstraints`.
+   * The size of nested content and the padding should be included, the margin
+   * should *not* be included. Default implementation returns zero size.
+   */
+  virtual Size measure(
+      LayoutContext const &layoutContext,
+      LayoutConstraints const &layoutConstraints) const;
+
   /*
    * Computes layout recursively.
    * Additional environmental constraints might be provided via `layoutContext`
@@ -58,13 +91,6 @@ class LayoutableShadowNode : public virtual Sealable {
    */
   virtual LayoutMetrics getLayoutMetrics() const;
 
-  /*
-   * Returns `true` if the node represents only information necessary for
-   * layout computation and can be safely removed from view hierarchy.
-   * Default implementation returns `false`.
-   */
-  virtual bool isLayoutOnly() const;
-
   /*
    * Returns a transform object that represents transformations that will/should
    * be applied on top of regular layout metrics by mounting layer.
@@ -77,7 +103,22 @@ class LayoutableShadowNode : public virtual Sealable {
    * Returns layout metrics relatively to the given ancestor node.
    */
   LayoutMetrics getRelativeLayoutMetrics(
-      const LayoutableShadowNode &ancestorLayoutableShadowNode) const;
+      LayoutableShadowNode const &ancestorLayoutableShadowNode,
+      LayoutInspectingPolicy policy) const;
+
+  /*
+   * Sets layout metrics for the shadow node.
+   * Returns true if the metrics are different from previous ones.
+   */
+  bool setLayoutMetrics(LayoutMetrics layoutMetrics);
+
+  /*
+   * Returns the ShadowNode that is rendered at the Point received as a
+   * parameter.
+   */
+  static ShadowNode::Shared findNodeAtPoint(
+      ShadowNode::Shared node,
+      Point point);
 
  protected:
   /*
@@ -111,22 +152,7 @@ class LayoutableShadowNode : public virtual Sealable {
   /*
    * Returns layoutable children to interate on.
    */
-  virtual LayoutableShadowNode::UnsharedList getLayoutableChildNodes()
-      const = 0;
-
-  /*
-   * In case layout algorithm needs to mutate this (probably sealed) node,
-   * it has to clone and replace it in the hierarchy before to do so.
-   */
-  virtual LayoutableShadowNode *cloneAndReplaceChild(
-      LayoutableShadowNode *child,
-      int suggestedIndex = -1) = 0;
-
-  /*
-   * Sets layout metrics for the shadow node.
-   * Returns true if the metrics are different from previous ones.
-   */
-  virtual bool setLayoutMetrics(LayoutMetrics layoutMetrics);
+  LayoutableShadowNode::UnsharedList getLayoutableChildNodes() const;
 
 #pragma mark - DebugStringConvertible
 
@@ -135,8 +161,38 @@ class LayoutableShadowNode : public virtual Sealable {
 #endif
 
  private:
-  LayoutMetrics layoutMetrics_{};
+  LayoutMetrics layoutMetrics_;
 };
 
+template <>
+inline LayoutableShadowNode const &traitCast<LayoutableShadowNode const &>(
+    ShadowNode const &shadowNode) {
+  bool castable =
+      shadowNode.getTraits().check(ShadowNodeTraits::Trait::LayoutableKind);
+  assert(
+      castable ==
+      (dynamic_cast<LayoutableShadowNode const *>(&shadowNode) != nullptr));
+  assert(castable);
+  (void)castable;
+  return static_cast<LayoutableShadowNode const &>(shadowNode);
+}
+
+template <>
+inline LayoutableShadowNode const *traitCast<LayoutableShadowNode const *>(
+    ShadowNode const *shadowNode) {
+  if (!shadowNode) {
+    return nullptr;
+  }
+  bool castable =
+      shadowNode->getTraits().check(ShadowNodeTraits::Trait::LayoutableKind);
+  assert(
+      castable ==
+      (dynamic_cast<LayoutableShadowNode const *>(shadowNode) != nullptr));
+  if (!castable) {
+    return nullptr;
+  }
+  return static_cast<LayoutableShadowNode const *>(shadowNode);
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/propsConversions.h b/ReactCommon/fabric/core/propsConversions.h
index 5e6be1373c75ea..468c83a6dedc62 100644
--- a/ReactCommon/fabric/core/propsConversions.h
+++ b/ReactCommon/fabric/core/propsConversions.h
@@ -76,7 +76,7 @@ T convertRawProp(
     RawProps const &rawProps,
     char const *name,
     T const &sourceValue,
-    U const &defaultValue = U(),
+    U const &defaultValue,
     char const *namePrefix = nullptr,
     char const *nameSuffix = nullptr) {
   const auto *rawValue = rawProps.at(name, namePrefix, nameSuffix);
@@ -101,7 +101,7 @@ static better::optional<T> convertRawProp(
     RawProps const &rawProps,
     char const *name,
     better::optional<T> const &sourceValue,
-    better::optional<T> const &defaultValue = {},
+    better::optional<T> const &defaultValue,
     char const *namePrefix = nullptr,
     char const *nameSuffix = nullptr) {
   const auto *rawValue = rawProps.at(name, namePrefix, nameSuffix);
diff --git a/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h b/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
index 60fad4e5e1097e..fded3fe4bd1790 100644
--- a/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
+++ b/ReactCommon/fabric/core/shadownode/ConcreteShadowNode.h
@@ -23,22 +23,30 @@ namespace react {
  */
 template <
     ComponentName concreteComponentName,
+    typename BaseShadowNodeT,
     typename PropsT,
     typename EventEmitterT = EventEmitter,
     typename StateDataT = StateData>
-class ConcreteShadowNode : public ShadowNode {
+class ConcreteShadowNode : public BaseShadowNodeT {
+  static_assert(
+      std::is_base_of<ShadowNode, BaseShadowNodeT>::value,
+      "BaseShadowNodeT must be a descendant of ShadowNode");
   static_assert(
       std::is_base_of<Props, PropsT>::value,
       "PropsT must be a descendant of Props");
 
+ protected:
+  using ShadowNode::props_;
+  using ShadowNode::state_;
+
  public:
-  using ShadowNode::ShadowNode;
+  using BaseShadowNodeT::BaseShadowNodeT;
 
   using ConcreteProps = PropsT;
-  using SharedConcreteProps = std::shared_ptr<const PropsT>;
+  using SharedConcreteProps = std::shared_ptr<PropsT const>;
   using ConcreteEventEmitter = EventEmitterT;
-  using SharedConcreteEventEmitter = std::shared_ptr<const EventEmitterT>;
-  using SharedConcreteShadowNode = std::shared_ptr<const ConcreteShadowNode>;
+  using SharedConcreteEventEmitter = std::shared_ptr<EventEmitterT const>;
+  using SharedConcreteShadowNode = std::shared_ptr<ConcreteShadowNode const>;
   using ConcreteState = ConcreteState<StateDataT>;
   using ConcreteStateData = StateDataT;
 
@@ -55,15 +63,14 @@ class ConcreteShadowNode : public ShadowNode {
    * Reimplement in subclasses to declare class-specific traits.
    */
   static ShadowNodeTraits BaseTraits() {
-    return ShadowNodeTraits{};
+    return BaseShadowNodeT::BaseTraits();
   }
 
   static SharedConcreteProps Props(
-      const RawProps &rawProps,
-      const SharedProps &baseProps = nullptr) {
-    return std::make_shared<const PropsT>(
-        baseProps ? *std::static_pointer_cast<const PropsT>(baseProps)
-                  : PropsT(),
+      RawProps const &rawProps,
+      SharedProps const &baseProps = nullptr) {
+    return std::make_shared<PropsT const>(
+        baseProps ? static_cast<PropsT const &>(*baseProps) : PropsT(),
         rawProps);
   }
 
@@ -75,16 +82,21 @@ class ConcreteShadowNode : public ShadowNode {
 
   static ConcreteStateData initialStateData(
       ShadowNodeFragment const &fragment,
+      SurfaceId const surfaceId,
       ComponentDescriptor const &componentDescriptor) {
     return {};
   }
 
-  const SharedConcreteProps getProps() const {
-    assert(props_ && "Props must not be `nullptr`.");
+  /*
+   * Returns a concrete props object associated with the node.
+   * Thread-safe after the node is sealed.
+   */
+  ConcreteProps const &getConcreteProps() const {
+    assert(BaseShadowNodeT::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_);
+    return static_cast<ConcreteProps const &>(*props_);
   }
 
   /*
@@ -96,7 +108,7 @@ class ConcreteShadowNode : public ShadowNode {
     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();
+    return static_cast<ConcreteState const *>(state_.get())->getData();
   }
 
   /*
@@ -104,29 +116,9 @@ class ConcreteShadowNode : public ShadowNode {
    * Can be called only before the node is sealed (usually during construction).
    */
   void setStateData(ConcreteStateData &&data) {
-    ensureUnsealed();
-    state_ = std::make_shared<ConcreteState const>(std::move(data), *state_);
-  }
-
-  /*
-   * Returns subset of children that are inherited from `SpecificShadowNodeT`.
-   */
-  template <typename SpecificShadowNodeT>
-  better::
-      small_vector<SpecificShadowNodeT *, kShadowNodeChildrenSmallVectorSize>
-      getChildrenSlice() const {
-    better::
-        small_vector<SpecificShadowNodeT *, kShadowNodeChildrenSmallVectorSize>
-            children;
-    for (const auto &childShadowNode : getChildren()) {
-      auto specificChildShadowNode =
-          dynamic_cast<const SpecificShadowNodeT *>(childShadowNode.get());
-      if (specificChildShadowNode) {
-        children.push_back(
-            const_cast<SpecificShadowNodeT *>(specificChildShadowNode));
-      }
-    }
-    return children;
+    Sealable::ensureUnsealed();
+    state_ = std::make_shared<ConcreteState const>(
+        std::make_shared<ConcreteStateData const>(std::move(data)), *state_);
   }
 };
 
diff --git a/ReactCommon/fabric/core/shadownode/LocalData.h b/ReactCommon/fabric/core/shadownode/LocalData.h
deleted file mode 100644
index cf3aead21768c4..00000000000000
--- a/ReactCommon/fabric/core/shadownode/LocalData.h
+++ /dev/null
@@ -1,41 +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 <folly/dynamic.h>
-#include <react/core/Sealable.h>
-#include <react/debug/DebugStringConvertible.h>
-
-namespace facebook {
-namespace react {
-
-class LocalData;
-
-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 information between `ShadowNode`s
- * and native component views.
- * All `LocalData` objects *must* be immutable (sealed) when they became
- * a part of the shadow tree.
- */
-class LocalData : public Sealable, public DebugStringConvertible {
- public:
-  using Shared = std::shared_ptr<LocalData const>;
-
-  virtual ~LocalData() = default;
-
-  virtual folly::dynamic getDynamic() const {
-    return folly::dynamic::object();
-  }
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/Props.cpp b/ReactCommon/fabric/core/shadownode/Props.cpp
index 0a903820dfa578..bb4a057b62871d 100644
--- a/ReactCommon/fabric/core/shadownode/Props.cpp
+++ b/ReactCommon/fabric/core/shadownode/Props.cpp
@@ -14,7 +14,7 @@ namespace facebook {
 namespace react {
 
 Props::Props(const Props &sourceProps, const RawProps &rawProps)
-    : nativeId(convertRawProp(rawProps, "nativeID", sourceProps.nativeId)),
+    : nativeId(convertRawProp(rawProps, "nativeID", sourceProps.nativeId, {})),
       revision(sourceProps.revision + 1)
 #ifdef ANDROID
       ,
diff --git a/ReactCommon/fabric/core/shadownode/Props.h b/ReactCommon/fabric/core/shadownode/Props.h
index 0816b1c49a5a2c..340041448c790a 100644
--- a/ReactCommon/fabric/core/shadownode/Props.h
+++ b/ReactCommon/fabric/core/shadownode/Props.h
@@ -31,7 +31,7 @@ class Props : public virtual Sealable, public virtual DebugStringConvertible {
   Props(Props const &sourceProps, RawProps const &rawProps);
   virtual ~Props() = default;
 
-  std::string const nativeId;
+  std::string nativeId;
 
   /*
    * Special value that represents generation number of `Props` object, which
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNode.cpp b/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
index 453c222779792e..cf88b5a6a78d7a 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
+++ b/ReactCommon/fabric/core/shadownode/ShadowNode.cpp
@@ -6,6 +6,7 @@
  */
 
 #include "ShadowNode.h"
+#include "ShadowNodeFragment.h"
 
 #include <better/small_vector.h>
 
@@ -17,8 +18,6 @@
 namespace facebook {
 namespace react {
 
-using AncestorList = ShadowNode::AncestorList;
-
 SharedShadowNodeSharedList ShadowNode::emptySharedShadowNodeSharedList() {
   static const auto emptySharedShadowNodeSharedList =
       std::make_shared<SharedShadowNodeList>();
@@ -29,11 +28,26 @@ bool ShadowNode::sameFamily(const ShadowNode &first, const ShadowNode &second) {
   return first.family_ == second.family_;
 }
 
+static int computeStateRevision(
+    State::Shared const &state,
+    SharedShadowNodeSharedList const &children) {
+  int fragmentStateRevision = state ? state->getRevision() : 0;
+  int childrenSum = 0;
+
+  if (children) {
+    for (auto const &child : *children) {
+      childrenSum += child->getStateRevision();
+    }
+  }
+
+  return fragmentStateRevision + childrenSum;
+}
+
 #pragma mark - Constructors
 
 ShadowNode::ShadowNode(
     ShadowNodeFragment const &fragment,
-    ComponentDescriptor const &componentDescriptor,
+    ShadowNodeFamily::Shared const &family,
     ShadowNodeTraits traits)
     :
 #if RN_DEBUG_STRING_CONVERTIBLE
@@ -44,20 +58,21 @@ ShadowNode::ShadowNode(
           fragment.children ? fragment.children
                             : emptySharedShadowNodeSharedList()),
       state_(fragment.state),
-      family_(std::make_shared<ShadowNodeFamily const>(
-          fragment.tag,
-          fragment.surfaceId,
-          fragment.eventEmitter,
-          componentDescriptor)),
+      orderIndex_(0),
+      stateRevision_(computeStateRevision(state_, children_)),
+      family_(family),
       traits_(traits) {
   assert(props_);
   assert(children_);
 
   traits_.set(ShadowNodeTraits::Trait::ChildrenAreShared);
 
-  for (const auto &child : *children_) {
+  for (auto const &child : *children_) {
     child->family_->setParent(family_);
   }
+
+  // The first node of the family gets its state committed automatically.
+  family_->setMostRecentState(state_);
 }
 
 ShadowNode::ShadowNode(
@@ -70,19 +85,13 @@ ShadowNode::ShadowNode(
       props_(fragment.props ? fragment.props : sourceShadowNode.props_),
       children_(
           fragment.children ? fragment.children : sourceShadowNode.children_),
-      localData_(
-          fragment.localData ? fragment.localData
-                             : sourceShadowNode.localData_),
       state_(
           fragment.state ? fragment.state
                          : sourceShadowNode.getMostRecentState()),
+      orderIndex_(sourceShadowNode.orderIndex_),
+      stateRevision_(computeStateRevision(state_, children_)),
       family_(sourceShadowNode.family_),
       traits_(sourceShadowNode.traits_) {
-  // `tag`, `surfaceId`, and `eventEmitter` cannot be changed with cloning.
-  assert(fragment.tag == ShadowNodeFragment::tagPlaceholder());
-  assert(fragment.surfaceId == ShadowNodeFragment::surfaceIdPlaceholder());
-  assert(
-      fragment.eventEmitter == ShadowNodeFragment::eventEmitterPlaceholder());
 
   assert(props_);
   assert(children_);
@@ -143,19 +152,11 @@ const State::Shared &ShadowNode::getState() const {
 }
 
 State::Shared ShadowNode::getMostRecentState() const {
-  if (state_) {
-    auto committedState = state_->getMostRecentState();
-
-    // Committed state can be `null` in case if no one node was committed yet;
-    // in this case we return own `state`.
-    return committedState ? committedState : state_;
-  }
-
-  return ShadowNodeFragment::statePlaceholder();
+  return family_->getMostRecentState();
 }
 
-SharedLocalData ShadowNode::getLocalData() const {
-  return localData_;
+int ShadowNode::getOrderIndex() const {
+  return orderIndex_;
 }
 
 void ShadowNode::sealRecursive() const {
@@ -174,7 +175,7 @@ void ShadowNode::sealRecursive() const {
 
 #pragma mark - Mutating Methods
 
-void ShadowNode::appendChild(const SharedShadowNode &child) {
+void ShadowNode::appendChild(const ShadowNode::Shared &child) {
   ensureUnsealed();
 
   cloneChildrenIfShared();
@@ -183,6 +184,8 @@ void ShadowNode::appendChild(const SharedShadowNode &child) {
   nonConstChildren->push_back(child);
 
   child->family_->setParent(family_);
+
+  stateRevision_ += child->getStateRevision();
 }
 
 void ShadowNode::replaceChild(
@@ -191,6 +194,8 @@ void ShadowNode::replaceChild(
     int suggestedIndex) {
   ensureUnsealed();
 
+  stateRevision_ += newChild->getStateRevision() - oldChild.getStateRevision();
+
   cloneChildrenIfShared();
 
   newChild->family_->setParent(family_);
@@ -218,11 +223,6 @@ void ShadowNode::replaceChild(
   assert(false && "Child to replace was not found.");
 }
 
-void ShadowNode::setLocalData(const SharedLocalData &localData) {
-  ensureUnsealed();
-  localData_ = localData;
-}
-
 void ShadowNode::cloneChildrenIfShared() {
   if (!traits_.check(ShadowNodeTraits::Trait::ChildrenAreShared)) {
     return;
@@ -233,49 +233,53 @@ void ShadowNode::cloneChildrenIfShared() {
 }
 
 void ShadowNode::setMounted(bool mounted) const {
+  if (mounted) {
+    family_->setMostRecentState(getState());
+  }
+
   family_->eventEmitter_->setEnabled(mounted);
 }
 
-AncestorList ShadowNode::getAncestors(
-    ShadowNode const &ancestorShadowNode) const {
-  auto ancestors = AncestorList{};
-  auto families = better::small_vector<ShadowNodeFamily const *, 64>{};
-  auto ancestorFamily = ancestorShadowNode.family_.get();
-  auto descendantFamily = family_.get();
-
-  auto family = descendantFamily;
-  while (family && family != ancestorFamily) {
-    families.push_back(family);
-    family = family->parent_.lock().get();
-  }
+ShadowNodeFamily const &ShadowNode::getFamily() const {
+  return *family_;
+}
+
+int ShadowNode::getStateRevision() const {
+  return stateRevision_;
+}
 
-  if (family != ancestorFamily) {
-    ancestors.clear();
-    return ancestors;
+ShadowNode::Unshared ShadowNode::cloneTree(
+    ShadowNodeFamily const &shadowNodeFamily,
+    std::function<ShadowNode::Unshared(ShadowNode const &oldShadowNode)>
+        callback) const {
+  auto ancestors = shadowNodeFamily.getAncestors(*this);
+
+  if (ancestors.size() == 0) {
+    return ShadowNode::Unshared{nullptr};
   }
 
-  auto parentNode = &ancestorShadowNode;
-  for (auto it = families.rbegin(); it != families.rend(); it++) {
-    auto childFamily = *it;
-    auto found = bool{false};
-    auto childIndex = int{0};
-    for (const auto &childNode : *parentNode->children_) {
-      if (childNode->family_.get() == childFamily) {
-        ancestors.push_back({*parentNode, childIndex});
-        parentNode = childNode.get();
-        found = true;
-        break;
-      }
-      childIndex++;
-    }
+  auto &parent = ancestors.back();
+  auto &oldShadowNode = parent.first.get().getChildren().at(parent.second);
 
-    if (!found) {
-      ancestors.clear();
-      return ancestors;
-    }
+  auto newShadowNode = callback(*oldShadowNode);
+
+  auto childNode = newShadowNode;
+
+  for (auto it = ancestors.rbegin(); it != ancestors.rend(); ++it) {
+    auto &parentNode = it->first.get();
+    auto childIndex = it->second;
+
+    auto children = parentNode.getChildren();
+    assert(ShadowNode::sameFamily(*children.at(childIndex), *childNode));
+    children[childIndex] = childNode;
+
+    childNode = parentNode.clone({
+        ShadowNodeFragment::propsPlaceholder(),
+        std::make_shared<SharedShadowNodeList>(children),
+    });
   }
 
-  return ancestors;
+  return std::const_pointer_cast<ShadowNode>(childNode);
 }
 
 #pragma mark - DebugStringConvertible
@@ -286,7 +290,9 @@ std::string ShadowNode::getDebugName() const {
 }
 
 std::string ShadowNode::getDebugValue() const {
-  return "r" + folly::to<std::string>(revision_) +
+  return "r" + folly::to<std::string>(revision_) + "/sr" +
+      folly::to<std::string>(stateRevision_) + "/s" +
+      folly::to<std::string>(state_ ? state_->getRevision() : 0) +
       (getSealed() ? "/sealed" : "");
 }
 
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNode.h b/ReactCommon/fabric/core/shadownode/ShadowNode.h
index 9b6440e0f2bd95..468670698f7778 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNode.h
+++ b/ReactCommon/fabric/core/shadownode/ShadowNode.h
@@ -13,7 +13,6 @@
 
 #include <better/small_vector.h>
 #include <react/core/EventEmitter.h>
-#include <react/core/LocalData.h>
 #include <react/core/Props.h>
 #include <react/core/ReactPrimitives.h>
 #include <react/core/Sealable.h>
@@ -29,9 +28,9 @@ static constexpr const int kShadowNodeChildrenSmallVectorSize = 8;
 
 class ComponentDescriptor;
 struct ShadowNodeFragment;
-
 class ShadowNode;
 
+// Deprecated: Use ShadowNode::Shared instead
 using SharedShadowNode = std::shared_ptr<const ShadowNode>;
 using WeakShadowNode = std::weak_ptr<const ShadowNode>;
 using UnsharedShadowNode = std::shared_ptr<ShadowNode>;
@@ -40,8 +39,7 @@ using SharedShadowNodeList =
 using SharedShadowNodeSharedList = std::shared_ptr<const SharedShadowNodeList>;
 using SharedShadowNodeUnsharedList = std::shared_ptr<SharedShadowNodeList>;
 
-class ShadowNode : public virtual Sealable,
-                   public virtual DebugStringConvertible {
+class ShadowNode : public Sealable, public DebugStringConvertible {
  public:
   using Shared = std::shared_ptr<ShadowNode const>;
   using Weak = std::weak_ptr<ShadowNode const>;
@@ -65,6 +63,14 @@ class ShadowNode : public virtual Sealable,
    */
   static bool sameFamily(const ShadowNode &first, const ShadowNode &second);
 
+  /*
+   * A set of traits associated with a particular class.
+   * Reimplement in subclasses to declare class-specific traits.
+   */
+  static ShadowNodeTraits BaseTraits() {
+    return ShadowNodeTraits{};
+  }
+
 #pragma mark - Constructors
 
   /*
@@ -72,7 +78,7 @@ class ShadowNode : public virtual Sealable,
    */
   ShadowNode(
       ShadowNodeFragment const &fragment,
-      ComponentDescriptor const &componentDescriptor,
+      ShadowNodeFamily::Shared const &family,
       ShadowNodeTraits traits);
 
   /*
@@ -91,6 +97,18 @@ class ShadowNode : public virtual Sealable,
    */
   UnsharedShadowNode clone(const ShadowNodeFragment &fragment) const;
 
+  /*
+   * Clones the node (and partially the tree starting from the node) by
+   * replacing a `oldShadowNode` (which corresponds to a given
+   * `shadowNodeFamily`) with a node that `callback` returns.
+   *
+   * Returns `nullptr` if the operation cannot be performed successfully.
+   */
+  ShadowNode::Unshared cloneTree(
+      ShadowNodeFamily const &shadowNodeFamily,
+      std::function<ShadowNode::Unshared(ShadowNode const &oldShadowNode)>
+          callback) const;
+
 #pragma mark - Getters
 
   ComponentName getComponentName() const;
@@ -127,15 +145,16 @@ class ShadowNode : public virtual Sealable,
   State::Shared getMostRecentState() const;
 
   /*
-   * Returns a local data associated with the node.
-   * `LocalData` object might be used for data exchange between native view and
-   * shadow node instances.
-   * Concrete type of the object depends on concrete type of the `ShadowNode`.
+   * Returns a number that specifies the order of the node.
+   * A view generated from a node with a greater order index is placed before a
+   * view generated from a node with a lower order index.
    */
-  SharedLocalData getLocalData() const;
+  int getOrderIndex() const;
 
   void sealRecursive() const;
 
+  ShadowNodeFamily const &getFamily() const;
+
 #pragma mark - Mutating Methods
 
   void appendChild(ShadowNode::Shared const &child);
@@ -144,12 +163,6 @@ class ShadowNode : public virtual Sealable,
       ShadowNode::Shared const &newChild,
       int suggestedIndex = -1);
 
-  /*
-   * Sets local data associated with the node.
-   * The node must be unsealed at this point.
-   */
-  void setLocalData(const SharedLocalData &localData);
-
   /*
    * Performs all side effects associated with mounting/unmounting in one place.
    * This is not `virtual` on purpose, do not override this.
@@ -157,16 +170,7 @@ class ShadowNode : public virtual Sealable,
    */
   void setMounted(bool mounted) const;
 
-  /*
-   * Returns a list of all ancestors of the node relative to the given ancestor.
-   * The list starts from the given ancestor node and ends with the parent node
-   * of `this` node. The elements of the list have a reference to some parent
-   * node and an index of the child of the parent node.
-   * Returns an empty array if there is no ancestor-descendant relationship.
-   * Can be called from any thread.
-   * The theoretical complexity of the algorithm is `O(ln(n))`. Use it wisely.
-   */
-  AncestorList getAncestors(ShadowNode const &ancestorShadowNode) const;
+  int getStateRevision() const;
 
 #pragma mark - DebugStringConvertible
 
@@ -187,10 +191,19 @@ class ShadowNode : public virtual Sealable,
  protected:
   SharedProps props_;
   SharedShadowNodeSharedList children_;
-  SharedLocalData localData_;
   State::Shared state_;
+  int orderIndex_;
 
  private:
+  friend ShadowNodeFamily;
+
+  /**
+   * This number is deterministically, statelessly recomputable . It tells us
+   * the version of the state of the entire subtree, including this component
+   * and all descendants.
+   */
+  int stateRevision_;
+
   /*
    * Clones the list of children (and creates a new `shared_ptr` to it) if
    * `childrenAreShared_` flag is `true`.
@@ -202,6 +215,7 @@ class ShadowNode : public virtual Sealable,
    */
   ShadowNodeFamily::Shared family_;
 
+ protected:
   /*
    * Traits associated with the particular `ShadowNode` class and an instance of
    * that class.
@@ -209,5 +223,17 @@ class ShadowNode : public virtual Sealable,
   ShadowNodeTraits traits_;
 };
 
+/*
+ * Template declarations for future specializations in concrete classes.
+ * `traitCast` checks for a trait that corresponds to the provided type and
+ * performs `static_cast`. Practically, the behavior is identical to
+ * `dynamic_cast` with very little runtime overhead.
+ */
+template <typename ShadowNodeReferenceT>
+ShadowNodeReferenceT traitCast(ShadowNode const &shadowNode);
+
+template <typename ShadowNodePointerT>
+ShadowNodePointerT traitCast(ShadowNode const *shadowNode);
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.cpp b/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.cpp
index bc72bc0e34dd6a..2dd49e53065e66 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.cpp
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.cpp
@@ -6,20 +6,24 @@
  */
 
 #include "ShadowNodeFamily.h"
+#include "ShadowNode.h"
 
 #include <react/core/ComponentDescriptor.h>
+#include <react/core/State.h>
 
 namespace facebook {
 namespace react {
 
+using AncestorList = ShadowNode::AncestorList;
+
 ShadowNodeFamily::ShadowNodeFamily(
-    Tag tag,
-    SurfaceId surfaceId,
-    SharedEventEmitter const &eventEmitter,
+    ShadowNodeFamilyFragment const &fragment,
+    EventDispatcher::Weak eventDispatcher,
     ComponentDescriptor const &componentDescriptor)
-    : tag_(tag),
-      surfaceId_(surfaceId),
-      eventEmitter_(eventEmitter),
+    : eventDispatcher_(eventDispatcher),
+      tag_(fragment.tag),
+      surfaceId_(fragment.surfaceId),
+      eventEmitter_(fragment.eventEmitter),
       componentDescriptor_(componentDescriptor),
       componentHandle_(componentDescriptor.getComponentHandle()),
       componentName_(componentDescriptor.getComponentName()) {}
@@ -38,9 +42,93 @@ ComponentHandle ShadowNodeFamily::getComponentHandle() const {
   return componentHandle_;
 }
 
+SurfaceId ShadowNodeFamily::getSurfaceId() const {
+  return surfaceId_;
+}
+
 ComponentName ShadowNodeFamily::getComponentName() const {
   return componentName_;
 }
 
+const ComponentDescriptor &ShadowNodeFamily::getComponentDescriptor() const {
+  return componentDescriptor_;
+}
+
+AncestorList ShadowNodeFamily::getAncestors(
+    ShadowNode const &ancestorShadowNode) const {
+  auto families = better::small_vector<ShadowNodeFamily const *, 64>{};
+  auto ancestorFamily = ancestorShadowNode.family_.get();
+
+  auto family = this;
+  while (family && family != ancestorFamily) {
+    families.push_back(family);
+    family = family->parent_.lock().get();
+  }
+
+  if (family != ancestorFamily) {
+    return {};
+  }
+
+  auto ancestors = AncestorList{};
+  auto parentNode = &ancestorShadowNode;
+  for (auto it = families.rbegin(); it != families.rend(); it++) {
+    auto childFamily = *it;
+    auto found = false;
+    auto childIndex = 0;
+    for (const auto &childNode : *parentNode->children_) {
+      if (childNode->family_.get() == childFamily) {
+        ancestors.push_back({*parentNode, childIndex});
+        parentNode = childNode.get();
+        found = true;
+        break;
+      }
+      childIndex++;
+    }
+
+    if (!found) {
+      ancestors.clear();
+      return ancestors;
+    }
+  }
+
+  return ancestors;
+}
+
+State::Shared ShadowNodeFamily::getMostRecentState() const {
+  std::unique_lock<better::shared_mutex> lock(mutex_);
+  return mostRecentState_;
+}
+
+void ShadowNodeFamily::setMostRecentState(State::Shared const &state) const {
+  std::unique_lock<better::shared_mutex> lock(mutex_);
+
+  /*
+   * Checking and setting `isObsolete_` prevents old states to be recommitted
+   * on top of fresher states. It's okay to commit a tree with "older" Shadow
+   * Nodes (the evolution of nodes is not linear), however, we never back out
+   * states (they progress linearly).
+   */
+  if (state && state->isObsolete_) {
+    return;
+  }
+
+  if (mostRecentState_) {
+    mostRecentState_->isObsolete_ = true;
+  }
+
+  mostRecentState_ = state;
+}
+
+void ShadowNodeFamily::dispatchRawState(
+    StateUpdate &&stateUpdate,
+    EventPriority priority) const {
+  auto eventDispatcher = eventDispatcher_.lock();
+  if (!eventDispatcher) {
+    return;
+  }
+
+  eventDispatcher->dispatchStateUpdate(std::move(stateUpdate), priority);
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h b/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h
index f268f98b26adc8..ea9699ce35d7fe 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeFamily.h
@@ -9,13 +9,18 @@
 
 #include <memory>
 
+#include <better/mutex.h>
+
 #include <react/core/EventEmitter.h>
 #include <react/core/ReactPrimitives.h>
+#include <react/core/ShadowNodeFamilyFragment.h>
 
 namespace facebook {
 namespace react {
 
 class ComponentDescriptor;
+class ShadowNode;
+class State;
 
 /*
  * Represents all things that shadow nodes from the same family have in common.
@@ -26,10 +31,15 @@ class ShadowNodeFamily {
   using Shared = std::shared_ptr<ShadowNodeFamily const>;
   using Weak = std::weak_ptr<ShadowNodeFamily const>;
 
+  using AncestorList = better::small_vector<
+      std::pair<
+          std::reference_wrapper<ShadowNode const> /* parentNode */,
+          int /* childIndex */>,
+      64>;
+
   ShadowNodeFamily(
-      Tag tag,
-      SurfaceId surfaceId,
-      SharedEventEmitter const &eventEmitter,
+      ShadowNodeFamilyFragment const &fragment,
+      EventDispatcher::Weak eventDispatcher,
       ComponentDescriptor const &componentDescriptor);
 
   /*
@@ -45,9 +55,43 @@ class ShadowNodeFamily {
   ComponentHandle getComponentHandle() const;
   ComponentName getComponentName() const;
 
+  /*
+   * Returns a concrete `ComponentDescriptor` that manages nodes of this type.
+   */
+  const ComponentDescriptor &getComponentDescriptor() const;
+
+  /*
+   * Returns a list of all ancestors of the node relative to the given ancestor.
+   * The list starts from the given ancestor node and ends with the parent node
+   * of `this` node. The elements of the list have a reference to some parent
+   * node and an index of the child of the parent node.
+   * Returns an empty array if there is no ancestor-descendant relationship.
+   * Can be called from any thread.
+   * The theoretical complexity of the algorithm is `O(ln(n))`. Use it wisely.
+   */
+  AncestorList getAncestors(ShadowNode const &ancestorShadowNode) const;
+
+  SurfaceId getSurfaceId() const;
+
+  /*
+   * Sets and gets the most recent state.
+   */
+  std::shared_ptr<State const> getMostRecentState() const;
+  void setMostRecentState(std::shared_ptr<State const> const &state) const;
+
+  /*
+   * Dispatches a state update with given priority.
+   */
+  void dispatchRawState(StateUpdate &&stateUpdate, EventPriority priority)
+      const;
+
  private:
   friend ShadowNode;
 
+  EventDispatcher::Weak eventDispatcher_;
+  mutable std::shared_ptr<State const> mostRecentState_;
+  mutable better::shared_mutex mutex_;
+
   /*
    * Deprecated.
    */
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeFamilyFragment.h b/ReactCommon/fabric/core/shadownode/ShadowNodeFamilyFragment.h
new file mode 100644
index 00000000000000..88de3a07d2bcd6
--- /dev/null
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeFamilyFragment.h
@@ -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.
+ */
+
+#pragma once
+
+#include <react/core/EventEmitter.h>
+#include <react/core/ReactPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Note: All of the fields are `const &` references (essentially just raw
+ * pointers) which means that the Fragment does not copy/store them nor
+ * retain ownership of them.
+ */
+class ShadowNodeFamilyFragment final {
+ public:
+  Tag const tag;
+  SurfaceId const surfaceId;
+  EventEmitter::Shared const &eventEmitter;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.cpp b/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.cpp
index 18a3b8acb02df8..e70e79b6be3052 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.cpp
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.cpp
@@ -10,35 +10,17 @@
 namespace facebook {
 namespace react {
 
-Tag const ShadowNodeFragment::tagPlaceholder() {
-  return 0;
-}
-
-SurfaceId const ShadowNodeFragment::surfaceIdPlaceholder() {
-  return 0;
-}
-
 Props::Shared const &ShadowNodeFragment::propsPlaceholder() {
   static auto &instance = *new Props::Shared();
   return instance;
 }
 
-EventEmitter::Shared const &ShadowNodeFragment::eventEmitterPlaceholder() {
-  static auto &instance = *new EventEmitter::Shared();
-  return instance;
-}
-
 ShadowNode::SharedListOfShared const &
 ShadowNodeFragment::childrenPlaceholder() {
   static auto &instance = *new ShadowNode::SharedListOfShared();
   return instance;
 }
 
-LocalData::Shared const &ShadowNodeFragment::localDataPlaceholder() {
-  static auto &instance = *new LocalData::Shared();
-  return instance;
-}
-
 State::Shared const &ShadowNodeFragment::statePlaceholder() {
   static auto &instance = *new State::Shared();
   return instance;
@@ -47,17 +29,12 @@ State::Shared const &ShadowNodeFragment::statePlaceholder() {
 using Value = ShadowNodeFragment::Value;
 
 Value::Value(ShadowNodeFragment const &fragment)
-    : tag_(fragment.tag),
-      surfaceId_(fragment.surfaceId),
-      props_(fragment.props),
-      eventEmitter_(fragment.eventEmitter),
+    : props_(fragment.props),
       children_(fragment.children),
-      localData_(fragment.localData),
       state_(fragment.state) {}
 
 Value::operator ShadowNodeFragment() const {
-  return ShadowNodeFragment{
-      tag_, surfaceId_, props_, eventEmitter_, children_, localData_, state_};
+  return ShadowNodeFragment{props_, children_, state_};
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.h b/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.h
index c828372e783d99..5cec5dde8d0c90 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.h
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeFragment.h
@@ -8,7 +8,6 @@
 #pragma once
 
 #include <react/core/EventEmitter.h>
-#include <react/core/LocalData.h>
 #include <react/core/Props.h>
 #include <react/core/ReactPrimitives.h>
 #include <react/core/ShadowNode.h>
@@ -27,12 +26,8 @@ namespace react {
  * fragment content to store or pass the data asynchronously.
  */
 struct ShadowNodeFragment {
-  Tag const tag = tagPlaceholder();
-  SurfaceId const surfaceId = surfaceIdPlaceholder();
   Props::Shared const &props = propsPlaceholder();
-  EventEmitter::Shared const &eventEmitter = eventEmitterPlaceholder();
   ShadowNode::SharedListOfShared const &children = childrenPlaceholder();
-  LocalData::Shared const &localData = localDataPlaceholder();
   State::Shared const &state = statePlaceholder();
 
   /*
@@ -40,12 +35,8 @@ struct ShadowNodeFragment {
    * Use as default arguments as an indication that the field does not need to
    * be changed.
    */
-  static Tag const tagPlaceholder();
-  static SurfaceId const surfaceIdPlaceholder();
   static Props::Shared const &propsPlaceholder();
-  static EventEmitter::Shared const &eventEmitterPlaceholder();
   static ShadowNode::SharedListOfShared const &childrenPlaceholder();
-  static LocalData::Shared const &localDataPlaceholder();
   static State::Shared const &statePlaceholder();
 
   /*
@@ -66,12 +57,8 @@ struct ShadowNodeFragment {
     explicit operator ShadowNodeFragment() const;
 
    private:
-    Tag const tag_;
-    SurfaceId const surfaceId_;
     Props::Shared const props_;
-    EventEmitter::Shared const eventEmitter_;
     ShadowNode::SharedListOfShared const children_;
-    LocalData::Shared const localData_;
     State::Shared const state_;
   };
 };
diff --git a/ReactCommon/fabric/core/shadownode/ShadowNodeTraits.h b/ReactCommon/fabric/core/shadownode/ShadowNodeTraits.h
index 5fe7c69c6f259b..607d308e96d2a3 100644
--- a/ReactCommon/fabric/core/shadownode/ShadowNodeTraits.h
+++ b/ReactCommon/fabric/core/shadownode/ShadowNodeTraits.h
@@ -41,6 +41,15 @@ class ShadowNodeTraits {
     // Inherits `BaseTextShadowNode`.
     TextKind = 1 << 3,
 
+    // Used when calculating relative layout in
+    // LayoutableShadowNode::getRelativeLayoutMetrics. This trait marks node as
+    // root, so when calculating relative layout, the calculation will not
+    // traverse beyond this node. See T61257516 for details.
+    RootNodeKind = 1 << 4,
+
+    // `ViewShadowNode` (exact!) class.
+    View = 1 << 5,
+
     // Inherits `YogaLayoutableShadowNode` and enforces that the `YGNode` is a
     // leaf.
     LeafYogaNode = 1 << 10,
@@ -48,6 +57,14 @@ class ShadowNodeTraits {
     // Inherits `LayoutableShadowNode` and calls `measure()`.
     HasMeasure = 1 << 11,
 
+    // Indicates that the `ShadowNode` must form a stacking context (a level
+    // of the hierarchy; `ShadowView`s formed by descendants the node will be
+    // descendants of a `ShadowView` formed by the node).
+    FormsStackingContext = 1 << 13,
+
+    // Indicates that the node must form a `ShadowView`.
+    FormsView = 1 << 14,
+
     // Internal to `ShadowNode`; do not use it outside.
     // Indicates that `children` list is shared between nodes and need
     // to be cloned before the first mutation.
diff --git a/ReactCommon/fabric/core/state/ConcreteState.h b/ReactCommon/fabric/core/state/ConcreteState.h
index 8781bc69d55be6..8f5c582ce14af4 100644
--- a/ReactCommon/fabric/core/state/ConcreteState.h
+++ b/ReactCommon/fabric/core/state/ConcreteState.h
@@ -24,24 +24,32 @@ namespace react {
 template <typename DataT>
 class ConcreteState : public State {
  public:
-  using Shared = std::shared_ptr<const ConcreteState>;
+  using Shared = std::shared_ptr<ConcreteState const>;
   using Data = DataT;
+  using SharedData = std::shared_ptr<Data const>;
 
-  explicit ConcreteState(
-      Data &&data,
-      StateCoordinator::Shared const &stateCoordinator)
-      : State(stateCoordinator), data_(std::move(data)) {}
+  /*
+   * Creates an updated `State` object with given previous one and `data`.
+   */
+  explicit ConcreteState(SharedData const &data, State const &state)
+      : State(data, state) {}
 
-  explicit ConcreteState(Data &&data, State const &other)
-      : State(other), data_(std::move(data)) {}
+  /*
+   * Creates a first-of-its-family `State` object with given `family` and
+   * `data`.
+   */
+  explicit ConcreteState(
+      SharedData const &data,
+      ShadowNodeFamily::Shared const &family)
+      : State(data, family) {}
 
   virtual ~ConcreteState() = default;
 
   /*
    * Returns stored data.
    */
-  const Data &getData() const {
-    return data_;
+  Data const &getData() const {
+    return *std::static_pointer_cast<Data const>(data_);
   }
 
   /*
@@ -54,7 +62,7 @@ class ConcreteState : public State {
       Data &&newData,
       EventPriority priority = EventPriority::AsynchronousUnbatched) const {
     updateState(
-        [data = std::move(newData)](const Data &oldData) mutable -> Data && {
+        [data = std::move(newData)](Data const &oldData) mutable -> Data && {
           return std::move(data);
         },
         priority);
@@ -69,34 +77,35 @@ class ConcreteState : public State {
    * of conflict.
    */
   void updateState(
-      std::function<Data(const Data &oldData)> callback,
+      std::function<Data(Data const &oldData)> callback,
       EventPriority priority = EventPriority::AsynchronousBatched) const {
-    stateCoordinator_->dispatchRawState(
-        {[stateCoordinator = stateCoordinator_,
-          callback = std::move(
-              callback)]() -> std::pair<StateTarget, StateData::Shared> {
-          auto target = stateCoordinator->getTarget();
-          auto oldState = target.getShadowNode().getState();
-          auto oldData = std::static_pointer_cast<const ConcreteState>(oldState)
-                             ->getData();
-          auto newData = std::make_shared<Data>(callback(oldData));
-          return {std::move(target), std::move(newData)};
-        }},
-        priority);
+    auto family = family_.lock();
+
+    if (!family) {
+      // No more nodes of this family exist anymore,
+      // updating state is impossible.
+      return;
+    }
+
+    auto stateUpdate = StateUpdate{
+        family, [=](StateData::Shared const &oldData) -> StateData::Shared {
+          assert(oldData);
+          return std::make_shared<Data const>(
+              callback(*std::static_pointer_cast<Data const>(oldData)));
+        }};
+
+    family->dispatchRawState(std::move(stateUpdate), priority);
   }
 
 #ifdef ANDROID
   folly::dynamic getDynamic() const override {
-    return data_.getDynamic();
+    return getData().getDynamic();
   }
 
   void updateState(folly::dynamic data) const override {
-    updateState(std::move(Data(data_, data)));
+    updateState(std::move(Data(getData(), data)));
   }
 #endif
-
- private:
-  DataT data_;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/state/State.cpp b/ReactCommon/fabric/core/state/State.cpp
index fc12e51fc80e8e..d6fb8afe8e5737 100644
--- a/ReactCommon/fabric/core/state/State.cpp
+++ b/ReactCommon/fabric/core/state/State.cpp
@@ -7,33 +7,33 @@
 
 #include "State.h"
 
-#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>
-
-#ifdef ANDROID
-#include <folly/dynamic.h>
-#endif
+#include <react/core/StateData.h>
 
 namespace facebook {
 namespace react {
 
-State::State(State const &state) : stateCoordinator_(state.stateCoordinator_){};
+State::State(StateData::Shared const &data, State const &state)
+    : family_(state.family_), data_(data), revision_(state.revision_ + 1){};
+
+State::State(
+    StateData::Shared const &data,
+    ShadowNodeFamily::Shared const &family)
+    : family_(family), data_(data), revision_{State::initialRevisionValue} {};
 
-State::State(StateCoordinator::Shared const &stateCoordinator)
-    : stateCoordinator_(stateCoordinator){};
+State::Shared State::getMostRecentState() const {
+  auto family = family_.lock();
+  if (!family) {
+    return {};
+  }
 
-void State::commit(std::shared_ptr<ShadowNode const> const &shadowNode) const {
-  stateCoordinator_->setTarget(StateTarget{shadowNode});
+  return family->getMostRecentState();
 }
 
-State::Shared State::getMostRecentState() const {
-  auto target = stateCoordinator_->getTarget();
-  return target ? target.getShadowNode().getState()
-                : ShadowNodeFragment::statePlaceholder();
+size_t State::getRevision() const {
+  return revision_;
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/state/State.h b/ReactCommon/fabric/core/state/State.h
index 7e34d3abe52084..e48cf15c3d409e 100644
--- a/ReactCommon/fabric/core/state/State.h
+++ b/ReactCommon/fabric/core/state/State.h
@@ -7,14 +7,15 @@
 
 #pragma once
 
+#ifdef ANDROID
 #include <folly/dynamic.h>
-#include <react/core/StateCoordinator.h>
+#endif
+
+#include <react/core/ShadowNodeFamily.h>
 
 namespace facebook {
 namespace react {
 
-class ShadowNode;
-
 /*
  * An abstract interface of State.
  * State is used to control and continuously advance a single vision of some
@@ -24,8 +25,19 @@ class State {
  public:
   using Shared = std::shared_ptr<const State>;
 
-  explicit State(State const &state);
-  explicit State(StateCoordinator::Shared const &stateCoordinator);
+  static size_t constexpr initialRevisionValue = 1;
+
+ protected:
+  /*
+   * Constructors are protected to make calling them directly with
+   * type-erasured arguments impossible.
+   */
+  explicit State(StateData::Shared const &data, State const &state);
+  explicit State(
+      StateData::Shared const &data,
+      ShadowNodeFamily::Shared const &family);
+
+ public:
   virtual ~State() = default;
 
   /*
@@ -35,18 +47,45 @@ class State {
    */
   State::Shared getMostRecentState() const;
 
+  /*
+   * Returns a revision number of the `State` object.
+   * The number is being automatically assigned during the creation of `State`
+   * objects.
+   * Revision `0` represents a case when we don't have any info about state
+   * object (actual State instances cannot have it).
+   * Revision `1` represents a newly created initial state object.
+   */
+  size_t getRevision() const;
+
 #ifdef ANDROID
   virtual folly::dynamic getDynamic() const = 0;
   virtual void updateState(folly::dynamic data) const = 0;
 #endif
 
-  void commit(std::shared_ptr<ShadowNode const> const &shadowNode) const;
-
  protected:
-  StateCoordinator::Shared stateCoordinator_;
+  friend class ShadowNodeFamily;
+  friend class UIManager;
+
+  /*
+   * Returns a shared pointer to data.
+   * To be used by `UIManager` only.
+   */
+  StateData::Shared const &getDataPointer() const {
+    return data_;
+  }
+
+  /*
+   * A family of a node with this state is associated.
+   * Must be a weak pointer to avoid retain cycle among `State`, `ShadowNode`,
+   * and `ShadowNodeFamily` instances.
+   */
+  ShadowNodeFamily::Weak family_;
 
- private:
-  friend class StateCoordinator;
+  /*
+   * Type-erasured pointer to arbitrary component-specific data held by the
+   * `State`.
+   */
+  StateData::Shared data_;
 
   /*
    * Indicates that the state was committed once and then was replaced by a
@@ -55,6 +94,11 @@ class State {
    * Protected by mutex inside `StateCoordinator`.
    */
   mutable bool isObsolete_{false};
+
+  /*
+   * Revision of the State object.
+   */
+  size_t revision_;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/state/StateCoordinator.cpp b/ReactCommon/fabric/core/state/StateCoordinator.cpp
deleted file mode 100644
index 80baccb7a54238..00000000000000
--- a/ReactCommon/fabric/core/state/StateCoordinator.cpp
+++ /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.
- */
-
-#include "StateCoordinator.h"
-
-#include <react/core/ShadowNode.h>
-#include <react/core/StateData.h>
-#include <react/core/StateUpdate.h>
-
-namespace facebook {
-namespace react {
-
-StateCoordinator::StateCoordinator(EventDispatcher::Weak eventDispatcher)
-    : eventDispatcher_(eventDispatcher) {}
-
-const StateTarget &StateCoordinator::getTarget() const {
-  std::shared_lock<better::shared_mutex> lock(mutex_);
-  return target_;
-}
-
-void StateCoordinator::setTarget(StateTarget &&target) const {
-  std::unique_lock<better::shared_mutex> lock(mutex_);
-
-  assert(target && "`StateTarget` must not be empty.");
-
-  if (target_) {
-    auto &previousState = target_.getShadowNode().getState();
-    auto &nextState = target.getShadowNode().getState();
-
-    /*
-     * Checking and setting `isObsolete_` prevents old states to be recommitted
-     * on top of fresher states. It's okay to commit a tree with "older" Shadow
-     * Nodes (the evolution of nodes is not linear), however, we never back out
-     * states (they progress linearly).
-     */
-    if (nextState->isObsolete_) {
-      return;
-    }
-
-    previousState->isObsolete_ = true;
-  }
-
-  target_ = std::move(target);
-}
-
-void StateCoordinator::dispatchRawState(
-    StateUpdate &&stateUpdate,
-    EventPriority priority) const {
-  auto eventDispatcher = eventDispatcher_.lock();
-  if (!eventDispatcher || !target_) {
-    return;
-  }
-
-  eventDispatcher->dispatchStateUpdate(std::move(stateUpdate), priority);
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateCoordinator.h b/ReactCommon/fabric/core/state/StateCoordinator.h
deleted file mode 100644
index 8fbf7b959bc1bb..00000000000000
--- a/ReactCommon/fabric/core/state/StateCoordinator.h
+++ /dev/null
@@ -1,48 +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 <better/mutex.h>
-#include <mutex>
-
-#include <react/core/EventDispatcher.h>
-#include <react/core/StateTarget.h>
-
-namespace facebook {
-namespace react {
-
-/*
- * Coordinates a vision of the same state values between shadow nodes from
- * the same family.
- */
-class StateCoordinator {
- public:
-  using Shared = std::shared_ptr<const StateCoordinator>;
-
-  StateCoordinator(EventDispatcher::Weak eventDispatcher);
-
-  /*
-   * Dispatches a state update with given priority.
-   */
-  void dispatchRawState(StateUpdate &&stateUpdate, EventPriority priority)
-      const;
-
-  /*
-   * Sets and gets a state target.
-   */
-  const StateTarget &getTarget() const;
-  void setTarget(StateTarget &&target) const;
-
- private:
-  EventDispatcher::Weak eventDispatcher_;
-  mutable StateTarget target_{}; // Protected by `mutex_`.
-  mutable better::shared_mutex mutex_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateData.h b/ReactCommon/fabric/core/state/StateData.h
index 930a8f3b788188..b13b5950490b87 100644
--- a/ReactCommon/fabric/core/state/StateData.h
+++ b/ReactCommon/fabric/core/state/StateData.h
@@ -21,7 +21,7 @@ namespace react {
  * don't have a state.
  */
 struct StateData final {
-  using Shared = std::shared_ptr<void>;
+  using Shared = std::shared_ptr<void const>;
 
 #ifdef ANDROID
   StateData() = default;
diff --git a/ReactCommon/fabric/core/state/StatePipe.h b/ReactCommon/fabric/core/state/StatePipe.h
index 1eb6100a690fa0..1b0436cfbd35dc 100644
--- a/ReactCommon/fabric/core/state/StatePipe.h
+++ b/ReactCommon/fabric/core/state/StatePipe.h
@@ -9,14 +9,12 @@
 
 #include <functional>
 
-#include <react/core/StateData.h>
-#include <react/core/StateTarget.h>
+#include <react/core/StateUpdate.h>
 
 namespace facebook {
 namespace react {
 
-using StatePipe = std::function<
-    void(const StateData::Shared &data, const StateTarget &target)>;
+using StatePipe = std::function<void(StateUpdate const &stateUpdate)>;
 
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateTarget.cpp b/ReactCommon/fabric/core/state/StateTarget.cpp
deleted file mode 100644
index a97f78556f5c15..00000000000000
--- a/ReactCommon/fabric/core/state/StateTarget.cpp
+++ /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.
- */
-
-#include "StateTarget.h"
-#include <react/core/ShadowNode.h>
-
-namespace facebook {
-namespace react {
-
-StateTarget::StateTarget() : shadowNode_(nullptr) {}
-
-StateTarget::StateTarget(std::shared_ptr<ShadowNode const> shadowNode)
-    : shadowNode_(shadowNode) {}
-
-StateTarget::operator bool() const {
-  return (bool)shadowNode_;
-}
-
-const ShadowNode &StateTarget::getShadowNode() const {
-  assert(shadowNode_ && "Stored pointer to a ShadowNode must not be null.");
-  return *shadowNode_;
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateTarget.h b/ReactCommon/fabric/core/state/StateTarget.h
deleted file mode 100644
index 19b1c122ed793b..00000000000000
--- a/ReactCommon/fabric/core/state/StateTarget.h
+++ /dev/null
@@ -1,57 +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>
-
-namespace facebook {
-namespace react {
-
-class ShadowNode;
-
-/*
- * Represents an entity that receives state update.
- * Practically, just a wrapper around shared a pointer to ShadowNode. We need
- * this mostly to avoid circular dependency problems.
- */
-class StateTarget {
- public:
-  /*
-   * Creates an empty target.
-   */
-  explicit StateTarget();
-
-  /*
-   * Creates a target which points to a given `ShadowNode`.
-   */
-  explicit StateTarget(std::shared_ptr<ShadowNode const> shadowNode);
-
-  /*
-   * Copyable and moveable.
-   */
-  StateTarget(const StateTarget &other) = default;
-  StateTarget &operator=(const StateTarget &other) = default;
-  StateTarget(StateTarget &&other) noexcept = default;
-  StateTarget &operator=(StateTarget &&other) = default;
-
-  /*
-   * Returns `true` is the target is not empty.
-   */
-  operator bool() const;
-
-  /*
-   * Returns a reference to a stored `ShadowNode`.
-   */
-  const ShadowNode &getShadowNode() const;
-
- private:
-  std::shared_ptr<ShadowNode const> shadowNode_;
-};
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateUpdate.cpp b/ReactCommon/fabric/core/state/StateUpdate.cpp
index f73401f0dd06f7..5c910c13177a82 100644
--- a/ReactCommon/fabric/core/state/StateUpdate.cpp
+++ b/ReactCommon/fabric/core/state/StateUpdate.cpp
@@ -6,13 +6,3 @@
  */
 
 #include "StateUpdate.h"
-
-namespace facebook {
-namespace react {
-
-std::pair<StateTarget, StateData::Shared> StateUpdate::operator()() const {
-  return callback_();
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/fabric/core/state/StateUpdate.h b/ReactCommon/fabric/core/state/StateUpdate.h
index 6260baa7d3a018..3873890b610172 100644
--- a/ReactCommon/fabric/core/state/StateUpdate.h
+++ b/ReactCommon/fabric/core/state/StateUpdate.h
@@ -10,24 +10,20 @@
 #include <functional>
 
 #include <react/core/StateData.h>
-#include <react/core/StateTarget.h>
 
 namespace facebook {
 namespace react {
 
-/*
- * Carries some logic and additional information about state update transaction.
- */
+class ShadowNodeFamily;
+using SharedShadowNodeFamily = std::shared_ptr<ShadowNodeFamily const>;
+
 class StateUpdate {
  public:
-  std::pair<StateTarget, StateData::Shared> operator()() const;
-
-  /*
-   * The current implementation simply uses `std::function` inside that captures
-   * everything which is needed to perform state update. That will be probably
-   * changed in the future.
-   */
-  std::function<std::pair<StateTarget, StateData::Shared>()> callback_;
+  using Callback =
+      std::function<StateData::Shared(StateData::Shared const &data)>;
+
+  SharedShadowNodeFamily family;
+  Callback callback;
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp b/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
index 27ea66e19e1915..1dfc1878eff37d 100644
--- a/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
+++ b/ReactCommon/fabric/core/tests/ComponentDescriptorTest.cpp
@@ -14,81 +14,116 @@ using namespace facebook::react;
 TEST(ComponentDescriptorTest, createShadowNode) {
   auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
   SharedComponentDescriptor descriptor =
-      std::make_shared<TestComponentDescriptor>(eventDispatcher);
+      std::make_shared<TestComponentDescriptor>(
+          ComponentDescriptorParameters{eventDispatcher, nullptr, nullptr});
 
-  ASSERT_EQ(descriptor->getComponentHandle(), TestShadowNode::Handle());
-  ASSERT_STREQ(descriptor->getComponentName(), TestShadowNode::Name());
-  ASSERT_STREQ(descriptor->getComponentName(), "Test");
+  EXPECT_EQ(descriptor->getComponentHandle(), TestShadowNode::Handle());
+  EXPECT_STREQ(descriptor->getComponentName(), TestShadowNode::Name());
+  EXPECT_STREQ(descriptor->getComponentName(), "Test");
 
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   SharedProps props = descriptor->cloneProps(nullptr, raw);
-  SharedShadowNode node = descriptor->createShadowNode(ShadowNodeFragment{
-      /* .tag = */ 9,
-      /* .surfaceId = */ 1,
-      /* .props = */ props,
-      /* .eventEmitter = */ descriptor->createEventEmitter(0, 9),
-  });
-
-  ASSERT_EQ(node->getComponentHandle(), TestShadowNode::Handle());
-  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");
+
+  auto family = descriptor->createFamily(
+      ShadowNodeFamilyFragment{
+          /* .tag = */ 9,
+          /* .surfaceId = */ 1,
+          /* .eventEmitter = */ nullptr,
+      },
+      nullptr);
+
+  SharedShadowNode node = descriptor->createShadowNode(
+      ShadowNodeFragment{
+          /* .props = */ props,
+      },
+      family);
+
+  EXPECT_EQ(node->getComponentHandle(), TestShadowNode::Handle());
+  EXPECT_STREQ(node->getComponentName(), TestShadowNode::Name());
+  EXPECT_STREQ(node->getComponentName(), "Test");
+  EXPECT_EQ(node->getTag(), 9);
+  EXPECT_EQ(node->getSurfaceId(), 1);
+  EXPECT_STREQ(node->getProps()->nativeId.c_str(), "abc");
 }
 
 TEST(ComponentDescriptorTest, cloneShadowNode) {
   auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
   SharedComponentDescriptor descriptor =
-      std::make_shared<TestComponentDescriptor>(eventDispatcher);
+      std::make_shared<TestComponentDescriptor>(
+          ComponentDescriptorParameters{eventDispatcher, nullptr, nullptr});
 
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   SharedProps props = descriptor->cloneProps(nullptr, raw);
-  SharedShadowNode node = descriptor->createShadowNode(ShadowNodeFragment{
-      /* .tag = */ 9,
-      /* .surfaceId = */ 1,
-      /* .props = */ props,
-      /* .eventEmitter = */ descriptor->createEventEmitter(0, 9),
-  });
+  auto family = descriptor->createFamily(
+      ShadowNodeFamilyFragment{
+          /* .tag = */ 9,
+          /* .surfaceId = */ 1,
+          /* .eventEmitter = */ nullptr,
+      },
+      nullptr);
+  SharedShadowNode node = descriptor->createShadowNode(
+      ShadowNodeFragment{
+          /* .props = */ props,
+      },
+      family);
   SharedShadowNode cloned = descriptor->cloneShadowNode(*node, {});
 
-  ASSERT_STREQ(cloned->getComponentName(), "Test");
-  ASSERT_EQ(cloned->getTag(), 9);
-  ASSERT_EQ(cloned->getSurfaceId(), 1);
-  ASSERT_STREQ(cloned->getProps()->nativeId.c_str(), "abc");
+  EXPECT_STREQ(cloned->getComponentName(), "Test");
+  EXPECT_EQ(cloned->getTag(), 9);
+  EXPECT_EQ(cloned->getSurfaceId(), 1);
+  EXPECT_STREQ(cloned->getProps()->nativeId.c_str(), "abc");
 }
 
 TEST(ComponentDescriptorTest, appendChild) {
   auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
   SharedComponentDescriptor descriptor =
-      std::make_shared<TestComponentDescriptor>(eventDispatcher);
+      std::make_shared<TestComponentDescriptor>(
+          ComponentDescriptorParameters{eventDispatcher, nullptr, nullptr});
 
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   SharedProps props = descriptor->cloneProps(nullptr, raw);
-  SharedShadowNode node1 = descriptor->createShadowNode(ShadowNodeFragment{
-      /* .tag = */ 1,
-      /* .surfaceId = */ 1,
-      /* .props = */ props,
-      /* .eventEmitter = */ descriptor->createEventEmitter(0, 1),
-  });
-  SharedShadowNode node2 = descriptor->createShadowNode(ShadowNodeFragment{
-      /* .tag = */ 2,
-      /* .surfaceId = */ 1,
-      /* .props = */ props,
-      /* .eventEmitter = */ descriptor->createEventEmitter(0, 2),
-  });
-  SharedShadowNode node3 = descriptor->createShadowNode(ShadowNodeFragment{
-      /* .tag = */ 3,
-      /* .surfaceId = */ 1,
-      /* .props = */ props,
-      /* .eventEmitter = */ descriptor->createEventEmitter(0, 3),
-  });
+  auto family1 = descriptor->createFamily(
+      ShadowNodeFamilyFragment{
+          /* .tag = */ 1,
+          /* .surfaceId = */ 1,
+          /* .eventEmitter = */ nullptr,
+      },
+      nullptr);
+  SharedShadowNode node1 = descriptor->createShadowNode(
+      ShadowNodeFragment{
+          /* .props = */ props,
+      },
+      family1);
+  auto family2 = descriptor->createFamily(
+      ShadowNodeFamilyFragment{
+          /* .tag = */ 2,
+          /* .surfaceId = */ 1,
+          /* .eventEmitter = */ nullptr,
+      },
+      nullptr);
+  SharedShadowNode node2 = descriptor->createShadowNode(
+      ShadowNodeFragment{
+          /* .props = */ props,
+      },
+      family2);
+  auto family3 = descriptor->createFamily(
+      ShadowNodeFamilyFragment{
+          /* .tag = */ 3,
+          /* .surfaceId = */ 1,
+          /* .eventEmitter = */ nullptr,
+      },
+      nullptr);
+  SharedShadowNode node3 = descriptor->createShadowNode(
+      ShadowNodeFragment{
+          /* .props = */ props,
+      },
+      family3);
 
   descriptor->appendChild(node1, node2);
   descriptor->appendChild(node1, node3);
 
   auto node1Children = node1->getChildren();
-  ASSERT_EQ(node1Children.size(), 2);
-  ASSERT_EQ(node1Children.at(0), node2);
-  ASSERT_EQ(node1Children.at(1), node3);
+  EXPECT_EQ(node1Children.size(), 2);
+  EXPECT_EQ(node1Children.at(0), node2);
+  EXPECT_EQ(node1Children.at(1), node3);
 }
diff --git a/ReactCommon/fabric/core/tests/FindNodeAtPointTest.cpp b/ReactCommon/fabric/core/tests/FindNodeAtPointTest.cpp
new file mode 100644
index 00000000000000..8f7cd298dc333c
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/FindNodeAtPointTest.cpp
@@ -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.
+ */
+
+#include <gtest/gtest.h>
+#include "TestComponent.h"
+
+using namespace facebook::react;
+
+class FindNodeAtPointTest : public ::testing::Test {
+ protected:
+  FindNodeAtPointTest()
+      : eventDispatcher_(std::shared_ptr<EventDispatcher const>()),
+        componentDescriptor_(TestComponentDescriptor({eventDispatcher_})) {
+    auto traits = TestShadowNode::BaseTraits();
+
+    auto familyA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 9,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    nodeA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyA,
+        traits);
+
+    auto familyAA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 10,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    nodeAA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAA,
+        traits);
+
+    auto familyAAA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 11,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    nodeAAA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAAA,
+        traits);
+
+    nodeA_->appendChild(nodeAA_);
+    nodeAA_->appendChild(nodeAAA_);
+
+    auto layoutMetrics = EmptyLayoutMetrics;
+
+    layoutMetrics.frame = facebook::react::Rect{
+        facebook::react::Point{0, 0}, facebook::react::Size{1000, 1000}};
+    nodeA_->setLayoutMetrics(layoutMetrics);
+
+    layoutMetrics.frame = facebook::react::Rect{
+        facebook::react::Point{100, 100}, facebook::react::Size{100, 100}};
+    nodeAA_->setLayoutMetrics(layoutMetrics);
+
+    layoutMetrics.frame = facebook::react::Rect{facebook::react::Point{10, 10},
+                                                facebook::react::Size{10, 10}};
+    nodeAAA_->setLayoutMetrics(layoutMetrics);
+  }
+
+  std::shared_ptr<EventDispatcher const> eventDispatcher_;
+  std::shared_ptr<TestShadowNode> nodeA_;
+  std::shared_ptr<TestShadowNode> nodeAA_;
+  std::shared_ptr<TestShadowNode> nodeAAA_;
+  TestComponentDescriptor componentDescriptor_;
+};
+
+TEST_F(FindNodeAtPointTest, withoutTransform) {
+  EXPECT_EQ(
+      LayoutableShadowNode::findNodeAtPoint(nodeA_, {115, 115}), nodeAAA_);
+  EXPECT_EQ(LayoutableShadowNode::findNodeAtPoint(nodeA_, {105, 105}), nodeAA_);
+  EXPECT_EQ(LayoutableShadowNode::findNodeAtPoint(nodeA_, {900, 900}), nodeA_);
+  EXPECT_EQ(
+      LayoutableShadowNode::findNodeAtPoint(nodeA_, {1001, 1001}), nullptr);
+}
+
+TEST_F(FindNodeAtPointTest, viewIsTranslated) {
+  nodeA_->_transform =
+      Transform::Identity() * Transform::Translate(-100, -100, 0);
+
+  EXPECT_EQ(
+      LayoutableShadowNode::findNodeAtPoint(nodeA_, {15, 15})->getTag(),
+      nodeAAA_->getTag());
+  EXPECT_EQ(LayoutableShadowNode::findNodeAtPoint(nodeA_, {5, 5}), nodeAA_);
+}
+
+TEST_F(FindNodeAtPointTest, viewIsScaled) {
+  nodeAAA_->_transform = Transform::Identity() * Transform::Scale(0.5, 0.5, 0);
+
+  EXPECT_EQ(LayoutableShadowNode::findNodeAtPoint(nodeA_, {119, 119}), nodeAA_);
+}
diff --git a/ReactCommon/fabric/core/tests/LayoutableShadowNodeTest.cpp b/ReactCommon/fabric/core/tests/LayoutableShadowNodeTest.cpp
new file mode 100644
index 00000000000000..9c13ae700f13d0
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/LayoutableShadowNodeTest.cpp
@@ -0,0 +1,206 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 "TestComponent.h"
+
+using namespace facebook::react;
+
+class LayoutableShadowNodeTest : public ::testing::Test {
+ protected:
+  LayoutableShadowNodeTest()
+      : eventDispatcher_(std::shared_ptr<EventDispatcher const>()),
+        componentDescriptor_(TestComponentDescriptor({eventDispatcher_})) {
+    auto traits = TestShadowNode::BaseTraits();
+
+    auto familyA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 9,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    nodeA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyA,
+        traits);
+
+    auto familyAA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 10,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    auto rootTraits = traits;
+    rootTraits.set(ShadowNodeTraits::Trait::RootNodeKind);
+
+    nodeAA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAA,
+        rootTraits);
+
+    auto familyAAA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 11,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    nodeAAA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAAA,
+        traits);
+
+    auto familyAAAA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 11,
+            /* .surfaceId = */ 1,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+
+    nodeAAAA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ std::make_shared<const TestProps>(),
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAAAA,
+        traits);
+
+    nodeA_->appendChild(nodeAA_);
+    nodeAA_->appendChild(nodeAAA_);
+    nodeAAA_->appendChild(nodeAAAA_);
+  }
+
+  std::shared_ptr<EventDispatcher const> eventDispatcher_;
+  std::shared_ptr<TestShadowNode> nodeA_;
+  std::shared_ptr<TestShadowNode> nodeAA_;
+  std::shared_ptr<TestShadowNode> nodeAAA_;
+  std::shared_ptr<TestShadowNode> nodeAAAA_;
+  TestComponentDescriptor componentDescriptor_;
+};
+
+TEST_F(LayoutableShadowNodeTest, relativeLayoutMetrics) {
+  auto layoutMetrics = EmptyLayoutMetrics;
+  layoutMetrics.frame.origin = {10, 20};
+  layoutMetrics.frame.size = {100, 200};
+  nodeA_->setLayoutMetrics(layoutMetrics);
+  nodeAA_->setLayoutMetrics(layoutMetrics);
+
+  auto relativeLayoutMetrics = nodeAA_->getRelativeLayoutMetrics(*nodeA_, {});
+
+  // A is a parent to B, A has origin {10, 10}, B has origin {10, 10}.
+  // B's relative origin to A should be {10, 10}.
+  // D19447900 has more about the issue.
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.x, 10);
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.y, 20);
+}
+
+TEST_F(LayoutableShadowNodeTest, relativeLayoutMetricsOnTransformedNode) {
+  auto layoutMetrics = EmptyLayoutMetrics;
+  layoutMetrics.frame.size = {1000, 1000};
+  nodeA_->setLayoutMetrics(layoutMetrics);
+
+  layoutMetrics.frame.origin = {10, 20};
+  layoutMetrics.frame.size = {100, 200};
+  nodeAA_->_transform = Transform::Scale(0.5, 0.5, 1);
+  nodeAA_->setLayoutMetrics(layoutMetrics);
+
+  auto relativeLayoutMetrics = nodeAA_->getRelativeLayoutMetrics(*nodeA_, {});
+
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.x, 35);
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.y, 70);
+
+  EXPECT_EQ(relativeLayoutMetrics.frame.size.width, 50);
+  EXPECT_EQ(relativeLayoutMetrics.frame.size.height, 100);
+}
+
+TEST_F(LayoutableShadowNodeTest, relativeLayoutMetricsOnTransformedParent) {
+  auto layoutMetrics = EmptyLayoutMetrics;
+  layoutMetrics.frame.size = {1000, 1000};
+  nodeA_->setLayoutMetrics(layoutMetrics);
+  nodeAA_->setLayoutMetrics(layoutMetrics);
+
+  layoutMetrics.frame.origin = {10, 10};
+  layoutMetrics.frame.size = {100, 100};
+  nodeAAA_->_transform = Transform::Scale(0.5, 0.5, 1);
+  nodeAAA_->setLayoutMetrics(layoutMetrics);
+
+  layoutMetrics.frame.origin = {10, 10};
+  layoutMetrics.frame.size = {50, 50};
+  nodeAAAA_->setLayoutMetrics(layoutMetrics);
+
+  auto relativeLayoutMetrics =
+      nodeAAAA_->getRelativeLayoutMetrics(*nodeAA_, {});
+
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.x, 45);
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.y, 45);
+
+  EXPECT_EQ(relativeLayoutMetrics.frame.size.width, 25);
+  EXPECT_EQ(relativeLayoutMetrics.frame.size.height, 25);
+}
+
+TEST_F(LayoutableShadowNodeTest, relativeLayoutMetricsOnSameNode) {
+  auto layoutMetrics = EmptyLayoutMetrics;
+  layoutMetrics.frame.origin = {10, 20};
+  layoutMetrics.frame.size = {100, 200};
+  nodeA_->setLayoutMetrics(layoutMetrics);
+
+  auto relativeLayoutMetrics = nodeA_->getRelativeLayoutMetrics(*nodeA_, {});
+
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.x, 0);
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.y, 0);
+  EXPECT_EQ(relativeLayoutMetrics.frame.size.width, 100);
+  EXPECT_EQ(relativeLayoutMetrics.frame.size.height, 200);
+}
+
+TEST_F(LayoutableShadowNodeTest, relativeLayourMetricsOnClonedNode) {
+  // B is cloned and mutated.
+  auto nodeBRevision2 = std::static_pointer_cast<TestShadowNode>(
+      componentDescriptor_.cloneShadowNode(*nodeAA_, ShadowNodeFragment{}));
+  auto layoutMetrics = EmptyLayoutMetrics;
+  layoutMetrics.frame.size = {500, 600};
+  nodeBRevision2->setLayoutMetrics(layoutMetrics);
+  nodeA_->replaceChild(*nodeAA_, nodeBRevision2);
+
+  // Even if we ask old ShadowNode for its relative layoutMetrics, it needs to
+  // return correct, new layoutMetrics. D19433873 has more about the issue.
+  auto newRelativeLayoutMetrics =
+      nodeAA_->getRelativeLayoutMetrics(*nodeA_, {});
+  EXPECT_EQ(newRelativeLayoutMetrics.frame.size.width, 500);
+  EXPECT_EQ(newRelativeLayoutMetrics.frame.size.height, 600);
+}
+
+TEST_F(LayoutableShadowNodeTest, relativeLayoutMetricsOnSameNode2) {
+  auto layoutMetrics = EmptyLayoutMetrics;
+  nodeA_->setLayoutMetrics(layoutMetrics);
+  layoutMetrics.frame.origin = {10, 10};
+  nodeAA_->setLayoutMetrics(layoutMetrics);
+  nodeAAA_->setLayoutMetrics(layoutMetrics);
+
+  auto relativeLayoutMetrics = nodeAAA_->getRelativeLayoutMetrics(*nodeA_, {});
+
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.x, 10);
+  EXPECT_EQ(relativeLayoutMetrics.frame.origin.y, 10);
+}
diff --git a/ReactCommon/fabric/core/tests/PrimitivesTest.cpp b/ReactCommon/fabric/core/tests/PrimitivesTest.cpp
index f6fe13ebfae8a0..f156ed77b420c0 100644
--- a/ReactCommon/fabric/core/tests/PrimitivesTest.cpp
+++ b/ReactCommon/fabric/core/tests/PrimitivesTest.cpp
@@ -14,10 +14,10 @@ using namespace facebook::react;
 
 TEST(SealableTest, sealObjectCorrectly) {
   Sealable obj;
-  ASSERT_FALSE(obj.getSealed());
+  EXPECT_FALSE(obj.getSealed());
 
   obj.seal();
-  ASSERT_TRUE(obj.getSealed());
+  EXPECT_TRUE(obj.getSealed());
 }
 
 TEST(SealableTest, handleAssignmentsCorrectly) {
@@ -37,5 +37,5 @@ TEST(SealableTest, handleAssignmentsCorrectly) {
 
   // Fresh creation off other Sealable is still unsealed.
   Sealable other3(obj);
-  ASSERT_FALSE(other3.getSealed());
+  EXPECT_FALSE(other3.getSealed());
 }
diff --git a/ReactCommon/fabric/core/tests/RawPropsTest.cpp b/ReactCommon/fabric/core/tests/RawPropsTest.cpp
index 7d22b8132eb15f..7a5ecb1f94b9c4 100644
--- a/ReactCommon/fabric/core/tests/RawPropsTest.cpp
+++ b/ReactCommon/fabric/core/tests/RawPropsTest.cpp
@@ -118,7 +118,7 @@ class PropsMultiLookup : public Props {
   const float derivedFloatValue{40};
 };
 
-TEST(ShadowNodeTest, handleProps) {
+TEST(RawPropsTest, handleProps) {
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   auto parser = RawPropsParser();
   parser.prepare<Props>();
@@ -127,12 +127,12 @@ TEST(ShadowNodeTest, handleProps) {
   auto props = std::make_shared<Props>(Props(), raw);
 
   // Props are not sealed after applying raw props.
-  ASSERT_FALSE(props->getSealed());
+  EXPECT_FALSE(props->getSealed());
 
-  ASSERT_STREQ(props->nativeId.c_str(), "abc");
+  EXPECT_STREQ(props->nativeId.c_str(), "abc");
 }
 
-TEST(ShadowNodeTest, handleRawPropsSingleString) {
+TEST(RawPropsTest, handleRawPropsSingleString) {
   const auto &raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   auto parser = RawPropsParser();
   parser.prepare<Props>();
@@ -140,10 +140,10 @@ TEST(ShadowNodeTest, handleRawPropsSingleString) {
 
   std::string value = (std::string)*raw.at("nativeID", nullptr, nullptr);
 
-  ASSERT_STREQ(value.c_str(), "abc");
+  EXPECT_STREQ(value.c_str(), "abc");
 }
 
-TEST(ShadowNodeTest, handleRawPropsSingleFloat) {
+TEST(RawPropsTest, handleRawPropsSingleFloat) {
   const auto &raw =
       RawProps(folly::dynamic::object("floatValue", (float)42.42));
   auto parser = RawPropsParser();
@@ -152,10 +152,10 @@ TEST(ShadowNodeTest, handleRawPropsSingleFloat) {
 
   float value = (float)*raw.at("floatValue", nullptr, nullptr);
 
-  ASSERT_NEAR(value, 42.42, 0.00001);
+  EXPECT_NEAR(value, 42.42, 0.00001);
 }
 
-TEST(ShadowNodeTest, handleRawPropsSingleDouble) {
+TEST(RawPropsTest, handleRawPropsSingleDouble) {
   const auto &raw =
       RawProps(folly::dynamic::object("doubleValue", (double)42.42));
   auto parser = RawPropsParser();
@@ -164,10 +164,10 @@ TEST(ShadowNodeTest, handleRawPropsSingleDouble) {
 
   double value = (double)*raw.at("doubleValue", nullptr, nullptr);
 
-  ASSERT_NEAR(value, 42.42, 0.00001);
+  EXPECT_NEAR(value, 42.42, 0.00001);
 }
 
-TEST(ShadowNodeTest, handleRawPropsSingleInt) {
+TEST(RawPropsTest, handleRawPropsSingleInt) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42.42));
   auto parser = RawPropsParser();
   parser.prepare<PropsSingleInt>();
@@ -175,21 +175,21 @@ TEST(ShadowNodeTest, handleRawPropsSingleInt) {
 
   int value = (int)*raw.at("intValue", nullptr, nullptr);
 
-  ASSERT_EQ(value, 42);
+  EXPECT_EQ(value, 42);
 }
 
-TEST(ShadowNodeTest, handleRawPropsSingleIntGetManyTimes) {
+TEST(RawPropsTest, handleRawPropsSingleIntGetManyTimes) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42.42));
   auto parser = RawPropsParser();
   parser.prepare<PropsSingleInt>();
   raw.parse(parser);
 
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
 }
 
-TEST(ShadowNodeTest, handleRawPropsPrimitiveTypes) {
+TEST(RawPropsTest, handleRawPropsPrimitiveTypes) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42)(
       "doubleValue", (double)17.42)("floatValue", (float)66.67)(
       "stringValue", "helloworld")("boolValue", true));
@@ -198,16 +198,16 @@ TEST(ShadowNodeTest, handleRawPropsPrimitiveTypes) {
   parser.prepare<PropsPrimitiveTypes>();
   raw.parse(parser);
 
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
-  ASSERT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
-  ASSERT_STREQ(
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
+  EXPECT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
+  EXPECT_STREQ(
       ((std::string)*raw.at("stringValue", nullptr, nullptr)).c_str(),
       "helloworld");
-  ASSERT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
+  EXPECT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
 }
 
-TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesGetTwice) {
+TEST(RawPropsTest, handleRawPropsPrimitiveTypesGetTwice) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42)(
       "doubleValue", (double)17.42)("floatValue", (float)66.67)(
       "stringValue", "helloworld")("boolValue", true));
@@ -216,24 +216,24 @@ TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesGetTwice) {
   parser.prepare<PropsPrimitiveTypes>();
   raw.parse(parser);
 
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
-  ASSERT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
-  ASSERT_STREQ(
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
+  EXPECT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
+  EXPECT_STREQ(
       ((std::string)*raw.at("stringValue", nullptr, nullptr)).c_str(),
       "helloworld");
-  ASSERT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
+  EXPECT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
 
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
-  ASSERT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
-  ASSERT_STREQ(
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
+  EXPECT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
+  EXPECT_STREQ(
       ((std::string)*raw.at("stringValue", nullptr, nullptr)).c_str(),
       "helloworld");
-  ASSERT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
+  EXPECT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
 }
 
-TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesGetOutOfOrder) {
+TEST(RawPropsTest, handleRawPropsPrimitiveTypesGetOutOfOrder) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42)(
       "doubleValue", (double)17.42)("floatValue", (float)66.67)(
       "stringValue", "helloworld")("boolValue", true));
@@ -242,41 +242,41 @@ TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesGetOutOfOrder) {
   parser.prepare<PropsPrimitiveTypes>();
   raw.parse(parser);
 
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
-  ASSERT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
-  ASSERT_STREQ(
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
+  EXPECT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
+  EXPECT_STREQ(
       ((std::string)*raw.at("stringValue", nullptr, nullptr)).c_str(),
       "helloworld");
-  ASSERT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
+  EXPECT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
 
-  ASSERT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
-  ASSERT_STREQ(
+  EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_NEAR((float)*raw.at("floatValue", nullptr, nullptr), 66.67, 0.00001);
+  EXPECT_STREQ(
       ((std::string)*raw.at("stringValue", nullptr, nullptr)).c_str(),
       "helloworld");
-  ASSERT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
+  EXPECT_EQ((bool)*raw.at("boolValue", nullptr, nullptr), true);
 }
 
-TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesIncomplete) {
+TEST(RawPropsTest, handleRawPropsPrimitiveTypesIncomplete) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42));
 
   auto parser = RawPropsParser();
   parser.prepare<PropsPrimitiveTypes>();
   raw.parse(parser);
 
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_EQ(raw.at("doubleValue", nullptr, nullptr), nullptr);
-  ASSERT_EQ(raw.at("floatValue", nullptr, nullptr), nullptr);
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
-  ASSERT_EQ(raw.at("stringValue", nullptr, nullptr), nullptr);
-  ASSERT_EQ(raw.at("boolValue", nullptr, nullptr), nullptr);
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ(raw.at("doubleValue", nullptr, nullptr), nullptr);
+  EXPECT_EQ(raw.at("floatValue", nullptr, nullptr), nullptr);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ(raw.at("stringValue", nullptr, nullptr), nullptr);
+  EXPECT_EQ(raw.at("boolValue", nullptr, nullptr), nullptr);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
 }
 
 #ifndef NDEBUG
-TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesIncorrectLookup) {
+TEST(RawPropsTest, handleRawPropsPrimitiveTypesIncorrectLookup) {
   const auto &raw = RawProps(folly::dynamic::object("intValue", (int)42));
 
   auto parser = RawPropsParser();
@@ -286,12 +286,12 @@ TEST(ShadowNodeTest, handleRawPropsPrimitiveTypesIncorrectLookup) {
   // Before D18662135, looking up an invalid key would trigger
   // an infinite loop. This is out of contract, so we should only
   // test this in debug.
-  ASSERT_EQ(raw.at("flurb", nullptr, nullptr), nullptr);
-  ASSERT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
+  EXPECT_EQ(raw.at("flurb", nullptr, nullptr), nullptr);
+  EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
 }
 #endif
 
-TEST(ShadowNodeTest, handlePropsMultiLookup) {
+TEST(RawPropsTest, handlePropsMultiLookup) {
   const auto &raw = RawProps(folly::dynamic::object("floatValue", (float)10.0));
   auto parser = RawPropsParser();
   parser.prepare<PropsMultiLookup>();
@@ -300,8 +300,8 @@ TEST(ShadowNodeTest, handlePropsMultiLookup) {
   auto props = std::make_shared<PropsMultiLookup>(PropsMultiLookup(), raw);
 
   // Props are not sealed after applying raw props.
-  ASSERT_FALSE(props->getSealed());
+  EXPECT_FALSE(props->getSealed());
 
-  ASSERT_NEAR(props->floatValue, 10.0, 0.00001);
-  ASSERT_NEAR(props->derivedFloatValue, 20.0, 0.00001);
+  EXPECT_NEAR(props->floatValue, 10.0, 0.00001);
+  EXPECT_NEAR(props->derivedFloatValue, 20.0, 0.00001);
 }
diff --git a/ReactCommon/fabric/core/tests/ShadowNodeFamilyTest.cpp b/ReactCommon/fabric/core/tests/ShadowNodeFamilyTest.cpp
new file mode 100644
index 00000000000000..b5737b4b24130c
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/ShadowNodeFamilyTest.cpp
@@ -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.
+ */
+
+#include <exception>
+
+#include <gtest/gtest.h>
+
+#include <react/components/view/ViewComponentDescriptor.h>
+#include <react/element/ComponentBuilder.h>
+#include <react/element/Element.h>
+#include <react/uimanager/ComponentDescriptorProviderRegistry.h>
+
+using namespace facebook::react;
+
+TEST(ShadowNodeFamilyTest, sealObjectCorrectly) {
+  /*
+   * The structure:
+   * <A>
+   *  <AA>
+   *    <AAA/>
+   *  </AA>
+   * </A>
+   */
+  ComponentDescriptorProviderRegistry componentDescriptorProviderRegistry{};
+  auto eventDispatcher = EventDispatcher::Shared{};
+  auto componentDescriptorRegistry =
+      componentDescriptorProviderRegistry.createComponentDescriptorRegistry(
+          ComponentDescriptorParameters{eventDispatcher, nullptr, nullptr});
+
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<ViewComponentDescriptor>());
+
+  auto builder = ComponentBuilder{componentDescriptorRegistry};
+
+  auto shadowNodeAAA = std::shared_ptr<ViewShadowNode>{};
+  auto shadowNodeAA = std::shared_ptr<ViewShadowNode>{};
+
+  // clang-format off
+  auto elementA =
+      Element<ViewShadowNode>()
+        .tag(1)
+        .finalize([](ViewShadowNode &shadowNode){
+          shadowNode.sealRecursive();
+        })
+        .children({
+          Element<ViewShadowNode>()
+            .tag(2)
+            .reference(shadowNodeAA)
+            .children({
+              Element<ViewShadowNode>()
+                .reference(shadowNodeAAA)
+                .tag(3)
+            })
+        });
+  auto elementB =
+    Element<ViewShadowNode>()
+      .tag(1)
+      .finalize([](ViewShadowNode &shadowNode){
+        shadowNode.sealRecursive();
+      });
+  // clang-format on
+
+  auto shadowNodeA = builder.build(elementA);
+  auto shadowNodeB = builder.build(elementB);
+
+  // Negative case:
+  auto ancestors1 = shadowNodeB->getFamily().getAncestors(*shadowNodeA);
+  EXPECT_EQ(ancestors1.size(), 0);
+
+  // Positive case:
+  auto ancestors2 = shadowNodeAAA->getFamily().getAncestors(*shadowNodeA);
+  EXPECT_EQ(ancestors2.size(), 2);
+  EXPECT_EQ(&ancestors2[0].first.get(), shadowNodeA.get());
+  EXPECT_EQ(&ancestors2[1].first.get(), shadowNodeAA.get());
+}
diff --git a/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp b/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
index 096c2a3263663c..08e331a56fcd4f 100644
--- a/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
+++ b/ReactCommon/fabric/core/tests/ShadowNodeTest.cpp
@@ -15,321 +15,278 @@
 
 using namespace facebook::react;
 
-TEST(ShadowNodeTest, handleShadowNodeCreation) {
-  auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
-  auto componentDescriptor = TestComponentDescriptor(eventDispatcher);
-  auto node = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 9,
-          /* .surfaceId = */ 1,
-          /* .props = */ std::make_shared<const TestProps>(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  ASSERT_FALSE(node->getSealed());
-  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);
-
-  node->sealRecursive();
-  ASSERT_TRUE(node->getSealed());
-  ASSERT_TRUE(node->getProps()->getSealed());
+class ShadowNodeTest : public ::testing::Test {
+ protected:
+  ShadowNodeTest()
+      : eventDispatcher_(std::shared_ptr<EventDispatcher const>()),
+        componentDescriptor_(TestComponentDescriptor({eventDispatcher_})) {
+    /*
+     * The structure:
+     * <A>
+     *  <AA/>
+     *  <AB>
+     *    <ABA/>
+     *    <ABB/>
+     *  </AB>
+     *  <AC/>
+     * </A>
+     * </Z>
+     */
+
+    auto props = std::make_shared<const TestProps>();
+
+    auto traits = TestShadowNode::BaseTraits();
+
+    auto familyAA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 11,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeAA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAA,
+        traits);
+
+    auto familyABA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 12,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeABA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyABA,
+        traits);
+
+    auto familyABB = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 13,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeABB_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyABB,
+        traits);
+
+    auto nodeABChildren = std::make_shared<SharedShadowNodeList>(
+        SharedShadowNodeList{nodeABA_, nodeABB_});
+
+    auto familyAB = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 15,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeAB_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ nodeABChildren,
+        },
+        familyAB,
+        traits);
+
+    auto familyAC = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 16,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeAC_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyAC,
+        traits);
+
+    auto nodeAChildren = std::make_shared<SharedShadowNodeList>(
+        SharedShadowNodeList{nodeAA_, nodeAB_, nodeAC_});
+
+    auto familyA = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 17,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeA_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ nodeAChildren,
+        },
+        familyA,
+        traits);
+
+    auto familyZ = std::make_shared<ShadowNodeFamily>(
+        ShadowNodeFamilyFragment{
+            /* .tag = */ 18,
+            /* .surfaceId = */ surfaceId_,
+            /* .eventEmitter = */ nullptr,
+        },
+        eventDispatcher_,
+        componentDescriptor_);
+    nodeZ_ = std::make_shared<TestShadowNode>(
+        ShadowNodeFragment{
+            /* .props = */ props,
+            /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+        },
+        familyZ,
+        traits);
+  }
+
+  std::shared_ptr<EventDispatcher const> eventDispatcher_;
+  std::shared_ptr<TestShadowNode> nodeA_;
+  std::shared_ptr<TestShadowNode> nodeAA_;
+  std::shared_ptr<TestShadowNode> nodeABA_;
+  std::shared_ptr<TestShadowNode> nodeABB_;
+  std::shared_ptr<TestShadowNode> nodeAB_;
+  std::shared_ptr<TestShadowNode> nodeAC_;
+  std::shared_ptr<TestShadowNode> nodeZ_;
+  TestComponentDescriptor componentDescriptor_;
+
+  SurfaceId surfaceId_ = 1;
+};
+
+TEST_F(ShadowNodeTest, handleShadowNodeCreation) {
+  EXPECT_FALSE(nodeZ_->getSealed());
+  EXPECT_STREQ(nodeZ_->getComponentName(), "Test");
+  EXPECT_EQ(nodeZ_->getTag(), 18);
+  EXPECT_EQ(nodeZ_->getSurfaceId(), surfaceId_);
+  EXPECT_EQ(nodeZ_->getEventEmitter(), nullptr);
+  EXPECT_EQ(nodeZ_->getChildren().size(), 0);
 }
 
-TEST(ShadowNodeTest, handleShadowNodeSimpleCloning) {
-  auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
-  auto componentDescriptor = TestComponentDescriptor(eventDispatcher);
-  auto node = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 9,
-          /* .surfaceId = */ 1,
-          /* .props = */ std::make_shared<const TestProps>(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto node2 = std::make_shared<TestShadowNode>(*node, ShadowNodeFragment{});
-
-  ASSERT_STREQ(node->getComponentName(), "Test");
-  ASSERT_EQ(node->getTag(), 9);
-  ASSERT_EQ(node->getSurfaceId(), 1);
-  ASSERT_EQ(node->getEventEmitter(), nullptr);
+TEST_F(ShadowNodeTest, handleSealRecusive) {
+  nodeZ_->sealRecursive();
+  EXPECT_TRUE(nodeZ_->getSealed());
+  EXPECT_TRUE(nodeZ_->getProps()->getSealed());
 }
 
-TEST(ShadowNodeTest, handleShadowNodeMutation) {
-  auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
-  auto componentDescriptor = TestComponentDescriptor(eventDispatcher);
-  auto props = std::make_shared<const TestProps>();
-  auto node1 = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 1,
-          /* .surfaceId = */ 1,
-          /* .props = */ std::make_shared<const TestProps>(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto node2 = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 2,
-          /* .surfaceId = */ 1,
-          /* .props = */ std::make_shared<const TestProps>(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto node3 = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 3,
-          /* .surfaceId = */ 1,
-          /* .props = */ std::make_shared<const TestProps>(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  node1->appendChild(node2);
-  node1->appendChild(node3);
-  auto node1Children = node1->getChildren();
-  ASSERT_EQ(node1Children.size(), 2);
-  ASSERT_EQ(node1Children.at(0), node2);
-  ASSERT_EQ(node1Children.at(1), node3);
-
-  auto node4 = std::make_shared<TestShadowNode>(*node2, ShadowNodeFragment{});
-  node1->replaceChild(*node2, node4);
-  node1Children = node1->getChildren();
-  ASSERT_EQ(node1Children.size(), 2);
-  ASSERT_EQ(node1Children.at(0), node4);
-  ASSERT_EQ(node1Children.at(1), node3);
-
-  // Seal the entire tree.
-  node1->sealRecursive();
-  ASSERT_TRUE(node1->getSealed());
-  ASSERT_TRUE(node3->getSealed());
-  ASSERT_TRUE(node4->getSealed());
-
-  // No more mutation after sealing.
-  EXPECT_THROW(node4->setLocalData(nullptr), std::runtime_error);
+TEST_F(ShadowNodeTest, handleShadowNodeSimpleCloning) {
+  auto nodeARevision2 =
+      std::make_shared<TestShadowNode>(*nodeA_, ShadowNodeFragment{});
 
-  auto node5 = std::make_shared<TestShadowNode>(*node4, ShadowNodeFragment{});
-  node5->setLocalData(nullptr);
-  ASSERT_EQ(node5->getLocalData(), nullptr);
+  EXPECT_STREQ(nodeA_->getComponentName(), nodeARevision2->getComponentName());
+  EXPECT_EQ(nodeA_->getTag(), nodeARevision2->getTag());
+  EXPECT_EQ(nodeA_->getSurfaceId(), nodeARevision2->getSurfaceId());
+  EXPECT_EQ(nodeA_->getEventEmitter(), nodeARevision2->getEventEmitter());
 }
 
-TEST(ShadowNodeTest, handleCloneFunction) {
-  auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
-  auto componentDescriptor = TestComponentDescriptor(eventDispatcher);
+TEST_F(ShadowNodeTest, handleShadowNodeMutation) {
+  auto nodeABChildren = nodeAB_->getChildren();
+  EXPECT_EQ(nodeABChildren.size(), 2);
+  EXPECT_EQ(nodeABChildren.at(0), nodeABA_);
+  EXPECT_EQ(nodeABChildren.at(1), nodeABB_);
 
-  auto firstNode = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 9,
-          /* .surfaceId = */ 1,
-          /* .props = */ std::make_shared<const TestProps>(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
+  auto nodeABArevision2 =
+      std::make_shared<TestShadowNode>(*nodeABA_, ShadowNodeFragment{});
+  nodeAB_->replaceChild(*nodeABA_, nodeABArevision2);
+  nodeABChildren = nodeAB_->getChildren();
+  EXPECT_EQ(nodeABChildren.size(), 2);
+  EXPECT_EQ(nodeABChildren.at(0), nodeABArevision2);
+  EXPECT_EQ(nodeABChildren.at(1), nodeABB_);
 
-  auto firstNodeClone = firstNode->clone({});
+  // Seal the entire tree.
+  nodeAB_->sealRecursive();
+  EXPECT_TRUE(nodeAB_->getSealed());
+  EXPECT_TRUE(nodeABArevision2->getSealed());
+  EXPECT_TRUE(nodeABB_->getSealed());
+}
+
+TEST_F(ShadowNodeTest, handleCloneFunction) {
+  auto nodeABClone = nodeAB_->clone({});
 
   // Those two nodes are *not* same.
-  ASSERT_NE(firstNode, firstNodeClone);
+  EXPECT_NE(nodeAB_, nodeABClone);
 
   // `secondNodeClone` is an instance of `TestShadowNode`.
-  ASSERT_NE(
-      std::dynamic_pointer_cast<const TestShadowNode>(firstNodeClone), nullptr);
+  EXPECT_NE(
+      std::dynamic_pointer_cast<const TestShadowNode>(nodeABClone), nullptr);
 
   // Both nodes have same content.
-  ASSERT_EQ(firstNode->getTag(), firstNodeClone->getTag());
-  ASSERT_EQ(firstNode->getSurfaceId(), firstNodeClone->getSurfaceId());
-  ASSERT_EQ(firstNode->getProps(), firstNodeClone->getProps());
+  EXPECT_EQ(nodeAB_->getTag(), nodeABClone->getTag());
+  EXPECT_EQ(nodeAB_->getSurfaceId(), nodeABClone->getSurfaceId());
+  EXPECT_EQ(nodeAB_->getProps(), nodeABClone->getProps());
 }
 
-TEST(ShadowNodeTest, handleLocalData) {
-  auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
-  auto componentDescriptor = TestComponentDescriptor(eventDispatcher);
-  auto localData42 = std::make_shared<TestLocalData>();
-  localData42->setNumber(42);
-
-  auto anotherLocalData42 = std::make_shared<TestLocalData>();
-  anotherLocalData42->setNumber(42);
-
-  auto localDataOver9000 = std::make_shared<TestLocalData>();
-  localDataOver9000->setNumber(9001);
-  auto props = std::make_shared<const TestProps>();
-  auto firstNode = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 9,
-          /* .surfaceId = */ 1,
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto secondNode = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ 9,
-          /* .surfaceId = */ 1,
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto thirdNode = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
+TEST_F(ShadowNodeTest, handleState) {
+  auto family = std::make_shared<ShadowNodeFamily>(
+      ShadowNodeFamilyFragment{
           /* .tag = */ 9,
-          /* .surfaceId = */ 1,
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+          /* .surfaceId = */ surfaceId_,
+          /* .eventEmitter = */ nullptr,
       },
-      componentDescriptor,
-      ShadowNodeTraits{});
+      eventDispatcher_,
+      componentDescriptor_);
 
-  firstNode->setLocalData(localData42);
-  secondNode->setLocalData(localData42);
-  thirdNode->setLocalData(localDataOver9000);
+  auto traits = TestShadowNode::BaseTraits();
 
-  // LocalData object are compared by pointer, not by value.
-  ASSERT_EQ(firstNode->getLocalData(), secondNode->getLocalData());
-  ASSERT_NE(firstNode->getLocalData(), thirdNode->getLocalData());
-  secondNode->setLocalData(anotherLocalData42);
-  ASSERT_NE(firstNode->getLocalData(), secondNode->getLocalData());
-
-  // LocalData cannot be changed for sealed shadow node.
-  secondNode->sealRecursive();
-  ASSERT_ANY_THROW(secondNode->setLocalData(localDataOver9000));
-}
-
-TEST(ShadowNodeTest, handleBacktracking) {
-  /*
-   * The structure:
-   * <A>
-   *  <AA/>
-   *  <AB>
-   *    <ABA/>
-   *    <ABB/>
-   *    <ABC/>
-   *  </AB>
-   *  <AC/>
-   * </A>
-   */
-
-  auto eventDispatcher = std::shared_ptr<EventDispatcher const>();
-  auto componentDescriptor = TestComponentDescriptor(eventDispatcher);
   auto props = std::make_shared<const TestProps>();
+  auto fragment = ShadowNodeFragment{
+      /* .props = */ props,
+      /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
+      /* .state = */ {}};
 
-  auto nodeAA = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
+  auto const initialState =
+      componentDescriptor_.createInitialState(fragment, family);
 
-  auto nodeABA = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto nodeABB = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-  auto nodeABC = std::make_shared<TestShadowNode>(
+  auto firstNode = std::make_shared<TestShadowNode>(
       ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
           /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
           /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  auto nodeABChildren = std::make_shared<SharedShadowNodeList>(
-      SharedShadowNodeList{nodeABA, nodeABB, nodeABC});
-  auto nodeAB = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ nodeABChildren,
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  auto nodeAC = std::make_shared<TestShadowNode>(
+          /* .state = */ initialState},
+      family,
+      traits);
+  auto secondNode = std::make_shared<TestShadowNode>(
       ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
           /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
           /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  auto nodeAChildren = std::make_shared<SharedShadowNodeList>(
-      SharedShadowNodeList{nodeAA, nodeAB, nodeAC});
-  auto nodeA = std::make_shared<TestShadowNode>(
-      ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-          /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
-          /* .children = */ nodeAChildren,
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  auto nodeZ = std::make_shared<TestShadowNode>(
+          /* .state = */ initialState},
+      family,
+      traits);
+  auto thirdNode = std::make_shared<TestShadowNode>(
       ShadowNodeFragment{
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
           /* .props = */ props,
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
           /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
-      },
-      componentDescriptor,
-      ShadowNodeTraits{});
-
-  std::vector<std::reference_wrapper<const ShadowNode>> ancestors = {};
-
-  // Negative case:
-  auto ancestors1 = nodeZ->getAncestors(*nodeA);
-  ASSERT_EQ(ancestors1.size(), 0);
-
-  // Positive case:
-  auto ancestors2 = nodeABC->getAncestors(*nodeA);
-  ASSERT_EQ(ancestors2.size(), 2);
-  ASSERT_EQ(&ancestors2[0].first.get(), nodeA.get());
-  ASSERT_EQ(&ancestors2[1].first.get(), nodeAB.get());
+          /* .state = */ initialState},
+      family,
+      traits);
+
+  TestShadowNode::ConcreteState::Shared _state =
+      std::static_pointer_cast<TestShadowNode::ConcreteState const>(
+          initialState);
+  _state->updateState(TestState{42});
+
+  thirdNode->setStateData({9001});
+  // State object are compared by pointer, not by value.
+  EXPECT_EQ(firstNode->getState(), secondNode->getState());
+  EXPECT_NE(firstNode->getState(), thirdNode->getState());
+  secondNode->setStateData(TestState{42});
+  EXPECT_NE(firstNode->getState(), secondNode->getState());
+
+  // State cannot be changed for sealed shadow node.
+  secondNode->sealRecursive();
+  EXPECT_ANY_THROW(secondNode->setStateData(TestState{42}));
 }
diff --git a/ReactCommon/fabric/core/tests/TestComponent.h b/ReactCommon/fabric/core/tests/TestComponent.h
index 35d55340708d5c..e71d46ffb1ae26 100644
--- a/ReactCommon/fabric/core/tests/TestComponent.h
+++ b/ReactCommon/fabric/core/tests/TestComponent.h
@@ -10,9 +10,10 @@
 #include <memory>
 
 #include <folly/dynamic.h>
+#include <react/components/view/ConcreteViewShadowNode.h>
+#include <react/components/view/ViewEventEmitter.h>
+#include <react/components/view/ViewProps.h>
 #include <react/core/ConcreteComponentDescriptor.h>
-#include <react/core/ConcreteShadowNode.h>
-#include <react/core/LocalData.h>
 #include <react/core/RawProps.h>
 #include <react/core/ShadowNode.h>
 
@@ -23,33 +24,40 @@ using namespace facebook::react;
  * ComponentDescriptor. To be used for testing purpose.
  */
 
-class TestLocalData : public LocalData {
+class TestState {
  public:
-  void setNumber(const int &number) {
-    number_ = number;
-  }
-
-  int getNumber() const {
-    return number_;
-  }
-
- private:
-  int number_{0};
+  int number;
 };
 
 static const char TestComponentName[] = "Test";
 
-class TestProps : public Props {
+class TestProps : public ViewProps {
  public:
-  using Props::Props;
+  using ViewProps::ViewProps;
+
+  TestProps(const TestProps &sourceProps, const RawProps &rawProps)
+      : ViewProps(sourceProps, rawProps) {}
 };
+
 using SharedTestProps = std::shared_ptr<const TestProps>;
 
 class TestShadowNode;
+
 using SharedTestShadowNode = std::shared_ptr<const TestShadowNode>;
-class TestShadowNode : public ConcreteShadowNode<TestComponentName, TestProps> {
+
+class TestShadowNode : public ConcreteViewShadowNode<
+                           TestComponentName,
+                           TestProps,
+                           ViewEventEmitter,
+                           TestState> {
  public:
-  using ConcreteShadowNode::ConcreteShadowNode;
+  using ConcreteViewShadowNode::ConcreteViewShadowNode;
+
+  Transform _transform{Transform::Identity()};
+
+  Transform getTransform() const override {
+    return _transform;
+  }
 };
 
 class TestComponentDescriptor
diff --git a/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp b/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp
index b062bc0bb2826f..457c769ee8c555 100644
--- a/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp
+++ b/ReactCommon/fabric/core/tests/benchmarks/RawPropsBenchmark.cpp
@@ -20,8 +20,8 @@ namespace react {
 
 auto contextContainer = std::make_shared<ContextContainer const>();
 auto eventDispatcher = std::shared_ptr<EventDispatcher>{nullptr};
-auto viewComponentDescriptor =
-    ViewComponentDescriptor(eventDispatcher, contextContainer);
+auto viewComponentDescriptor = ViewComponentDescriptor{
+    ComponentDescriptorParameters{eventDispatcher, contextContainer}};
 
 auto emptyPropsDynamic = folly::parseJson("{}");
 auto propsString = std::string{
diff --git a/ReactCommon/fabric/core/tests/traitCastTest.cpp b/ReactCommon/fabric/core/tests/traitCastTest.cpp
new file mode 100644
index 00000000000000..49a2f64d47a21c
--- /dev/null
+++ b/ReactCommon/fabric/core/tests/traitCastTest.cpp
@@ -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.
+ */
+
+#include <gtest/gtest.h>
+
+#include <react/components/scrollview/ScrollViewComponentDescriptor.h>
+#include <react/components/text/ParagraphComponentDescriptor.h>
+#include <react/components/text/RawTextComponentDescriptor.h>
+#include <react/components/text/TextComponentDescriptor.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+
+#include <react/element/Element.h>
+#include <react/element/testUtils.h>
+
+using namespace facebook::react;
+
+TEST(traitCastTest, testOne) {
+  auto builder = simpleComponentBuilder();
+
+  auto viewShadowNode = std::shared_ptr<ViewShadowNode>{};
+  auto scrollViewShadowNode = std::shared_ptr<ScrollViewShadowNode>{};
+  auto paragraphShadowNode = std::shared_ptr<ParagraphShadowNode>{};
+  auto textShadowNode = std::shared_ptr<TextShadowNode>{};
+  auto rawTextShadowNode = std::shared_ptr<RawTextShadowNode>{};
+
+  // clang-format off
+  auto element =
+      Element<ScrollViewShadowNode>()
+        .reference(scrollViewShadowNode)
+        .children({
+          Element<ParagraphShadowNode>()
+            .reference(paragraphShadowNode)
+            .children({
+              Element<TextShadowNode>()
+                .reference(textShadowNode),
+              Element<RawTextShadowNode>()
+                .reference(rawTextShadowNode)
+            }),
+          Element<ViewShadowNode>()
+            .reference(viewShadowNode),
+        });
+  // clang-format on
+
+  auto rootShadowNode = builder.build(element);
+
+  // Casting `nullptr` returns `nullptrs`.
+  EXPECT_FALSE(traitCast<LayoutableShadowNode const *>(nullptr));
+  EXPECT_FALSE(traitCast<YogaLayoutableShadowNode const *>(nullptr));
+
+  // `ViewShadowNode` is `LayoutableShadowNode` and `YogaLayoutableShadowNode`.
+  EXPECT_TRUE(traitCast<LayoutableShadowNode const *>(viewShadowNode.get()));
+  EXPECT_TRUE(
+      traitCast<YogaLayoutableShadowNode const *>(viewShadowNode.get()));
+  EXPECT_NO_FATAL_FAILURE(
+      traitCast<LayoutableShadowNode const &>(*viewShadowNode));
+  EXPECT_NO_FATAL_FAILURE(
+      traitCast<YogaLayoutableShadowNode const &>(*viewShadowNode));
+
+  // `ScrollViewShadowNode` is `LayoutableShadowNode` and
+  // `YogaLayoutableShadowNode`.
+  EXPECT_TRUE(
+      traitCast<LayoutableShadowNode const *>(scrollViewShadowNode.get()));
+  EXPECT_TRUE(
+      traitCast<YogaLayoutableShadowNode const *>(scrollViewShadowNode.get()));
+  EXPECT_NO_FATAL_FAILURE(
+      traitCast<LayoutableShadowNode const &>(*scrollViewShadowNode));
+  EXPECT_NO_FATAL_FAILURE(
+      traitCast<YogaLayoutableShadowNode const &>(*scrollViewShadowNode));
+
+  // `ParagraphShadowNode` is `LayoutableShadowNode` and
+  // `YogaLayoutableShadowNode`.
+  EXPECT_TRUE(
+      traitCast<LayoutableShadowNode const *>(paragraphShadowNode.get()));
+  EXPECT_TRUE(
+      traitCast<YogaLayoutableShadowNode const *>(paragraphShadowNode.get()));
+  EXPECT_NO_FATAL_FAILURE(
+      traitCast<LayoutableShadowNode const &>(*paragraphShadowNode));
+  EXPECT_NO_FATAL_FAILURE(
+      traitCast<YogaLayoutableShadowNode const &>(*paragraphShadowNode));
+
+  // `TextShadowNode` is *not* `LayoutableShadowNode` nor
+  // `YogaLayoutableShadowNode`.
+  EXPECT_FALSE(traitCast<LayoutableShadowNode const *>(textShadowNode.get()));
+  EXPECT_FALSE(
+      traitCast<YogaLayoutableShadowNode const *>(textShadowNode.get()));
+  EXPECT_DEATH_IF_SUPPORTED(
+      traitCast<LayoutableShadowNode const &>(*textShadowNode), "");
+  EXPECT_DEATH_IF_SUPPORTED(
+      traitCast<YogaLayoutableShadowNode const &>(*textShadowNode), "");
+
+  // `RawTextShadowNode` is *not* `LayoutableShadowNode` nor
+  // `YogaLayoutableShadowNode`.
+  EXPECT_FALSE(
+      traitCast<LayoutableShadowNode const *>(rawTextShadowNode.get()));
+  EXPECT_FALSE(
+      traitCast<YogaLayoutableShadowNode const *>(rawTextShadowNode.get()));
+  EXPECT_DEATH_IF_SUPPORTED(
+      traitCast<LayoutableShadowNode const &>(*rawTextShadowNode), "");
+  EXPECT_DEATH_IF_SUPPORTED(
+      traitCast<YogaLayoutableShadowNode const &>(*rawTextShadowNode), "");
+}
diff --git a/ReactCommon/fabric/debug/BUCK b/ReactCommon/fabric/debug/BUCK
index 41d15055491c02..766570e9ddbab2 100644
--- a/ReactCommon/fabric/debug/BUCK
+++ b/ReactCommon/fabric/debug/BUCK
@@ -1,7 +1,7 @@
 load("@fbsource//tools/build_defs:platform_defs.bzl", "CXX")
 load(
     "@fbsource//tools/build_defs/apple:flag_defs.bzl",
-    "get_debug_preprocessor_flags",
+    "get_preprocessor_flags_for_build_mode",
 )
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
@@ -40,8 +40,8 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
@@ -52,10 +52,10 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
     ],
 )
 
@@ -72,8 +72,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":debug",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/debug/DebugStringConvertible.h b/ReactCommon/fabric/debug/DebugStringConvertible.h
index 7868947cd536a1..efab8ffaa4f9e4 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertible.h
+++ b/ReactCommon/fabric/debug/DebugStringConvertible.h
@@ -10,8 +10,8 @@
 #include <climits>
 #include <memory>
 #include <string>
-#include <vector>
 #include <unordered_set>
+#include <vector>
 
 namespace facebook {
 namespace react {
diff --git a/ReactCommon/fabric/debug/DebugStringConvertibleItem.cpp b/ReactCommon/fabric/debug/DebugStringConvertibleItem.cpp
index d43fccbd40b99b..73606d87424a41 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertibleItem.cpp
+++ b/ReactCommon/fabric/debug/DebugStringConvertibleItem.cpp
@@ -17,7 +17,7 @@ DebugStringConvertibleItem::DebugStringConvertibleItem(
     const std::string &value,
     const SharedDebugStringConvertibleList &props,
     const SharedDebugStringConvertibleList &children)
-    : name_(name), value_(value), props_(props), children_(children) {}
+    : name_(name), value_(value), debugProps_(props), children_(children) {}
 
 std::string DebugStringConvertibleItem::getDebugName() const {
   return name_;
@@ -29,7 +29,7 @@ std::string DebugStringConvertibleItem::getDebugValue() const {
 
 SharedDebugStringConvertibleList DebugStringConvertibleItem::getDebugProps()
     const {
-  return props_;
+  return debugProps_;
 }
 
 SharedDebugStringConvertibleList DebugStringConvertibleItem::getDebugChildren()
diff --git a/ReactCommon/fabric/debug/DebugStringConvertibleItem.h b/ReactCommon/fabric/debug/DebugStringConvertibleItem.h
index ed362b03cf454a..6769aa6b564f71 100644
--- a/ReactCommon/fabric/debug/DebugStringConvertibleItem.h
+++ b/ReactCommon/fabric/debug/DebugStringConvertibleItem.h
@@ -37,7 +37,7 @@ class DebugStringConvertibleItem : public DebugStringConvertible {
  private:
   std::string name_;
   std::string value_;
-  SharedDebugStringConvertibleList props_;
+  SharedDebugStringConvertibleList debugProps_;
   SharedDebugStringConvertibleList children_;
 };
 
diff --git a/ReactCommon/fabric/element/BUCK b/ReactCommon/fabric/element/BUCK
new file mode 100644
index 00000000000000..85428f8bd7dad1
--- /dev/null
+++ b/ReactCommon/fabric/element/BUCK
@@ -0,0 +1,85 @@
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
+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()
+
+rn_xplat_cxx_library(
+    name = "element",
+    srcs = glob(
+        ["**/*.cpp"],
+        exclude = glob(["tests/**/*.cpp"]),
+    ),
+    headers = glob(
+        ["**/*.h"],
+        exclude = glob(["tests/**/*.h"]),
+    ),
+    header_namespace = "",
+    exported_headers = subdir_glob(
+        [
+            ("", "*.h"),
+        ],
+        prefix = "react/element",
+    ),
+    compiler_flags = [
+        "-fexceptions",
+        "-frtti",
+        "-std=c++14",
+        "-Wall",
+    ],
+    fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
+    force_static = True,
+    macosx_tests_override = [],
+    platforms = (ANDROID, APPLE, CXX),
+    preprocessor_flags = [
+        "-DLOG_TAG=\"ReactNative\"",
+        "-DWITH_FBSYSTRACE=1",
+    ],
+    tests = [":tests"],
+    visibility = ["PUBLIC"],
+    deps = [
+        "//xplat/fbsystrace:fbsystrace",
+        react_native_xplat_target("fabric/components/view:view"),
+        react_native_xplat_target("fabric/components/root:root"),
+        react_native_xplat_target("fabric/components/view:view"),
+        react_native_xplat_target("fabric/components/scrollview:scrollview"),
+        react_native_xplat_target("fabric/components/text:text"),
+        react_native_xplat_target("fabric/uimanager:uimanager"),
+        react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("fabric/debug:debug"),
+        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, APPLE, CXX),
+    deps = [
+        ":element",
+        "//xplat/third-party/gmock:gtest",
+        react_native_xplat_target("fabric/components/root:root"),
+        react_native_xplat_target("fabric/components/view:view"),
+        react_native_xplat_target("fabric/components/scrollview:scrollview"),
+    ],
+)
diff --git a/ReactCommon/fabric/element/ComponentBuilder.cpp b/ReactCommon/fabric/element/ComponentBuilder.cpp
new file mode 100644
index 00000000000000..08817a5ccf7c1b
--- /dev/null
+++ b/ReactCommon/fabric/element/ComponentBuilder.cpp
@@ -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.
+ */
+
+#include "ComponentBuilder.h"
+
+namespace facebook {
+namespace react {
+
+ComponentBuilder::ComponentBuilder(
+    ComponentDescriptorRegistry::Shared const &componentDescriptorRegistry)
+    : componentDescriptorRegistry_(componentDescriptorRegistry){};
+
+ShadowNode::Unshared ComponentBuilder::build(
+    ElementFragment const &elementFragment) const {
+  auto &componentDescriptor =
+      componentDescriptorRegistry_->at(elementFragment.componentHandle);
+
+  auto children = ShadowNode::ListOfShared{};
+  children.reserve(elementFragment.children.size());
+  for (auto const &childFragment : elementFragment.children) {
+    children.push_back(build(childFragment));
+  }
+
+  auto family = componentDescriptor.createFamily(
+      ShadowNodeFamilyFragment{
+          elementFragment.tag, elementFragment.surfaceId, nullptr},
+      nullptr);
+
+  auto state = elementFragment.state
+      ? elementFragment.state
+      : componentDescriptor.createInitialState(
+            ShadowNodeFragment{elementFragment.props}, family);
+
+  auto constShadowNode = componentDescriptor.createShadowNode(
+      ShadowNodeFragment{
+          elementFragment.props,
+          std::make_shared<ShadowNode::ListOfShared const>(children),
+          state},
+      family);
+
+  auto shadowNode = std::const_pointer_cast<ShadowNode>(constShadowNode);
+
+  if (elementFragment.referenceCallback) {
+    elementFragment.referenceCallback(shadowNode);
+  }
+
+  if (elementFragment.finalizeCallback) {
+    elementFragment.finalizeCallback(*shadowNode);
+  }
+
+  return shadowNode;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/element/ComponentBuilder.h b/ReactCommon/fabric/element/ComponentBuilder.h
new file mode 100644
index 00000000000000..9e015665ec18cf
--- /dev/null
+++ b/ReactCommon/fabric/element/ComponentBuilder.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 <memory>
+
+#include <react/core/ComponentDescriptor.h>
+#include <react/core/ShadowNode.h>
+#include <react/core/ShadowNodeFamilyFragment.h>
+#include <react/core/ShadowNodeFragment.h>
+#include <react/uimanager/ComponentDescriptorRegistry.h>
+
+#include <react/element/Element.h>
+#include <react/element/ElementFragment.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Build `ShadowNode` trees with a given given `Element` trees.
+ */
+class ComponentBuilder final {
+ public:
+  ComponentBuilder(
+      ComponentDescriptorRegistry::Shared const &componentDescriptorRegistry);
+
+  /*
+   * Copyable and movable.
+   */
+  ComponentBuilder(ComponentBuilder const &componentBuilder) = default;
+  ComponentBuilder(ComponentBuilder &&componentBuilder) noexcept = default;
+  ComponentBuilder &operator=(ComponentBuilder const &other) = default;
+  ComponentBuilder &operator=(ComponentBuilder &&other) = default;
+
+  /*
+   * Builds a `ShadowNode` tree with given `Element` tree using stored
+   * `ComponentDescriptorRegistry`.
+   */
+  template <typename ShadowNodeT>
+  std::shared_ptr<ShadowNodeT> build(Element<ShadowNodeT> element) const {
+    return std::static_pointer_cast<ShadowNodeT>(build(element.fragment_));
+  }
+
+ private:
+  /*
+   * Internal, type-erased version of `build`.
+   */
+  ShadowNode::Unshared build(ElementFragment const &elementFragment) const;
+
+  ComponentDescriptorRegistry::Shared componentDescriptorRegistry_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/element/Element.cpp b/ReactCommon/fabric/element/Element.cpp
new file mode 100644
index 00000000000000..cf72b623347d17
--- /dev/null
+++ b/ReactCommon/fabric/element/Element.cpp
@@ -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.
+ */
+
+#include "Element.h"
+
+// Intentionally empty.
diff --git a/ReactCommon/fabric/element/Element.h b/ReactCommon/fabric/element/Element.h
new file mode 100644
index 00000000000000..156716880f5e83
--- /dev/null
+++ b/ReactCommon/fabric/element/Element.h
@@ -0,0 +1,160 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 <react/core/ShadowNode.h>
+
+#include <react/element/ElementFragment.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * `Element<>` is an abstraction layer that allows describing component
+ * hierarchy in a declarative way. Creating `Element`s themself does not create
+ * a component tree (aka `ShadowNode` tree) but describes some hierarchical
+ * structure that might be used to build an actual component tree (similar to
+ * XML Elements).
+ * `Element` provides some basic type-safety guarantees: all modifications
+ * of element objects require using objects (such as Props or State) of
+ * compatible type.
+ */
+template <typename ShadowNodeT>
+class Element final {
+ public:
+  using ConcreteProps = typename ShadowNodeT::ConcreteProps;
+  using SharedConcreteProps = std::shared_ptr<ConcreteProps const>;
+  using ConcreteState = typename ShadowNodeT::ConcreteState;
+  using SharedConcreteState = std::shared_ptr<ConcreteState const>;
+  using ConcreteShadowNode = ShadowNodeT;
+  using ConcreteUnsharedShadowNode = std::shared_ptr<ConcreteShadowNode>;
+
+  using ConcreteReferenceCallback =
+      std::function<void(std::shared_ptr<ShadowNodeT const> const &shadowNode)>;
+
+  /*
+   * Constructs an `Element`.
+   */
+  Element() {
+    fragment_.componentHandle = ShadowNodeT::Handle();
+    fragment_.componentName = ShadowNodeT::Name();
+    fragment_.props = ShadowNodeT::defaultSharedProps();
+  }
+
+  /*
+   * Converts to `ElementFragment` object.
+   */
+  operator ElementFragment() {
+    return fragment_;
+  }
+
+  /*
+   * Sets `tag`.
+   */
+  Element &tag(Tag tag) {
+    fragment_.tag = tag;
+    return *this;
+  }
+
+  /*
+   * Sets `surfaceId`.
+   */
+  Element &surfaceId(SurfaceId surfaceId) {
+    fragment_.surfaceId = surfaceId;
+    return *this;
+  }
+
+  /*
+   * Sets `props`.
+   */
+  Element &props(SharedConcreteProps props) {
+    fragment_.props = props;
+    return *this;
+  }
+
+  /*
+   * Sets `props` using callback.
+   */
+  Element &props(std::function<SharedConcreteProps()> callback) {
+    fragment_.props = callback();
+    return *this;
+  }
+
+  /*
+   * Sets `state`.
+   */
+  Element &state(SharedConcreteState state) {
+    fragment_.state = state;
+    return *this;
+  }
+
+  /*
+   * Sets `state` using callback.
+   */
+  Element &state(std::function<SharedConcreteState()> callback) {
+    fragment_.state = state();
+    return *this;
+  }
+
+  /*
+   * Sets children.
+   */
+  Element &children(std::vector<ElementFragment> children) {
+    auto fragments = ElementFragment::List{};
+    fragments.reserve(children.size());
+    for (auto const &child : children) {
+      fragments.push_back(child);
+    }
+    fragment_.children = fragments;
+    return *this;
+  }
+
+  /*
+   * Calls the callback during component construction with a pointer to the
+   * component which is being constructed.
+   */
+  Element &reference(
+      std::function<void(ConcreteUnsharedShadowNode const &shadowNode)>
+          callback) {
+    fragment_.referenceCallback = callback;
+    return *this;
+  }
+
+  /*
+   * During component construction, assigns a given pointer to a component
+   * that is being constructed.
+   */
+  Element &reference(ConcreteUnsharedShadowNode &outShadowNode) {
+    fragment_.referenceCallback = [&](ShadowNode::Shared const &shadowNode) {
+      outShadowNode = std::const_pointer_cast<ConcreteShadowNode>(
+          std::static_pointer_cast<ConcreteShadowNode const>(shadowNode));
+    };
+    return *this;
+  }
+
+  /*
+   * Calls the callback with a reference to a just constructed component.
+   */
+  Element &finalize(
+      std::function<void(ConcreteShadowNode &shadowNode)> finalizeCallback) {
+    fragment_.finalizeCallback = [=](ShadowNode &shadowNode) {
+      return finalizeCallback(static_cast<ConcreteShadowNode &>(shadowNode));
+    };
+    return *this;
+  }
+
+ private:
+  friend class ComponentBuilder;
+  ElementFragment fragment_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/element/ElementFragment.cpp b/ReactCommon/fabric/element/ElementFragment.cpp
new file mode 100644
index 00000000000000..4421f09d3065ed
--- /dev/null
+++ b/ReactCommon/fabric/element/ElementFragment.cpp
@@ -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.
+ */
+
+#include "ElementFragment.h"
+
+// Intentionally empty.
diff --git a/ReactCommon/fabric/element/ElementFragment.h b/ReactCommon/fabric/element/ElementFragment.h
new file mode 100644
index 00000000000000..b1438698a495d5
--- /dev/null
+++ b/ReactCommon/fabric/element/ElementFragment.h
@@ -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.
+ */
+
+#pragma once
+
+#include <functional>
+#include <memory>
+#include <vector>
+
+#include <react/core/ShadowNode.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * This is an implementation detail, do not use it directly.
+ * A type-erased version of `Element<>`.
+ * `ElementFragment` carries all information that is stored inside `Element<>`
+ * in some generalized, type-erased manner.
+ */
+class ElementFragment final {
+ public:
+  using Shared = std::shared_ptr<ElementFragment>;
+  using List = std::vector<ElementFragment>;
+  using ListOfShared = std::vector<Shared>;
+  using ReferenceCallback =
+      std::function<void(ShadowNode::Unshared const &shadowNode)>;
+  using FinalizeCallback = std::function<void(ShadowNode &shadowNode)>;
+
+  /*
+   * ComponentDescriptor part (describes the type)
+   */
+  ComponentHandle componentHandle;
+  ComponentName componentName;
+
+  /*
+   * ShadowNodeFamily part (describes the family)
+   */
+  Tag tag;
+  SurfaceId surfaceId;
+
+  /*
+   * ShadowNode part (describes the instance)
+   */
+  Props::Shared props;
+  State::Shared state;
+  List children;
+
+  /*
+   * Other
+   */
+  ReferenceCallback referenceCallback;
+  FinalizeCallback finalizeCallback;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/element/testUtils.h b/ReactCommon/fabric/element/testUtils.h
new file mode 100644
index 00000000000000..008786913c1b77
--- /dev/null
+++ b/ReactCommon/fabric/element/testUtils.h
@@ -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.
+ */
+
+#pragma once
+
+#include <react/components/root/RootComponentDescriptor.h>
+#include <react/components/scrollview/ScrollViewComponentDescriptor.h>
+#include <react/components/text/ParagraphComponentDescriptor.h>
+#include <react/components/text/RawTextComponentDescriptor.h>
+#include <react/components/text/TextComponentDescriptor.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+#include <react/element/ComponentBuilder.h>
+#include <react/uimanager/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook {
+namespace react {
+
+inline ComponentBuilder simpleComponentBuilder() {
+  ComponentDescriptorProviderRegistry componentDescriptorProviderRegistry{};
+  auto eventDispatcher = EventDispatcher::Shared{};
+  auto componentDescriptorRegistry =
+      componentDescriptorProviderRegistry.createComponentDescriptorRegistry(
+          ComponentDescriptorParameters{eventDispatcher, nullptr, nullptr});
+
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<RootComponentDescriptor>());
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<ViewComponentDescriptor>());
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<ScrollViewComponentDescriptor>());
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<ParagraphComponentDescriptor>());
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<TextComponentDescriptor>());
+  componentDescriptorProviderRegistry.add(
+      concreteComponentDescriptorProvider<RawTextComponentDescriptor>());
+
+  return ComponentBuilder{componentDescriptorRegistry};
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/element/tests/ElementTest.cpp b/ReactCommon/fabric/element/tests/ElementTest.cpp
new file mode 100644
index 00000000000000..0a0a09b015e4a8
--- /dev/null
+++ b/ReactCommon/fabric/element/tests/ElementTest.cpp
@@ -0,0 +1,102 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 <gtest/gtest.h>
+
+#include <react/components/root/RootComponentDescriptor.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+#include <react/element/ComponentBuilder.h>
+#include <react/element/Element.h>
+#include <react/element/testUtils.h>
+#include <react/uimanager/ComponentDescriptorProviderRegistry.h>
+
+using namespace facebook::react;
+
+TEST(ElementTest, testNormalCases) {
+  auto builder = simpleComponentBuilder();
+
+  auto shadowNodeA = std::shared_ptr<RootShadowNode>{};
+  auto shadowNodeAA = std::shared_ptr<ViewShadowNode>{};
+  auto shadowNodeAB = std::shared_ptr<ViewShadowNode>{};
+  auto shadowNodeABA = std::shared_ptr<ViewShadowNode>{};
+
+  auto propsAA = std::make_shared<ViewProps>();
+  propsAA->nativeId = "node AA";
+
+  // clang-format off
+  auto element =
+      Element<RootShadowNode>()
+        .reference(shadowNodeA)
+        .tag(1)
+        .props([]() {
+          auto props = std::make_shared<RootProps>();
+          props->nativeId = "node A";
+          return props;
+        })
+        .finalize([](RootShadowNode &shadowNode){
+          shadowNode.sealRecursive();
+        })
+        .children({
+          Element<ViewShadowNode>()
+            .reference(shadowNodeAA)
+            .tag(2)
+            .props(propsAA),
+          Element<ViewShadowNode>()
+            .reference(shadowNodeAB)
+            .tag(3)
+            .props([]() {
+               auto props = std::make_shared<ViewProps>();
+               props->nativeId = "node AB";
+               return props;
+            })
+            .children({
+              Element<ViewShadowNode>()
+                .reference(shadowNodeABA)
+                .tag(4)
+                .props([]() {
+                  auto props = std::make_shared<ViewProps>();
+                  props->nativeId = "node ABA";
+                  return props;
+                })
+            })
+        });
+  // clang-format on
+
+  auto shadowNode = builder.build(element);
+
+  EXPECT_EQ(shadowNode, shadowNodeA);
+
+  // Tags
+  EXPECT_EQ(shadowNodeA->getTag(), 1);
+  EXPECT_EQ(shadowNodeAA->getTag(), 2);
+  EXPECT_EQ(shadowNodeAB->getTag(), 3);
+  EXPECT_EQ(shadowNodeABA->getTag(), 4);
+
+  // Children
+  EXPECT_EQ(shadowNodeA->getChildren().size(), 2);
+  EXPECT_EQ(shadowNodeAA->getChildren().size(), 0);
+  EXPECT_EQ(shadowNodeAB->getChildren().size(), 1);
+  EXPECT_EQ(shadowNodeABA->getChildren().size(), 0);
+  EXPECT_EQ(
+      shadowNodeA->getChildren(),
+      (ShadowNode::ListOfShared{shadowNodeAA, shadowNodeAB}));
+  EXPECT_EQ(
+      shadowNodeAB->getChildren(), (ShadowNode::ListOfShared{shadowNodeABA}));
+
+  // Props
+  EXPECT_EQ(shadowNodeA->getProps()->nativeId, "node A");
+  EXPECT_EQ(shadowNodeABA->getProps()->nativeId, "node ABA");
+  EXPECT_EQ(shadowNodeAA->getProps(), propsAA);
+
+  // Finalize
+  EXPECT_TRUE(shadowNodeA->getSealed());
+  EXPECT_TRUE(shadowNodeAA->getSealed());
+  EXPECT_TRUE(shadowNodeAB->getSealed());
+  EXPECT_TRUE(shadowNodeABA->getSealed());
+}
diff --git a/ReactCommon/fabric/graphics/BUCK b/ReactCommon/fabric/graphics/BUCK
index fc484580e987f8..b7a097079de887 100644
--- a/ReactCommon/fabric/graphics/BUCK
+++ b/ReactCommon/fabric/graphics/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -62,12 +62,12 @@ rn_xplat_cxx_library(
         ],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     ios_deps = [
-        "fbsource//xplat/js:RCTImage",
-        "fbsource//xplat/js/react-native-github:RCTCxxBridge",
+        "//xplat/js:RCTImage",
+        "//xplat/js/react-native-github:RCTCxxBridge",
     ],
     ios_exported_headers = subdir_glob(
         [
@@ -95,11 +95,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
     ],
 )
 
@@ -116,8 +116,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":graphics",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/graphics/Geometry.h b/ReactCommon/fabric/graphics/Geometry.h
index b1c05ab7a958ba..e1701ca311d43b 100644
--- a/ReactCommon/fabric/graphics/Geometry.h
+++ b/ReactCommon/fabric/graphics/Geometry.h
@@ -30,6 +30,12 @@ struct Point {
     return *this;
   }
 
+  Point &operator-=(const Point &point) {
+    x -= point.x;
+    y -= point.y;
+    return *this;
+  }
+
   Point &operator*=(const Point &point) {
     x *= point.x;
     y *= point.y;
@@ -40,6 +46,10 @@ struct Point {
     return lhs += rhs;
   }
 
+  friend Point operator-(Point lhs, const Point &rhs) {
+    return lhs -= rhs;
+  }
+
   bool operator==(const Point &rhs) const {
     return std::tie(this->x, this->y) == std::tie(rhs.x, rhs.y);
   }
@@ -49,6 +59,13 @@ struct Point {
   }
 };
 
+struct Vector {
+  Float x{0};
+  Float y{0};
+  Float z{0};
+  Float w{0};
+};
+
 /*
  * Size
  */
@@ -105,6 +122,15 @@ struct Rect {
   Float getMinY() const {
     return size.height >= 0 ? origin.y : origin.y + size.height;
   }
+  Float getMidX() const {
+    return origin.x + size.width / 2;
+  }
+  Float getMidY() const {
+    return origin.y + size.height / 2;
+  }
+  Point getCenter() const {
+    return {getMidX(), getMidY()};
+  }
 
   void unionInPlace(const Rect &rect) {
     auto x1 = std::min(getMinX(), rect.getMinX());
@@ -114,6 +140,38 @@ struct Rect {
     origin = {x1, y1};
     size = {x2 - x1, y2 - y1};
   }
+
+  bool containsPoint(Point point) {
+    return point.x >= origin.x && point.y >= origin.y &&
+        point.x <= (origin.x + size.width) &&
+        point.y <= (origin.y + size.height);
+  }
+
+  static Rect
+  boundingRect(Point const &a, Point const &b, Point const &c, Point const &d) {
+    auto leftTopPoint = a;
+    auto rightBottomPoint = a;
+
+    leftTopPoint.x = std::min(leftTopPoint.x, b.x);
+    leftTopPoint.x = std::min(leftTopPoint.x, c.x);
+    leftTopPoint.x = std::min(leftTopPoint.x, d.x);
+
+    leftTopPoint.y = std::min(leftTopPoint.y, b.y);
+    leftTopPoint.y = std::min(leftTopPoint.y, c.y);
+    leftTopPoint.y = std::min(leftTopPoint.y, d.y);
+
+    rightBottomPoint.x = std::max(rightBottomPoint.x, b.x);
+    rightBottomPoint.x = std::max(rightBottomPoint.x, c.x);
+    rightBottomPoint.x = std::max(rightBottomPoint.x, d.x);
+
+    rightBottomPoint.y = std::max(rightBottomPoint.y, b.y);
+    rightBottomPoint.y = std::max(rightBottomPoint.y, c.y);
+    rightBottomPoint.y = std::max(rightBottomPoint.y, d.y);
+
+    return {leftTopPoint,
+            {rightBottomPoint.x - leftTopPoint.x,
+             rightBottomPoint.y - leftTopPoint.y}};
+  }
 };
 
 /*
diff --git a/ReactCommon/fabric/graphics/React-graphics.podspec b/ReactCommon/fabric/graphics/React-graphics.podspec
index 8f596fe0d0a8fa..ae881fde53edff 100644
--- a/ReactCommon/fabric/graphics/React-graphics.podspec
+++ b/ReactCommon/fabric/graphics/React-graphics.podspec
@@ -17,16 +17,16 @@ else
 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'
+folly_version = '2020.01.13.00'
 
 Pod::Spec.new do |s|
   s.name                   = "React-graphics"
   s.version                = version
   s.summary                = "Fabric for React Native."
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2" }
+  s.platforms              = { :ios => "9.0", :tvos => "10.0" }
   s.source                 = source
   s.library                = "stdc++"
   s.compiler_flags         = folly_compiler_flags
diff --git a/ReactCommon/fabric/graphics/Transform.cpp b/ReactCommon/fabric/graphics/Transform.cpp
index aa7ba92b16506a..7293e03312b855 100644
--- a/ReactCommon/fabric/graphics/Transform.cpp
+++ b/ReactCommon/fabric/graphics/Transform.cpp
@@ -164,16 +164,55 @@ Point operator*(Point const &point, Transform const &transform) {
     return point;
   }
 
-  auto result = Point{};
-  result.x = transform.at(3, 0) + point.x * transform.at(0, 0) + point.y * transform.at(1, 0);
-  result.y = transform.at(3, 1) + point.x * transform.at(0, 1) + point.y * transform.at(1, 1);
-  auto w = transform.at(3, 3) + point.x * transform.at(0, 3) + point.y * transform.at(1, 3);
-
-  if (w != 1 && w != 0) {
-    result.x /= w;
-    result.y /= w;
+  auto result = transform * Vector{point.x, point.y, 0, 1};
+
+  return {result.x, result.y};
+}
+
+Rect operator*(Rect const &rect, Transform const &transform) {
+  auto centre = rect.getCenter();
+
+  auto a = Point{rect.origin.x, rect.origin.y} - centre;
+  auto b = Point{rect.getMaxX(), rect.origin.y} - centre;
+  auto c = Point{rect.getMaxX(), rect.getMaxY()} - centre;
+  auto d = Point{rect.origin.x, rect.getMaxY()} - centre;
+
+  auto vectorA = transform * Vector{a.x, a.y, 0, 1};
+  auto vectorB = transform * Vector{b.x, b.y, 0, 1};
+  auto vectorC = transform * Vector{c.x, c.y, 0, 1};
+  auto vectorD = transform * Vector{d.x, d.y, 0, 1};
+
+  Point transformedA{vectorA.x + centre.x, vectorA.y + centre.y};
+  Point transformedB{vectorB.x + centre.x, vectorB.y + centre.y};
+  Point transformedC{vectorC.x + centre.x, vectorC.y + centre.y};
+  Point transformedD{vectorD.x + centre.x, vectorD.y + centre.y};
+
+  return Rect::boundingRect(
+      transformedA, transformedB, transformedC, transformedD);
+}
+
+Vector operator*(Transform const &transform, Vector const &vector) {
+  return {
+      vector.x * transform.at(0, 0) + vector.y * transform.at(1, 0) +
+          vector.z * transform.at(2, 0) + vector.w * transform.at(3, 0),
+      vector.x * transform.at(0, 1) + vector.y * transform.at(1, 1) +
+          vector.z * transform.at(2, 1) + vector.w * transform.at(3, 1),
+      vector.x * transform.at(0, 2) + vector.y * transform.at(1, 2) +
+          vector.z * transform.at(2, 2) + vector.w * transform.at(3, 2),
+      vector.x * transform.at(0, 3) + vector.y * transform.at(1, 3) +
+          vector.z * transform.at(2, 3) + vector.w * transform.at(3, 3),
+  };
+}
+
+Size operator*(Size const &size, Transform const &transform) {
+  if (transform == Transform::Identity()) {
+    return size;
   }
 
+  auto result = Size{};
+  result.width = transform.at(0, 0) * size.width;
+  result.height = transform.at(1, 1) * size.height;
+
   return result;
 }
 
diff --git a/ReactCommon/fabric/graphics/Transform.h b/ReactCommon/fabric/graphics/Transform.h
index 1f03e8f3140b07..49d8c095fd3fcd 100644
--- a/ReactCommon/fabric/graphics/Transform.h
+++ b/ReactCommon/fabric/graphics/Transform.h
@@ -79,6 +79,19 @@ struct Transform {
  */
 Point operator*(Point const &point, Transform const &transform);
 
+/*
+ * Applies tranformation to the given size.
+ */
+Size operator*(Size const &size, Transform const &transform);
+
+/*
+ * Applies tranformation to the given rect.
+ * ONLY SUPPORTS scale and translation transformation.
+ */
+Rect operator*(Rect const &rect, Transform const &transform);
+
+Vector operator*(Transform const &transform, Vector const &vector);
+
 } // namespace react
 } // namespace facebook
 
diff --git a/ReactCommon/fabric/graphics/platform/cxx/Color.h b/ReactCommon/fabric/graphics/platform/cxx/Color.h
index 560d491582a79c..b4a2dd3cf3026d 100644
--- a/ReactCommon/fabric/graphics/platform/cxx/Color.h
+++ b/ReactCommon/fabric/graphics/platform/cxx/Color.h
@@ -42,6 +42,14 @@ class SharedColor {
     return color_;
   }
 
+  bool operator==(const SharedColor &otherColor) const {
+    return color_ == otherColor.color_;
+  }
+
+  bool operator!=(const SharedColor &otherColor) const {
+    return color_ != otherColor.color_;
+  }
+
   operator bool() const {
     return color_ != UndefinedColor;
   }
diff --git a/ReactCommon/fabric/graphics/platform/ios/Color.cpp b/ReactCommon/fabric/graphics/platform/ios/Color.cpp
index f7100f98dcbc6a..dfde827886e203 100644
--- a/ReactCommon/fabric/graphics/platform/ios/Color.cpp
+++ b/ReactCommon/fabric/graphics/platform/ios/Color.cpp
@@ -6,6 +6,7 @@
  */
 
 #include "Color.h"
+#include <cassert>
 
 namespace facebook {
 namespace react {
diff --git a/ReactCommon/fabric/graphics/rounding.h b/ReactCommon/fabric/graphics/rounding.h
new file mode 100644
index 00000000000000..4d948213be27cd
--- /dev/null
+++ b/ReactCommon/fabric/graphics/rounding.h
@@ -0,0 +1,82 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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/Float.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Convenience functions for rounding float values to be aligned with a device
+ * pixel grid.
+ *
+ * Usage example:
+ *   auto scaleFactor = Float{3};
+ *   auto value = Float{42.9001};
+ *   auto crispValue = roundToPixel<&std::ceil>(value, scaleFactor);
+ *   auto size = Size{value, value + 42.0};
+ *   auto crispSize = roundToPixel<&std::ceil>(size, scaleFactor);
+ */
+template <Float (*RoundingFunction)(Float)>
+Float roundToPixel(Float value, Float scaleFactor) {
+  return RoundingFunction(value * scaleFactor) / scaleFactor;
+}
+
+template <Float (*RoundingFunction)(Float)>
+Point roundToPixel(Point value, Float scaleFactor) {
+  return Point{roundToPixel<RoundingFunction>(value.x, scaleFactor),
+               roundToPixel<RoundingFunction>(value.y, scaleFactor)};
+}
+
+template <Float (*RoundingFunction)(Float)>
+Size roundToPixel(Size value, Float scaleFactor) {
+  return Size{roundToPixel<RoundingFunction>(value.width, scaleFactor),
+              roundToPixel<RoundingFunction>(value.height, scaleFactor)};
+}
+
+template <Float (*RoundingFunction)(Float)>
+Rect roundToPixel(Rect value, Float scaleFactor) {
+  return Rect{roundToPixel<RoundingFunction>(value.origin),
+              roundToPixel<RoundingFunction>(value.size)};
+}
+
+/*
+ * GCC-based Android NDK does not have rounding functions as part of STL.
+ */
+
+inline float round(float value) noexcept {
+  return ::roundf(value);
+}
+inline double round(double value) noexcept {
+  return ::round(value);
+}
+inline long double round(long double value) noexcept {
+  return ::roundl(value);
+}
+inline float ceil(float value) noexcept {
+  return ::ceilf(value);
+}
+inline double ceil(double value) noexcept {
+  return ::ceil(value);
+}
+inline long double ceil(long double value) noexcept {
+  return ::ceill(value);
+}
+inline float floor(float value) noexcept {
+  return ::floorf(value);
+}
+inline double floor(double value) noexcept {
+  return ::floor(value);
+}
+inline long double floor(long double value) noexcept {
+  return ::floorl(value);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/graphics/tests/TransformTest.cpp b/ReactCommon/fabric/graphics/tests/TransformTest.cpp
new file mode 100644
index 00000000000000..29188bd1fc99b9
--- /dev/null
+++ b/ReactCommon/fabric/graphics/tests/TransformTest.cpp
@@ -0,0 +1,68 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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/graphics/Transform.h>
+#include <gtest/gtest.h>
+#include <math.h>
+
+using namespace facebook::react;
+
+TEST(TransformTest, transformingSize) {
+  auto size = facebook::react::Size{100, 200};
+  auto scaledSize = size * Transform::Scale(0.5, 0.5, 1);
+
+  EXPECT_EQ(scaledSize.width, 50);
+  EXPECT_EQ(scaledSize.height, 100);
+}
+
+TEST(TransformTest, transformingPoint) {
+  auto point = facebook::react::Point{100, 200};
+  auto translatedPoint = point * Transform::Translate(-50, -100, 0);
+
+  EXPECT_EQ(translatedPoint.x, 50);
+  EXPECT_EQ(translatedPoint.y, 100);
+}
+
+TEST(TransformTest, scalingRect) {
+  auto point = facebook::react::Point{100, 200};
+  auto size = facebook::react::Size{300, 400};
+  auto rect = facebook::react::Rect{point, size};
+
+  auto transformedRect = rect * Transform::Scale(0.5, 0.5, 1);
+
+  EXPECT_EQ(transformedRect.origin.x, 175);
+  EXPECT_EQ(transformedRect.origin.y, 300);
+  EXPECT_EQ(transformedRect.size.width, 150);
+  EXPECT_EQ(transformedRect.size.height, 200);
+}
+
+TEST(TransformTest, rotatingRect) {
+  auto point = facebook::react::Point{10, 10};
+  auto size = facebook::react::Size{10, 10};
+  auto rect = facebook::react::Rect{point, size};
+
+  auto transformedRect = rect * Transform::RotateZ(M_PI_4);
+
+  ASSERT_NEAR(transformedRect.origin.x, 7.9289, 0.0001);
+  ASSERT_NEAR(transformedRect.origin.y, 7.9289, 0.0001);
+  ASSERT_NEAR(transformedRect.size.width, 14.1421, 0.0001);
+  ASSERT_NEAR(transformedRect.size.height, 14.1421, 0.0001);
+}
+
+TEST(TransformTest, scalingAndTranslatingRect) {
+  auto point = facebook::react::Point{100, 200};
+  auto size = facebook::react::Size{300, 400};
+  auto rect = facebook::react::Rect{point, size};
+
+  auto transformedRect =
+      rect * Transform::Scale(0.5, 0.5, 1) * Transform::Translate(1, 1, 0);
+
+  EXPECT_EQ(transformedRect.origin.x, 176);
+  EXPECT_EQ(transformedRect.origin.y, 301);
+  EXPECT_EQ(transformedRect.size.width, 150);
+  EXPECT_EQ(transformedRect.size.height, 200);
+}
diff --git a/ReactCommon/fabric/imagemanager/BUCK b/ReactCommon/fabric/imagemanager/BUCK
index 4508ecb28f3445..a5458f5071a0b6 100644
--- a/ReactCommon/fabric/imagemanager/BUCK
+++ b/ReactCommon/fabric/imagemanager/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -51,19 +51,20 @@ rn_xplat_cxx_library(
         ],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags() + [
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags() + [
         "-DLOG_TAG=\"ReactNative\"",
         "-DWITH_FBSYSTRACE=1",
     ],
     force_static = True,
     ios_deps = [
-        "fbsource//xplat/js:RCTImage",
-        "fbsource//xplat/js/react-native-github:RCTCxxBridge",
+        "//xplat/js:RCTImage",
+        "//xplat/js/react-native-github:RCTCxxBridge",
     ],
     ios_exported_headers = subdir_glob(
         [
             ("", "*.h"),
+            ("platform/ios", "RCTImageInstrumentationProxy.h"),
             ("platform/ios", "RCTImagePrimitivesConversions.h"),
         ],
         prefix = "react/imagemanager",
@@ -95,11 +96,11 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/core:core"),
         react_native_xplat_target("fabric/mounting:mounting"),
@@ -121,8 +122,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":imagemanager",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/imagemanager/ImageInstrumentation.h b/ReactCommon/fabric/imagemanager/ImageInstrumentation.h
new file mode 100644
index 00000000000000..577d18d97feb44
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/ImageInstrumentation.h
@@ -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.
+ */
+
+#pragma once
+
+#include <react/core/ReactPrimitives.h>
+
+namespace facebook {
+namespace react {
+
+/*
+ * A base class for performing image loading instrumentation.
+ * The actual instrumentation is app, platform, and image loader-specific.
+ */
+class ImageInstrumentation {
+ public:
+  virtual ~ImageInstrumentation() noexcept = default;
+
+  /**
+   * Mark that the image content is set on the native image component on screen.
+   */
+  virtual void didSetImage() const = 0;
+
+  /**
+   * Mark that the image view starts to be visible on screen.
+   */
+  virtual void didEnterVisibilityRange() const = 0;
+
+  /**
+   * Mark that the image view is no longer visible on screen.
+   */
+  virtual void didExitVisibilityRange() const = 0;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/ImageRequest.h b/ReactCommon/fabric/imagemanager/ImageRequest.h
index f29b0a3b2b2ecf..76195165ce68b1 100644
--- a/ReactCommon/fabric/imagemanager/ImageRequest.h
+++ b/ReactCommon/fabric/imagemanager/ImageRequest.h
@@ -7,6 +7,7 @@
 
 #pragma once
 
+#include <react/imagemanager/ImageInstrumentation.h>
 #include <react/imagemanager/ImageResponse.h>
 #include <react/imagemanager/ImageResponseObserver.h>
 #include <react/imagemanager/ImageResponseObserverCoordinator.h>
@@ -24,11 +25,12 @@ namespace react {
  */
 class ImageRequest final {
  public:
-
   /*
    * The default constructor
    */
-  ImageRequest(const ImageSource &imageSource);
+  ImageRequest(
+      const ImageSource &imageSource,
+      std::shared_ptr<const ImageInstrumentation> instrumentation);
 
   /*
    * The move constructor.
@@ -61,6 +63,20 @@ class ImageRequest final {
    */
   const ImageResponseObserverCoordinator &getObserverCoordinator() const;
 
+  /*
+   * Returns stored image instrumentation object as a shared pointer.
+   * Retain this *or* `ImageRequest` to ensure a correct lifetime of the object.
+   */
+  const std::shared_ptr<const ImageInstrumentation>
+      &getSharedImageInstrumentation() const;
+
+  /*
+   * Returns the image instrumentation object specific to this request.
+   * Use this if a correct lifetime of the object is ensured in some other way
+   * (e.g. by retaining an `ImageRequest`).
+   */
+  const ImageInstrumentation &getImageInstrumentation() const;
+
  private:
   /*
    * Image source associated with the request.
@@ -72,6 +88,11 @@ class ImageRequest final {
    */
   std::shared_ptr<const ImageResponseObserverCoordinator> coordinator_{};
 
+  /*
+   * Image instrumentation specific to the request.
+   */
+  std::shared_ptr<const ImageInstrumentation> instrumentation_;
+
   /*
    * Function we can call to cancel image request (see destructor).
    */
diff --git a/ReactCommon/fabric/imagemanager/platform/cxx/ImageManager.cpp b/ReactCommon/fabric/imagemanager/platform/cxx/ImageManager.cpp
index 7a4b8211f2fff4..245c3b5e7a783b 100644
--- a/ReactCommon/fabric/imagemanager/platform/cxx/ImageManager.cpp
+++ b/ReactCommon/fabric/imagemanager/platform/cxx/ImageManager.cpp
@@ -24,7 +24,7 @@ ImageRequest ImageManager::requestImage(
     const ImageSource &imageSource,
     SurfaceId surfaceId) const {
   // Not implemented.
-  return ImageRequest(imageSource);
+  return ImageRequest(imageSource, nullptr);
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/imagemanager/platform/cxx/ImageRequest.cpp b/ReactCommon/fabric/imagemanager/platform/cxx/ImageRequest.cpp
index 744e592a28ff00..35475d1083149a 100644
--- a/ReactCommon/fabric/imagemanager/platform/cxx/ImageRequest.cpp
+++ b/ReactCommon/fabric/imagemanager/platform/cxx/ImageRequest.cpp
@@ -10,8 +10,10 @@
 namespace facebook {
 namespace react {
 
-ImageRequest::ImageRequest(const ImageSource &imageSource)
-    : imageSource_(imageSource) {
+ImageRequest::ImageRequest(
+    const ImageSource &imageSource,
+    std::shared_ptr<const ImageInstrumentation> instrumentation)
+    : imageSource_(imageSource), instrumentation_(instrumentation) {
   // Not implemented.
 }
 
@@ -36,5 +38,17 @@ const std::shared_ptr<const ImageResponseObserverCoordinator>
   // Not implemented
   abort();
 }
+
+const std::shared_ptr<const ImageInstrumentation>
+    &ImageRequest::getSharedImageInstrumentation() const {
+  // Not implemented
+  abort();
+}
+
+const ImageInstrumentation &ImageRequest::getImageInstrumentation() const {
+  // Not implemented
+  abort();
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
index b6183ab2e2bf8f..3d37911aaf1a34 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
+++ b/ReactCommon/fabric/imagemanager/platform/ios/ImageManager.mm
@@ -8,9 +8,11 @@
 #include "ImageManager.h"
 
 #import <React/RCTImageLoaderWithAttributionProtocol.h>
+#import <React/RCTUtils.h>
 #import <react/utils/ManagedObjectWrapper.h>
 
 #import "RCTImageManager.h"
+#import "RCTSyncImageManager.h"
 
 namespace facebook {
 namespace react {
@@ -20,7 +22,11 @@
   id<RCTImageLoaderWithAttributionProtocol> imageLoader =
       (id<RCTImageLoaderWithAttributionProtocol>)unwrapManagedObject(
           contextContainer->at<std::shared_ptr<void>>("RCTImageLoader"));
-  self_ = (__bridge_retained void *)[[RCTImageManager alloc] initWithImageLoader:imageLoader];
+  if (RCTRunningInTestEnvironment()) {
+    self_ = (__bridge_retained void *)[[RCTSyncImageManager alloc] initWithImageLoader:imageLoader];
+  } else {
+    self_ = (__bridge_retained void *)[[RCTImageManager alloc] initWithImageLoader:imageLoader];
+  }
 }
 
 ImageManager::~ImageManager()
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/ImageRequest.cpp b/ReactCommon/fabric/imagemanager/platform/ios/ImageRequest.cpp
index 5f2e8f2ed45620..96911824679a85 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/ImageRequest.cpp
+++ b/ReactCommon/fabric/imagemanager/platform/ios/ImageRequest.cpp
@@ -10,17 +10,21 @@
 namespace facebook {
 namespace react {
 
-ImageRequest::ImageRequest(const ImageSource &imageSource)
-    : imageSource_(imageSource) {
+ImageRequest::ImageRequest(
+    const ImageSource &imageSource,
+    std::shared_ptr<const ImageInstrumentation> instrumentation)
+    : imageSource_(imageSource), instrumentation_(instrumentation) {
   coordinator_ = std::make_shared<ImageResponseObserverCoordinator>();
 }
 
 ImageRequest::ImageRequest(ImageRequest &&other) noexcept
     : imageSource_(std::move(other.imageSource_)),
-      coordinator_(std::move(other.coordinator_)) {
+      coordinator_(std::move(other.coordinator_)),
+      instrumentation_(std::move(other.instrumentation_)) {
   other.moved_ = true;
   other.coordinator_ = nullptr;
   other.cancelRequest_ = nullptr;
+  other.instrumentation_ = nullptr;
 }
 
 ImageRequest::~ImageRequest() {
@@ -44,5 +48,14 @@ const std::shared_ptr<const ImageResponseObserverCoordinator>
   return coordinator_;
 }
 
+const std::shared_ptr<const ImageInstrumentation>
+    &ImageRequest::getSharedImageInstrumentation() const {
+  return instrumentation_;
+}
+
+const ImageInstrumentation &ImageRequest::getImageInstrumentation() const {
+  return *instrumentation_;
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageInstrumentationProxy.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageInstrumentationProxy.h
new file mode 100644
index 00000000000000..5d8f84f0f76b7b
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageInstrumentationProxy.h
@@ -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.
+ */
+
+#pragma once
+
+#include <React/RCTImageLoaderWithAttributionProtocol.h>
+
+#include <react/core/ReactPrimitives.h>
+#include <react/imagemanager/ImageInstrumentation.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+namespace facebook {
+namespace react {
+
+class RCTImageInstrumentationProxy final : public ImageInstrumentation {
+ public:
+  RCTImageInstrumentationProxy(id<RCTImageLoaderWithAttributionProtocol> imageLoader);
+  ~RCTImageInstrumentationProxy();
+
+  void didSetImage() const override;
+  void didEnterVisibilityRange() const override;
+  void didExitVisibilityRange() const override;
+
+  void trackNativeImageView(UIView *imageView) const;
+  void setImageURLLoaderRequest(RCTImageURLLoaderRequest *request);
+
+ private:
+  __weak id<RCTImageLoaderWithAttributionProtocol> imageLoader_;
+  RCTImageURLLoaderRequest *imageURLLoaderRequest_;
+};
+
+} // namespace react
+} // namespace facebook
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageInstrumentationProxy.mm b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageInstrumentationProxy.mm
new file mode 100644
index 00000000000000..1ed24f9faacda3
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageInstrumentationProxy.mm
@@ -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 "RCTImageInstrumentationProxy.h"
+
+namespace facebook {
+namespace react {
+
+RCTImageInstrumentationProxy::RCTImageInstrumentationProxy(id<RCTImageLoaderWithAttributionProtocol> imageLoader)
+    : imageLoader_(imageLoader)
+{
+}
+
+RCTImageInstrumentationProxy::~RCTImageInstrumentationProxy()
+{
+  if (!imageURLLoaderRequest_) {
+    return;
+  }
+  [imageLoader_ trackURLImageDidDestroy:imageURLLoaderRequest_];
+}
+
+void RCTImageInstrumentationProxy::didSetImage() const
+{
+  if (!RCTImageLoadingPerfInstrumentationEnabled()) {
+    return;
+  }
+
+  if (!imageURLLoaderRequest_) {
+    return;
+  }
+
+  [imageLoader_ trackURLImageContentDidSetForRequest:imageURLLoaderRequest_];
+}
+
+void RCTImageInstrumentationProxy::didEnterVisibilityRange() const
+{
+  if (!RCTImageLoadingPerfInstrumentationEnabled()) {
+    return;
+  }
+
+  // TODO (T58941612): Not yet supported.
+  if (!imageURLLoaderRequest_) {
+    return;
+  }
+}
+
+void RCTImageInstrumentationProxy::didExitVisibilityRange() const
+{
+  if (!RCTImageLoadingPerfInstrumentationEnabled()) {
+    return;
+  }
+
+  // TODO (T58941612): Not yet supported.
+  if (!imageURLLoaderRequest_) {
+    return;
+  }
+}
+
+void RCTImageInstrumentationProxy::trackNativeImageView(UIView *imageView) const
+{
+  if (!RCTImageLoadingPerfInstrumentationEnabled()) {
+    return;
+  }
+
+  if (!imageURLLoaderRequest_) {
+    return;
+  }
+  [imageLoader_ trackURLImageVisibilityForRequest:imageURLLoaderRequest_ imageView:imageView];
+}
+
+void RCTImageInstrumentationProxy::setImageURLLoaderRequest(RCTImageURLLoaderRequest *request)
+{
+  imageURLLoaderRequest_ = request;
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h
index 7a8303d6afaf16..0b5814990ce490 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.h
@@ -7,9 +7,7 @@
 
 #import <UIKit/UIKit.h>
 
-#import <react/core/ReactPrimitives.h>
-#import <react/imagemanager/ImageRequest.h>
-#import <react/imagemanager/primitives.h>
+#import <RCTImageManagerProtocol.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -18,7 +16,7 @@ NS_ASSUME_NONNULL_BEGIN
 /**
  * iOS-specific ImageManager.
  */
-@interface RCTImageManager : NSObject
+@interface RCTImageManager : NSObject <RCTImageManagerProtocol>
 
 - (instancetype)initWithImageLoader:(id<RCTImageLoaderWithAttributionProtocol>)imageLoader;
 
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
index 1f5fdd5d4d5956..23b15245841fca 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManager.mm
@@ -12,9 +12,11 @@
 #import <react/utils/SharedFunction.h>
 
 #import <React/RCTImageLoaderWithAttributionProtocol.h>
+
 #import <react/imagemanager/ImageResponse.h>
 #import <react/imagemanager/ImageResponseObserver.h>
 
+#import "RCTImageInstrumentationProxy.h"
 #import "RCTImagePrimitivesConversions.h"
 
 using namespace facebook::react;
@@ -39,7 +41,8 @@ - (ImageRequest)requestImage:(ImageSource)imageSource surfaceId:(SurfaceId)surfa
 {
   SystraceSection s("RCTImageManager::requestImage");
 
-  auto imageRequest = ImageRequest(imageSource);
+  auto imageInstrumentation = std::make_shared<RCTImageInstrumentationProxy>(_imageLoader);
+  auto imageRequest = ImageRequest(imageSource, imageInstrumentation);
   auto weakObserverCoordinator =
       (std::weak_ptr<const ImageResponseObserverCoordinator>)imageRequest.getSharedObserverCoordinator();
 
@@ -81,7 +84,7 @@ - (ImageRequest)requestImage:(ImageSource)imageSource surfaceId:(SurfaceId)surfa
       observerCoordinator->nativeImageResponseProgress(progress / (float)total);
     };
 
-    RCTImageLoaderCancellationBlock cancelationBlock =
+    RCTImageURLLoaderRequest *loaderRequest =
         [self->_imageLoader loadImageWithURLRequest:request
                                                size:CGSizeMake(imageSource.size.width, imageSource.size.height)
                                               scale:imageSource.scale
@@ -93,8 +96,12 @@ - (ImageRequest)requestImage:(ImageSource)imageSource surfaceId:(SurfaceId)surfa
                                       progressBlock:progressBlock
                                    partialLoadBlock:nil
                                     completionBlock:completionBlock];
-
+    RCTImageLoaderCancellationBlock cancelationBlock = loaderRequest.cancellationBlock;
     sharedCancelationFunction.assign([cancelationBlock]() { cancelationBlock(); });
+
+    if (imageInstrumentation) {
+      imageInstrumentation->setImageURLLoaderRequest(loaderRequest);
+    }
   });
 
   return imageRequest;
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManagerProtocol.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManagerProtocol.h
new file mode 100644
index 00000000000000..d69c2d3f34c1e2
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImageManagerProtocol.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>
+#import <react/core/ReactPrimitives.h>
+#import <react/imagemanager/ImageRequest.h>
+
+@protocol RCTImageManagerProtocol <NSObject>
+
+- (facebook::react::ImageRequest)requestImage:(facebook::react::ImageSource)imageSource
+                                    surfaceId:(facebook::react::SurfaceId)surfaceId;
+@end
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h
index db8739a5822dca..db9d498dfe6710 100644
--- a/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTImagePrimitivesConversions.h
@@ -12,8 +12,8 @@
 
 using namespace facebook::react;
 
-inline static RCTResizeMode RCTResizeModeFromImageResizeMode(
-    ImageResizeMode imageResizeMode) {
+inline static RCTResizeMode RCTResizeModeFromImageResizeMode(ImageResizeMode imageResizeMode)
+{
   switch (imageResizeMode) {
     case ImageResizeMode::Cover:
       return RCTResizeModeCover;
@@ -28,7 +28,8 @@ inline static RCTResizeMode RCTResizeModeFromImageResizeMode(
   }
 }
 
-inline std::string toString(const ImageResizeMode &value) {
+inline std::string toString(const ImageResizeMode &value)
+{
   switch (value) {
     case ImageResizeMode::Cover:
       return "cover";
@@ -43,17 +44,15 @@ inline std::string toString(const ImageResizeMode &value) {
   }
 }
 
-inline static NSURL *NSURLFromImageSource(const ImageSource &imageSource) {
+inline static NSURL *NSURLFromImageSource(const ImageSource &imageSource)
+{
   // `NSURL` has a history of crashing with bad input, so let's be safe.
   @try {
-    NSString *urlString = [NSString stringWithCString:imageSource.uri.c_str()
-                                             encoding:NSASCIIStringEncoding];
+    NSString *urlString = [NSString stringWithCString:imageSource.uri.c_str() encoding:NSASCIIStringEncoding];
 
     if (!imageSource.bundle.empty()) {
-      NSString *bundle = [NSString stringWithCString:imageSource.bundle.c_str()
-                                            encoding:NSASCIIStringEncoding];
-      urlString =
-          [NSString stringWithFormat:@"%@.bundle/%@", bundle, urlString];
+      NSString *bundle = [NSString stringWithCString:imageSource.bundle.c_str() encoding:NSASCIIStringEncoding];
+      urlString = [NSString stringWithFormat:@"%@.bundle/%@", bundle, urlString];
     }
 
     NSURL *url = [[NSURL alloc] initWithString:urlString];
@@ -65,8 +64,7 @@ inline static NSURL *NSURLFromImageSource(const ImageSource &imageSource) {
 
     if ([urlString rangeOfString:@":"].location != NSNotFound) {
       // The URL has a scheme.
-      urlString = [urlString
-          stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
+      urlString = [urlString stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding];
       url = [NSURL URLWithString:urlString];
       return url;
     }
@@ -80,8 +78,7 @@ inline static NSURL *NSURLFromImageSource(const ImageSource &imageSource) {
     } else {
       if (![urlString isAbsolutePath]) {
         // Assume it's a resource path.
-        urlString = [[[NSBundle mainBundle] resourcePath]
-            stringByAppendingPathComponent:urlString];
+        urlString = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:urlString];
       }
     }
 
@@ -93,8 +90,8 @@ inline static NSURL *NSURLFromImageSource(const ImageSource &imageSource) {
   }
 }
 
-inline static NSURLRequest *NSURLRequestFromImageSource(
-    const ImageSource &imageSource) {
+inline static NSURLRequest *NSURLRequestFromImageSource(const ImageSource &imageSource)
+{
   NSURL *url = NSURLFromImageSource(imageSource);
 
   if (!url) {
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTSyncImageManager.h b/ReactCommon/fabric/imagemanager/platform/ios/RCTSyncImageManager.h
new file mode 100644
index 00000000000000..c48c0b077ef39d
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTSyncImageManager.h
@@ -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.
+ */
+
+#import <UIKit/UIKit.h>
+
+#import <RCTImageManagerProtocol.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@protocol RCTImageLoaderWithAttributionProtocol;
+
+/**
+ * iOS-specific ImageManager.
+ */
+@interface RCTSyncImageManager : NSObject <RCTImageManagerProtocol>
+
+- (instancetype)initWithImageLoader:(id<RCTImageLoaderWithAttributionProtocol>)imageLoader;
+
+- (facebook::react::ImageRequest)requestImage:(facebook::react::ImageSource)imageSource
+                                    surfaceId:(facebook::react::SurfaceId)surfaceId;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/imagemanager/platform/ios/RCTSyncImageManager.mm b/ReactCommon/fabric/imagemanager/platform/ios/RCTSyncImageManager.mm
new file mode 100644
index 00000000000000..fcd6382600f1bd
--- /dev/null
+++ b/ReactCommon/fabric/imagemanager/platform/ios/RCTSyncImageManager.mm
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 "RCTSyncImageManager.h"
+
+#import <react/utils/ManagedObjectWrapper.h>
+#import <react/utils/SharedFunction.h>
+
+#import <React/RCTAssert.h>
+#import <React/RCTImageLoaderWithAttributionProtocol.h>
+#import <React/RCTLog.h>
+#import <react/imagemanager/ImageResponse.h>
+#import <react/imagemanager/ImageResponseObserver.h>
+
+#import "RCTImagePrimitivesConversions.h"
+
+using namespace facebook::react;
+
+@implementation RCTSyncImageManager {
+  id<RCTImageLoaderWithAttributionProtocol> _imageLoader;
+}
+
+- (instancetype)initWithImageLoader:(id<RCTImageLoaderWithAttributionProtocol>)imageLoader
+{
+  if (self = [super init]) {
+    RCTAssert(RCTRunningInTestEnvironment(), @"This class is only meant to be used in test environment");
+    _imageLoader = imageLoader;
+  }
+
+  return self;
+}
+
+- (ImageRequest)requestImage:(ImageSource)imageSource surfaceId:(SurfaceId)surfaceId
+{
+  auto imageRequest = ImageRequest(imageSource, nullptr);
+  auto weakObserverCoordinator =
+      (std::weak_ptr<const ImageResponseObserverCoordinator>)imageRequest.getSharedObserverCoordinator();
+
+  auto sharedCancelationFunction = SharedFunction<>();
+  imageRequest.setCancelationFunction(sharedCancelationFunction);
+
+  dispatch_group_t imageWaitGroup = dispatch_group_create();
+
+  dispatch_group_enter(imageWaitGroup);
+
+  NSURLRequest *request = NSURLRequestFromImageSource(imageSource);
+
+  auto completionBlock = ^(NSError *error, UIImage *image) {
+    auto observerCoordinator = weakObserverCoordinator.lock();
+    if (!observerCoordinator) {
+      return;
+    }
+
+    if (image && !error) {
+      observerCoordinator->nativeImageResponseComplete(ImageResponse(wrapManagedObject(image)));
+    } else {
+      observerCoordinator->nativeImageResponseFailed();
+    }
+    dispatch_group_leave(imageWaitGroup);
+  };
+
+  auto progressBlock = ^(int64_t progress, int64_t total) {
+    auto observerCoordinator = weakObserverCoordinator.lock();
+    if (!observerCoordinator) {
+      return;
+    }
+
+    observerCoordinator->nativeImageResponseProgress(progress / (float)total);
+  };
+
+  RCTImageURLLoaderRequest *loaderRequest =
+      [self->_imageLoader loadImageWithURLRequest:request
+                                             size:CGSizeMake(imageSource.size.width, imageSource.size.height)
+                                            scale:imageSource.scale
+                                          clipped:YES
+                                       resizeMode:RCTResizeModeStretch
+                                      attribution:{
+                                                      .surfaceId = surfaceId,
+                                                  }
+                                    progressBlock:progressBlock
+                                 partialLoadBlock:nil
+                                  completionBlock:completionBlock];
+  RCTImageLoaderCancellationBlock cancelationBlock = loaderRequest.cancellationBlock;
+  sharedCancelationFunction.assign([cancelationBlock]() { cancelationBlock(); });
+
+  auto result = dispatch_group_wait(imageWaitGroup, dispatch_time(DISPATCH_TIME_NOW, 2 * NSEC_PER_SEC));
+  if (result != 0) {
+    RCTLogError(@"Getting an image timed out");
+  }
+  return imageRequest;
+}
+
+@end
diff --git a/ReactCommon/fabric/mapbuffer/BUCK b/ReactCommon/fabric/mapbuffer/BUCK
index 6cdc4a02c4cc24..cd4eee387d7357 100644
--- a/ReactCommon/fabric/mapbuffer/BUCK
+++ b/ReactCommon/fabric/mapbuffer/BUCK
@@ -30,7 +30,7 @@ rn_xplat_cxx_library(
         "-std=c++14",
         "-Wall",
     ],
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID),
@@ -40,10 +40,10 @@ rn_xplat_cxx_library(
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/third-party/glog:glog",
         react_native_xplat_target("utils:utils"),
     ],
 )
@@ -61,7 +61,7 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/mounting/BUCK b/ReactCommon/fabric/mounting/BUCK
index b427643bb29bec..7bc30293aa96ae 100644
--- a/ReactCommon/fabric/mounting/BUCK
+++ b/ReactCommon/fabric/mounting/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -39,24 +39,23 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
-        # Systraces are temporary disabled.
-        # "-DWITH_FBSYSTRACE=1",
+        "-DWITH_FBSYSTRACE=1",
     ],
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         react_native_xplat_target("better:better"),
         react_native_xplat_target("fabric/components/root:root"),
         react_native_xplat_target("fabric/components/view:view"),
@@ -79,8 +78,8 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":mounting",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/mounting/Differentiator.cpp b/ReactCommon/fabric/mounting/Differentiator.cpp
index b6b45cc7c26963..919a7364de18ae 100644
--- a/ReactCommon/fabric/mounting/Differentiator.cpp
+++ b/ReactCommon/fabric/mounting/Differentiator.cpp
@@ -11,6 +11,7 @@
 #include <better/small_vector.h>
 #include <react/core/LayoutableShadowNode.h>
 #include <react/debug/SystraceSection.h>
+#include <algorithm>
 #include "ShadowView.h"
 
 namespace facebook {
@@ -44,18 +45,35 @@ class TinyMap final {
   using Pair = std::pair<KeyT, ValueT>;
   using Iterator = Pair *;
 
+  /**
+   * This must strictly only be called from outside of this class.
+   */
   inline Iterator begin() {
-    return (Pair *)vector_;
+    // Force a clean so that iterating over this TinyMap doesn't iterate over
+    // erased elements. If all elements erased are at the front of the vector,
+    // then we don't need to clean.
+    cleanVector(erasedAtFront_ != numErased_);
+
+    return begin_();
   }
 
   inline Iterator end() {
-    return nullptr;
+    // `back()` asserts on the vector being non-empty
+    if (vector_.size() == 0 || numErased_ == vector_.size()) {
+      return nullptr;
+    }
+
+    return &vector_.back() + 1;
   }
 
   inline Iterator find(KeyT key) {
-    for (auto &item : vector_) {
-      if (item.first == key) {
-        return &item;
+    cleanVector();
+
+    assert(key != 0);
+
+    for (auto it = begin_() + erasedAtFront_; it != end(); it++) {
+      if (it->first == key) {
+        return it;
       }
     }
 
@@ -68,44 +86,115 @@ class TinyMap final {
   }
 
   inline void erase(Iterator iterator) {
-    static_assert(
-        std::is_same<KeyT, Tag>::value,
-        "The collection is designed to store only `Tag`s as keys.");
-    // Zero is a invalid tag.
+    numErased_++;
+
+    // Invalidate tag.
     iterator->first = 0;
+
+    if (iterator == begin_() + erasedAtFront_) {
+      erasedAtFront_++;
+    }
   }
 
  private:
+  /**
+   * Same as begin() but doesn't call cleanVector at the beginning.
+   */
+  inline Iterator begin_() {
+    // `front()` asserts on the vector being non-empty
+    if (vector_.size() == 0 || vector_.size() == numErased_) {
+      return nullptr;
+    }
+
+    return &vector_.front();
+  }
+
+  /**
+   * Remove erased elements from internal vector.
+   * We only modify the vector if erased elements are at least half of the
+   * vector.
+   */
+  inline void cleanVector(bool forceClean = false) {
+    if ((numErased_ < (vector_.size() / 2) && !forceClean) ||
+        vector_.size() == 0 || numErased_ == 0 ||
+        numErased_ == erasedAtFront_) {
+      return;
+    }
+
+    if (numErased_ == vector_.size()) {
+      vector_.clear();
+    } else {
+      vector_.erase(
+          std::remove_if(
+              vector_.begin(),
+              vector_.end(),
+              [](auto const &item) { return item.first == 0; }),
+          vector_.end());
+    }
+    numErased_ = 0;
+    erasedAtFront_ = 0;
+  }
+
   better::small_vector<Pair, DefaultSize> vector_;
+  int numErased_{0};
+  int erasedAtFront_{0};
 };
 
+/*
+ * Sorting comparator for `reorderInPlaceIfNeeded`.
+ */
+static bool shouldFirstPairComesBeforeSecondOne(
+    ShadowViewNodePair const &lhs,
+    ShadowViewNodePair const &rhs) noexcept {
+  return lhs.shadowNode->getOrderIndex() < rhs.shadowNode->getOrderIndex();
+}
+
+/*
+ * Reorders pairs in-place based on `orderIndex` using a stable sort algorithm.
+ */
+static void reorderInPlaceIfNeeded(ShadowViewNodePair::List &pairs) noexcept {
+  if (pairs.size() < 2) {
+    return;
+  }
+
+  auto isReorderNeeded = false;
+  for (auto const &pair : pairs) {
+    if (pair.shadowNode->getOrderIndex() != 0) {
+      isReorderNeeded = true;
+      break;
+    }
+  }
+
+  if (!isReorderNeeded) {
+    return;
+  }
+
+  std::stable_sort(
+      pairs.begin(), pairs.end(), &shouldFirstPairComesBeforeSecondOne);
+}
+
 static void sliceChildShadowNodeViewPairsRecursively(
     ShadowViewNodePair::List &pairList,
     Point layoutOffset,
     ShadowNode const &shadowNode) {
-  for (auto const &childShadowNode : shadowNode.getChildren()) {
-    auto shadowView = ShadowView(*childShadowNode);
-
-    auto const layoutableShadowNode =
-        dynamic_cast<LayoutableShadowNode const *>(childShadowNode.get());
-#ifndef ANDROID
-    // New approach (iOS):
-    // Non-view components are treated as layout-only views (they aren't
-    // represented as `ShadowView`s).
-    if (!layoutableShadowNode || layoutableShadowNode->isLayoutOnly()) {
-#else
-    // Previous approach (Android):
-    // Non-view components are treated as normal views with an empty layout
-    // (they are represented as `ShadowView`s).
-    if (layoutableShadowNode && layoutableShadowNode->isLayoutOnly()) {
-#endif
-      sliceChildShadowNodeViewPairsRecursively(
-          pairList,
-          layoutOffset + shadowView.layoutMetrics.frame.origin,
-          *childShadowNode);
-    } else {
+  for (auto const &sharedChildShadowNode : shadowNode.getChildren()) {
+    auto &childShadowNode = *sharedChildShadowNode;
+    auto shadowView = ShadowView(childShadowNode);
+    if (shadowView.layoutMetrics != EmptyLayoutMetrics) {
       shadowView.layoutMetrics.frame.origin += layoutOffset;
-      pairList.push_back({shadowView, childShadowNode.get()});
+    }
+
+    if (childShadowNode.getTraits().check(
+            ShadowNodeTraits::Trait::FormsStackingContext)) {
+      pairList.push_back({shadowView, &childShadowNode});
+    } else {
+      if (childShadowNode.getTraits().check(
+              ShadowNodeTraits::Trait::FormsView)) {
+        pairList.push_back({shadowView, &childShadowNode});
+      }
+
+      sliceChildShadowNodeViewPairsRecursively(
+          pairList, shadowView.layoutMetrics.frame.origin, childShadowNode);
     }
   }
 }
@@ -113,7 +202,15 @@ static void sliceChildShadowNodeViewPairsRecursively(
 ShadowViewNodePair::List sliceChildShadowNodeViewPairs(
     ShadowNode const &shadowNode) {
   auto pairList = ShadowViewNodePair::List{};
+
+  if (!shadowNode.getTraits().check(
+          ShadowNodeTraits::Trait::FormsStackingContext) &&
+      shadowNode.getTraits().check(ShadowNodeTraits::Trait::FormsView)) {
+    return pairList;
+  }
+
   sliceChildShadowNodeViewPairsRecursively(pairList, {0, 0}, shadowNode);
+
   return pairList;
 }
 
@@ -130,6 +227,10 @@ static_assert(
 static_assert(
     std::is_move_constructible<ShadowViewNodePair>::value,
     "`ShadowViewNodePair` must be `move constructible`.");
+static_assert(
+    std::is_move_constructible<ShadowViewNodePair::List>::value,
+    "`ShadowViewNodePair::List` must be `move constructible`.");
+
 static_assert(
     std::is_move_assignable<ShadowViewMutation>::value,
     "`ShadowViewMutation` must be `move assignable`.");
@@ -139,23 +240,26 @@ static_assert(
 static_assert(
     std::is_move_assignable<ShadowViewNodePair>::value,
     "`ShadowViewNodePair` must be `move assignable`.");
+static_assert(
+    std::is_move_assignable<ShadowViewNodePair::List>::value,
+    "`ShadowViewNodePair::List` must be `move assignable`.");
 
-static void calculateShadowViewMutations(
+static void calculateShadowViewMutationsClassic(
     ShadowViewMutation::List &mutations,
     ShadowView const &parentShadowView,
-    ShadowViewNodePair::List const &oldChildPairs,
-    ShadowViewNodePair::List const &newChildPairs) {
-  // The current version of the algorithm is optimized for simplicity,
+    ShadowViewNodePair::List &&oldChildPairs,
+    ShadowViewNodePair::List &&newChildPairs) {
+  // This version of the algorithm is optimized for simplicity,
   // not for performance or optimal result.
 
-  if (oldChildPairs == newChildPairs) {
-    return;
-  }
-
   if (oldChildPairs.size() == 0 && newChildPairs.size() == 0) {
     return;
   }
 
+  // Sorting pairs based on `orderIndex` if needed.
+  reorderInPlaceIfNeeded(oldChildPairs);
+  reorderInPlaceIfNeeded(newChildPairs);
+
   auto index = int{0};
 
   // Maps inserted node tags to pointers to them in `newChildPairs`.
@@ -189,16 +293,16 @@ static void calculateShadowViewMutations(
           index));
     }
 
-    auto const oldGrandChildPairs =
+    auto oldGrandChildPairs =
         sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode);
-    auto const newGrandChildPairs =
+    auto newGrandChildPairs =
         sliceChildShadowNodeViewPairs(*newChildPair.shadowNode);
-    calculateShadowViewMutations(
+    calculateShadowViewMutationsClassic(
         *(newGrandChildPairs.size() ? &downwardMutations
                                     : &destructiveDownwardMutations),
         oldChildPair.shadowView,
-        oldGrandChildPairs,
-        newGrandChildPairs);
+        std::move(oldGrandChildPairs),
+        std::move(newGrandChildPairs));
   }
 
   int lastIndexAfterFirstStage = index;
@@ -234,7 +338,7 @@ static void calculateShadowViewMutations(
 
       // We also have to call the algorithm recursively to clean up the entire
       // subtree starting from the removed view.
-      calculateShadowViewMutations(
+      calculateShadowViewMutationsClassic(
           destructiveDownwardMutations,
           oldChildPair.shadowView,
           sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode),
@@ -246,16 +350,16 @@ static void calculateShadowViewMutations(
       auto const &newChildPair = *it->second;
 
       if (newChildPair != oldChildPair) {
-        auto const oldGrandChildPairs =
+        auto oldGrandChildPairs =
             sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode);
-        auto const newGrandChildPairs =
+        auto newGrandChildPairs =
             sliceChildShadowNodeViewPairs(*newChildPair.shadowNode);
-        calculateShadowViewMutations(
+        calculateShadowViewMutationsClassic(
             *(newGrandChildPairs.size() ? &downwardMutations
                                         : &destructiveDownwardMutations),
             newChildPair.shadowView,
-            oldGrandChildPairs,
-            newGrandChildPairs);
+            std::move(oldGrandChildPairs),
+            std::move(newGrandChildPairs));
       }
 
       // In any case we have to remove the view from `insertedPairs` as
@@ -280,7 +384,7 @@ static void calculateShadowViewMutations(
     createMutations.push_back(
         ShadowViewMutation::CreateMutation(newChildPair.shadowView));
 
-    calculateShadowViewMutations(
+    calculateShadowViewMutationsClassic(
         downwardMutations,
         newChildPair.shadowView,
         {},
@@ -318,7 +422,284 @@ static void calculateShadowViewMutations(
       std::back_inserter(mutations));
 }
 
+static void calculateShadowViewMutationsOptimizedMoves(
+    ShadowViewMutation::List &mutations,
+    ShadowView const &parentShadowView,
+    ShadowViewNodePair::List &&oldChildPairs,
+    ShadowViewNodePair::List &&newChildPairs) {
+  if (oldChildPairs.size() == 0 && newChildPairs.size() == 0) {
+    return;
+  }
+
+  // Sorting pairs based on `orderIndex` if needed.
+  reorderInPlaceIfNeeded(oldChildPairs);
+  reorderInPlaceIfNeeded(newChildPairs);
+
+  auto index = int{0};
+
+  // Lists of mutations
+  auto createMutations = ShadowViewMutation::List{};
+  auto deleteMutations = ShadowViewMutation::List{};
+  auto insertMutations = ShadowViewMutation::List{};
+  auto removeMutations = ShadowViewMutation::List{};
+  auto updateMutations = ShadowViewMutation::List{};
+  auto downwardMutations = ShadowViewMutation::List{};
+  auto destructiveDownwardMutations = ShadowViewMutation::List{};
+
+  // Stage 1: Collecting `Update` mutations
+  for (index = 0; index < oldChildPairs.size() && index < newChildPairs.size();
+       index++) {
+    auto const &oldChildPair = oldChildPairs[index];
+    auto const &newChildPair = newChildPairs[index];
+
+    if (oldChildPair.shadowView.tag != newChildPair.shadowView.tag) {
+      // Totally different nodes, updating is impossible.
+      break;
+    }
+
+    if (oldChildPair.shadowView != newChildPair.shadowView) {
+      updateMutations.push_back(ShadowViewMutation::UpdateMutation(
+          parentShadowView,
+          oldChildPair.shadowView,
+          newChildPair.shadowView,
+          index));
+    }
+
+    auto oldGrandChildPairs =
+        sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode);
+    auto newGrandChildPairs =
+        sliceChildShadowNodeViewPairs(*newChildPair.shadowNode);
+    calculateShadowViewMutationsOptimizedMoves(
+        *(newGrandChildPairs.size() ? &downwardMutations
+                                    : &destructiveDownwardMutations),
+        oldChildPair.shadowView,
+        std::move(oldGrandChildPairs),
+        std::move(newGrandChildPairs));
+  }
+
+  int lastIndexAfterFirstStage = index;
+
+  if (index == newChildPairs.size()) {
+    // We've reached the end of the new children. We can delete+remove the
+    // rest.
+    for (; index < oldChildPairs.size(); index++) {
+      auto const &oldChildPair = oldChildPairs[index];
+
+      deleteMutations.push_back(
+          ShadowViewMutation::DeleteMutation(oldChildPair.shadowView));
+      removeMutations.push_back(ShadowViewMutation::RemoveMutation(
+          parentShadowView, oldChildPair.shadowView, index));
+
+      // We also have to call the algorithm recursively to clean up the entire
+      // subtree starting from the removed view.
+      calculateShadowViewMutationsOptimizedMoves(
+          destructiveDownwardMutations,
+          oldChildPair.shadowView,
+          sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode),
+          {});
+    }
+  } else if (index == oldChildPairs.size()) {
+    // If we don't have any more existing children we can choose a fast path
+    // since the rest will all be create+insert.
+    for (; index < newChildPairs.size(); index++) {
+      auto const &newChildPair = newChildPairs[index];
+
+      insertMutations.push_back(ShadowViewMutation::InsertMutation(
+          parentShadowView, newChildPair.shadowView, index));
+      createMutations.push_back(
+          ShadowViewMutation::CreateMutation(newChildPair.shadowView));
+
+      calculateShadowViewMutationsOptimizedMoves(
+          downwardMutations,
+          newChildPair.shadowView,
+          {},
+          sliceChildShadowNodeViewPairs(*newChildPair.shadowNode));
+    }
+  } else {
+    // Collect map of tags in the new list
+    // In the future it would be nice to use TinyMap for newInsertedPairs, but
+    // it's challenging to build an iterator that will work for our use-case
+    // here.
+    auto newRemainingPairs = TinyMap<Tag, ShadowViewNodePair const *>{};
+    auto newInsertedPairs = TinyMap<Tag, ShadowViewNodePair const *>{};
+    for (; index < newChildPairs.size(); index++) {
+      auto const &newChildPair = newChildPairs[index];
+      newRemainingPairs.insert({newChildPair.shadowView.tag, &newChildPair});
+    }
+
+    // Walk through both lists at the same time
+    // We will perform updates, create+insert, remove+delete, remove+insert
+    // (move) here.
+    int oldIndex = lastIndexAfterFirstStage,
+        newIndex = lastIndexAfterFirstStage, newSize = newChildPairs.size(),
+        oldSize = oldChildPairs.size();
+    while (newIndex < newSize || oldIndex < oldSize) {
+      bool haveNewPair = newIndex < newSize;
+      bool haveOldPair = oldIndex < oldSize;
+
+      // Advance both pointers if pointing to the same element
+      if (haveNewPair && haveOldPair) {
+        auto const &newChildPair = newChildPairs[newIndex];
+        auto const &oldChildPair = oldChildPairs[oldIndex];
+
+        int newTag = newChildPair.shadowView.tag;
+        int oldTag = oldChildPair.shadowView.tag;
+
+        if (newTag == oldTag) {
+          // Generate Update instructions
+          if (oldChildPair.shadowView != newChildPair.shadowView) {
+            updateMutations.push_back(ShadowViewMutation::UpdateMutation(
+                parentShadowView,
+                oldChildPair.shadowView,
+                newChildPair.shadowView,
+                index));
+          }
+
+          // Remove from newRemainingPairs
+          auto newRemainingPairIt = newRemainingPairs.find(oldTag);
+          if (newRemainingPairIt != newRemainingPairs.end()) {
+            newRemainingPairs.erase(newRemainingPairIt);
+          }
+
+          // Update subtrees
+          auto oldGrandChildPairs =
+              sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode);
+          auto newGrandChildPairs =
+              sliceChildShadowNodeViewPairs(*newChildPair.shadowNode);
+          calculateShadowViewMutationsOptimizedMoves(
+              *(newGrandChildPairs.size() ? &downwardMutations
+                                          : &destructiveDownwardMutations),
+              oldChildPair.shadowView,
+              std::move(oldGrandChildPairs),
+              std::move(newGrandChildPairs));
+
+          newIndex++;
+          oldIndex++;
+          continue;
+        }
+      }
+
+      if (haveOldPair) {
+        auto const &oldChildPair = oldChildPairs[oldIndex];
+        int oldTag = oldChildPair.shadowView.tag;
+
+        // Was oldTag already inserted? This indicates a reordering, not just
+        // a move. The new node has already been inserted, we just need to
+        // remove the node from its old position now.
+        auto const insertedIt = newInsertedPairs.find(oldTag);
+        if (insertedIt != newInsertedPairs.end()) {
+          removeMutations.push_back(ShadowViewMutation::RemoveMutation(
+              parentShadowView, oldChildPair.shadowView, oldIndex));
+
+          // Generate update instruction since we have an iterator ref to the
+          // new node
+          auto const &newChildPair = *insertedIt->second;
+          if (oldChildPair.shadowView != newChildPair.shadowView) {
+            updateMutations.push_back(ShadowViewMutation::UpdateMutation(
+                parentShadowView,
+                oldChildPair.shadowView,
+                newChildPair.shadowView,
+                index));
+          }
+
+          // Update subtrees
+          auto oldGrandChildPairs =
+              sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode);
+          auto newGrandChildPairs =
+              sliceChildShadowNodeViewPairs(*newChildPair.shadowNode);
+          calculateShadowViewMutationsOptimizedMoves(
+              *(newGrandChildPairs.size() ? &downwardMutations
+                                          : &destructiveDownwardMutations),
+              oldChildPair.shadowView,
+              std::move(oldGrandChildPairs),
+              std::move(newGrandChildPairs));
+
+          newInsertedPairs.erase(insertedIt);
+          oldIndex++;
+          continue;
+        }
+
+        // Should we generate a delete+remove instruction for the old node?
+        // If there's an old node and it's not found in the "new" list, we
+        // generate remove+delete for this node and its subtree.
+        auto const newIt = newRemainingPairs.find(oldTag);
+        if (newIt == newRemainingPairs.end()) {
+          removeMutations.push_back(ShadowViewMutation::RemoveMutation(
+              parentShadowView, oldChildPair.shadowView, oldIndex));
+          deleteMutations.push_back(
+              ShadowViewMutation::DeleteMutation(oldChildPair.shadowView));
+
+          // We also have to call the algorithm recursively to clean up the
+          // entire subtree starting from the removed view.
+          calculateShadowViewMutationsOptimizedMoves(
+              destructiveDownwardMutations,
+              oldChildPair.shadowView,
+              sliceChildShadowNodeViewPairs(*oldChildPair.shadowNode),
+              {});
+
+          oldIndex++;
+          continue;
+        }
+      }
+
+      // At this point, oldTag is -1 or is in the new list, and hasn't been
+      // inserted or matched yet We're not sure yet if the new node is in the
+      // old list - generate an insert instruction for the new node.
+      auto const &newChildPair = newChildPairs[newIndex];
+      insertMutations.push_back(ShadowViewMutation::InsertMutation(
+          parentShadowView, newChildPair.shadowView, newIndex));
+      newInsertedPairs.insert({newChildPair.shadowView.tag, &newChildPair});
+      newIndex++;
+    }
+
+    // Final step: generate Create instructions for new nodes
+    for (auto it = newInsertedPairs.begin(); it != newInsertedPairs.end();
+         it++) {
+      auto const &newChildPair = *it->second;
+      createMutations.push_back(
+          ShadowViewMutation::CreateMutation(newChildPair.shadowView));
+
+      calculateShadowViewMutationsOptimizedMoves(
+          downwardMutations,
+          newChildPair.shadowView,
+          {},
+          sliceChildShadowNodeViewPairs(*newChildPair.shadowNode));
+    }
+  }
+
+  // All mutations in an optimal order:
+  std::move(
+      destructiveDownwardMutations.begin(),
+      destructiveDownwardMutations.end(),
+      std::back_inserter(mutations));
+  std::move(
+      updateMutations.begin(),
+      updateMutations.end(),
+      std::back_inserter(mutations));
+  std::move(
+      removeMutations.rbegin(),
+      removeMutations.rend(),
+      std::back_inserter(mutations));
+  std::move(
+      deleteMutations.begin(),
+      deleteMutations.end(),
+      std::back_inserter(mutations));
+  std::move(
+      createMutations.begin(),
+      createMutations.end(),
+      std::back_inserter(mutations));
+  std::move(
+      downwardMutations.begin(),
+      downwardMutations.end(),
+      std::back_inserter(mutations));
+  std::move(
+      insertMutations.begin(),
+      insertMutations.end(),
+      std::back_inserter(mutations));
+}
+
 ShadowViewMutation::List calculateShadowViewMutations(
+    DifferentiatorMode differentiatorMode,
     ShadowNode const &oldRootShadowNode,
     ShadowNode const &newRootShadowNode) {
   SystraceSection s("calculateShadowViewMutations");
@@ -337,11 +718,19 @@ ShadowViewMutation::List calculateShadowViewMutations(
         ShadowView(), oldRootShadowView, newRootShadowView, -1));
   }
 
-  calculateShadowViewMutations(
-      mutations,
-      ShadowView(oldRootShadowNode),
-      sliceChildShadowNodeViewPairs(oldRootShadowNode),
-      sliceChildShadowNodeViewPairs(newRootShadowNode));
+  if (differentiatorMode == DifferentiatorMode::Classic) {
+    calculateShadowViewMutationsClassic(
+        mutations,
+        ShadowView(oldRootShadowNode),
+        sliceChildShadowNodeViewPairs(oldRootShadowNode),
+        sliceChildShadowNodeViewPairs(newRootShadowNode));
+  } else {
+    calculateShadowViewMutationsOptimizedMoves(
+        mutations,
+        ShadowView(oldRootShadowNode),
+        sliceChildShadowNodeViewPairs(oldRootShadowNode),
+        sliceChildShadowNodeViewPairs(newRootShadowNode));
+  }
 
   return mutations;
 }
diff --git a/ReactCommon/fabric/mounting/Differentiator.h b/ReactCommon/fabric/mounting/Differentiator.h
index 39727beec8d7fd..96adb5b6ed536c 100644
--- a/ReactCommon/fabric/mounting/Differentiator.h
+++ b/ReactCommon/fabric/mounting/Differentiator.h
@@ -13,12 +13,15 @@
 namespace facebook {
 namespace react {
 
+enum class DifferentiatorMode { Classic, OptimizedMoves };
+
 /*
  * Calculates a list of view mutations which describes how the old
  * `ShadowTree` can be transformed to the new one.
  * The list of mutations might be and might not be optimal.
  */
 ShadowViewMutationList calculateShadowViewMutations(
+    DifferentiatorMode differentiatorMode,
     ShadowNode const &oldRootShadowNode,
     ShadowNode const &newRootShadowNode);
 
diff --git a/ReactCommon/fabric/mounting/MountingCoordinator.cpp b/ReactCommon/fabric/mounting/MountingCoordinator.cpp
index 72ed5637cf735a..396740c1fd9d70 100644
--- a/ReactCommon/fabric/mounting/MountingCoordinator.cpp
+++ b/ReactCommon/fabric/mounting/MountingCoordinator.cpp
@@ -9,13 +9,12 @@
 
 #ifdef RN_SHADOW_TREE_INTROSPECTION
 #include <glog/logging.h>
+#include <sstream>
 #endif
 
 #include <condition_variable>
 
-#include <react/mounting/Differentiator.h>
 #include <react/mounting/ShadowViewMutation.h>
-#include <react/utils/TimeUtils.h>
 
 namespace facebook {
 namespace react {
@@ -67,8 +66,8 @@ bool MountingCoordinator::waitForTransaction(
       lock, timeout, [this]() { return lastRevision_.has_value(); });
 }
 
-better::optional<MountingTransaction> MountingCoordinator::pullTransaction()
-    const {
+better::optional<MountingTransaction> MountingCoordinator::pullTransaction(
+    DifferentiatorMode differentiatorMode) const {
   std::lock_guard<std::mutex> lock(mutex_);
 
   if (!lastRevision_.has_value()) {
@@ -81,7 +80,9 @@ better::optional<MountingTransaction> MountingCoordinator::pullTransaction()
   telemetry.willDiff();
 
   auto mutations = calculateShadowViewMutations(
-      baseRevision_.getRootShadowNode(), lastRevision_->getRootShadowNode());
+      differentiatorMode,
+      baseRevision_.getRootShadowNode(),
+      lastRevision_->getRootShadowNode());
 
   telemetry.didDiff();
 
@@ -89,20 +90,27 @@ better::optional<MountingTransaction> MountingCoordinator::pullTransaction()
   stubViewTree_.mutate(mutations);
   auto stubViewTree =
       stubViewTreeFromShadowNode(lastRevision_->getRootShadowNode());
-  if (stubViewTree_ != stubViewTree) {
-    LOG(ERROR) << "Old tree:"
-               << "\n"
-               << baseRevision_.getRootShadowNode().getDebugDescription()
-               << "\n";
-    LOG(ERROR) << "New tree:"
-               << "\n"
-               << lastRevision_->getRootShadowNode().getDebugDescription()
-               << "\n";
-    LOG(ERROR) << "Mutations:"
-               << "\n"
-               << getDebugDescription(mutations, {});
-    assert(false);
+
+  std::string line;
+
+  std::stringstream ssOldTree(
+      baseRevision_.getRootShadowNode().getDebugDescription());
+  while (std::getline(ssOldTree, line, '\n')) {
+    LOG(ERROR) << "Old tree:" << line;
+  }
+
+  std::stringstream ssNewTree(
+      lastRevision_->getRootShadowNode().getDebugDescription());
+  while (std::getline(ssNewTree, line, '\n')) {
+    LOG(ERROR) << "New tree:" << line;
   }
+
+  std::stringstream ssMutations(getDebugDescription(mutations, {}));
+  while (std::getline(ssMutations, line, '\n')) {
+    LOG(ERROR) << "Mutations:" << line;
+  }
+
+  assert(stubViewTree_ == stubViewTree);
 #endif
 
   baseRevision_ = std::move(*lastRevision_);
diff --git a/ReactCommon/fabric/mounting/MountingCoordinator.h b/ReactCommon/fabric/mounting/MountingCoordinator.h
index aaac9185d12cc6..3926f49618b276 100644
--- a/ReactCommon/fabric/mounting/MountingCoordinator.h
+++ b/ReactCommon/fabric/mounting/MountingCoordinator.h
@@ -10,6 +10,7 @@
 #include <better/optional.h>
 #include <chrono>
 
+#include <react/mounting/Differentiator.h>
 #include <react/mounting/MountingTransaction.h>
 #include <react/mounting/ShadowTreeRevision.h>
 
@@ -51,7 +52,8 @@ class MountingCoordinator final {
    * However, a consumer should always call it on the same thread (e.g. on the
    * main thread) or ensure sequentiality of mount transactions separately.
    */
-  better::optional<MountingTransaction> pullTransaction() const;
+  better::optional<MountingTransaction> pullTransaction(
+      DifferentiatorMode differentiatorMode) const;
 
   /*
    * Blocks the current thread until a new mounting transaction is available or
diff --git a/ReactCommon/fabric/mounting/MountingTelemetry.cpp b/ReactCommon/fabric/mounting/MountingTelemetry.cpp
index a3f2f8bc2b72e8..07c79a704af746 100644
--- a/ReactCommon/fabric/mounting/MountingTelemetry.cpp
+++ b/ReactCommon/fabric/mounting/MountingTelemetry.cpp
@@ -9,111 +9,109 @@
 
 #include <cassert>
 
-#include <react/utils/TimeUtils.h>
-
 namespace facebook {
 namespace react {
 
 void MountingTelemetry::willCommit() {
-  assert(commitStartTime_ == kUndefinedTime);
-  assert(commitEndTime_ == kUndefinedTime);
-  commitStartTime_ = monotonicTimeInMilliseconds();
+  assert(commitStartTime_ == kTelemetryUndefinedTimePoint);
+  assert(commitEndTime_ == kTelemetryUndefinedTimePoint);
+  commitStartTime_ = telemetryTimePointNow();
   commitNumber_++;
 }
 
 void MountingTelemetry::didCommit() {
-  assert(commitStartTime_ != kUndefinedTime);
-  assert(commitEndTime_ == kUndefinedTime);
-  commitEndTime_ = monotonicTimeInMilliseconds();
+  assert(commitStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(commitEndTime_ == kTelemetryUndefinedTimePoint);
+  commitEndTime_ = telemetryTimePointNow();
 }
 
 void MountingTelemetry::willDiff() {
-  assert(diffStartTime_ == kUndefinedTime);
-  assert(diffEndTime_ == kUndefinedTime);
-  diffStartTime_ = monotonicTimeInMilliseconds();
+  assert(diffStartTime_ == kTelemetryUndefinedTimePoint);
+  assert(diffEndTime_ == kTelemetryUndefinedTimePoint);
+  diffStartTime_ = telemetryTimePointNow();
 }
 
 void MountingTelemetry::didDiff() {
-  assert(diffStartTime_ != kUndefinedTime);
-  assert(diffEndTime_ == kUndefinedTime);
-  diffEndTime_ = monotonicTimeInMilliseconds();
+  assert(diffStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(diffEndTime_ == kTelemetryUndefinedTimePoint);
+  diffEndTime_ = telemetryTimePointNow();
 }
 
 void MountingTelemetry::willLayout() {
-  assert(layoutStartTime_ == kUndefinedTime);
-  assert(layoutEndTime_ == kUndefinedTime);
-  layoutStartTime_ = monotonicTimeInMilliseconds();
+  assert(layoutStartTime_ == kTelemetryUndefinedTimePoint);
+  assert(layoutEndTime_ == kTelemetryUndefinedTimePoint);
+  layoutStartTime_ = telemetryTimePointNow();
 }
 
 void MountingTelemetry::didLayout() {
-  assert(layoutStartTime_ != kUndefinedTime);
-  assert(layoutEndTime_ == kUndefinedTime);
-  layoutEndTime_ = monotonicTimeInMilliseconds();
+  assert(layoutStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(layoutEndTime_ == kTelemetryUndefinedTimePoint);
+  layoutEndTime_ = telemetryTimePointNow();
 }
 
 void MountingTelemetry::willMount() {
-  assert(mountStartTime_ == kUndefinedTime);
-  assert(mountEndTime_ == kUndefinedTime);
-  mountStartTime_ = monotonicTimeInMilliseconds();
+  assert(mountStartTime_ == kTelemetryUndefinedTimePoint);
+  assert(mountEndTime_ == kTelemetryUndefinedTimePoint);
+  mountStartTime_ = telemetryTimePointNow();
 }
 
 void MountingTelemetry::didMount() {
-  assert(mountStartTime_ != kUndefinedTime);
-  assert(mountEndTime_ == kUndefinedTime);
-  mountEndTime_ = monotonicTimeInMilliseconds();
+  assert(mountStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(mountEndTime_ == kTelemetryUndefinedTimePoint);
+  mountEndTime_ = telemetryTimePointNow();
 }
 
-int64_t MountingTelemetry::getDiffStartTime() const {
-  assert(diffStartTime_ != kUndefinedTime);
-  assert(diffEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getDiffStartTime() const {
+  assert(diffStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(diffEndTime_ != kTelemetryUndefinedTimePoint);
   return diffStartTime_;
 }
 
-int64_t MountingTelemetry::getDiffEndTime() const {
-  assert(diffStartTime_ != kUndefinedTime);
-  assert(diffEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getDiffEndTime() const {
+  assert(diffStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(diffEndTime_ != kTelemetryUndefinedTimePoint);
   return diffEndTime_;
 }
 
-int64_t MountingTelemetry::getCommitNumber() const {
-  return commitNumber_;
-}
-
-int64_t MountingTelemetry::getCommitStartTime() const {
-  assert(commitStartTime_ != kUndefinedTime);
-  assert(commitEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getCommitStartTime() const {
+  assert(commitStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(commitEndTime_ != kTelemetryUndefinedTimePoint);
   return commitStartTime_;
 }
 
-int64_t MountingTelemetry::getCommitEndTime() const {
-  assert(commitStartTime_ != kUndefinedTime);
-  assert(commitEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getCommitEndTime() const {
+  assert(commitStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(commitEndTime_ != kTelemetryUndefinedTimePoint);
   return commitEndTime_;
 }
 
-int64_t MountingTelemetry::getLayoutStartTime() const {
-  assert(layoutStartTime_ != kUndefinedTime);
-  assert(layoutEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getLayoutStartTime() const {
+  assert(layoutStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(layoutEndTime_ != kTelemetryUndefinedTimePoint);
   return layoutStartTime_;
 }
 
-int64_t MountingTelemetry::getLayoutEndTime() const {
-  assert(layoutStartTime_ != kUndefinedTime);
-  assert(layoutEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getLayoutEndTime() const {
+  assert(layoutStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(layoutEndTime_ != kTelemetryUndefinedTimePoint);
   return layoutEndTime_;
 }
 
-int64_t MountingTelemetry::getMountStartTime() const {
-  assert(mountStartTime_ != kUndefinedTime);
-  assert(mountEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getMountStartTime() const {
+  assert(mountStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(mountEndTime_ != kTelemetryUndefinedTimePoint);
   return mountStartTime_;
 }
 
-int64_t MountingTelemetry::getMountEndTime() const {
-  assert(mountStartTime_ != kUndefinedTime);
-  assert(mountEndTime_ != kUndefinedTime);
+TelemetryTimePoint MountingTelemetry::getMountEndTime() const {
+  assert(mountStartTime_ != kTelemetryUndefinedTimePoint);
+  assert(mountEndTime_ != kTelemetryUndefinedTimePoint);
   return mountEndTime_;
 }
 
+int MountingTelemetry::getCommitNumber() const {
+  return commitNumber_;
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/fabric/mounting/MountingTelemetry.h b/ReactCommon/fabric/mounting/MountingTelemetry.h
index 97735a10c476a9..1a212d6e97b6cd 100644
--- a/ReactCommon/fabric/mounting/MountingTelemetry.h
+++ b/ReactCommon/fabric/mounting/MountingTelemetry.h
@@ -7,8 +7,10 @@
 
 #pragma once
 
+#include <chrono>
 #include <cstdint>
-#include <limits>
+
+#include <react/utils/Telemetry.h>
 
 namespace facebook {
 namespace react {
@@ -34,28 +36,28 @@ class MountingTelemetry final {
   /*
    * Reading
    */
-  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;
-  int64_t getMountStartTime() const;
-  int64_t getMountEndTime() const;
+  TelemetryTimePoint getDiffStartTime() const;
+  TelemetryTimePoint getDiffEndTime() const;
+  TelemetryTimePoint getLayoutStartTime() const;
+  TelemetryTimePoint getLayoutEndTime() const;
+  TelemetryTimePoint getCommitStartTime() const;
+  TelemetryTimePoint getCommitEndTime() const;
+  TelemetryTimePoint getMountStartTime() const;
+  TelemetryTimePoint getMountEndTime() const;
+
+  int 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};
-  int64_t layoutEndTime_{kUndefinedTime};
-  int64_t mountStartTime_{kUndefinedTime};
-  int64_t mountEndTime_{kUndefinedTime};
+  TelemetryTimePoint diffStartTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint diffEndTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint commitStartTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint commitEndTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint layoutStartTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint layoutEndTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint mountStartTime_{kTelemetryUndefinedTimePoint};
+  TelemetryTimePoint mountEndTime_{kTelemetryUndefinedTimePoint};
+
+  int commitNumber_{0};
 };
 
 } // namespace react
diff --git a/ReactCommon/fabric/mounting/ShadowTree.cpp b/ReactCommon/fabric/mounting/ShadowTree.cpp
index 72bb0313b50e1c..4099d0f1195dce 100644
--- a/ReactCommon/fabric/mounting/ShadowTree.cpp
+++ b/ReactCommon/fabric/mounting/ShadowTree.cpp
@@ -17,17 +17,11 @@
 #include <react/mounting/ShadowViewMutation.h>
 
 #include "ShadowTreeDelegate.h"
+#include "TreeStateReconciliation.h"
 
 namespace facebook {
 namespace react {
 
-static void CommitState(ShadowNode::Shared const &shadowNode) {
-  auto state = shadowNode->getState();
-  if (state) {
-    state->commit(shadowNode);
-  }
-}
-
 static void updateMountedFlag(
     const SharedShadowNodeList &oldChildren,
     const SharedShadowNodeList &newChildren) {
@@ -65,7 +59,6 @@ static void updateMountedFlag(
     }
 
     newChild->setMounted(true);
-    CommitState(newChild);
     oldChild->setMounted(false);
 
     updateMountedFlag(oldChild->getChildren(), newChild->getChildren());
@@ -77,7 +70,6 @@ static void updateMountedFlag(
   for (index = lastIndexAfterFirstStage; index < newChildren.size(); index++) {
     const auto &newChild = newChildren[index];
     newChild->setMounted(true);
-    CommitState(newChild);
     updateMountedFlag({}, newChild->getChildren());
   }
 
@@ -102,13 +94,15 @@ ShadowTree::ShadowTree(
   const auto props = std::make_shared<const RootProps>(
       *RootShadowNode::defaultSharedProps(), layoutConstraints, layoutContext);
 
+  auto family = rootComponentDescriptor.createFamily(
+      ShadowNodeFamilyFragment{surfaceId, surfaceId, noopEventEmitter},
+      nullptr);
   rootShadowNode_ = std::static_pointer_cast<const RootShadowNode>(
-      rootComponentDescriptor.createShadowNode(ShadowNodeFragment{
-          /* .tag = */ surfaceId,
-          /* .surfaceId = */ surfaceId,
-          /* .props = */ props,
-          /* .eventEmitter = */ noopEventEmitter,
-      }));
+      rootComponentDescriptor.createShadowNode(
+          ShadowNodeFragment{
+              /* .props = */ props,
+          },
+          family));
 
   mountingCoordinator_ = std::make_shared<MountingCoordinator const>(
       ShadowTreeRevision{rootShadowNode_, 0, {}});
@@ -122,14 +116,20 @@ Tag ShadowTree::getSurfaceId() const {
   return surfaceId_;
 }
 
-void ShadowTree::commit(ShadowTreeCommitTransaction transaction) const {
+MountingCoordinator::Shared ShadowTree::getMountingCoordinator() const {
+  return mountingCoordinator_;
+}
+
+void ShadowTree::commit(
+    ShadowTreeCommitTransaction transaction,
+    bool enableStateReconciliation) const {
   SystraceSection s("ShadowTree::commit");
 
   int attempts = 0;
 
   while (true) {
     attempts++;
-    if (tryCommit(transaction)) {
+    if (tryCommit(transaction, enableStateReconciliation)) {
       return;
     }
 
@@ -139,7 +139,9 @@ void ShadowTree::commit(ShadowTreeCommitTransaction transaction) const {
   }
 }
 
-bool ShadowTree::tryCommit(ShadowTreeCommitTransaction transaction) const {
+bool ShadowTree::tryCommit(
+    ShadowTreeCommitTransaction transaction,
+    bool enableStateReconciliation) const {
   SystraceSection s("ShadowTree::tryCommit");
 
   auto telemetry = MountingTelemetry{};
@@ -159,13 +161,26 @@ bool ShadowTree::tryCommit(ShadowTreeCommitTransaction transaction) const {
     return false;
   }
 
+  // Compare state revisions of old and new root
+  // Children of the root node may be mutated in-place
+  if (enableStateReconciliation) {
+    UnsharedShadowNode reconciledNode =
+        reconcileStateWithTree(newRootShadowNode.get(), oldRootShadowNode);
+    if (reconciledNode != nullptr) {
+      newRootShadowNode = std::make_shared<RootShadowNode>(
+          *reconciledNode, ShadowNodeFragment{});
+    }
+  }
+
+  // Layout nodes
   std::vector<LayoutableShadowNode const *> affectedLayoutableNodes{};
   affectedLayoutableNodes.reserve(1024);
 
   telemetry.willLayout();
-  newRootShadowNode->layout(&affectedLayoutableNodes);
+  newRootShadowNode->layoutIfNeeded(&affectedLayoutableNodes);
   telemetry.didLayout();
 
+  // Seal the shadow node so it can no longer be mutated
   newRootShadowNode->sealRecursive();
 
   auto revisionNumber = ShadowTreeRevision::Number{};
@@ -210,11 +225,7 @@ void ShadowTree::commitEmptyTree() const {
         return std::make_shared<RootShadowNode>(
             *oldRootShadowNode,
             ShadowNodeFragment{
-                /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-                /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
                 /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                /* .eventEmitter = */
-                ShadowNodeFragment::eventEmitterPlaceholder(),
                 /* .children = */ ShadowNode::emptySharedShadowNodeSharedList(),
             });
       });
diff --git a/ReactCommon/fabric/mounting/ShadowTree.h b/ReactCommon/fabric/mounting/ShadowTree.h
index 4653bebefaa015..a2e9aaa1742055 100644
--- a/ReactCommon/fabric/mounting/ShadowTree.h
+++ b/ReactCommon/fabric/mounting/ShadowTree.h
@@ -7,7 +7,6 @@
 
 #pragma once
 
-
 #include <better/mutex.h>
 #include <memory>
 
@@ -54,18 +53,24 @@ class ShadowTree final {
    * The `transaction` function can abort commit returning `nullptr`.
    * Returns `true` if the operation finished successfully.
    */
-  bool tryCommit(ShadowTreeCommitTransaction transaction) const;
+  bool tryCommit(
+      ShadowTreeCommitTransaction transaction,
+      bool enableStateReconciliation = false) const;
 
   /*
    * Calls `tryCommit` in a loop until it finishes successfully.
    */
-  void commit(ShadowTreeCommitTransaction transaction) const;
+  void commit(
+      ShadowTreeCommitTransaction transaction,
+      bool enableStateReconciliation = false) const;
 
   /*
    * Commit an empty tree (a new `RootShadowNode` with no children).
    */
   void commitEmptyTree() const;
 
+  MountingCoordinator::Shared getMountingCoordinator() const;
+
  private:
   RootShadowNode::Unshared cloneRootShadowNode(
       RootShadowNode::Shared const &oldRootShadowNode,
diff --git a/ReactCommon/fabric/mounting/ShadowTreeDelegate.h b/ReactCommon/fabric/mounting/ShadowTreeDelegate.h
index c58170d1662125..ae2a0645d7bc85 100644
--- a/ReactCommon/fabric/mounting/ShadowTreeDelegate.h
+++ b/ReactCommon/fabric/mounting/ShadowTreeDelegate.h
@@ -20,7 +20,7 @@ class ShadowTree;
 class ShadowTreeDelegate {
  public:
   /*
-   * Called right after Shadow Tree commit a new state of the the tree.
+   * Called right after Shadow Tree commit a new state of the tree.
    */
   virtual void shadowTreeDidFinishTransaction(
       ShadowTree const &shadowTree,
diff --git a/ReactCommon/fabric/mounting/ShadowTreeRegistry.cpp b/ReactCommon/fabric/mounting/ShadowTreeRegistry.cpp
index 694de536080136..f2792af365b24d 100644
--- a/ReactCommon/fabric/mounting/ShadowTreeRegistry.cpp
+++ b/ReactCommon/fabric/mounting/ShadowTreeRegistry.cpp
@@ -11,7 +11,9 @@ namespace facebook {
 namespace react {
 
 ShadowTreeRegistry::~ShadowTreeRegistry() {
-  assert(registry_.size() == 0 && "Deallocation of non-empty `ShadowTreeRegistry`.");
+  assert(
+      registry_.size() == 0 &&
+      "Deallocation of non-empty `ShadowTreeRegistry`.");
 }
 
 void ShadowTreeRegistry::add(std::unique_ptr<ShadowTree> &&shadowTree) const {
diff --git a/ReactCommon/fabric/mounting/ShadowView.cpp b/ReactCommon/fabric/mounting/ShadowView.cpp
index 35b244d733779d..800308add54d1c 100644
--- a/ReactCommon/fabric/mounting/ShadowView.cpp
+++ b/ReactCommon/fabric/mounting/ShadowView.cpp
@@ -12,11 +12,11 @@
 namespace facebook {
 namespace react {
 
-static LayoutMetrics layoutMetricsFromShadowNode(const ShadowNode &shadowNode) {
-  auto layoutableShadowNode =
-      dynamic_cast<const LayoutableShadowNode *>(&shadowNode);
-  return layoutableShadowNode ? layoutableShadowNode->getLayoutMetrics()
-                              : EmptyLayoutMetrics;
+static LayoutMetrics layoutMetricsFromShadowNode(ShadowNode const &shadowNode) {
+  auto layotableShadowNode =
+      traitCast<LayoutableShadowNode const *>(&shadowNode);
+  return layotableShadowNode ? layotableShadowNode->getLayoutMetrics()
+                             : EmptyLayoutMetrics;
 }
 
 ShadowView::ShadowView(const ShadowNode &shadowNode)
@@ -26,7 +26,6 @@ ShadowView::ShadowView(const ShadowNode &shadowNode)
       props(shadowNode.getProps()),
       eventEmitter(shadowNode.getEventEmitter()),
       layoutMetrics(layoutMetricsFromShadowNode(shadowNode)),
-      localData(shadowNode.getLocalData()),
       state(shadowNode.getState()) {}
 
 bool ShadowView::operator==(const ShadowView &rhs) const {
@@ -36,7 +35,6 @@ bool ShadowView::operator==(const ShadowView &rhs) const {
              this->props,
              this->eventEmitter,
              this->layoutMetrics,
-             this->localData,
              this->state) ==
       std::tie(
              rhs.tag,
@@ -44,7 +42,6 @@ bool ShadowView::operator==(const ShadowView &rhs) const {
              rhs.props,
              rhs.eventEmitter,
              rhs.layoutMetrics,
-             rhs.localData,
              rhs.state);
 }
 
@@ -66,7 +63,6 @@ std::vector<DebugStringConvertibleObject> getDebugProps(
       {"props", getDebugDescription(object.props, options)},
       {"eventEmitter", getDebugDescription(object.eventEmitter, options)},
       {"layoutMetrics", getDebugDescription(object.layoutMetrics, options)},
-      {"localData", getDebugDescription(object.localData, options)},
       {"state", getDebugDescription(object.state, options)},
   };
 }
diff --git a/ReactCommon/fabric/mounting/ShadowView.h b/ReactCommon/fabric/mounting/ShadowView.h
index dce82f2fb79a2b..1372b44928af37 100644
--- a/ReactCommon/fabric/mounting/ShadowView.h
+++ b/ReactCommon/fabric/mounting/ShadowView.h
@@ -11,7 +11,6 @@
 #include <folly/Hash.h>
 #include <react/core/EventEmitter.h>
 #include <react/core/LayoutMetrics.h>
-#include <react/core/LocalData.h>
 #include <react/core/Props.h>
 #include <react/core/ReactPrimitives.h>
 #include <react/core/ShadowNode.h>
@@ -44,7 +43,6 @@ struct ShadowView final {
   Props::Shared props{};
   EventEmitter::Shared eventEmitter{};
   LayoutMetrics layoutMetrics{EmptyLayoutMetrics};
-  LocalData::Shared localData{};
   State::Shared state{};
 };
 
@@ -88,7 +86,6 @@ struct hash<facebook::react::ShadowView> {
         shadowView.tag,
         shadowView.props,
         shadowView.eventEmitter,
-        shadowView.localData,
         shadowView.state);
   }
 };
diff --git a/ReactCommon/fabric/mounting/TreeStateReconciliation.cpp b/ReactCommon/fabric/mounting/TreeStateReconciliation.cpp
new file mode 100644
index 00000000000000..58017f16a3c6c8
--- /dev/null
+++ b/ReactCommon/fabric/mounting/TreeStateReconciliation.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 "TreeStateReconciliation.h"
+
+namespace facebook {
+namespace react {
+
+using ChangedShadowNodePairs =
+    std::vector<std::pair<ShadowNode::Shared, ShadowNode::Unshared>>;
+
+/**
+ * Clones any children in the subtree that need to be cloned, and adds those to
+ * the `changedPairs` vector argument.
+ */
+static ChangedShadowNodePairs reconcileStateWithChildren(
+    SharedShadowNodeList const &newChildren,
+    SharedShadowNodeList const &oldChildren) {
+  ChangedShadowNodePairs changedPairs;
+  // Find children that are the same family in both trees.
+  // We only want to find nodes that existing in the new tree - if they
+  // don't exist in the new tree, they're being deleted; if they don't exist
+  // in the old tree, they're new. We don't need to deal with either of those
+  // cases here.
+  // Currently we use a naive double loop - this could be improved, but we need
+  // to be able to handle cases where nodes are entirely reordered, for
+  // instance.
+  for (auto const &child : newChildren) {
+    auto const oldChild = std::find_if(
+        oldChildren.begin(), oldChildren.end(), [&](const auto &el) {
+          return ShadowNode::sameFamily(*child, *el);
+        });
+
+    if (oldChild != oldChildren.end()) {
+      UnsharedShadowNode newChild =
+          reconcileStateWithTree(child.get(), *oldChild);
+      if (newChild != nullptr) {
+        changedPairs.push_back(std::make_pair(child, newChild));
+      }
+    }
+  };
+
+  return changedPairs;
+}
+
+UnsharedShadowNode reconcileStateWithTree(
+    ShadowNode const *newNode,
+    SharedShadowNode committedNode) {
+  // If the revisions on the node are the same, we can finish here.
+  // Subtrees are guaranteed to be identical at this point, too.
+  if (committedNode->getStateRevision() <= newNode->getStateRevision()) {
+    return nullptr;
+  }
+
+  // If we got this fair, we're guaranteed that the state of 1) this node,
+  // and/or 2) some descendant node is out-of-date and must be reconciled.
+  // This requires traversing all children, and we must at *least* clone
+  // this node, whether or not we clone and update any children.
+  auto const &newChildren = newNode->getChildren();
+  auto const &oldChildren = committedNode->getChildren();
+  auto const changedPairs =
+      reconcileStateWithChildren(newChildren, oldChildren);
+
+  ShadowNode::SharedListOfShared clonedChildren =
+      ShadowNodeFragment::childrenPlaceholder();
+
+  // If any children were cloned, we need to recreate the child list.
+  // This won't cause any children to be cloned that weren't already cloned -
+  // it just collects all children, cloned or uncloned, into a new list.
+  if (!changedPairs.empty()) {
+    ShadowNode::UnsharedListOfShared newList =
+        std::make_shared<ShadowNode::ListOfShared>();
+    for (std::size_t i = 0, j = 0; i < newChildren.size(); ++i) {
+      if (j < changedPairs.size() && changedPairs[j].first == newChildren[i]) {
+        newList->push_back(changedPairs[j].second);
+        ++j;
+      } else {
+        newList->push_back(newChildren[i]);
+      }
+    }
+    clonedChildren = newList;
+  }
+
+  return newNode->clone({/* .props = */ ShadowNodeFragment::propsPlaceholder(),
+                         /* .children = */ clonedChildren,
+                         /* .state = */ newNode->getMostRecentState()});
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/mounting/TreeStateReconciliation.h b/ReactCommon/fabric/mounting/TreeStateReconciliation.h
new file mode 100644
index 00000000000000..6775df1906d6a4
--- /dev/null
+++ b/ReactCommon/fabric/mounting/TreeStateReconciliation.h
@@ -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 <react/core/ShadowNode.h>
+#include <react/core/ShadowNodeFragment.h>
+
+namespace facebook {
+namespace react {
+
+/**
+ * Problem Description: because of C++ State, the React Native C++ ShadowTree
+ * can diverge from the ReactJS ShadowTree; ReactJS communicates all tree
+ * changes to C++, but C++ state commits are not propagated to ReactJS (ReactJS
+ * may or may not clone nodes with state changes, but it has no way of knowing
+ * if it /should/ clone those nodes; so those clones may never happen). This
+ * causes a number of problems. This function resolves the problem by taking a
+ * candidate tree being committed, and sees if any State changes need to be
+ * applied to it. If any changes need to be made, a new ShadowNode is returned;
+ * otherwise, nullptr is returned if the node is already consistent with the
+ * latest tree, including all state changes.
+ *
+ * This should be called during the commit phase, pre-layout and pre-diff.
+ */
+UnsharedShadowNode reconcileStateWithTree(
+    ShadowNode const *newNode,
+    SharedShadowNode committedNode);
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/mounting/stubs/StubView.cpp b/ReactCommon/fabric/mounting/stubs/StubView.cpp
index 232b696ea14b55..f476de31184899 100644
--- a/ReactCommon/fabric/mounting/stubs/StubView.cpp
+++ b/ReactCommon/fabric/mounting/stubs/StubView.cpp
@@ -32,29 +32,31 @@ bool operator!=(StubView const &lhs, StubView const &rhs) {
 #if RN_DEBUG_STRING_CONVERTIBLE
 
 std::string getDebugName(StubView const &stubView) {
-  return stubView.componentHandle == 0 ? "Invalid" : stubView.componentName;
+  return std::string{"Stub"} +
+      std::string{stubView.componentHandle ? stubView.componentName
+                                           : "[invalid]"};
 }
 
 std::vector<DebugStringConvertibleObject> getDebugProps(
-    StubView const &stabView,
+    StubView const &stubView,
     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)},
+      {"tag", getDebugDescription(stubView.tag, options)},
+      {"props", getDebugDescription(stubView.props, options)},
+      {"eventEmitter", getDebugDescription(stubView.eventEmitter, options)},
+      {"layoutMetrics", getDebugDescription(stubView.layoutMetrics, options)},
+      {"state", getDebugDescription(stubView.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);
+  std::vector<StubView> result;
+  for (auto const &child : stubView.children) {
+    result.push_back(*child);
   }
-  return children;
+  return result;
 }
 
 #endif
diff --git a/ReactCommon/fabric/mounting/stubs/StubView.h b/ReactCommon/fabric/mounting/stubs/StubView.h
index 26831654ea6a46..7ee54645270a3b 100644
--- a/ReactCommon/fabric/mounting/stubs/StubView.h
+++ b/ReactCommon/fabric/mounting/stubs/StubView.h
@@ -12,6 +12,7 @@
 
 #include <react/core/LayoutMetrics.h>
 #include <react/core/State.h>
+#include <react/debug/debugStringConvertibleUtils.h>
 #include <react/mounting/ShadowView.h>
 
 namespace facebook {
@@ -42,6 +43,7 @@ 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);
diff --git a/ReactCommon/fabric/mounting/stubs/stubs.cpp b/ReactCommon/fabric/mounting/stubs/stubs.cpp
index 06c738281b2cd9..d6ecc11b4af1ef 100644
--- a/ReactCommon/fabric/mounting/stubs/stubs.cpp
+++ b/ReactCommon/fabric/mounting/stubs/stubs.cpp
@@ -50,10 +50,7 @@ StubViewTree stubViewTreeFromShadowNode(ShadowNode const &rootShadowNode) {
       sliceChildShadowNodeViewPairs(rootShadowNode));
 
   auto emptyRootShadowNode = rootShadowNode.clone(
-      ShadowNodeFragment{ShadowNodeFragment::tagPlaceholder(),
-                         ShadowNodeFragment::surfaceIdPlaceholder(),
-                         ShadowNodeFragment::propsPlaceholder(),
-                         ShadowNodeFragment::eventEmitterPlaceholder(),
+      ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
                          ShadowNode::emptySharedShadowNodeSharedList()});
 
   auto stubViewTree = StubViewTree(ShadowView(*emptyRootShadowNode));
diff --git a/ReactCommon/fabric/mounting/tests/Entropy.h b/ReactCommon/fabric/mounting/tests/Entropy.h
new file mode 100644
index 00000000000000..54a87118bb179f
--- /dev/null
+++ b/ReactCommon/fabric/mounting/tests/Entropy.h
@@ -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.
+ */
+
+#pragma once
+
+#include <algorithm>
+#include <random>
+
+namespace facebook {
+namespace react {
+
+/*
+ * The source of pseudo-random numbers and some problem-oriented tools built on
+ * top of that. We need this class to maintain a reproducible stream of random
+ * numbers and abstract away complex math of and C++ STL API behind that.
+ */
+class Entropy final {
+ public:
+  using Generator = std::mt19937;
+
+  /*
+   * Creates an instance seeded with a real, not pseudo-random, number.
+   */
+  Entropy() {
+    std::random_device device;
+    seed_ = device();
+    generator_ = std::mt19937(seed_);
+  }
+
+  /*
+   * Creates an instance seeded with a given number.
+   */
+  Entropy(uint_fast32_t seed) {
+    seed_ = seed;
+    generator_ = std::mt19937(seed_);
+  }
+
+  uint_fast32_t getSeed() const {
+    return seed_;
+  }
+
+  /*
+   * Family of methods that return uniformly distributed instances of a type
+   * within a specified range.
+   */
+  template <typename T>
+  bool random() const {
+    T result;
+    generateRandomValue(generator_, result);
+    return result;
+  }
+
+  template <typename T, typename Arg1>
+  T random(Arg1 arg1) const {
+    T result;
+    generateRandomValue(generator_, result, arg1);
+    return result;
+  }
+
+  template <typename T, typename Arg1, typename Arg2>
+  T random(Arg1 arg1, Arg2 arg2) const {
+    T result;
+    generateRandomValue(generator_, result, arg1, arg2);
+    return result;
+  }
+
+  void generateRandomValue(
+      Generator &generator,
+      bool &result,
+      double ratio = 0.5) const {
+    result = generator() % 10000 < 10000 * ratio;
+  }
+
+  void generateRandomValue(Generator &generator, int &result, int min, int max)
+      const {
+    std::uniform_int_distribution<int> distribution(min, max);
+    result = distribution(generator);
+  }
+
+  /*
+   * Shuffles `std::vector` in place.
+   */
+  template <typename T>
+  void shuffle(T array) const {
+    std::shuffle(array.begin(), array.end(), generator_);
+  }
+
+  /*
+   * Distribute items from a given array into buckets using a normal
+   * distribution and given `deviation`.
+   */
+  template <typename T>
+  std::vector<std::vector<T>> distribute(std::vector<T> items, double deviation)
+      const {
+    std::normal_distribution<> distribution{0, deviation};
+
+    auto deviationLimit = int(deviation * 10);
+    auto spreadResult = std::vector<std::vector<T>>(deviationLimit * 2);
+    std::fill(spreadResult.begin(), spreadResult.end(), std::vector<T>{});
+
+    for (auto const &item : items) {
+      auto position = int(distribution(generator_) + deviationLimit);
+      position = std::max(0, std::min(position, deviationLimit * 2));
+
+      if (position < spreadResult.size()) {
+        spreadResult[position].push_back(item);
+      }
+    }
+
+    auto result = std::vector<std::vector<T>>{};
+    for (auto const &chunk : spreadResult) {
+      if (chunk.size() == 0) {
+        continue;
+      }
+      result.push_back(chunk);
+    }
+
+    return result;
+  }
+
+ private:
+  mutable std::mt19937 generator_;
+  uint_fast32_t seed_;
+};
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/mounting/tests/MountingTelemetryTest.cpp b/ReactCommon/fabric/mounting/tests/MountingTelemetryTest.cpp
new file mode 100644
index 00000000000000..afeaf6f2f31c79
--- /dev/null
+++ b/ReactCommon/fabric/mounting/tests/MountingTelemetryTest.cpp
@@ -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.
+ */
+
+#include <chrono>
+#include <thread>
+
+#include <gtest/gtest.h>
+
+#include <react/mounting/MountingTelemetry.h>
+#include <react/utils/Telemetry.h>
+
+using namespace facebook::react;
+
+#define EXPECT_EQ_WITH_THRESHOLD(a, b, threshold) \
+  EXPECT_TRUE((a >= b - threshold) && (a <= b + threshold))
+
+TEST(MountingTelemetryTest, timepoints) {
+  auto threshold = int64_t{100};
+
+  auto timepointA = telemetryTimePointNow();
+  std::this_thread::sleep_for(std::chrono::milliseconds(100));
+  auto timepointB = telemetryTimePointNow();
+
+  auto duration = telemetryDurationToMilliseconds(timepointB - timepointA);
+
+  EXPECT_EQ_WITH_THRESHOLD(duration, 100, threshold);
+}
+
+TEST(MountingTelemetryTest, normalUseCase) {
+  auto threshold = int64_t{100};
+  auto telemetry = MountingTelemetry{};
+
+  telemetry.willCommit();
+  std::this_thread::sleep_for(std::chrono::milliseconds(100));
+  telemetry.willLayout();
+  std::this_thread::sleep_for(std::chrono::milliseconds(200));
+  telemetry.didLayout();
+  std::this_thread::sleep_for(std::chrono::milliseconds(100));
+  telemetry.didCommit();
+
+  std::this_thread::sleep_for(std::chrono::milliseconds(300));
+
+  telemetry.willMount();
+  std::this_thread::sleep_for(std::chrono::milliseconds(100));
+  telemetry.didMount();
+
+  auto commitDuration = telemetryDurationToMilliseconds(
+      telemetry.getCommitEndTime() - telemetry.getCommitStartTime());
+  auto layoutDuration = telemetryDurationToMilliseconds(
+      telemetry.getLayoutEndTime() - telemetry.getLayoutStartTime());
+  auto mountDuration = telemetryDurationToMilliseconds(
+      telemetry.getMountEndTime() - telemetry.getMountStartTime());
+
+  EXPECT_EQ_WITH_THRESHOLD(commitDuration, 400, threshold * 2);
+  EXPECT_EQ_WITH_THRESHOLD(layoutDuration, 200, threshold);
+  EXPECT_EQ_WITH_THRESHOLD(mountDuration, 100, threshold);
+}
+
+TEST(MountingTelemetryTest, abnormalUseCases) {
+  // Calling `did` before `will` should crash.
+  EXPECT_DEATH_IF_SUPPORTED(
+      {
+        auto telemetry = MountingTelemetry{};
+        telemetry.didDiff();
+      },
+      "diffStartTime_");
+
+  EXPECT_DEATH_IF_SUPPORTED(
+      {
+        auto telemetry = MountingTelemetry{};
+        telemetry.didCommit();
+      },
+      "commitStartTime_");
+
+  EXPECT_DEATH_IF_SUPPORTED(
+      {
+        auto telemetry = MountingTelemetry{};
+        telemetry.didMount();
+      },
+      "mountStartTime_");
+
+  // Getting `start` *or* `end` timepoints before a pair of `will` and `did`
+  // should crash.
+  EXPECT_DEATH_IF_SUPPORTED(
+      {
+        auto telemetry = MountingTelemetry{};
+        telemetry.willCommit();
+        telemetry.getCommitStartTime();
+      },
+      "commitEndTime_");
+
+  EXPECT_DEATH_IF_SUPPORTED(
+      {
+        auto telemetry = MountingTelemetry{};
+        telemetry.willCommit();
+        telemetry.getCommitEndTime();
+      },
+      "commitEndTime_");
+}
diff --git a/ReactCommon/fabric/mounting/tests/MountingTest.cpp b/ReactCommon/fabric/mounting/tests/MountingTest.cpp
index f91ba8f13a0622..1241987432e928 100644
--- a/ReactCommon/fabric/mounting/tests/MountingTest.cpp
+++ b/ReactCommon/fabric/mounting/tests/MountingTest.cpp
@@ -7,8 +7,319 @@
 
 #include <memory>
 
+#include <react/components/root/RootComponentDescriptor.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+#include <react/mounting/Differentiator.h>
+#include <react/mounting/stubs.h>
+
+#include "shadowTreeGeneration.h"
+
+#include <Glog/logging.h>
 #include <gtest/gtest.h>
 
-TEST(MountingTest, testSomething) {
-  // TODO
+namespace facebook {
+namespace react {
+
+static ShadowNode::Shared makeNode(
+    ComponentDescriptor const &componentDescriptor,
+    int tag,
+    ShadowNode::ListOfShared children) {
+  auto props = generateDefaultProps(componentDescriptor);
+
+  // Make sure node is layoutable by giving it dimensions and making it
+  // accessible This is an implementation detail and subject to change.
+  folly::dynamic dynamic = folly::dynamic::object();
+  dynamic["position"] = "absolute";
+  dynamic["top"] = 0;
+  dynamic["left"] = 0;
+  dynamic["width"] = 100;
+  dynamic["height"] = 100;
+  dynamic["nativeId"] = tag;
+  dynamic["accessible"] = true;
+
+  auto newProps = componentDescriptor.cloneProps(props, RawProps(dynamic));
+
+  return componentDescriptor.createShadowNode(
+      ShadowNodeFragment{newProps,
+                         std::make_shared<SharedShadowNodeList>(children)},
+      componentDescriptor.createFamily({tag, SurfaceId(1), nullptr}, nullptr));
 }
+
+TEST(MountingTest, testMinimalInstructionGeneration) {
+  auto eventDispatcher = EventDispatcher::Shared{};
+  auto contextContainer = std::make_shared<ContextContainer>();
+  auto componentDescriptorParameters =
+      ComponentDescriptorParameters{eventDispatcher, contextContainer, nullptr};
+  auto viewComponentDescriptor =
+      ViewComponentDescriptor(componentDescriptorParameters);
+  auto rootComponentDescriptor =
+      RootComponentDescriptor(componentDescriptorParameters);
+
+  auto rootFamily = rootComponentDescriptor.createFamily(
+      {Tag(1), SurfaceId(1), nullptr}, nullptr);
+
+  // Creating an initial root shadow node.
+  auto emptyRootNode = std::const_pointer_cast<RootShadowNode>(
+      std::static_pointer_cast<RootShadowNode const>(
+          rootComponentDescriptor.createShadowNode(
+              ShadowNodeFragment{RootShadowNode::defaultSharedProps()},
+              rootFamily)));
+
+  // Applying size constraints.
+  emptyRootNode = emptyRootNode->clone(
+      LayoutConstraints{Size{512, 0},
+                        Size{512, std::numeric_limits<Float>::infinity()}},
+      LayoutContext{});
+
+  auto childA = makeNode(viewComponentDescriptor, 100, {});
+  auto childB = makeNode(viewComponentDescriptor, 101, {});
+  auto childC = makeNode(viewComponentDescriptor, 102, {});
+  auto childD = makeNode(viewComponentDescriptor, 103, {});
+  auto childE = makeNode(viewComponentDescriptor, 104, {});
+  auto childF = makeNode(viewComponentDescriptor, 105, {});
+
+  auto family = viewComponentDescriptor.createFamily(
+      {10, SurfaceId(1), nullptr}, nullptr);
+
+  // Construct "identical" shadow nodes: they differ only in children.
+  auto shadowNodeV1 = viewComponentDescriptor.createShadowNode(
+      ShadowNodeFragment{generateDefaultProps(viewComponentDescriptor),
+                         std::make_shared<SharedShadowNodeList>(
+                             SharedShadowNodeList{childB, childC, childD})},
+      family);
+  auto shadowNodeV2 = shadowNodeV1->clone(ShadowNodeFragment{
+      generateDefaultProps(viewComponentDescriptor),
+      std::make_shared<SharedShadowNodeList>(
+          SharedShadowNodeList{childA, childB, childC, childD})});
+  auto shadowNodeV3 = shadowNodeV2->clone(
+      ShadowNodeFragment{generateDefaultProps(viewComponentDescriptor),
+                         std::make_shared<SharedShadowNodeList>(
+                             SharedShadowNodeList{childB, childC, childD})});
+  auto shadowNodeV4 = shadowNodeV3->clone(
+      ShadowNodeFragment{generateDefaultProps(viewComponentDescriptor),
+                         std::make_shared<SharedShadowNodeList>(
+                             SharedShadowNodeList{childB, childD, childE})});
+  auto shadowNodeV5 = shadowNodeV4->clone(ShadowNodeFragment{
+      generateDefaultProps(viewComponentDescriptor),
+      std::make_shared<SharedShadowNodeList>(
+          SharedShadowNodeList{childB, childA, childE, childC})});
+  auto shadowNodeV6 = shadowNodeV5->clone(ShadowNodeFragment{
+      generateDefaultProps(viewComponentDescriptor),
+      std::make_shared<SharedShadowNodeList>(SharedShadowNodeList{
+          childB, childA, childD, childF, childE, childC})});
+
+  // Injecting a tree into the root node.
+  auto rootNodeV1 = std::static_pointer_cast<RootShadowNode const>(
+      emptyRootNode->ShadowNode::clone(
+          ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
+                             std::make_shared<SharedShadowNodeList>(
+                                 SharedShadowNodeList{shadowNodeV1})}));
+  auto rootNodeV2 = std::static_pointer_cast<RootShadowNode const>(
+      rootNodeV1->ShadowNode::clone(
+          ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
+                             std::make_shared<SharedShadowNodeList>(
+                                 SharedShadowNodeList{shadowNodeV2})}));
+  auto rootNodeV3 = std::static_pointer_cast<RootShadowNode const>(
+      rootNodeV2->ShadowNode::clone(
+          ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
+                             std::make_shared<SharedShadowNodeList>(
+                                 SharedShadowNodeList{shadowNodeV3})}));
+  auto rootNodeV4 = std::static_pointer_cast<RootShadowNode const>(
+      rootNodeV3->ShadowNode::clone(
+          ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
+                             std::make_shared<SharedShadowNodeList>(
+                                 SharedShadowNodeList{shadowNodeV4})}));
+  auto rootNodeV5 = std::static_pointer_cast<RootShadowNode const>(
+      rootNodeV4->ShadowNode::clone(
+          ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
+                             std::make_shared<SharedShadowNodeList>(
+                                 SharedShadowNodeList{shadowNodeV5})}));
+  auto rootNodeV6 = std::static_pointer_cast<RootShadowNode const>(
+      rootNodeV5->ShadowNode::clone(
+          ShadowNodeFragment{ShadowNodeFragment::propsPlaceholder(),
+                             std::make_shared<SharedShadowNodeList>(
+                                 SharedShadowNodeList{shadowNodeV6})}));
+
+  // Layout and diff
+  std::vector<LayoutableShadowNode const *> affectedLayoutableNodesV1{};
+  affectedLayoutableNodesV1.reserve(1024);
+  std::const_pointer_cast<RootShadowNode>(rootNodeV1)
+      ->layoutIfNeeded(&affectedLayoutableNodesV1);
+  rootNodeV1->sealRecursive();
+
+  std::vector<LayoutableShadowNode const *> affectedLayoutableNodesV2{};
+  affectedLayoutableNodesV2.reserve(1024);
+  std::const_pointer_cast<RootShadowNode>(rootNodeV2)
+      ->layoutIfNeeded(&affectedLayoutableNodesV2);
+  rootNodeV2->sealRecursive();
+
+  std::vector<LayoutableShadowNode const *> affectedLayoutableNodesV3{};
+  affectedLayoutableNodesV3.reserve(1024);
+  std::const_pointer_cast<RootShadowNode>(rootNodeV3)
+      ->layoutIfNeeded(&affectedLayoutableNodesV3);
+  rootNodeV3->sealRecursive();
+
+  std::vector<LayoutableShadowNode const *> affectedLayoutableNodesV4{};
+  affectedLayoutableNodesV4.reserve(1024);
+  std::const_pointer_cast<RootShadowNode>(rootNodeV4)
+      ->layoutIfNeeded(&affectedLayoutableNodesV4);
+  rootNodeV4->sealRecursive();
+
+  std::vector<LayoutableShadowNode const *> affectedLayoutableNodesV5{};
+  affectedLayoutableNodesV5.reserve(1024);
+  std::const_pointer_cast<RootShadowNode>(rootNodeV5)
+      ->layoutIfNeeded(&affectedLayoutableNodesV5);
+  rootNodeV5->sealRecursive();
+
+  std::vector<LayoutableShadowNode const *> affectedLayoutableNodesV6{};
+  affectedLayoutableNodesV6.reserve(1024);
+  std::const_pointer_cast<RootShadowNode>(rootNodeV6)
+      ->layoutIfNeeded(&affectedLayoutableNodesV6);
+  rootNodeV6->sealRecursive();
+
+  // This block displays all the mutations for debugging purposes.
+  /*
+      LOG(ERROR) << "Num mutations: " << mutations.size();
+      for (auto const &mutation : mutations) {
+      switch (mutation.type) {
+        case ShadowViewMutation::Create: {
+          LOG(ERROR) << "CREATE " << mutation.newChildShadowView.tag;
+          break;
+        }
+        case ShadowViewMutation::Delete: {
+          LOG(ERROR) << "DELETE " << mutation.oldChildShadowView.tag;
+          break;
+        }
+        case ShadowViewMutation::Remove: {
+          LOG(ERROR) << "REMOVE " << mutation.oldChildShadowView.tag << " " <<
+    mutation.index; break;
+        }
+        case ShadowViewMutation::Insert: {
+          LOG(ERROR) << "INSERT " << mutation.newChildShadowView.tag << " " <<
+    mutation.index; break;
+        }
+        case ShadowViewMutation::Update: {
+          LOG(ERROR) << "UPDATE " << mutation.newChildShadowView.tag;
+          break;
+        }
+      }
+    }*/
+
+  // Calculating mutations.
+  auto mutations1 = calculateShadowViewMutations(
+      DifferentiatorMode::OptimizedMoves, *rootNodeV1, *rootNodeV2);
+
+  // The order and exact mutation instructions here may change at any time.
+  // This test just ensures that any changes are intentional.
+  // This test, in particular, ensures that inserting a node at the beginning
+  // produces a single "Insert" instruction, and no remove/insert (move)
+  // operations. All these nodes are laid out with absolute positioning, so
+  // moving them around does not change layout.
+  assert(mutations1.size() == 2);
+  assert(mutations1[0].type == ShadowViewMutation::Create);
+  assert(mutations1[0].newChildShadowView.tag == 100);
+  assert(mutations1[1].type == ShadowViewMutation::Insert);
+  assert(mutations1[1].newChildShadowView.tag == 100);
+  assert(mutations1[1].index == 0);
+
+  // Calculating mutations.
+  auto mutations2 = calculateShadowViewMutations(
+      DifferentiatorMode::OptimizedMoves, *rootNodeV2, *rootNodeV3);
+
+  // The order and exact mutation instructions here may change at any time.
+  // This test just ensures that any changes are intentional.
+  // This test, in particular, ensures that removing a node at the beginning
+  // produces a single remove (and delete) instruction, and no remove/insert
+  // (move) operations. All these nodes are laid out with absolute positioning,
+  // so moving them around does not change layout.
+  assert(mutations2.size() == 2);
+  assert(mutations2[0].type == ShadowViewMutation::Remove);
+  assert(mutations2[0].oldChildShadowView.tag == 100);
+  assert(mutations2[0].index == 0);
+  assert(mutations2[1].type == ShadowViewMutation::Delete);
+  assert(mutations2[1].oldChildShadowView.tag == 100);
+
+  // Calculating mutations.
+  auto mutations3 = calculateShadowViewMutations(
+      DifferentiatorMode::OptimizedMoves, *rootNodeV3, *rootNodeV4);
+
+  // The order and exact mutation instructions here may change at any time.
+  // This test just ensures that any changes are intentional.
+  // This test, in particular, ensures that removing a node in the middle
+  // produces a single remove (and delete) instruction, and no remove/insert
+  // (move) operations; and that simultaneously, we can insert a node at the
+  // end. NOTE: This list of mutations has some unexpected "Update"
+  // instructions, due to layout issues (some LayoutMetrics are 0). Not sure
+  // why, but the point of this test is to make sure there aren't unnecessary
+  // insert/deletes, so we can ignore for now.
+  assert(mutations3.size() == 7);
+  assert(mutations3[0].type == ShadowViewMutation::Update);
+  assert(mutations3[1].type == ShadowViewMutation::Update);
+  assert(mutations3[2].type == ShadowViewMutation::Update);
+  assert(mutations3[3].type == ShadowViewMutation::Remove);
+  assert(mutations3[3].oldChildShadowView.tag == 102);
+  assert(mutations3[3].index == 1);
+  assert(mutations3[4].type == ShadowViewMutation::Delete);
+  assert(mutations3[4].oldChildShadowView.tag == 102);
+  assert(mutations3[5].type == ShadowViewMutation::Create);
+  assert(mutations3[5].newChildShadowView.tag == 104);
+  assert(mutations3[6].type == ShadowViewMutation::Insert);
+  assert(mutations3[6].newChildShadowView.tag == 104);
+  assert(mutations3[6].index == 2);
+
+  // Calculating mutations.
+  auto mutations4 = calculateShadowViewMutations(
+      DifferentiatorMode::OptimizedMoves, *rootNodeV4, *rootNodeV5);
+
+  // The order and exact mutation instructions here may change at any time.
+  // This test just ensures that any changes are intentional.
+  // This test, in particular, ensures that inserting a child at the middle, and
+  // at the end, and removing a node in the middle, produces the minimal set of
+  // instructions. All these nodes are laid out with absolute positioning, so
+  // moving them around does not change layout. NOTE: This list of mutations has
+  // some unexpected "Update" instructions, due to layout issues (some
+  // LayoutMetrics are 0). Not sure why, but the point of this test is to make
+  // sure there aren't unnecessary insert/deletes, so we can ignore for now.
+  assert(mutations4.size() == 9);
+  assert(mutations4[0].type == ShadowViewMutation::Update);
+  assert(mutations4[1].type == ShadowViewMutation::Update);
+  assert(mutations4[2].type == ShadowViewMutation::Update);
+  assert(mutations4[3].type == ShadowViewMutation::Remove);
+  assert(mutations4[3].oldChildShadowView.tag == 103);
+  assert(mutations4[3].index == 1);
+  assert(mutations4[4].type == ShadowViewMutation::Delete);
+  assert(mutations4[4].oldChildShadowView.tag == 103);
+  assert(mutations4[5].type == ShadowViewMutation::Create);
+  assert(mutations4[5].newChildShadowView.tag == 100);
+  assert(mutations4[6].type == ShadowViewMutation::Create);
+  assert(mutations4[6].newChildShadowView.tag == 102);
+  assert(mutations4[7].type == ShadowViewMutation::Insert);
+  assert(mutations4[7].newChildShadowView.tag == 100);
+  assert(mutations4[7].index == 1);
+  assert(mutations4[8].type == ShadowViewMutation::Insert);
+  assert(mutations4[8].newChildShadowView.tag == 102);
+  assert(mutations4[8].index == 3);
+
+  auto mutations5 = calculateShadowViewMutations(
+      DifferentiatorMode::OptimizedMoves, *rootNodeV5, *rootNodeV6);
+
+  // The order and exact mutation instructions here may change at any time.
+  // This test just ensures that any changes are intentional.
+  // This test, in particular, ensures that inserting TWO children in the middle
+  // produces the minimal set of instructions. All these nodes are laid out with
+  // absolute positioning, so moving them around does not change layout.
+  assert(mutations5.size() == 4);
+  assert(mutations5[0].type == ShadowViewMutation::Create);
+  assert(mutations5[0].newChildShadowView.tag == 103);
+  assert(mutations5[1].type == ShadowViewMutation::Create);
+  assert(mutations5[1].newChildShadowView.tag == 105);
+  assert(mutations5[2].type == ShadowViewMutation::Insert);
+  assert(mutations5[2].newChildShadowView.tag == 103);
+  assert(mutations5[2].index == 2);
+  assert(mutations5[3].type == ShadowViewMutation::Insert);
+  assert(mutations5[3].newChildShadowView.tag == 105);
+  assert(mutations5[3].index == 3);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/mounting/tests/ShadowTreeLifeCycleTest.cpp b/ReactCommon/fabric/mounting/tests/ShadowTreeLifeCycleTest.cpp
new file mode 100644
index 00000000000000..5eb9c6aa0c8583
--- /dev/null
+++ b/ReactCommon/fabric/mounting/tests/ShadowTreeLifeCycleTest.cpp
@@ -0,0 +1,181 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 <glog/logging.h>
+#include <gtest/gtest.h>
+
+#include <react/components/root/RootComponentDescriptor.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+#include <react/mounting/Differentiator.h>
+#include <react/mounting/stubs.h>
+
+#include "Entropy.h"
+#include "shadowTreeGeneration.h"
+
+namespace facebook {
+namespace react {
+
+static void testShadowNodeTreeLifeCycle(
+    DifferentiatorMode differentiatorMode,
+    uint_fast32_t seed,
+    int treeSize,
+    int repeats,
+    int stages) {
+  auto entropy = seed == 0 ? Entropy() : Entropy(seed);
+
+  auto eventDispatcher = EventDispatcher::Shared{};
+  auto contextContainer = std::make_shared<ContextContainer>();
+  auto componentDescriptorParameters =
+      ComponentDescriptorParameters{eventDispatcher, contextContainer, nullptr};
+  auto viewComponentDescriptor =
+      ViewComponentDescriptor(componentDescriptorParameters);
+  auto rootComponentDescriptor =
+      RootComponentDescriptor(componentDescriptorParameters);
+  auto noopEventEmitter =
+      std::make_shared<ViewEventEmitter const>(nullptr, -1, eventDispatcher);
+
+  auto allNodes = std::vector<ShadowNode::Shared>{};
+
+  for (int i = 0; i < repeats; i++) {
+    allNodes.clear();
+
+    auto family = rootComponentDescriptor.createFamily(
+        {Tag(1), SurfaceId(1), nullptr}, nullptr);
+
+    // Creating an initial root shadow node.
+    auto emptyRootNode = std::const_pointer_cast<RootShadowNode>(
+        std::static_pointer_cast<RootShadowNode const>(
+            rootComponentDescriptor.createShadowNode(
+                ShadowNodeFragment{RootShadowNode::defaultSharedProps()},
+                family)));
+
+    // Applying size constraints.
+    emptyRootNode = emptyRootNode->clone(
+        LayoutConstraints{Size{512, 0},
+                          Size{512, std::numeric_limits<Float>::infinity()}},
+        LayoutContext{});
+
+    // Generation of a random tree.
+    auto singleRootChildNode =
+        generateShadowNodeTree(entropy, viewComponentDescriptor, treeSize);
+
+    // Injecting a tree into the root node.
+    auto currentRootNode = std::static_pointer_cast<RootShadowNode const>(
+        emptyRootNode->ShadowNode::clone(ShadowNodeFragment{
+            ShadowNodeFragment::propsPlaceholder(),
+            std::make_shared<SharedShadowNodeList>(
+                SharedShadowNodeList{singleRootChildNode})}));
+
+    // Building an initial view hierarchy.
+    auto viewTree = stubViewTreeFromShadowNode(*emptyRootNode);
+    viewTree.mutate(calculateShadowViewMutations(
+        differentiatorMode, *emptyRootNode, *currentRootNode));
+
+    for (int j = 0; j < stages; j++) {
+      auto nextRootNode = currentRootNode;
+
+      // Mutating the tree.
+      alterShadowTree(
+          entropy,
+          nextRootNode,
+          {
+              &messWithChildren,
+              &messWithYogaStyles,
+              &messWithLayotableOnlyFlag,
+          });
+
+      std::vector<LayoutableShadowNode const *> affectedLayoutableNodes{};
+      affectedLayoutableNodes.reserve(1024);
+
+      // Laying out the tree.
+      std::const_pointer_cast<RootShadowNode>(nextRootNode)
+          ->layoutIfNeeded(&affectedLayoutableNodes);
+
+      nextRootNode->sealRecursive();
+      allNodes.push_back(nextRootNode);
+
+      // Calculating mutations.
+      auto mutations = calculateShadowViewMutations(
+          differentiatorMode, *currentRootNode, *nextRootNode);
+
+      // Mutating the view tree.
+      viewTree.mutate(mutations);
+
+      // Building a view tree to compare with.
+      auto rebuiltViewTree = stubViewTreeFromShadowNode(*nextRootNode);
+
+      // Comparing the newly built tree with the updated one.
+      if (rebuiltViewTree != viewTree) {
+        // Something went wrong.
+
+        LOG(ERROR) << "Entropy seed: " << entropy.getSeed() << "\n";
+
+        LOG(ERROR) << "Shadow Tree before: \n"
+                   << currentRootNode->getDebugDescription();
+        LOG(ERROR) << "Shadow Tree after: \n"
+                   << nextRootNode->getDebugDescription();
+
+        LOG(ERROR) << "View Tree before: \n"
+                   << getDebugDescription(viewTree.getRootStubView(), {});
+        LOG(ERROR) << "View Tree after: \n"
+                   << getDebugDescription(
+                          rebuiltViewTree.getRootStubView(), {});
+
+        LOG(ERROR) << "Mutations:"
+                   << "\n"
+                   << getDebugDescription(mutations, {});
+
+        FAIL();
+      }
+
+      currentRootNode = nextRootNode;
+    }
+  }
+
+  SUCCEED();
+}
+
+} // namespace react
+} // namespace facebook
+
+using namespace facebook::react;
+
+TEST(MountingTest, stableBiggerTreeFewerIterationsClassic) {
+  testShadowNodeTreeLifeCycle(
+      DifferentiatorMode::Classic,
+      /* seed */ 1,
+      /* size */ 512,
+      /* repeats */ 32,
+      /* stages */ 32);
+}
+
+TEST(MountingTest, stableSmallerTreeMoreIterationsClassic) {
+  testShadowNodeTreeLifeCycle(
+      DifferentiatorMode::Classic,
+      /* seed */ 1,
+      /* size */ 16,
+      /* repeats */ 512,
+      /* stages */ 32);
+}
+
+TEST(MountingTest, stableBiggerTreeFewerIterationsOptimizedMoves) {
+  testShadowNodeTreeLifeCycle(
+      DifferentiatorMode::OptimizedMoves,
+      /* seed */ 1,
+      /* size */ 512,
+      /* repeats */ 32,
+      /* stages */ 32);
+}
+
+TEST(MountingTest, stableSmallerTreeMoreIterationsOptimizedMoves) {
+  testShadowNodeTreeLifeCycle(
+      DifferentiatorMode::OptimizedMoves,
+      /* seed */ 1,
+      /* size */ 16,
+      /* repeats */ 512,
+      /* stages */ 32);
+}
diff --git a/ReactCommon/fabric/mounting/tests/shadowTreeGeneration.h b/ReactCommon/fabric/mounting/tests/shadowTreeGeneration.h
new file mode 100644
index 00000000000000..36673ff2497157
--- /dev/null
+++ b/ReactCommon/fabric/mounting/tests/shadowTreeGeneration.h
@@ -0,0 +1,259 @@
+/*
+ * Copyright (c) Facebook, Inc. and 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 <glog/logging.h>
+#include <algorithm>
+#include <iostream>
+#include <memory>
+#include <random>
+
+#include <react/mounting/Differentiator.h>
+#include <react/mounting/stubs.h>
+
+#include <react/components/root/RootComponentDescriptor.h>
+#include <react/components/view/ViewComponentDescriptor.h>
+
+#include "Entropy.h"
+
+namespace facebook {
+namespace react {
+
+static Tag generateReactTag() {
+  static Tag tag = 1000;
+  return tag++;
+}
+
+class ShadowTreeEdge final {
+ public:
+  ShadowNode::Shared shadowNode{nullptr};
+  ShadowNode::Shared parentShadowNode{nullptr};
+  int index{0};
+};
+
+static bool traverseShadowTree(
+    ShadowNode::Shared const &parentShadowNode,
+    std::function<void(ShadowTreeEdge const &edge, bool &stop)> const
+        &callback) {
+  auto index = int{0};
+  for (auto const &childNode : parentShadowNode->getChildren()) {
+    auto stop = bool{false};
+
+    callback(ShadowTreeEdge{childNode, parentShadowNode, index}, stop);
+
+    if (stop) {
+      return true;
+    }
+
+    if (traverseShadowTree(childNode, callback)) {
+      return true;
+    }
+
+    index++;
+  }
+  return false;
+}
+
+static int countShadowNodes(ShadowNode::Shared const &rootShadowNode) {
+  auto counter = int{0};
+
+  traverseShadowTree(
+      rootShadowNode,
+      [&](ShadowTreeEdge const &edge, bool &stop) { counter++; });
+
+  return counter;
+}
+
+static ShadowTreeEdge findShadowNodeWithIndex(
+    ShadowNode::Shared const &rootNode,
+    int index) {
+  auto counter = int{0};
+  auto result = ShadowTreeEdge{};
+
+  traverseShadowTree(rootNode, [&](ShadowTreeEdge const &edge, bool &stop) {
+    if (index == counter) {
+      result = edge;
+    }
+
+    counter++;
+  });
+
+  return result;
+}
+
+static ShadowTreeEdge findRandomShadowNode(
+    Entropy const &entropy,
+    ShadowNode::Shared const &rootShadowNode) {
+  auto count = countShadowNodes(rootShadowNode);
+  return findShadowNodeWithIndex(
+      rootShadowNode,
+      entropy.random<int>(1 /* Excluding a root node */, count - 1));
+}
+
+static ShadowNode::ListOfShared cloneSharedShadowNodeList(
+    ShadowNode::ListOfShared const &list) {
+  auto result = ShadowNode::ListOfShared{};
+  result.reserve(list.size());
+  for (auto const &shadowNode : list) {
+    result.push_back(shadowNode->clone({}));
+  }
+  return result;
+}
+
+static inline ShadowNode::Unshared messWithChildren(
+    Entropy const &entropy,
+    ShadowNode const &shadowNode) {
+  auto children = shadowNode.getChildren();
+  children = cloneSharedShadowNodeList(children);
+  entropy.shuffle(children);
+  return shadowNode.clone(
+      {ShadowNodeFragment::propsPlaceholder(),
+       std::make_shared<ShadowNode::ListOfShared const>(children)});
+}
+
+static inline ShadowNode::Unshared messWithLayotableOnlyFlag(
+    Entropy const &entropy,
+    ShadowNode const &shadowNode) {
+  auto oldProps = shadowNode.getProps();
+  auto newProps = shadowNode.getComponentDescriptor().cloneProps(
+      oldProps, RawProps(folly::dynamic::object()));
+
+  auto &viewProps =
+      const_cast<ViewProps &>(static_cast<ViewProps const &>(*newProps));
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.nativeId = entropy.random<bool>() ? "42" : "";
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.backgroundColor =
+        entropy.random<bool>() ? SharedColor() : whiteColor();
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.foregroundColor =
+        entropy.random<bool>() ? SharedColor() : blackColor();
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.shadowColor =
+        entropy.random<bool>() ? SharedColor() : blackColor();
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.accessible = entropy.random<bool>();
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.zIndex = entropy.random<bool>() ? 1 : 0;
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.pointerEvents = entropy.random<bool>() ? PointerEventsMode::Auto
+                                                     : PointerEventsMode::None;
+  }
+
+  if (entropy.random<bool>(0.1)) {
+    viewProps.transform = entropy.random<bool>() ? Transform::Identity()
+                                                 : Transform::Perspective(42);
+  }
+
+  return shadowNode.clone({newProps});
+}
+
+static inline ShadowNode::Unshared messWithYogaStyles(
+    Entropy const &entropy,
+    ShadowNode const &shadowNode) {
+  folly::dynamic dynamic = folly::dynamic::object();
+
+  if (entropy.random<bool>()) {
+    dynamic["flexDirection"] = entropy.random<bool>() ? "row" : "column";
+  }
+
+  std::vector<std::string> properties = {
+      "flex",         "flexGrow",      "flexShrink",  "flexBasis",
+      "left",         "top",           "marginLeft",  "marginTop",
+      "marginRight",  "marginBottom",  "paddingLeft", "paddingTop",
+      "paddingRight", "paddingBottom", "width",       "height",
+      "maxWidth",     "maxHeight",     "minWidth",    "minHeight",
+  };
+
+  for (auto const &property : properties) {
+    if (entropy.random<bool>(0.1)) {
+      dynamic[property] = entropy.random<int>(0, 1024);
+    }
+  }
+
+  auto oldProps = shadowNode.getProps();
+  auto newProps = shadowNode.getComponentDescriptor().cloneProps(
+      oldProps, RawProps(dynamic));
+  return shadowNode.clone({newProps});
+}
+
+using ShadowNodeAlteration = std::function<
+    ShadowNode::Unshared(Entropy const &entropy, ShadowNode const &shadowNode)>;
+
+static inline void alterShadowTree(
+    Entropy const &entropy,
+    RootShadowNode::Shared &rootShadowNode,
+    ShadowNodeAlteration alteration) {
+  auto edge = findRandomShadowNode(entropy, rootShadowNode);
+
+  rootShadowNode =
+      std::static_pointer_cast<RootShadowNode>(rootShadowNode->cloneTree(
+          edge.shadowNode->getFamily(), [&](ShadowNode const &oldShadowNode) {
+            return alteration(entropy, oldShadowNode);
+          }));
+}
+
+static inline void alterShadowTree(
+    Entropy const &entropy,
+    RootShadowNode::Shared &rootShadowNode,
+    std::vector<ShadowNodeAlteration> alterations) {
+  auto i = entropy.random<int>(0, alterations.size() - 1);
+  alterShadowTree(entropy, rootShadowNode, alterations[i]);
+}
+
+static SharedViewProps generateDefaultProps(
+    ComponentDescriptor const &componentDescriptor) {
+  return std::static_pointer_cast<ViewProps const>(
+      componentDescriptor.cloneProps(nullptr, RawProps{}));
+}
+
+static inline ShadowNode::Shared generateShadowNodeTree(
+    Entropy const &entropy,
+    ComponentDescriptor const &componentDescriptor,
+    int size,
+    int deviation = 3) {
+  if (size <= 1) {
+    auto family = componentDescriptor.createFamily(
+        {generateReactTag(), SurfaceId(1), nullptr}, nullptr);
+    return componentDescriptor.createShadowNode(
+        ShadowNodeFragment{generateDefaultProps(componentDescriptor)}, family);
+  }
+
+  auto items = std::vector<int>(size);
+  std::fill(items.begin(), items.end(), 1);
+  auto chunks = entropy.distribute(items, deviation);
+  auto children = ShadowNode::ListOfShared{};
+
+  for (auto const &chunk : chunks) {
+    children.push_back(
+        generateShadowNodeTree(entropy, componentDescriptor, chunk.size()));
+  }
+
+  auto family = componentDescriptor.createFamily(
+      {generateReactTag(), SurfaceId(1), nullptr}, nullptr);
+  return componentDescriptor.createShadowNode(
+      ShadowNodeFragment{generateDefaultProps(componentDescriptor),
+                         std::make_shared<SharedShadowNodeList>(children)},
+      family);
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/fabric/textlayoutmanager/BUCK b/ReactCommon/fabric/textlayoutmanager/BUCK
index dccc6ad587a725..ff90396790bc20 100644
--- a/ReactCommon/fabric/textlayoutmanager/BUCK
+++ b/ReactCommon/fabric/textlayoutmanager/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -81,8 +81,8 @@ rn_xplat_cxx_library(
         ],
     ),
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     ios_deps = [
     ],
@@ -117,14 +117,15 @@ rn_xplat_cxx_library(
     ],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
         YOGA_CXX_TARGET,
         react_native_xplat_target("fabric/attributedstring:attributedstring"),
         react_native_xplat_target("fabric/core:core"),
+        react_native_xplat_target("utils:utils"),
         react_native_xplat_target("fabric/debug:debug"),
         react_native_xplat_target("fabric/graphics:graphics"),
         react_native_xplat_target("fabric/uimanager:uimanager"),
@@ -149,8 +150,8 @@ fb_xplat_cxx_test(
         CXX,
     ),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":textlayoutmanager",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/fabric/textlayoutmanager/TextMeasureCache.h b/ReactCommon/fabric/textlayoutmanager/TextMeasureCache.h
index 25c13ef2ca08df..71b1c07a3d06b6 100644
--- a/ReactCommon/fabric/textlayoutmanager/TextMeasureCache.h
+++ b/ReactCommon/fabric/textlayoutmanager/TextMeasureCache.h
@@ -16,6 +16,23 @@
 namespace facebook {
 namespace react {
 
+/*
+ * Describes a result of text measuring.
+ */
+class TextMeasurement final {
+ public:
+  class Attachment final {
+   public:
+    Rect frame;
+    bool isClipped;
+  };
+
+  using Attachments = std::vector<Attachment>;
+
+  Size size;
+  Attachments attachments;
+};
+
 // The Key type that is used for Text Measure Cache.
 // The equivalence and hashing operations of this are defined to respect the
 // nature of text measuring.
@@ -39,7 +56,7 @@ constexpr auto kSimpleThreadSafeCacheSizeCap = size_t{256};
  */
 using TextMeasureCache = SimpleThreadSafeCache<
     TextMeasureCacheKey,
-    Size,
+    TextMeasurement,
     kSimpleThreadSafeCacheSizeCap>;
 
 inline bool areTextAttributesEquivalentLayoutWise(
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
index c5d38147b6267d..5a1aab941997e1 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
+++ b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.cpp
@@ -22,7 +22,7 @@ void *TextLayoutManager::getNativeTextLayoutManager() const {
   return self_;
 }
 
-Size TextLayoutManager::measure(
+TextMeasurement TextLayoutManager::measure(
     AttributedStringBox attributedStringBox,
     ParagraphAttributes paragraphAttributes,
     LayoutConstraints layoutConstraints) const {
@@ -36,16 +36,26 @@ Size TextLayoutManager::measure(
       });
 }
 
-Size TextLayoutManager::doMeasure(
+TextMeasurement TextLayoutManager::doMeasure(
     AttributedString attributedString,
     ParagraphAttributes paragraphAttributes,
     LayoutConstraints layoutConstraints) const {
   const jni::global_ref<jobject> &fabricUIManager =
       contextContainer_->at<jni::global_ref<jobject>>("FabricUIManager");
 
+  int attachmentsCount = 0;
+  for (auto fragment : attributedString.getFragments()) {
+    if (fragment.isAttachment()) {
+      attachmentsCount++;
+    }
+  }
+  auto env = Environment::current();
+  auto attachmentPositions = env->NewIntArray(attachmentsCount * 2);
+
   static auto measure =
       jni::findClassStatic("com/facebook/react/fabric/FabricUIManager")
           ->getMethod<jlong(
+              jint,
               jstring,
               ReadableMap::javaobject,
               ReadableMap::javaobject,
@@ -53,14 +63,16 @@ Size TextLayoutManager::doMeasure(
               jfloat,
               jfloat,
               jfloat,
-              jfloat)>("measure");
+              jfloat,
+              jintArray)>("measure");
 
   auto minimumSize = layoutConstraints.minimumSize;
   auto maximumSize = layoutConstraints.maximumSize;
 
+  auto serializedAttributedString = toDynamic(attributedString);
   local_ref<JString> componentName = make_jstring("RCTText");
   local_ref<ReadableNativeMap::javaobject> attributedStringRNM =
-      ReadableNativeMap::newObjectCxxArgs(toDynamic(attributedString));
+      ReadableNativeMap::newObjectCxxArgs(serializedAttributedString);
   local_ref<ReadableNativeMap::javaobject> paragraphAttributesRNM =
       ReadableNativeMap::newObjectCxxArgs(toDynamic(paragraphAttributes));
 
@@ -68,8 +80,9 @@ Size TextLayoutManager::doMeasure(
       reinterpret_cast<ReadableMap::javaobject>(attributedStringRNM.get()));
   local_ref<ReadableMap::javaobject> paragraphAttributesRM = make_local(
       reinterpret_cast<ReadableMap::javaobject>(paragraphAttributesRNM.get()));
-  return yogaMeassureToSize(measure(
+  auto size = yogaMeassureToSize(measure(
       fabricUIManager,
+      -1,
       componentName.get(),
       attributedStringRM.get(),
       paragraphAttributesRM.get(),
@@ -77,7 +90,33 @@ Size TextLayoutManager::doMeasure(
       minimumSize.width,
       maximumSize.width,
       minimumSize.height,
-      maximumSize.height));
+      maximumSize.height,
+      attachmentPositions));
+
+  jint *attachmentData = env->GetIntArrayElements(attachmentPositions, 0);
+
+  auto attachments = TextMeasurement::Attachments{};
+  if (attachmentsCount > 0) {
+    folly::dynamic fragments = serializedAttributedString["fragments"];
+    int attachmentIndex = 0;
+    for (int i = 0; i < fragments.size(); i++) {
+      folly::dynamic fragment = fragments[i];
+      if (fragment["isAttachment"] == true) {
+        float top = attachmentData[attachmentIndex * 2];
+        float left = attachmentData[attachmentIndex * 2 + 1];
+        float width = fragment["width"].getInt();
+        float height = fragment["height"].getInt();
+
+        auto rect = facebook::react::Rect{{left, top},
+                                          facebook::react::Size{width, height}};
+        attachments.push_back(TextMeasurement::Attachment{rect, false});
+        attachmentIndex++;
+      }
+    }
+  }
+  // DELETE REF
+  env->DeleteLocalRef(attachmentPositions);
+  return TextMeasurement{size, attachments};
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h
index 215ef8adab39ab..c8939d3f0759d4 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/android/TextLayoutManager.h
@@ -32,7 +32,7 @@ class TextLayoutManager {
   /*
    * Measures `attributedString` using native text rendering infrastructure.
    */
-  Size measure(
+  TextMeasurement measure(
       AttributedStringBox attributedStringBox,
       ParagraphAttributes paragraphAttributes,
       LayoutConstraints layoutConstraints) const;
@@ -44,7 +44,7 @@ class TextLayoutManager {
   void *getNativeTextLayoutManager() const;
 
  private:
-  Size doMeasure(
+  TextMeasurement doMeasure(
       AttributedString attributedString,
       ParagraphAttributes paragraphAttributes,
       LayoutConstraints layoutConstraints) const;
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
index b45409ee87e6f4..d48c788fdd0ccd 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
+++ b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
@@ -17,7 +17,7 @@ void *TextLayoutManager::getNativeTextLayoutManager() const {
 }
 
 Size TextLayoutManager::measure(
-    AttributedString attributedString,
+    AttributedStringBox attributedStringBox,
     ParagraphAttributes paragraphAttributes,
     LayoutConstraints layoutConstraints) const {
   return Size{0, 0};
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h
index 87bd311838ad75..c4cd7a8318f45d 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/cxx/TextLayoutManager.h
@@ -10,6 +10,7 @@
 #include <memory>
 
 #include <react/attributedstring/AttributedString.h>
+#include <react/attributedstring/AttributedStringBox.h>
 #include <react/attributedstring/ParagraphAttributes.h>
 #include <react/core/LayoutConstraints.h>
 #include <react/utils/ContextContainer.h>
@@ -31,10 +32,10 @@ class TextLayoutManager {
   ~TextLayoutManager();
 
   /*
-   * Measures `attributedString` using native text rendering infrastructure.
+   * Measures `attributedStringBox` using native text rendering infrastructure.
    */
   Size measure(
-      AttributedString attributedString,
+      AttributedStringBox attributedStringBox,
       ParagraphAttributes paragraphAttributes,
       LayoutConstraints layoutConstraints) const;
 
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m b/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m
index 71c86e49d6db1f..3a39ca20f62a09 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/NSTextStorage+FontScaling.m
@@ -17,7 +17,8 @@ @implementation NSTextStorage (FontScaling)
 
 - (void)scaleFontSizeToFitSize:(CGSize)size
                minimumFontSize:(CGFloat)minimumFontSize
-               maximumFontSize:(CGFloat)maximumFontSize {
+               maximumFontSize:(CGFloat)maximumFontSize
+{
   CGFloat bottomRatio = 1.0 / 128.0;
   CGFloat topRatio = 128.0;
   CGFloat ratio = 1.0;
@@ -27,15 +28,11 @@ - (void)scaleFontSizeToFitSize:(CGSize)size
   CGFloat lastRatioWhichFits = 0.02;
 
   while (true) {
-    [self scaleFontSizeWithRatio:ratio
-                 minimumFontSize:minimumFontSize
-                 maximumFontSize:maximumFontSize];
+    [self scaleFontSizeWithRatio:ratio minimumFontSize:minimumFontSize maximumFontSize:maximumFontSize];
 
-    RCTTextSizeComparisonOptions comparsion = [self compareToSize:size
-                                                   thresholdRatio:0.01];
+    RCTTextSizeComparisonOptions comparsion = [self compareToSize:size thresholdRatio:0.01];
 
-    if ((comparsion & RCTTextSizeComparisonWithinRange) &&
-        (comparsion & RCTTextSizeComparisonSmaller)) {
+    if ((comparsion & RCTTextSizeComparisonWithinRange) && (comparsion & RCTTextSizeComparisonSmaller)) {
       return;
     } else if (comparsion & RCTTextSizeComparisonSmaller) {
       bottomRatio = ratio;
@@ -47,25 +44,20 @@ - (void)scaleFontSizeToFitSize:(CGSize)size
     ratio = (topRatio + bottomRatio) / 2.0;
 
     CGFloat kRatioThreshold = 0.005;
-    if (ABS(topRatio - bottomRatio) < kRatioThreshold ||
-        ABS(topRatio - ratio) < kRatioThreshold ||
+    if (ABS(topRatio - bottomRatio) < kRatioThreshold || ABS(topRatio - ratio) < kRatioThreshold ||
         ABS(bottomRatio - ratio) < kRatioThreshold) {
-      [self replaceCharactersInRange:(NSRange){0, self.length}
-                withAttributedString:originalAttributedString];
+      [self replaceCharactersInRange:(NSRange){0, self.length} withAttributedString:originalAttributedString];
 
-      [self scaleFontSizeWithRatio:lastRatioWhichFits
-                   minimumFontSize:minimumFontSize
-                   maximumFontSize:maximumFontSize];
+      [self scaleFontSizeWithRatio:lastRatioWhichFits minimumFontSize:minimumFontSize maximumFontSize:maximumFontSize];
       return;
     }
 
-    [self replaceCharactersInRange:(NSRange){0, self.length}
-              withAttributedString:originalAttributedString];
+    [self replaceCharactersInRange:(NSRange){0, self.length} withAttributedString:originalAttributedString];
   }
 }
 
-- (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size
-                               thresholdRatio:(CGFloat)thresholdRatio {
+- (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size thresholdRatio:(CGFloat)thresholdRatio
+{
   NSLayoutManager *layoutManager = self.layoutManagers.firstObject;
   NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
 
@@ -73,19 +65,16 @@ - (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size
 
   // Does it fit the text container?
   NSRange glyphRange = [layoutManager glyphRangeForTextContainer:textContainer];
-  NSRange truncatedGlyphRange = [layoutManager
-      truncatedGlyphRangeInLineFragmentForGlyphAtIndex:glyphRange.length - 1];
+  NSRange truncatedGlyphRange = [layoutManager truncatedGlyphRangeInLineFragmentForGlyphAtIndex:glyphRange.length - 1];
 
   if (truncatedGlyphRange.location != NSNotFound) {
     return RCTTextSizeComparisonLarger;
   }
 
-  CGSize measuredSize =
-      [layoutManager usedRectForTextContainer:textContainer].size;
+  CGSize measuredSize = [layoutManager usedRectForTextContainer:textContainer].size;
 
   // Does it fit the size?
-  BOOL fitsSize =
-      size.width >= measuredSize.width && size.height >= measuredSize.height;
+  BOOL fitsSize = size.width >= measuredSize.width && size.height >= measuredSize.height;
 
   CGSize thresholdSize = (CGSize){
       size.width * thresholdRatio,
@@ -94,8 +83,7 @@ - (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size
 
   RCTTextSizeComparisonOptions result = 0;
 
-  result |=
-      (fitsSize) ? RCTTextSizeComparisonSmaller : RCTTextSizeComparisonLarger;
+  result |= (fitsSize) ? RCTTextSizeComparisonSmaller : RCTTextSizeComparisonLarger;
 
   if (ABS(measuredSize.width - size.width) < thresholdSize.width) {
     result = result | RCTTextSizeComparisonWithinRange;
@@ -106,28 +94,22 @@ - (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size
 
 - (void)scaleFontSizeWithRatio:(CGFloat)ratio
                minimumFontSize:(CGFloat)minimumFontSize
-               maximumFontSize:(CGFloat)maximumFontSize {
+               maximumFontSize:(CGFloat)maximumFontSize
+{
   [self beginEditing];
 
-  [self
-      enumerateAttribute:NSFontAttributeName
-                 inRange:(NSRange){0, self.length}
-                 options:
-                     NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
-              usingBlock:^(
-                  UIFont *_Nullable font, NSRange range, BOOL *_Nonnull stop) {
-                if (!font) {
-                  return;
-                }
-
-                CGFloat fontSize =
-                    MAX(MIN(font.pointSize * ratio, maximumFontSize),
-                        minimumFontSize);
-
-                [self addAttribute:NSFontAttributeName
-                             value:[font fontWithSize:fontSize]
-                             range:range];
-              }];
+  [self enumerateAttribute:NSFontAttributeName
+                   inRange:(NSRange){0, self.length}
+                   options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
+                usingBlock:^(UIFont *_Nullable font, NSRange range, BOOL *_Nonnull stop) {
+                  if (!font) {
+                    return;
+                  }
+
+                  CGFloat fontSize = MAX(MIN(font.pointSize * ratio, maximumFontSize), minimumFontSize);
+
+                  [self addAttribute:NSFontAttributeName value:[font fontWithSize:fontSize] range:range];
+                }];
 
   [self endEditing];
 }
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h
index 189f7436382f89..dd142aa3106155 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.h
@@ -8,22 +8,34 @@
 #import <UIKit/UIKit.h>
 
 #include <react/attributedstring/AttributedString.h>
+#include <react/attributedstring/AttributedStringBox.h>
 #include <react/attributedstring/TextAttributes.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
-NSString *const RCTAttributedStringIsHighlightedAttributeName =
-    @"IsHighlighted";
+NSString *const RCTAttributedStringIsHighlightedAttributeName = @"IsHighlighted";
 NSString *const RCTAttributedStringEventEmitterKey = @"EventEmitter";
 
-/**
- * Constructs ready-to-render `NSAttributedString` by given `AttributedString`.
+/*
+ * Creates `NSTextAttributes` from given `facebook::react::TextAttributes`
+ */
+NSDictionary<NSAttributedStringKey, id> *RCTNSTextAttributesFromTextAttributes(
+    facebook::react::TextAttributes const &textAttributes);
+
+/*
+ * Conversions amond `NSAttributedString`, `AttributedString` and `AttributedStringBox`.
  */
 NSAttributedString *RCTNSAttributedStringFromAttributedString(
-    const facebook::react::AttributedString &attributedString);
+    facebook::react::AttributedString const &attributedString);
+
+NSAttributedString *RCTNSAttributedStringFromAttributedStringBox(
+    facebook::react::AttributedStringBox const &attributedStringBox);
+
+facebook::react::AttributedStringBox RCTAttributedStringBoxFromNSAttributedString(
+    NSAttributedString *nsAttributedString);
 
 @interface RCTWeakEventEmitterWrapper : NSObject
-@property(nonatomic, assign) facebook::react::SharedEventEmitter eventEmitter;
+@property (nonatomic, assign) facebook::react::SharedEventEmitter eventEmitter;
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
index b5ffa1ab382ced..4bc9870a628870 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTAttributedTextUtils.mm
@@ -11,6 +11,7 @@
 #include <react/textlayoutmanager/RCTFontProperties.h>
 #include <react/textlayoutmanager/RCTFontUtils.h>
 #include <react/textlayoutmanager/RCTTextPrimitivesConversions.h>
+#include <react/utils/ManagedObjectWrapper.h>
 
 using namespace facebook::react;
 
@@ -105,8 +106,7 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(const Tex
   return effectiveBackgroundColor ?: [UIColor clearColor];
 }
 
-static NSDictionary<NSAttributedStringKey, id> *RCTNSTextAttributesFromTextAttributes(
-    const TextAttributes &textAttributes)
+NSDictionary<NSAttributedStringKey, id> *RCTNSTextAttributesFromTextAttributes(TextAttributes const &textAttributes)
 {
   NSMutableDictionary<NSAttributedStringKey, id> *attributes = [NSMutableDictionary dictionaryWithCapacity:10];
 
@@ -217,12 +217,18 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(const Tex
 
 NSAttributedString *RCTNSAttributedStringFromAttributedString(const AttributedString &attributedString)
 {
+  static UIImage *placeholderImage;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    placeholderImage = [[UIImage alloc] init];
+  });
+
   NSMutableAttributedString *nsAttributedString = [[NSMutableAttributedString alloc] init];
 
   [nsAttributedString beginEditing];
 
   for (auto fragment : attributedString.getFragments()) {
-    NSAttributedString *nsAttributedStringFragment;
+    NSMutableAttributedString *nsAttributedStringFragment;
 
     if (fragment.isAttachment()) {
       auto layoutMetrics = fragment.parentShadowView.layoutMetrics;
@@ -230,20 +236,18 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(const Tex
                        .size = {.width = layoutMetrics.frame.size.width, .height = layoutMetrics.frame.size.height}};
 
       NSTextAttachment *attachment = [NSTextAttachment new];
+      attachment.image = placeholderImage;
       attachment.bounds = bounds;
 
-      nsAttributedStringFragment = [NSAttributedString attributedStringWithAttachment:attachment];
+      nsAttributedStringFragment = [[NSMutableAttributedString attributedStringWithAttachment:attachment] mutableCopy];
     } else {
       NSString *string = [NSString stringWithCString:fragment.string.c_str() encoding:NSUTF8StringEncoding];
 
-      nsAttributedStringFragment =
-          [[NSAttributedString alloc] initWithString:string
-                                          attributes:RCTNSTextAttributesFromTextAttributes(fragment.textAttributes)];
+      nsAttributedStringFragment = [[NSMutableAttributedString alloc]
+          initWithString:string
+              attributes:RCTNSTextAttributesFromTextAttributes(fragment.textAttributes)];
     }
 
-    NSMutableAttributedString *nsMutableAttributedStringFragment =
-        [[NSMutableAttributedString alloc] initWithAttributedString:nsAttributedStringFragment];
-
     if (fragment.parentShadowView.componentHandle) {
       RCTWeakEventEmitterWrapper *eventEmitterWrapper = [RCTWeakEventEmitterWrapper new];
       eventEmitterWrapper.eventEmitter = fragment.parentShadowView.eventEmitter;
@@ -251,14 +255,29 @@ inline static CGFloat RCTEffectiveFontSizeMultiplierFromTextAttributes(const Tex
       NSDictionary<NSAttributedStringKey, id> *additionalTextAttributes =
           @{RCTAttributedStringEventEmitterKey : eventEmitterWrapper};
 
-      [nsMutableAttributedStringFragment addAttributes:additionalTextAttributes
-                                                 range:NSMakeRange(0, nsMutableAttributedStringFragment.length)];
+      [nsAttributedStringFragment addAttributes:additionalTextAttributes
+                                          range:NSMakeRange(0, nsAttributedStringFragment.length)];
     }
 
-    [nsAttributedString appendAttributedString:nsMutableAttributedStringFragment];
+    [nsAttributedString appendAttributedString:nsAttributedStringFragment];
   }
 
   [nsAttributedString endEditing];
 
   return nsAttributedString;
 }
+
+NSAttributedString *RCTNSAttributedStringFromAttributedStringBox(AttributedStringBox const &attributedStringBox)
+{
+  switch (attributedStringBox.getMode()) {
+    case AttributedStringBox::Mode::Value:
+      return RCTNSAttributedStringFromAttributedString(attributedStringBox.getValue());
+    case AttributedStringBox::Mode::OpaquePointer:
+      return (NSAttributedString *)unwrapManagedObject(attributedStringBox.getOpaquePointer());
+  }
+}
+
+AttributedStringBox RCTAttributedStringBoxFromNSAttributedString(NSAttributedString *nsAttributedString)
+{
+  return nsAttributedString.length ? AttributedStringBox{wrapManagedObject(nsAttributedString)} : AttributedStringBox{};
+}
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h
index 0091b23b6a7f15..0e10ce2a085e95 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.h
@@ -11,6 +11,7 @@
 #import <react/attributedstring/ParagraphAttributes.h>
 #import <react/core/LayoutConstraints.h>
 #import <react/graphics/Geometry.h>
+#import <react/textlayoutmanager/TextMeasureCache.h>
 
 NS_ASSUME_NONNULL_BEGIN
 
@@ -19,24 +20,21 @@ NS_ASSUME_NONNULL_BEGIN
  */
 @interface RCTTextLayoutManager : NSObject
 
-- (facebook::react::Size)measureAttributedString:(facebook::react::AttributedString)attributedString
-                             paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
-                               layoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints;
+- (facebook::react::TextMeasurement)measureAttributedString:(facebook::react::AttributedString)attributedString
+                                        paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
+                                          layoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints;
 
-- (facebook::react::Size)measureNSAttributedString:(NSAttributedString *)attributedString
-                               paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
-                                 layoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints;
+- (facebook::react::TextMeasurement)measureNSAttributedString:(NSAttributedString *)attributedString
+                                          paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
+                                            layoutConstraints:(facebook::react::LayoutConstraints)layoutConstraints;
 
 - (void)drawAttributedString:(facebook::react::AttributedString)attributedString
-         paragraphAttributes:
-             (facebook::react::ParagraphAttributes)paragraphAttributes
+         paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
                        frame:(CGRect)frame;
 
 - (facebook::react::SharedEventEmitter)
-    getEventEmitterWithAttributeString:
-        (facebook::react::AttributedString)attributedString
-                   paragraphAttributes:
-                       (facebook::react::ParagraphAttributes)paragraphAttributes
+    getEventEmitterWithAttributeString:(facebook::react::AttributedString)attributedString
+                   paragraphAttributes:(facebook::react::ParagraphAttributes)paragraphAttributes
                                  frame:(CGRect)frame
                                atPoint:(CGPoint)point;
 
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm
index 2474170f262aa9..1029a87ad4a71c 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextLayoutManager.mm
@@ -32,15 +32,15 @@ static NSLineBreakMode RCTNSLineBreakModeFromEllipsizeMode(EllipsizeMode ellipsi
   }
 }
 
-- (facebook::react::Size)measureNSAttributedString:(NSAttributedString *)attributedString
-                               paragraphAttributes:(ParagraphAttributes)paragraphAttributes
-                                 layoutConstraints:(LayoutConstraints)layoutConstraints
+- (TextMeasurement)measureNSAttributedString:(NSAttributedString *)attributedString
+                         paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                           layoutConstraints:(LayoutConstraints)layoutConstraints
 {
   if (attributedString.length == 0) {
     // This is not really an optimization because that should be checked much earlier on the call stack.
     // Sometimes, very irregularly, measuring an empty string crashes/freezes iOS internal text infrastructure.
     // This is our last line of defense.
-    return {0, 0};
+    return {};
   }
 
   CGSize maximumSize = CGSize{layoutConstraints.maximumSize.width, CGFLOAT_MAX};
@@ -55,12 +55,38 @@ static NSLineBreakMode RCTNSLineBreakModeFromEllipsizeMode(EllipsizeMode ellipsi
 
   CGSize size = [layoutManager usedRectForTextContainer:textContainer].size;
 
-  return {size.width, size.height};
+  __block auto attachments = TextMeasurement::Attachments{};
+
+  [textStorage
+      enumerateAttribute:NSAttachmentAttributeName
+                 inRange:NSMakeRange(0, textStorage.length)
+                 options:0
+              usingBlock:^(NSTextAttachment *attachment, NSRange range, BOOL *stop) {
+                if (!attachment) {
+                  return;
+                }
+
+                CGSize attachmentSize = attachment.bounds.size;
+                CGRect glyphRect = [layoutManager boundingRectForGlyphRange:range inTextContainer:textContainer];
+
+                UIFont *font = [textStorage attribute:NSFontAttributeName atIndex:range.location effectiveRange:nil];
+
+                CGRect frame = {{glyphRect.origin.x,
+                                 glyphRect.origin.y + glyphRect.size.height - attachmentSize.height + font.descender},
+                                attachmentSize};
+
+                auto rect = facebook::react::Rect{facebook::react::Point{frame.origin.x, frame.origin.y},
+                                                  facebook::react::Size{frame.size.width, frame.size.height}};
+
+                attachments.push_back(TextMeasurement::Attachment{rect, false});
+              }];
+
+  return TextMeasurement{{size.width, size.height}, attachments};
 }
 
-- (facebook::react::Size)measureAttributedString:(AttributedString)attributedString
-                             paragraphAttributes:(ParagraphAttributes)paragraphAttributes
-                               layoutConstraints:(LayoutConstraints)layoutConstraints
+- (TextMeasurement)measureAttributedString:(AttributedString)attributedString
+                       paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                         layoutConstraints:(LayoutConstraints)layoutConstraints
 {
   return [self measureNSAttributedString:[self _nsAttributedStringFromAttributedString:attributedString]
                      paragraphAttributes:paragraphAttributes
@@ -69,7 +95,8 @@ static NSLineBreakMode RCTNSLineBreakModeFromEllipsizeMode(EllipsizeMode ellipsi
 
 - (void)drawAttributedString:(AttributedString)attributedString
          paragraphAttributes:(ParagraphAttributes)paragraphAttributes
-                       frame:(CGRect)frame {
+                       frame:(CGRect)frame
+{
   NSTextStorage *textStorage = [self
       _textStorageAndLayoutManagerWithAttributesString:[self _nsAttributedStringFromAttributedString:attributedString]
                                    paragraphAttributes:paragraphAttributes
@@ -82,12 +109,10 @@ - (void)drawAttributedString:(AttributedString)attributedString
   [layoutManager drawGlyphsForGlyphRange:glyphRange atPoint:frame.origin];
 }
 
-- (NSTextStorage *)
-    _textStorageAndLayoutManagerWithAttributesString:
-        (NSAttributedString *)attributedString
-                                 paragraphAttributes:
-                                     (ParagraphAttributes)paragraphAttributes
-                                                size:(CGSize)size {
+- (NSTextStorage *)_textStorageAndLayoutManagerWithAttributesString:(NSAttributedString *)attributedString
+                                                paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                                                               size:(CGSize)size
+{
   NSTextContainer *textContainer = [[NSTextContainer alloc] initWithSize:size];
 
   textContainer.lineFragmentPadding = 0.0; // Note, the default value is 5.
@@ -97,33 +122,27 @@ - (void)drawAttributedString:(AttributedString)attributedString
   textContainer.maximumNumberOfLines = paragraphAttributes.maximumNumberOfLines;
 
   NSLayoutManager *layoutManager = [NSLayoutManager new];
+  layoutManager.usesFontLeading = NO;
   [layoutManager addTextContainer:textContainer];
 
-  NSTextStorage *textStorage =
-      [[NSTextStorage alloc] initWithAttributedString:attributedString];
+  NSTextStorage *textStorage = [[NSTextStorage alloc] initWithAttributedString:attributedString];
 
   [textStorage addLayoutManager:layoutManager];
 
   if (paragraphAttributes.adjustsFontSizeToFit) {
-    CGFloat minimumFontSize = !isnan(paragraphAttributes.minimumFontSize)
-        ? paragraphAttributes.minimumFontSize
-        : 4.0;
-    CGFloat maximumFontSize = !isnan(paragraphAttributes.maximumFontSize)
-        ? paragraphAttributes.maximumFontSize
-        : 96.0;
-    [textStorage scaleFontSizeToFitSize:size
-                        minimumFontSize:minimumFontSize
-                        maximumFontSize:maximumFontSize];
+    CGFloat minimumFontSize = !isnan(paragraphAttributes.minimumFontSize) ? paragraphAttributes.minimumFontSize : 4.0;
+    CGFloat maximumFontSize = !isnan(paragraphAttributes.maximumFontSize) ? paragraphAttributes.maximumFontSize : 96.0;
+    [textStorage scaleFontSizeToFitSize:size minimumFontSize:minimumFontSize maximumFontSize:maximumFontSize];
   }
 
   return textStorage;
 }
 
-- (SharedEventEmitter)
-    getEventEmitterWithAttributeString:(AttributedString)attributedString
-                   paragraphAttributes:(ParagraphAttributes)paragraphAttributes
-                                 frame:(CGRect)frame
-                               atPoint:(CGPoint)point {
+- (SharedEventEmitter)getEventEmitterWithAttributeString:(AttributedString)attributedString
+                                     paragraphAttributes:(ParagraphAttributes)paragraphAttributes
+                                                   frame:(CGRect)frame
+                                                 atPoint:(CGPoint)point
+{
   NSTextStorage *textStorage = [self
       _textStorageAndLayoutManagerWithAttributesString:[self _nsAttributedStringFromAttributedString:attributedString]
                                    paragraphAttributes:paragraphAttributes
@@ -132,20 +151,18 @@ - (void)drawAttributedString:(AttributedString)attributedString
   NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
 
   CGFloat fraction;
-  NSUInteger characterIndex =
-      [layoutManager characterIndexForPoint:point
-                                   inTextContainer:textContainer
-          fractionOfDistanceBetweenInsertionPoints:&fraction];
+  NSUInteger characterIndex = [layoutManager characterIndexForPoint:point
+                                                    inTextContainer:textContainer
+                           fractionOfDistanceBetweenInsertionPoints:&fraction];
 
   // If the point is not before (fraction == 0.0) the first character and not
   // after (fraction == 1.0) the last character, then the attribute is valid.
   if (textStorage.length > 0 && (fraction > 0 || characterIndex > 0) &&
       (fraction < 1 || characterIndex < textStorage.length - 1)) {
     RCTWeakEventEmitterWrapper *eventEmitterWrapper =
-        (RCTWeakEventEmitterWrapper *)[textStorage
-                 attribute:RCTAttributedStringEventEmitterKey
-                   atIndex:characterIndex
-            effectiveRange:NULL];
+        (RCTWeakEventEmitterWrapper *)[textStorage attribute:RCTAttributedStringEventEmitterKey
+                                                     atIndex:characterIndex
+                                              effectiveRange:NULL];
     return eventEmitterWrapper.eventEmitter;
   }
 
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h
index a4eafd6ce405fa..1b69bbf2c7e9c4 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/RCTTextPrimitivesConversions.h
@@ -12,8 +12,8 @@
 
 using namespace facebook::react;
 
-inline static NSTextAlignment RCTNSTextAlignmentFromTextAlignment(
-    TextAlignment textAlignment) {
+inline static NSTextAlignment RCTNSTextAlignmentFromTextAlignment(TextAlignment textAlignment)
+{
   switch (textAlignment) {
     case TextAlignment::Natural:
       return NSTextAlignmentNatural;
@@ -28,8 +28,8 @@ inline static NSTextAlignment RCTNSTextAlignmentFromTextAlignment(
   }
 }
 
-inline static NSWritingDirection RCTNSWritingDirectionFromWritingDirection(
-    WritingDirection writingDirection) {
+inline static NSWritingDirection RCTNSWritingDirectionFromWritingDirection(WritingDirection writingDirection)
+{
   switch (writingDirection) {
     case WritingDirection::Natural:
       return NSWritingDirectionNatural;
@@ -40,7 +40,8 @@ inline static NSWritingDirection RCTNSWritingDirectionFromWritingDirection(
   }
 }
 
-inline static RCTFontStyle RCTFontStyleFromFontStyle(FontStyle fontStyle) {
+inline static RCTFontStyle RCTFontStyleFromFontStyle(FontStyle fontStyle)
+{
   switch (fontStyle) {
     case FontStyle::Normal:
       return RCTFontStyleNormal;
@@ -51,14 +52,15 @@ inline static RCTFontStyle RCTFontStyleFromFontStyle(FontStyle fontStyle) {
   }
 }
 
-inline static RCTFontVariant RCTFontVariantFromFontVariant(
-    FontVariant fontVariant) {
+inline static RCTFontVariant RCTFontVariantFromFontVariant(FontVariant fontVariant)
+{
   return (RCTFontVariant)fontVariant;
 }
 
 inline static NSUnderlineStyle RCTNSUnderlineStyleFromStyleAndPattern(
     TextDecorationLineStyle textDecorationLineStyle,
-    TextDecorationLinePattern textDecorationLinePattern) {
+    TextDecorationLinePattern textDecorationLinePattern)
+{
   NSUnderlineStyle style = NSUnderlineStyleNone;
 
   switch (textDecorationLineStyle) {
@@ -94,6 +96,7 @@ inline static NSUnderlineStyle RCTNSUnderlineStyleFromStyleAndPattern(
   return style;
 }
 
-inline static UIColor *RCTUIColorFromSharedColor(const SharedColor &color) {
+inline static UIColor *RCTUIColorFromSharedColor(const SharedColor &color)
+{
   return color ? [UIColor colorWithCGColor:color.get()] : nil;
 }
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h
index 82716091961c04..02a9ff7a9e6d3b 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.h
@@ -27,13 +27,14 @@ using SharedTextLayoutManager = std::shared_ptr<const TextLayoutManager>;
  */
 class TextLayoutManager {
  public:
+  using Shared = std::shared_ptr<TextLayoutManager const>;
+
   TextLayoutManager(ContextContainer::Shared const &contextContainer);
-  ~TextLayoutManager();
 
   /*
    * Measures `attributedString` using native text rendering infrastructure.
    */
-  Size measure(
+  TextMeasurement measure(
       AttributedStringBox attributedStringBox,
       ParagraphAttributes paragraphAttributes,
       LayoutConstraints layoutConstraints) const;
@@ -42,10 +43,10 @@ class TextLayoutManager {
    * 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;
+  std::shared_ptr<void> getNativeTextLayoutManager() const;
 
  private:
-  void *self_;
+  std::shared_ptr<void> self_;
   TextMeasureCache measureCache_{};
 };
 
diff --git a/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm
index 345100b224ed77..c3333e1d9dabb9 100644
--- a/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm
+++ b/ReactCommon/fabric/textlayoutmanager/platform/ios/TextLayoutManager.mm
@@ -16,35 +16,29 @@
 
 TextLayoutManager::TextLayoutManager(ContextContainer::Shared const &contextContainer)
 {
-  self_ = (__bridge_retained void *)[RCTTextLayoutManager new];
+  self_ = wrapManagedObject([RCTTextLayoutManager new]);
 }
 
-TextLayoutManager::~TextLayoutManager()
-{
-  CFRelease(self_);
-  self_ = nullptr;
-}
-
-void *TextLayoutManager::getNativeTextLayoutManager() const
+std::shared_ptr<void> TextLayoutManager::getNativeTextLayoutManager() const
 {
   assert(self_ && "Stored NativeTextLayoutManager must not be null.");
   return self_;
 }
 
-Size TextLayoutManager::measure(
+TextMeasurement TextLayoutManager::measure(
     AttributedStringBox attributedStringBox,
     ParagraphAttributes paragraphAttributes,
     LayoutConstraints layoutConstraints) const
 {
-  RCTTextLayoutManager *textLayoutManager = (__bridge RCTTextLayoutManager *)self_;
+  RCTTextLayoutManager *textLayoutManager = (RCTTextLayoutManager *)unwrapManagedObject(self_);
 
-  auto size = Size{};
+  auto measurement = TextMeasurement{};
 
   switch (attributedStringBox.getMode()) {
     case AttributedStringBox::Mode::Value: {
       auto &attributedString = attributedStringBox.getValue();
 
-      size = measureCache_.get(
+      measurement = measureCache_.get(
           {attributedString, paragraphAttributes, layoutConstraints}, [&](TextMeasureCacheKey const &key) {
             return [textLayoutManager measureAttributedString:attributedString
                                           paragraphAttributes:paragraphAttributes
@@ -57,14 +51,16 @@
       NSAttributedString *nsAttributedString =
           (NSAttributedString *)unwrapManagedObject(attributedStringBox.getOpaquePointer());
 
-      size = [textLayoutManager measureNSAttributedString:nsAttributedString
-                                      paragraphAttributes:paragraphAttributes
-                                        layoutConstraints:layoutConstraints];
+      measurement = [textLayoutManager measureNSAttributedString:nsAttributedString
+                                             paragraphAttributes:paragraphAttributes
+                                               layoutConstraints:layoutConstraints];
       break;
     }
   }
 
-  return layoutConstraints.clamp(size);
+  measurement.size = layoutConstraints.clamp(measurement.size);
+
+  return measurement;
 }
 
 } // namespace react
diff --git a/ReactCommon/fabric/uimanager/BUCK b/ReactCommon/fabric/uimanager/BUCK
index be65bdef176a2a..b9bae06f580423 100644
--- a/ReactCommon/fabric/uimanager/BUCK
+++ b/ReactCommon/fabric/uimanager/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -38,26 +38,25 @@ rn_xplat_cxx_library(
         "-Wall",
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
-        # Systraces are temporary disabled.
-        # "-DWITH_FBSYSTRACE=1",
+        "-DWITH_FBSYSTRACE=1",
     ],
     tests = [":tests"],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/jsi:JSIDynamic",
-        "fbsource//xplat/jsi:jsi",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/jsi:JSIDynamic",
+        "//xplat/jsi:jsi",
+        "//xplat/third-party/glog:glog",
         react_native_xplat_target("config:config"),
         react_native_xplat_target("fabric/components/view:view"),
         react_native_xplat_target("fabric/mounting:mounting"),
@@ -80,15 +79,15 @@ fb_xplat_cxx_test(
     contacts = ["oncall+react_native@xmail.facebook.com"],
     platforms = (ANDROID, APPLE, CXX),
     deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":uimanager",
+        "//xplat/folly:molly",
+        "//xplat/third-party/gmock:gtest",
         react_native_xplat_target("config:config"),
         react_native_xplat_target("fabric/components/activityindicator:activityindicator"),
         react_native_xplat_target("fabric/components/image:image"),
         react_native_xplat_target("fabric/components/root:root"),
         react_native_xplat_target("fabric/components/scrollview:scrollview"),
         react_native_xplat_target("fabric/components/view:view"),
-        "fbsource//xplat/js/react-native-github:generated_components-rncore",
+        "//xplat/js/react-native-github:generated_components-rncore",
     ],
 )
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorProvider.h b/ReactCommon/fabric/uimanager/ComponentDescriptorProvider.h
index 1cb39f3f2e5e4c..a1636eba02ac62 100644
--- a/ReactCommon/fabric/uimanager/ComponentDescriptorProvider.h
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorProvider.h
@@ -14,17 +14,6 @@
 namespace facebook {
 namespace react {
 
-/*
- * Represents a collection of arguments that sufficient to construct a
- * `ComponentDescriptor`.
- */
-class ComponentDescriptorParameters {
- public:
-  EventDispatcher::Weak eventDispatcher;
-  ContextContainer::Shared contextContainer;
-  ComponentDescriptor::Flavor flavor;
-};
-
 /*
  * Callable signature that represents the signature of `ComponentDescriptor`
  * constructor. The callable returns a unique pointer conveniently represents an
@@ -61,10 +50,7 @@ ComponentDescriptor::Unique concreteComponentDescriptorConstructor(
       std::is_base_of<ComponentDescriptor, ComponentDescriptorT>::value,
       "ComponentDescriptorT must be a descendant of ComponentDescriptor");
 
-  return std::make_unique<ComponentDescriptorT const>(
-      parameters.eventDispatcher,
-      parameters.contextContainer,
-      parameters.flavor);
+  return std::make_unique<ComponentDescriptorT const>(parameters);
 }
 
 /*
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
index d2b6cc8421be22..778f32fbde30eb 100644
--- a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.cpp
@@ -39,12 +39,6 @@ void ComponentDescriptorRegistry::add(
   _registryByHandle[componentDescriptorProvider.handle] =
       sharedComponentDescriptor;
   _registryByName[componentDescriptorProvider.name] = sharedComponentDescriptor;
-
-  if (strcmp(componentDescriptorProvider.name, "UnimplementedNativeView") ==
-      0) {
-    auto *self = const_cast<ComponentDescriptorRegistry *>(this);
-    self->setFallbackComponentDescriptor(sharedComponentDescriptor);
-  }
 }
 
 void ComponentDescriptorRegistry::registerComponentDescriptor(
@@ -72,6 +66,12 @@ static std::string componentNameByReactViewName(std::string viewName) {
   if (viewName == "Text") {
     return "Paragraph";
   }
+
+  // TODO T63839307: remove this condition after deleting TextInlineImage from
+  // Paper
+  if (viewName == "TextInlineImage") {
+    return "Image";
+  }
   if (viewName == "VirtualText") {
     return "Text";
   }
@@ -104,6 +104,12 @@ static std::string componentNameByReactViewName(std::string viewName) {
     return "View";
   }
 
+  // iOS-only
+  if (viewName == "MultilineTextInputView" ||
+      viewName == "SinglelineTextInputView") {
+    return "TextInput";
+  }
+
   return viewName;
 }
 
@@ -172,22 +178,21 @@ SharedShadowNode ComponentDescriptorRegistry::createNode(
   auto unifiedComponentName = componentNameByReactViewName(viewName);
   auto const &componentDescriptor = this->at(unifiedComponentName);
 
-  auto const eventEmitter =
-      componentDescriptor.createEventEmitter(std::move(eventTarget), tag);
+  auto family = componentDescriptor.createFamily(
+      ShadowNodeFamilyFragment{tag, surfaceId, nullptr},
+      std::move(eventTarget));
   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 = */ props,
-      /* .eventEmitter = */ eventEmitter,
-      /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
-      /* .localData = */ ShadowNodeFragment::localDataPlaceholder(),
-      /* .state = */ state,
-  });
+  auto const state =
+      componentDescriptor.createInitialState(ShadowNodeFragment{props}, family);
+
+  return componentDescriptor.createShadowNode(
+      {
+          /* .props = */ props,
+          /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
+          /* .state = */ state,
+      },
+      family);
 }
 
 void ComponentDescriptorRegistry::setFallbackComponentDescriptor(
diff --git a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
index fd668fbc0c4b77..26ff94ea1709f4 100644
--- a/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
+++ b/ReactCommon/fabric/uimanager/ComponentDescriptorRegistry.h
@@ -51,7 +51,7 @@ class ComponentDescriptorRegistry {
   ComponentDescriptor const &at(std::string const &componentName) const;
   ComponentDescriptor const &at(ComponentHandle componentHandle) const;
 
-  SharedShadowNode createNode(
+  ShadowNode::Shared createNode(
       Tag tag,
       std::string const &viewName,
       SurfaceId surfaceId,
diff --git a/ReactCommon/fabric/uimanager/Scheduler.cpp b/ReactCommon/fabric/uimanager/Scheduler.cpp
index 0e5ec959f62ea4..6b9c47f7a93db4 100644
--- a/ReactCommon/fabric/uimanager/Scheduler.cpp
+++ b/ReactCommon/fabric/uimanager/Scheduler.cpp
@@ -43,10 +43,8 @@ Scheduler::Scheduler(
     });
   };
 
-  auto statePipe = [uiManager](
-                       const StateData::Shared &data,
-                       const StateTarget &stateTarget) {
-    uiManager->updateState(stateTarget.getShadowNode(), data);
+  auto statePipe = [uiManager](StateUpdate const &stateUpdate) {
+    uiManager->updateState(stateUpdate);
   };
 
   eventDispatcher_ = std::make_shared<EventDispatcher>(
@@ -61,8 +59,8 @@ Scheduler::Scheduler(
   componentDescriptorRegistry_ = schedulerToolbox.componentRegistryFactory(
       eventDispatcher_, schedulerToolbox.contextContainer);
 
-  rootComponentDescriptor_ =
-      std::make_unique<const RootComponentDescriptor>(eventDispatcher_);
+  rootComponentDescriptor_ = std::make_unique<const RootComponentDescriptor>(
+      ComponentDescriptorParameters{eventDispatcher_, nullptr, nullptr});
 
   uiManager->setDelegate(this);
   uiManager->setComponentDescriptorRegistry(componentDescriptorRegistry_);
@@ -174,22 +172,17 @@ void Scheduler::renderTemplateToSurface(
 
     uiManager_->getShadowTreeRegistry().visit(
         surfaceId, [=](const ShadowTree &shadowTree) {
-          return shadowTree.tryCommit([&](RootShadowNode::Shared const
-                                              &oldRootShadowNode) {
-            return std::make_shared<RootShadowNode>(
-                *oldRootShadowNode,
-                ShadowNodeFragment{
-                    /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-                    /* .surfaceId = */
-                    ShadowNodeFragment::surfaceIdPlaceholder(),
-                    /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                    /* .eventEmitter = */
-                    ShadowNodeFragment::eventEmitterPlaceholder(),
-                    /* .children = */
-                    std::make_shared<SharedShadowNodeList>(
-                        SharedShadowNodeList{tree}),
-                });
-          });
+          return shadowTree.tryCommit(
+              [&](RootShadowNode::Shared const &oldRootShadowNode) {
+                return std::make_shared<RootShadowNode>(
+                    *oldRootShadowNode,
+                    ShadowNodeFragment{
+                        /* .props = */ ShadowNodeFragment::propsPlaceholder(),
+                        /* .children = */
+                        std::make_shared<SharedShadowNodeList>(
+                            SharedShadowNodeList{tree}),
+                    });
+              });
         });
   } catch (const std::exception &e) {
     LOG(ERROR) << "    >>>> EXCEPTION <<<  rendering uiTemplate in "
@@ -239,7 +232,7 @@ Size Scheduler::measureSurface(
             [&](RootShadowNode::Shared const &oldRootShadowNode) {
               auto rootShadowNode =
                   oldRootShadowNode->clone(layoutConstraints, layoutContext);
-              rootShadowNode->layout();
+              rootShadowNode->layoutIfNeeded();
               size = rootShadowNode->getLayoutMetrics().frame.size;
               return nullptr;
             });
@@ -247,6 +240,16 @@ Size Scheduler::measureSurface(
   return size;
 }
 
+MountingCoordinator::Shared Scheduler::findMountingCoordinator(
+    SurfaceId surfaceId) const {
+  MountingCoordinator::Shared mountingCoordinator = nullptr;
+  uiManager_->getShadowTreeRegistry().visit(
+      surfaceId, [&](const ShadowTree &shadowTree) {
+        mountingCoordinator = shadowTree.getMountingCoordinator();
+      });
+  return mountingCoordinator;
+}
+
 void Scheduler::constraintSurfaceLayout(
     SurfaceId surfaceId,
     const LayoutConstraints &layoutConstraints,
@@ -290,7 +293,7 @@ void Scheduler::uiManagerDidFinishTransaction(
 }
 
 void Scheduler::uiManagerDidCreateShadowNode(
-    const SharedShadowNode &shadowNode) {
+    const ShadowNode::Shared &shadowNode) {
   SystraceSection s("Scheduler::uiManagerDidCreateShadowNode");
 
   if (delegate_) {
@@ -301,7 +304,7 @@ void Scheduler::uiManagerDidCreateShadowNode(
 }
 
 void Scheduler::uiManagerDidDispatchCommand(
-    const SharedShadowNode &shadowNode,
+    const ShadowNode::Shared &shadowNode,
     std::string const &commandName,
     folly::dynamic const args) {
   SystraceSection s("Scheduler::uiManagerDispatchCommand");
@@ -317,7 +320,7 @@ void Scheduler::uiManagerDidDispatchCommand(
  */
 void Scheduler::uiManagerDidSetJSResponder(
     SurfaceId surfaceId,
-    const SharedShadowNode &shadowNode,
+    const ShadowNode::Shared &shadowNode,
     bool blockNativeResponder) {
   if (delegate_) {
     // TODO: the first shadowView paramenter, should be the first parent that
diff --git a/ReactCommon/fabric/uimanager/Scheduler.h b/ReactCommon/fabric/uimanager/Scheduler.h
index f637a4973bd4eb..31f40b474b5569 100644
--- a/ReactCommon/fabric/uimanager/Scheduler.h
+++ b/ReactCommon/fabric/uimanager/Scheduler.h
@@ -75,6 +75,9 @@ class Scheduler final : public UIManagerDelegate {
   findComponentDescriptorByHandle_DO_NOT_USE_THIS_IS_BROKEN(
       ComponentHandle handle) const;
 
+  MountingCoordinator::Shared findMountingCoordinator(
+      SurfaceId surfaceId) const;
+
 #pragma mark - Delegate
 
   /*
@@ -90,14 +93,14 @@ class Scheduler final : public UIManagerDelegate {
   void uiManagerDidFinishTransaction(
       MountingCoordinator::Shared const &mountingCoordinator) override;
   void uiManagerDidCreateShadowNode(
-      const SharedShadowNode &shadowNode) override;
+      const ShadowNode::Shared &shadowNode) override;
   void uiManagerDidDispatchCommand(
-      const SharedShadowNode &shadowNode,
+      const ShadowNode::Shared &shadowNode,
       std::string const &commandName,
       folly::dynamic const args) override;
   void uiManagerDidSetJSResponder(
       SurfaceId surfaceId,
-      const SharedShadowNode &shadowView,
+      const ShadowNode::Shared &shadowView,
       bool blockNativeResponder) override;
   void uiManagerDidClearJSResponder() override;
 
diff --git a/ReactCommon/fabric/uimanager/UIManager.cpp b/ReactCommon/fabric/uimanager/UIManager.cpp
index 0f5c7efb15abd5..c2fa6be9278cf7 100644
--- a/ReactCommon/fabric/uimanager/UIManager.cpp
+++ b/ReactCommon/fabric/uimanager/UIManager.cpp
@@ -9,6 +9,7 @@
 
 #include <react/core/ShadowNodeFragment.h>
 #include <react/debug/SystraceSection.h>
+#include <react/graphics/Geometry.h>
 
 #include <glog/logging.h>
 
@@ -32,40 +33,26 @@ SharedShadowNode UIManager::createNode(
   auto fallbackDescriptor =
       componentDescriptorRegistry_->getFallbackComponentDescriptor();
 
-  auto const eventEmitter =
-      componentDescriptor.createEventEmitter(std::move(eventTarget), tag);
+  auto family = componentDescriptor.createFamily(
+      ShadowNodeFamilyFragment{tag, surfaceId, nullptr},
+      std::move(eventTarget));
   auto const props = componentDescriptor.cloneProps(nullptr, rawProps);
-  auto const state = componentDescriptor.createInitialState(
-      ShadowNodeFragment{tag, surfaceId, props, eventEmitter});
-
-  auto shadowNode = componentDescriptor.createShadowNode({
-      /* .tag = */ tag,
-      /* .surfaceId = */ surfaceId,
-      /* .props = */
-      fallbackDescriptor != nullptr &&
-              fallbackDescriptor->getComponentHandle() ==
-                  componentDescriptor.getComponentHandle()
-          ? componentDescriptor.cloneProps(
-                props, RawProps(folly::dynamic::object("name", name)))
-          : props,
-      /* .eventEmitter = */ eventEmitter,
-      /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
-      /* .localData = */ ShadowNodeFragment::localDataPlaceholder(),
-      /* .state = */ state,
-  });
+  auto const state =
+      componentDescriptor.createInitialState(ShadowNodeFragment{props}, family);
 
-  // state->commit(x) associates a ShadowNode with the State object.
-  // state->commit(x) must be called before calling updateState; updateState
-  // fails silently otherwise. In between "now", when this node is created, and
-  // when this node is actually committed, the State object would otherwise not
-  // have any reference back to the ShadowNode that owns it. On platforms that
-  // do view preallocation (like Android), this State would be sent to the
-  // mounting layer with valid data but without an update mechanism. We
-  // explicitly associate the ShadowNode with the State here so that updateState
-  // is always safe and effectful.
-  if (state) {
-    state->commit(shadowNode);
-  }
+  auto shadowNode = componentDescriptor.createShadowNode(
+      ShadowNodeFragment{
+          /* .props = */
+          fallbackDescriptor != nullptr &&
+                  fallbackDescriptor->getComponentHandle() ==
+                      componentDescriptor.getComponentHandle()
+              ? componentDescriptor.cloneProps(
+                    props, RawProps(folly::dynamic::object("name", name)))
+              : props,
+          /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
+          /* .state = */ state,
+      },
+      family);
 
   if (delegate_) {
     delegate_->uiManagerDidCreateShadowNode(shadowNode);
@@ -75,7 +62,7 @@ SharedShadowNode UIManager::createNode(
 }
 
 SharedShadowNode UIManager::cloneNode(
-    const SharedShadowNode &shadowNode,
+    const ShadowNode::Shared &shadowNode,
     const SharedShadowNodeSharedList &children,
     const RawProps *rawProps) const {
   SystraceSection s("UIManager::cloneNode");
@@ -84,13 +71,10 @@ SharedShadowNode UIManager::cloneNode(
   auto clonedShadowNode = componentDescriptor.cloneShadowNode(
       *shadowNode,
       {
-          /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-          /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
           /* .props = */
           rawProps ? componentDescriptor.cloneProps(
                          shadowNode->getProps(), *rawProps)
                    : ShadowNodeFragment::propsPlaceholder(),
-          /* .eventEmitter = */ ShadowNodeFragment::eventEmitterPlaceholder(),
           /* .children = */ children,
       });
 
@@ -98,8 +82,8 @@ SharedShadowNode UIManager::cloneNode(
 }
 
 void UIManager::appendChild(
-    const SharedShadowNode &parentShadowNode,
-    const SharedShadowNode &childShadowNode) const {
+    const ShadowNode::Shared &parentShadowNode,
+    const ShadowNode::Shared &childShadowNode) const {
   SystraceSection s("UIManager::appendChild");
 
   auto &componentDescriptor = parentShadowNode->getComponentDescriptor();
@@ -112,23 +96,21 @@ void UIManager::completeSurface(
   SystraceSection s("UIManager::completeSurface");
 
   shadowTreeRegistry_.visit(surfaceId, [&](ShadowTree const &shadowTree) {
-    shadowTree.commit([&](RootShadowNode::Shared const &oldRootShadowNode) {
-      return std::make_shared<RootShadowNode>(
-          *oldRootShadowNode,
-          ShadowNodeFragment{
-              /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-              /* .surfaceId = */ ShadowNodeFragment::surfaceIdPlaceholder(),
-              /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-              /* .eventEmitter = */
-              ShadowNodeFragment::eventEmitterPlaceholder(),
-              /* .children = */ rootChildren,
-          });
-    });
+    shadowTree.commit(
+        [&](RootShadowNode::Shared const &oldRootShadowNode) {
+          return std::make_shared<RootShadowNode>(
+              *oldRootShadowNode,
+              ShadowNodeFragment{
+                  /* .props = */ ShadowNodeFragment::propsPlaceholder(),
+                  /* .children = */ rootChildren,
+              });
+        },
+        true);
   });
 }
 
 void UIManager::setJSResponder(
-    const SharedShadowNode &shadowNode,
+    const ShadowNode::Shared &shadowNode,
     const bool blockNativeResponder) const {
   if (delegate_) {
     delegate_->uiManagerDidSetJSResponder(
@@ -142,6 +124,41 @@ void UIManager::clearJSResponder() const {
   }
 }
 
+ShadowNode::Shared const *UIManager::getNewestCloneOfShadowNode(
+    ShadowNode::Shared const &shadowNode) const {
+  auto findNewestChildInParent =
+      [&](auto const &parentNode) -> ShadowNode::Shared const * {
+    for (auto const &child : parentNode.getChildren()) {
+      if (ShadowNode::sameFamily(*child, *shadowNode)) {
+        return &child;
+      }
+    }
+    return nullptr;
+  };
+
+  ShadowNode const *ancestorShadowNode;
+  shadowTreeRegistry_.visit(
+      shadowNode->getSurfaceId(), [&](ShadowTree const &shadowTree) {
+        shadowTree.tryCommit(
+            [&](RootShadowNode::Shared const &oldRootShadowNode) {
+              ancestorShadowNode = oldRootShadowNode.get();
+              return nullptr;
+            },
+            true);
+      });
+
+  auto ancestors = shadowNode->getFamily().getAncestors(*ancestorShadowNode);
+
+  return findNewestChildInParent(ancestors.rbegin()->first.get());
+}
+
+ShadowNode::Shared UIManager::findNodeAtPoint(
+    ShadowNode::Shared const &node,
+    Point point) const {
+  return LayoutableShadowNode::findNodeAtPoint(
+      *getNewestCloneOfShadowNode(node), point);
+}
+
 void UIManager::setNativeProps(
     ShadowNode const &shadowNode,
     RawProps const &rawProps) const {
@@ -154,80 +171,79 @@ void UIManager::setNativeProps(
       shadowNode.getSurfaceId(), [&](ShadowTree const &shadowTree) {
         shadowTree.tryCommit(
             [&](RootShadowNode::Shared const &oldRootShadowNode) {
-              return oldRootShadowNode->clone(
-                  shadowNode, [&](ShadowNode const &oldShadowNode) {
-                    return oldShadowNode.clone({
-                        /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-                        /* .surfaceId = */
-                        ShadowNodeFragment::surfaceIdPlaceholder(),
-                        /* .props = */ props,
-                    });
-                  });
-            });
+              return std::static_pointer_cast<RootShadowNode>(
+                  oldRootShadowNode->cloneTree(
+                      shadowNode.getFamily(),
+                      [&](ShadowNode const &oldShadowNode) {
+                        return oldShadowNode.clone({
+                            /* .props = */ props,
+                        });
+                      }));
+            },
+            true);
       });
 }
 
 LayoutMetrics UIManager::getRelativeLayoutMetrics(
-    const ShadowNode &shadowNode,
-    const ShadowNode *ancestorShadowNode) const {
+    ShadowNode const &shadowNode,
+    ShadowNode const *ancestorShadowNode,
+    LayoutableShadowNode::LayoutInspectingPolicy policy) const {
   SystraceSection s("UIManager::getRelativeLayoutMetrics");
 
   if (!ancestorShadowNode) {
     shadowTreeRegistry_.visit(
-        shadowNode.getSurfaceId(), [&](const ShadowTree &shadowTree) {
+        shadowNode.getSurfaceId(), [&](ShadowTree const &shadowTree) {
           shadowTree.tryCommit(
               [&](RootShadowNode::Shared const &oldRootShadowNode) {
                 ancestorShadowNode = oldRootShadowNode.get();
                 return nullptr;
-              });
+              },
+              true);
         });
   }
 
   auto layoutableShadowNode =
-      dynamic_cast<const LayoutableShadowNode *>(&shadowNode);
+      traitCast<LayoutableShadowNode const *>(&shadowNode);
   auto layoutableAncestorShadowNode =
-      dynamic_cast<const LayoutableShadowNode *>(ancestorShadowNode);
+      traitCast<LayoutableShadowNode const *>(ancestorShadowNode);
 
   if (!layoutableShadowNode || !layoutableAncestorShadowNode) {
     return EmptyLayoutMetrics;
   }
 
   return layoutableShadowNode->getRelativeLayoutMetrics(
-      *layoutableAncestorShadowNode);
+      *layoutableAncestorShadowNode, policy);
 }
 
-void UIManager::updateState(
-    ShadowNode const &shadowNode,
-    StateData::Shared const &rawStateData) const {
-  auto &componentDescriptor = shadowNode.getComponentDescriptor();
-  auto state =
-      componentDescriptor.createState(shadowNode.getState(), rawStateData);
+void UIManager::updateState(StateUpdate const &stateUpdate) const {
+  auto &callback = stateUpdate.callback;
+  auto &family = stateUpdate.family;
+  auto &componentDescriptor = family->getComponentDescriptor();
 
   shadowTreeRegistry_.visit(
-      shadowNode.getSurfaceId(), [&](ShadowTree const &shadowTree) {
+      family->getSurfaceId(), [&](ShadowTree const &shadowTree) {
         shadowTree.tryCommit([&](RootShadowNode::Shared const
                                      &oldRootShadowNode) {
-          return oldRootShadowNode->clone(
-              shadowNode, [&](ShadowNode const &oldShadowNode) {
+          return std::static_pointer_cast<
+              RootShadowNode>(oldRootShadowNode->cloneTree(
+              *family, [&](ShadowNode const &oldShadowNode) {
+                auto newData =
+                    callback(oldShadowNode.getState()->getDataPointer());
+                auto newState =
+                    componentDescriptor.createState(*family, newData);
+
                 return oldShadowNode.clone({
-                    /* .tag = */ ShadowNodeFragment::tagPlaceholder(),
-                    /* .surfaceId = */
-                    ShadowNodeFragment::surfaceIdPlaceholder(),
                     /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                    /* .eventEmitter = */
-                    ShadowNodeFragment::eventEmitterPlaceholder(),
                     /* .children = */ ShadowNodeFragment::childrenPlaceholder(),
-                    /* .localData = */
-                    ShadowNodeFragment::localDataPlaceholder(),
-                    /* .state = */ state,
+                    /* .state = */ newState,
                 });
-              });
+              }));
         });
       });
 }
 
 void UIManager::dispatchCommand(
-    const SharedShadowNode &shadowNode,
+    const ShadowNode::Shared &shadowNode,
     std::string const &commandName,
     folly::dynamic const args) const {
   if (delegate_) {
@@ -235,47 +251,6 @@ void UIManager::dispatchCommand(
   }
 }
 
-static ShadowNode::Shared findShadowNodeByTagRecursively(
-    ShadowNode::Shared const &parentShadowNode,
-    Tag tag) {
-  if (parentShadowNode->getTag() == tag) {
-    return parentShadowNode;
-  }
-
-  for (ShadowNode::Shared const &shadowNode : parentShadowNode->getChildren()) {
-    auto result = findShadowNodeByTagRecursively(shadowNode, tag);
-    if (result) {
-      return result;
-    }
-  }
-
-  return nullptr;
-}
-
-ShadowNode::Shared UIManager::findShadowNodeByTag_DEPRECATED(Tag tag) const {
-  auto shadowNode = ShadowNode::Shared{};
-
-  shadowTreeRegistry_.enumerate([&](ShadowTree const &shadowTree, bool &stop) {
-    auto rootShadowNode = ShadowNode::Shared{};
-    // This is tricky.
-    // The public interface of `ShadowTree` discourages accessing a stored
-    // pointer to a root node because of the possible data race.
-    // To work around this, we ask for a commit and immediately cancel it
-    // returning `nullptr` instead of a new shadow tree.
-    shadowTree.tryCommit([&](RootShadowNode::Shared const &oldRootShadowNode) {
-      rootShadowNode = oldRootShadowNode;
-      return nullptr;
-    });
-
-    shadowNode = findShadowNodeByTagRecursively(rootShadowNode, tag);
-    if (shadowNode) {
-      stop = true;
-    }
-  });
-
-  return shadowNode;
-}
-
 void UIManager::setComponentDescriptorRegistry(
     const SharedComponentDescriptorRegistry &componentDescriptorRegistry) {
   componentDescriptorRegistry_ = componentDescriptorRegistry;
diff --git a/ReactCommon/fabric/uimanager/UIManager.h b/ReactCommon/fabric/uimanager/UIManager.h
index 3064eec8fca2f2..db882e3aec2a4c 100644
--- a/ReactCommon/fabric/uimanager/UIManager.h
+++ b/ReactCommon/fabric/uimanager/UIManager.h
@@ -59,21 +59,21 @@ class UIManager final : public ShadowTreeDelegate {
   friend class UIManagerBinding;
   friend class Scheduler;
 
-  SharedShadowNode createNode(
+  ShadowNode::Shared createNode(
       Tag tag,
       std::string const &componentName,
       SurfaceId surfaceId,
       const RawProps &props,
       SharedEventTarget eventTarget) const;
 
-  SharedShadowNode cloneNode(
-      const SharedShadowNode &shadowNode,
+  ShadowNode::Shared cloneNode(
+      const ShadowNode::Shared &shadowNode,
       const SharedShadowNodeSharedList &children = nullptr,
       const RawProps *rawProps = nullptr) const;
 
   void appendChild(
-      const SharedShadowNode &parentShadowNode,
-      const SharedShadowNode &childShadowNode) const;
+      const ShadowNode::Shared &parentShadowNode,
+      const ShadowNode::Shared &childShadowNode) const;
 
   void completeSurface(
       SurfaceId surfaceId,
@@ -83,41 +83,39 @@ class UIManager final : public ShadowTreeDelegate {
       const;
 
   void setJSResponder(
-      const SharedShadowNode &shadowNode,
+      const ShadowNode::Shared &shadowNode,
       const bool blockNativeResponder) const;
 
   void clearJSResponder() const;
 
+  ShadowNode::Shared findNodeAtPoint(
+      ShadowNode::Shared const &shadowNode,
+      Point point) const;
+
+  ShadowNode::Shared const *getNewestCloneOfShadowNode(
+      ShadowNode::Shared const &shadowNode) const;
+
   /*
    * Returns layout metrics of given `shadowNode` relative to
    * `ancestorShadowNode` (relative to the root node in case if provided
    * `ancestorShadowNode` is nullptr).
    */
   LayoutMetrics getRelativeLayoutMetrics(
-      const ShadowNode &shadowNode,
-      const ShadowNode *ancestorShadowNode) const;
+      ShadowNode const &shadowNode,
+      ShadowNode const *ancestorShadowNode,
+      LayoutableShadowNode::LayoutInspectingPolicy policy) const;
 
   /*
    * Creates a new shadow node with given state data, clones what's necessary
    * and performs a commit.
    */
-  void updateState(
-      ShadowNode const &shadowNode,
-      StateData::Shared const &rawStateData) const;
+  void updateState(StateUpdate const &stateUpdate) const;
 
   void dispatchCommand(
-      const SharedShadowNode &shadowNode,
+      const ShadowNode::Shared &shadowNode,
       std::string const &commandName,
       folly::dynamic const args) const;
 
-  /*
-   * Iterates over all shadow nodes which are parts of all registered surfaces
-   * and find the one that has given `tag`. Returns `nullptr` if the node wasn't
-   * found. This is a temporary workaround that should not be used in any core
-   * functionality.
-   */
-  ShadowNode::Shared findShadowNodeByTag_DEPRECATED(Tag tag) const;
-
   ShadowTreeRegistry const &getShadowTreeRegistry() const;
 
   SharedComponentDescriptorRegistry componentDescriptorRegistry_;
diff --git a/ReactCommon/fabric/uimanager/UIManagerBinding.cpp b/ReactCommon/fabric/uimanager/UIManagerBinding.cpp
index 7aa6156ee05ad7..981a165bc669f9 100644
--- a/ReactCommon/fabric/uimanager/UIManagerBinding.cpp
+++ b/ReactCommon/fabric/uimanager/UIManagerBinding.cpp
@@ -251,6 +251,36 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
+  if (methodName == "findNodeAtPoint") {
+    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 node = shadowNodeFromValue(runtime, arguments[0]);
+          auto locationX = (Float)arguments[1].getNumber();
+          auto locationY = (Float)arguments[2].getNumber();
+          auto onSuccessFunction =
+              arguments[3].getObject(runtime).getFunction(runtime);
+          auto targetNode =
+              uiManager->findNodeAtPoint(node, Point{locationX, locationY});
+          auto &eventTarget = targetNode->getEventEmitter()->eventTarget_;
+
+          EventEmitter::DispatchMutex().lock();
+          eventTarget->retain(runtime);
+          auto instanceHandle = eventTarget->getInstanceHandle(runtime);
+          eventTarget->release(runtime);
+          EventEmitter::DispatchMutex().unlock();
+
+          onSuccessFunction.call(runtime, std::move(instanceHandle));
+          return jsi::Value::undefined();
+        });
+  }
+
   if (methodName == "clearJSResponder") {
     return jsi::Function::createFromHostFunction(
         runtime,
@@ -423,7 +453,8 @@ jsi::Value UIManagerBinding::get(
             size_t count) -> jsi::Value {
           auto layoutMetrics = uiManager->getRelativeLayoutMetrics(
               *shadowNodeFromValue(runtime, arguments[0]),
-              shadowNodeFromValue(runtime, arguments[1]).get());
+              shadowNodeFromValue(runtime, arguments[1]).get(),
+              {/* .includeTransform = */ true});
           auto frame = layoutMetrics.frame;
           auto result = jsi::Object(runtime);
           result.setProperty(runtime, "left", frame.origin.x);
@@ -466,7 +497,8 @@ jsi::Value UIManagerBinding::get(
             size_t count) -> jsi::Value {
           auto layoutMetrics = uiManager->getRelativeLayoutMetrics(
               *shadowNodeFromValue(runtime, arguments[0]),
-              shadowNodeFromValue(runtime, arguments[1]).get());
+              shadowNodeFromValue(runtime, arguments[1]).get(),
+              {/* .includeTransform = */ false});
 
           if (layoutMetrics == EmptyLayoutMetrics) {
             auto onFailFunction =
@@ -500,7 +532,9 @@ jsi::Value UIManagerBinding::get(
             const jsi::Value *arguments,
             size_t count) -> jsi::Value {
           auto layoutMetrics = uiManager->getRelativeLayoutMetrics(
-              *shadowNodeFromValue(runtime, arguments[0]), nullptr);
+              *shadowNodeFromValue(runtime, arguments[0]),
+              nullptr,
+              {/* .includeTransform = */ true});
           auto frame = layoutMetrics.frame;
           auto onSuccessFunction =
               arguments[1].getObject(runtime).getFunction(runtime);
@@ -509,10 +543,10 @@ jsi::Value UIManagerBinding::get(
               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}});
+               jsi::Value{runtime, (double)frame.size.height},
+               jsi::Value{runtime, (double)frame.origin.x},
+               jsi::Value{runtime, (double)frame.origin.y}});
           return jsi::Value::undefined();
         });
   }
@@ -528,7 +562,9 @@ jsi::Value UIManagerBinding::get(
             const jsi::Value *arguments,
             size_t count) -> jsi::Value {
           auto layoutMetrics = uiManager->getRelativeLayoutMetrics(
-              *shadowNodeFromValue(runtime, arguments[0]), nullptr);
+              *shadowNodeFromValue(runtime, arguments[0]),
+              nullptr,
+              {/* .includeTransform = */ true});
 
           auto onSuccessFunction =
               arguments[1].getObject(runtime).getFunction(runtime);
@@ -562,27 +598,6 @@ jsi::Value UIManagerBinding::get(
         });
   }
 
-  if (methodName == "findShadowNodeByTag_DEPRECATED") {
-    return jsi::Function::createFromHostFunction(
-        runtime,
-        name,
-        1,
-        [uiManager](
-            jsi::Runtime &runtime,
-            jsi::Value const &thisValue,
-            jsi::Value const *arguments,
-            size_t count) -> jsi::Value {
-          auto shadowNode = uiManager->findShadowNodeByTag_DEPRECATED(
-              tagFromValue(runtime, arguments[0]));
-
-          if (!shadowNode) {
-            return jsi::Value::null();
-          }
-
-          return valueFromShadowNode(runtime, shadowNode);
-        });
-  }
-
   return jsi::Value::undefined();
 }
 
diff --git a/ReactCommon/fabric/uimanager/UIManagerDelegate.h b/ReactCommon/fabric/uimanager/UIManagerDelegate.h
index b0e0233e5984d3..99fc0f413549cf 100644
--- a/ReactCommon/fabric/uimanager/UIManagerDelegate.h
+++ b/ReactCommon/fabric/uimanager/UIManagerDelegate.h
@@ -32,13 +32,13 @@ class UIManagerDelegate {
    * instances.
    */
   virtual void uiManagerDidCreateShadowNode(
-      const SharedShadowNode &shadowNode) = 0;
+      const ShadowNode::Shared &shadowNode) = 0;
 
   /*
    * Called when UIManager wants to dispatch a command to the mounting layer.
    */
   virtual void uiManagerDidDispatchCommand(
-      const SharedShadowNode &shadowNode,
+      const ShadowNode::Shared &shadowNode,
       std::string const &commandName,
       folly::dynamic const args) = 0;
 
@@ -47,7 +47,7 @@ class UIManagerDelegate {
    */
   virtual void uiManagerDidSetJSResponder(
       SurfaceId surfaceId,
-      SharedShadowNode const &shadowView,
+      ShadowNode::Shared const &shadowView,
       bool blockNativeResponder) = 0;
 
   /*
diff --git a/ReactCommon/fabric/uimanager/UITemplateProcessor.cpp b/ReactCommon/fabric/uimanager/UITemplateProcessor.cpp
index a00ecdf43c2308..35854e589964f0 100644
--- a/ReactCommon/fabric/uimanager/UITemplateProcessor.cpp
+++ b/ReactCommon/fabric/uimanager/UITemplateProcessor.cpp
@@ -34,7 +34,7 @@ struct RBCContext {
 // TODO: use RBCContext instead of all the separate arguments.
 SharedShadowNode UITemplateProcessor::runCommand(
     const folly::dynamic &command,
-    Tag rootTag,
+    SurfaceId surfaceId,
     std::vector<SharedShadowNode> &nodes,
     std::vector<folly::dynamic> &registers,
     const ComponentDescriptorRegistry &componentDescriptorRegistry,
@@ -49,7 +49,7 @@ SharedShadowNode UITemplateProcessor::runCommand(
     const auto parentTag = command[3].asInt();
     const auto &props = command[4];
     nodes[tag] = componentDescriptorRegistry.createNode(
-        tag + tagOffset, type, rootTag, props, nullptr);
+        tag + tagOffset, type, surfaceId, props, nullptr);
     if (parentTag > -1) { // parentTag == -1 indicates root node
       auto parentShadowNode = nodes[parentTag];
       auto const &componentDescriptor = componentDescriptorRegistry.at(
@@ -87,7 +87,7 @@ SharedShadowNode UITemplateProcessor::runCommand(
     for (const auto &nextCommand : nextCommands) {
       runCommand(
           nextCommand,
-          rootTag,
+          surfaceId,
           nodes,
           registers,
           componentDescriptorRegistry,
@@ -102,7 +102,7 @@ SharedShadowNode UITemplateProcessor::runCommand(
 
 SharedShadowNode UITemplateProcessor::buildShadowTree(
     const std::string &jsonStr,
-    Tag rootTag,
+    SurfaceId surfaceId,
     const folly::dynamic &params,
     const ComponentDescriptorRegistry &componentDescriptorRegistry,
     const NativeModuleRegistry &nativeModuleRegistry,
@@ -131,7 +131,7 @@ SharedShadowNode UITemplateProcessor::buildShadowTree(
       }
       auto ret = runCommand(
           command,
-          rootTag,
+          surfaceId,
           nodes,
           registers,
           componentDescriptorRegistry,
diff --git a/ReactCommon/fabric/uimanager/UITemplateProcessor.h b/ReactCommon/fabric/uimanager/UITemplateProcessor.h
index 9c49c4d3394746..dff902334b749d 100644
--- a/ReactCommon/fabric/uimanager/UITemplateProcessor.h
+++ b/ReactCommon/fabric/uimanager/UITemplateProcessor.h
@@ -44,7 +44,7 @@ class NativeModuleRegistry {
 
 class UITemplateProcessor {
  public:
-  static SharedShadowNode buildShadowTree(
+  static ShadowNode::Shared buildShadowTree(
       const std::string &jsonStr,
       int rootTag,
       const folly::dynamic &params,
@@ -53,7 +53,7 @@ class UITemplateProcessor {
       const std::shared_ptr<const ReactNativeConfig> reactNativeConfig);
 
  private:
-  static SharedShadowNode runCommand(
+  static ShadowNode::Shared runCommand(
       const folly::dynamic &command,
       Tag rootTag,
       std::vector<SharedShadowNode> &nodes,
diff --git a/ReactCommon/fabric/uimanager/primitives.h b/ReactCommon/fabric/uimanager/primitives.h
index 3600e8b8f086d6..f02e8b7ffd66e6 100644
--- a/ReactCommon/fabric/uimanager/primitives.h
+++ b/ReactCommon/fabric/uimanager/primitives.h
@@ -27,7 +27,7 @@ struct ShadowNodeWrapper : public jsi::HostObject {
   ShadowNodeWrapper(SharedShadowNode shadowNode)
       : shadowNode(std::move(shadowNode)) {}
 
-  SharedShadowNode shadowNode;
+  ShadowNode::Shared shadowNode;
 };
 
 struct ShadowNodeListWrapper : public jsi::HostObject {
@@ -37,7 +37,7 @@ struct ShadowNodeListWrapper : public jsi::HostObject {
   SharedShadowNodeUnsharedList shadowNodeList;
 };
 
-inline static SharedShadowNode shadowNodeFromValue(
+inline static ShadowNode::Shared shadowNodeFromValue(
     jsi::Runtime &runtime,
     const jsi::Value &value) {
   return value.getObject(runtime)
@@ -47,7 +47,7 @@ inline static SharedShadowNode shadowNodeFromValue(
 
 inline static jsi::Value valueFromShadowNode(
     jsi::Runtime &runtime,
-    const SharedShadowNode &shadowNode) {
+    const ShadowNode::Shared &shadowNode) {
   return jsi::Object::createFromHostObject(
       runtime, std::make_shared<ShadowNodeWrapper>(shadowNode));
 }
diff --git a/ReactCommon/fabric/uimanager/tests/UITemplateProcessorTest.cpp b/ReactCommon/fabric/uimanager/tests/UITemplateProcessorTest.cpp
index 9833d2531cb439..3339afa17e29cb 100644
--- a/ReactCommon/fabric/uimanager/tests/UITemplateProcessorTest.cpp
+++ b/ReactCommon/fabric/uimanager/tests/UITemplateProcessorTest.cpp
@@ -107,10 +107,10 @@ TEST(UITemplateProcessorTest, testSimpleBytecode) {
   LOG(INFO) << std::endl << root1->getDebugDescription();
 #endif
   auto props1 = std::dynamic_pointer_cast<const ViewProps>(root1->getProps());
-  ASSERT_NEAR(props1->opacity, 0.5, 0.001);
+  EXPECT_NEAR(props1->opacity, 0.5, 0.001);
   ASSERT_STREQ(props1->testId.c_str(), "root");
   auto children1 = root1->getChildren();
-  ASSERT_EQ(children1.size(), 1);
+  EXPECT_EQ(children1.size(), 1);
   auto child_props1 =
       std::dynamic_pointer_cast<const ViewProps>(children1.at(0)->getProps());
   ASSERT_STREQ(child_props1->testId.c_str(), "child");
@@ -148,7 +148,7 @@ TEST(UITemplateProcessorTest, testConditionalBytecode) {
   auto props1 = std::dynamic_pointer_cast<const ViewProps>(root1->getProps());
   ASSERT_STREQ(props1->testId.c_str(), "root");
   auto children1 = root1->getChildren();
-  ASSERT_EQ(children1.size(), 1);
+  EXPECT_EQ(children1.size(), 1);
   auto child_props1 =
       std::dynamic_pointer_cast<const ViewProps>(children1.at(0)->getProps());
   ASSERT_STREQ(child_props1->testId.c_str(), "cond_true");
diff --git a/ReactCommon/hermes/.clang-tidy b/ReactCommon/hermes/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/hermes/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/hermes/executor/Android.mk b/ReactCommon/hermes/executor/Android.mk
index 0294689dd8fffa..491100c33a99e3 100644
--- a/ReactCommon/hermes/executor/Android.mk
+++ b/ReactCommon/hermes/executor/Android.mk
@@ -35,4 +35,3 @@ LOCAL_STATIC_LIBRARIES := libjsi libjsireact libhermes-inspector
 LOCAL_SHARED_LIBRARIES := libhermes
 
 include $(BUILD_SHARED_LIBRARY)
-
diff --git a/ReactCommon/hermes/executor/HermesExecutorFactory.cpp b/ReactCommon/hermes/executor/HermesExecutorFactory.cpp
index e313d4ea771f72..693a9a1bd73caf 100644
--- a/ReactCommon/hermes/executor/HermesExecutorFactory.cpp
+++ b/ReactCommon/hermes/executor/HermesExecutorFactory.cpp
@@ -11,7 +11,7 @@
 
 #include <cxxreact/MessageQueueThread.h>
 #include <cxxreact/SystraceSection.h>
-#include <hermes/hermes_tracing.h>
+#include <hermes/hermes.h>
 #include <jsi/decorator.h>
 
 #ifdef HERMES_ENABLE_DEBUGGER
@@ -50,18 +50,21 @@ class HermesExecutorRuntimeAdapter
 
   virtual ~HermesExecutorRuntimeAdapter() = default;
 
-  HermesRuntime &getRuntime() override {
-    return hermesRuntime_;
+  jsi::Runtime &getRuntime() override {
+    return *runtime_;
+  }
+
+  debugger::Debugger &getDebugger() override {
+    return hermesRuntime_.getDebugger();
   }
 
   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);
+    thread_->runOnQueue([&runtime = runtime_]() {
+      auto func =
+          runtime->global().getPropertyAsFunction(*runtime, "__tickleJs");
+      func.call(*runtime);
     });
   }
 
@@ -145,9 +148,9 @@ struct ReentrancyCheck {
 // Runtime.
 class DecoratedRuntime : public jsi::WithRuntimeDecorator<ReentrancyCheck> {
  public:
-  // The first argument may be a tracing runtime which itself
+  // The first argument may be another decorater which itself
   // decorates the real HermesRuntime, depending on the build config.
-  // The second argument is the the real HermesRuntime as well to
+  // The second argument is the real HermesRuntime as well to
   // manage the debugger registration.
   DecoratedRuntime(
       std::unique_ptr<Runtime> runtime,
@@ -173,9 +176,8 @@ class DecoratedRuntime : public jsi::WithRuntimeDecorator<ReentrancyCheck> {
   }
 
  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.
+  // runtime_ is a potentially decorated Runtime.
+  // hermesRuntime is a reference to a HermesRuntime managed by runtime_.
   //
   // HermesExecutorRuntimeAdapter requirements are kept, because the
   // dtor will disable debugging on the HermesRuntime before the
@@ -193,20 +195,18 @@ std::unique_ptr<JSExecutor> HermesExecutorFactory::createJSExecutor(
     std::shared_ptr<MessageQueueThread> jsQueue) {
   std::unique_ptr<HermesRuntime> hermesRuntime =
       makeHermesRuntimeSystraced(runtimeConfig_);
-  HermesRuntime& hermesRuntimeRef = *hermesRuntime;
+  HermesRuntime &hermesRuntimeRef = *hermesRuntime;
   auto decoratedRuntime = std::make_shared<DecoratedRuntime>(
-      makeTracingHermesRuntime(std::move(hermesRuntime), runtimeConfig_),
-      hermesRuntimeRef,
-      jsQueue);
+      std::move(hermesRuntime), hermesRuntimeRef, jsQueue);
 
   // So what do we have now?
-  // DecoratedRuntime -> TracingRuntime -> HermesRuntime
+  // DecoratedRuntime -> 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,
+  // the normal case where debugging is not compiled in,
   // all that's left is the thread checking.
 
   // Add js engine information to Error.prototype so in error reporting we
diff --git a/ReactCommon/hermes/executor/HermesExecutorFactory.h b/ReactCommon/hermes/executor/HermesExecutorFactory.h
index 9744a8312a3b55..99d3eb34f4e5d3 100644
--- a/ReactCommon/hermes/executor/HermesExecutorFactory.h
+++ b/ReactCommon/hermes/executor/HermesExecutorFactory.h
@@ -19,7 +19,7 @@ class HermesExecutorFactory : public JSExecutorFactory {
  public:
   explicit HermesExecutorFactory(
       JSIExecutor::RuntimeInstaller runtimeInstaller,
-      const JSIScopedTimeoutInvoker& timeoutInvoker =
+      const JSIScopedTimeoutInvoker &timeoutInvoker =
           JSIExecutor::defaultTimeoutInvoker,
       ::hermes::vm::RuntimeConfig runtimeConfig = ::hermes::vm::RuntimeConfig())
       : runtimeInstaller_(runtimeInstaller),
@@ -44,7 +44,7 @@ class HermesExecutor : public JSIExecutor {
       std::shared_ptr<jsi::Runtime> runtime,
       std::shared_ptr<ExecutorDelegate> delegate,
       std::shared_ptr<MessageQueueThread> jsQueue,
-      const JSIScopedTimeoutInvoker& timeoutInvoker,
+      const JSIScopedTimeoutInvoker &timeoutInvoker,
       RuntimeInstaller runtimeInstaller);
 
  private:
diff --git a/ReactCommon/hermes/executor/JSITracing.cpp b/ReactCommon/hermes/executor/JSITracing.cpp
index 376c83eac76388..58f910f2826cb2 100644
--- a/ReactCommon/hermes/executor/JSITracing.cpp
+++ b/ReactCommon/hermes/executor/JSITracing.cpp
@@ -10,7 +10,7 @@
 namespace facebook {
 namespace jsi {
 void addNativeTracingHooks(Runtime &rt) {
-  // unimplemented
+  // Unimplemented
 }
 } // namespace jsi
 } // namespace facebook
diff --git a/ReactCommon/hermes/inspector/BUCK b/ReactCommon/hermes/inspector/BUCK
index 009f84fa0a6bca..5b5356b799794b 100644
--- a/ReactCommon/hermes/inspector/BUCK
+++ b/ReactCommon/hermes/inspector/BUCK
@@ -59,13 +59,14 @@ fb_xplat_cxx_library(
     xcode_public_headers_symlinks = True,
     deps = [
         react_native_xplat_target("jsinspector:jsinspector"),
-        "fbsource//xplat/folly:futures",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/hermes/API:HermesAPI",
-        "fbsource//xplat/jsi:jsi",
-        "fbsource//xplat/third-party/glog:glog",
         ":detail",
         ":inspectorlib",
+        "//xplat/folly:futures",
+        "//xplat/folly:molly",
+        "//xplat/hermes/API:HermesAPI",
+        "//xplat/jsi:JSIDynamic",
+        "//xplat/jsi:jsi",
+        "//xplat/third-party/glog:glog",
     ],
 )
 
@@ -85,9 +86,9 @@ fb_xplat_cxx_test(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/third-party/gmock:gtest",
         ":chrome",
         ":detail",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
 
@@ -123,7 +124,7 @@ fb_xplat_cxx_library(
     ],
     xcode_public_headers_symlinks = True,
     deps = [
-        "fbsource//xplat/folly:molly",
+        "//xplat/folly:molly",
     ],
 )
 
@@ -140,9 +141,9 @@ fb_xplat_cxx_test(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/third-party/gmock:gmock",
-        "fbsource//xplat/third-party/gmock:gtest",
         ":detail",
+        "//xplat/third-party/gmock:gmock",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
 
@@ -159,9 +160,9 @@ fb_xplat_cxx_binary(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/hermes/API:HermesAPI",
         ":chrome",
         ":inspectorlib",
+        "//xplat/hermes/API:HermesAPI",
     ],
 )
 
@@ -194,12 +195,12 @@ fb_xplat_cxx_library(
     ],
     xcode_public_headers_symlinks = True,
     deps = [
-        "fbsource//xplat/folly:futures",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/hermes/API:HermesAPI",
-        "fbsource//xplat/jsi:jsi",
-        "fbsource//xplat/third-party/glog:glog",
         ":detail",
+        "//xplat/folly:futures",
+        "//xplat/folly:molly",
+        "//xplat/hermes/API:HermesAPI",
+        "//xplat/jsi:jsi",
+        "//xplat/third-party/glog:glog",
     ],
 )
 
@@ -217,7 +218,7 @@ fb_xplat_cxx_test(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/third-party/gmock:gtest",
         ":inspectorlib",
+        "//xplat/third-party/gmock:gtest",
     ],
 )
diff --git a/ReactCommon/hermes/inspector/DEFS.bzl b/ReactCommon/hermes/inspector/DEFS.bzl
index 69a3511f4519d1..bdd90c4274219a 100644
--- a/ReactCommon/hermes/inspector/DEFS.bzl
+++ b/ReactCommon/hermes/inspector/DEFS.bzl
@@ -2,6 +2,6 @@ load("@fbsource//xplat/hermes/defs:hermes.bzl", "hermes_is_debugger_enabled")
 
 def hermes_inspector_dep_list():
     return [
-        "fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:chrome",
-        "fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:inspectorlib",
+        "//xplat/js/react-native-github/ReactCommon/hermes/inspector:chrome",
+        "//xplat/js/react-native-github/ReactCommon/hermes/inspector:inspectorlib",
     ] if hermes_is_debugger_enabled() else []
diff --git a/ReactCommon/hermes/inspector/Inspector.cpp b/ReactCommon/hermes/inspector/Inspector.cpp
index d61b8a6d04a972..8ab8e8643aa03d 100644
--- a/ReactCommon/hermes/inspector/Inspector.cpp
+++ b/ReactCommon/hermes/inspector/Inspector.cpp
@@ -30,7 +30,7 @@ template class folly::Future<bool>;
 namespace folly {
 namespace futures {
 
-Future<Unit> sleep(Duration, Timekeeper *) {
+SemiFuture<Unit> sleep(Duration, Timekeeper *) {
   LOG(FATAL) << "folly::futures::sleep() not implemented";
 }
 
@@ -108,12 +108,13 @@ Inspector::Inspector(
     InspectorObserver &observer,
     bool pauseOnFirstStatement)
     : adapter_(adapter),
-      debugger_(adapter->getRuntime().getDebugger()),
+      debugger_(adapter->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::string src = "function __tickleJs() { return Math.random(); }";
+  adapter->getRuntime().evaluateJavaScript(
+      std::make_shared<jsi::StringBuffer>(src), "__tickleJsHackUrl");
 
   {
     std::lock_guard<std::mutex> lock(mutex_);
diff --git a/ReactCommon/hermes/inspector/README.md b/ReactCommon/hermes/inspector/README.md
index 53556b33e4702a..57b665848082bc 100644
--- a/ReactCommon/hermes/inspector/README.md
+++ b/ReactCommon/hermes/inspector/README.md
@@ -17,7 +17,7 @@ can get debug logs to show even when tests are passing by running the test
 executable directly:
 
 ```
-$ buck build fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:chrome-tests
+$ buck build //xplat/js/react-native-github/ReactCommon/hermes/inspector:chrome-tests
 $ buck-out/gen/js/react-native-github/ReactCommon/hermes/inspector/chrome-tests
 [...]
 ```
@@ -101,9 +101,9 @@ IDE:
 ```
 $ arc focus --force-build \
     -b //Apps/Internal/Eats:Eats \
-    cxxreact fbsource//xplat/hermes/API:HermesAPI fbsource//xplat/hermes/lib/VM:VM jsi \
+    cxxreact //xplat/hermes/API:HermesAPI //xplat/hermes/lib/VM:VM jsi \
     jsinspector hermes-inspector FBReactKit FBReactModule FBCatalystWrapper \
-    fbsource//xplat/js:React fbsource//xplat/js/react-native-github:ReactInternal
+    //xplat/js:React //xplat/js/react-native-github:ReactInternal
 ```
 
 For all the above commands, if you want to build the inspector `-O0` for better
diff --git a/ReactCommon/hermes/inspector/RuntimeAdapter.cpp b/ReactCommon/hermes/inspector/RuntimeAdapter.cpp
index 2b720b016302de..ce0baa79ada78a 100644
--- a/ReactCommon/hermes/inspector/RuntimeAdapter.cpp
+++ b/ReactCommon/hermes/inspector/RuntimeAdapter.cpp
@@ -16,15 +16,20 @@ RuntimeAdapter::~RuntimeAdapter() = default;
 void RuntimeAdapter::tickleJs() {}
 
 SharedRuntimeAdapter::SharedRuntimeAdapter(
-    std::shared_ptr<HermesRuntime> runtime)
-    : runtime_(std::move(runtime)) {}
+    std::shared_ptr<jsi::Runtime> runtime,
+    debugger::Debugger &debugger)
+    : runtime_(std::move(runtime)), debugger_(debugger) {}
 
 SharedRuntimeAdapter::~SharedRuntimeAdapter() = default;
 
-HermesRuntime &SharedRuntimeAdapter::getRuntime() {
+jsi::Runtime &SharedRuntimeAdapter::getRuntime() {
   return *runtime_;
 }
 
+debugger::Debugger &SharedRuntimeAdapter::getDebugger() {
+  return debugger_;
+}
+
 } // namespace inspector
 } // namespace hermes
 } // namespace facebook
diff --git a/ReactCommon/hermes/inspector/RuntimeAdapter.h b/ReactCommon/hermes/inspector/RuntimeAdapter.h
index b8a075dae8ab71..bfe32c983290a4 100644
--- a/ReactCommon/hermes/inspector/RuntimeAdapter.h
+++ b/ReactCommon/hermes/inspector/RuntimeAdapter.h
@@ -24,8 +24,9 @@ class RuntimeAdapter {
  public:
   virtual ~RuntimeAdapter() = 0;
 
-  /// getRuntime should return the Hermes runtime encapsulated by this adapter.
-  virtual HermesRuntime &getRuntime() = 0;
+  /// getRuntime should return the runtime encapsulated by this adapter.
+  virtual jsi::Runtime &getRuntime() = 0;
+  virtual debugger::Debugger &getDebugger() = 0;
 
   /// tickleJs is a method that subclasses can choose to override to make the
   /// inspector more responsive. If overridden, it should call the "__tickleJs"
@@ -50,13 +51,17 @@ class RuntimeAdapter {
  */
 class SharedRuntimeAdapter : public RuntimeAdapter {
  public:
-  SharedRuntimeAdapter(std::shared_ptr<HermesRuntime> runtime);
+  SharedRuntimeAdapter(
+      std::shared_ptr<jsi::Runtime> runtime,
+      debugger::Debugger &debugger);
   virtual ~SharedRuntimeAdapter();
 
-  HermesRuntime &getRuntime() override;
+  jsi::Runtime &getRuntime() override;
+  debugger::Debugger &getDebugger() override;
 
  private:
-  std::shared_ptr<HermesRuntime> runtime_;
+  std::shared_ptr<jsi::Runtime> runtime_;
+  debugger::Debugger &debugger_;
 };
 
 } // namespace inspector
diff --git a/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp b/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp
index d1c284a4199f3a..70d7e5ebcd561d 100644
--- a/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp
+++ b/ReactCommon/hermes/inspector/chrome/AutoAttachUtils.cpp
@@ -7,6 +7,23 @@
 
 #include "AutoAttachUtils.h"
 
+#ifdef _WINDOWS
+namespace facebook {
+namespace hermes {
+namespace inspector {
+namespace chrome {
+bool isNetworkInspected(
+    const std::string &,
+    const std::string &,
+    const std::string &) {
+  return false;
+}
+} // namespace chrome
+} // namespace inspector
+} // namespace hermes
+} // namespace facebook
+
+#else
 #include <arpa/inet.h>
 #include <sys/socket.h>
 #include <unistd.h>
@@ -130,3 +147,5 @@ bool isNetworkInspected(
 } // namespace inspector
 } // namespace hermes
 } // namespace facebook
+
+#endif
diff --git a/ReactCommon/hermes/inspector/chrome/Connection.cpp b/ReactCommon/hermes/inspector/chrome/Connection.cpp
index 7c8402bfdeab68..268cbc2e9d334a 100644
--- a/ReactCommon/hermes/inspector/chrome/Connection.cpp
+++ b/ReactCommon/hermes/inspector/chrome/Connection.cpp
@@ -48,7 +48,7 @@ class Connection::Impl : public inspector::InspectorObserver,
       bool waitForDebugger);
   ~Impl();
 
-  HermesRuntime &getRuntime();
+  jsi::Runtime &getRuntime();
   std::string getTitle() const;
 
   bool connect(std::unique_ptr<IRemoteConnection> remoteConn);
@@ -82,8 +82,11 @@ class Connection::Impl : public inspector::InspectorObserver,
   void handle(const m::debugger::StepOutRequest &req) override;
   void handle(const m::debugger::StepOverRequest &req) override;
   void handle(const m::heapProfiler::TakeHeapSnapshotRequest &req) override;
+  void handle(
+      const m::heapProfiler::StartTrackingHeapObjectsRequest &req) override;
+  void handle(
+      const m::heapProfiler::StopTrackingHeapObjectsRequest &req) override;
   void handle(const m::runtime::EvaluateRequest &req) override;
-  void handle(const m::runtime::GetHeapUsageRequest &req) override;
   void handle(const m::runtime::GetPropertiesRequest &req) override;
 
  private:
@@ -96,6 +99,11 @@ class Connection::Impl : public inspector::InspectorObserver,
       const std::string &objectGroup,
       bool onlyOwnProperties);
 
+  void sendSnapshot(
+      int reqId,
+      std::string message,
+      bool reportProgress,
+      bool stopStackTraceCapture);
   void sendToClient(const std::string &str);
   void sendResponseToClient(const m::Response &resp);
   void sendNotificationToClient(const m::Notification &resp);
@@ -152,7 +160,7 @@ Connection::Impl::Impl(
 
 Connection::Impl::~Impl() = default;
 
-HermesRuntime &Connection::Impl::getRuntime() {
+jsi::Runtime &Connection::Impl::getRuntime() {
   return runtimeAdapter_->getRuntime();
 }
 
@@ -257,11 +265,6 @@ void Connection::Impl::onContextCreated(Inspector &inspector) {
   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);
 }
 
@@ -364,14 +367,18 @@ void Connection::Impl::handle(
       ->evaluate(
           atoi(req.callFrameId.c_str()),
           req.expression,
-          [this, remoteObjPtr, objectGroup = req.objectGroup](
+          [this,
+           remoteObjPtr,
+           objectGroup = req.objectGroup,
+           byValue = req.returnByValue.value_or(false)](
               const facebook::hermes::debugger::EvalResult
                   &evalResult) mutable {
             *remoteObjPtr = m::runtime::makeRemoteObject(
                 getRuntime(),
                 evalResult.value,
                 objTable_,
-                objectGroup.value_or(""));
+                objectGroup.value_or(""),
+                byValue);
           })
       .via(executor_.get())
       .thenValue(
@@ -391,15 +398,16 @@ void Connection::Impl::handle(
       .thenError<std::exception>(sendErrorToClient(req.id));
 }
 
-void Connection::Impl::handle(
-    const m::heapProfiler::TakeHeapSnapshotRequest &req) {
-  const auto id = req.id;
-  const bool reportProgress = req.reportProgress && *req.reportProgress;
-
+void Connection::Impl::sendSnapshot(
+    int reqId,
+    std::string message,
+    bool reportProgress,
+    bool stopStackTraceCapture) {
   inspector_
       ->executeIfEnabled(
-          "HeapProfiler.takeHeapSnapshot",
-          [this, reportProgress](const debugger::ProgramState &) {
+          message,
+          [this, reportProgress, stopStackTraceCapture](
+              const debugger::ProgramState &) {
             if (reportProgress) {
               // A progress notification with finished = true indicates the
               // snapshot has been captured and is ready to be sent.  Our
@@ -423,6 +431,37 @@ void Connection::Impl::handle(
                 });
 
             getRuntime().instrumentation().createSnapshotToStream(cos);
+            if (stopStackTraceCapture) {
+              getRuntime()
+                  .instrumentation()
+                  .stopTrackingHeapObjectStackTraces();
+            }
+          })
+      .via(executor_.get())
+      .thenValue([this, reqId](auto &&) {
+        sendResponseToClient(m::makeOkResponse(reqId));
+      })
+      .thenError<std::exception>(sendErrorToClient(reqId));
+}
+
+void Connection::Impl::handle(
+    const m::heapProfiler::TakeHeapSnapshotRequest &req) {
+  sendSnapshot(
+      req.id,
+      "HeapSnapshot.takeHeapSnapshot",
+      req.reportProgress && *req.reportProgress,
+      /* stopStackTraceCapture */ false);
+}
+
+void Connection::Impl::handle(
+    const m::heapProfiler::StartTrackingHeapObjectsRequest &req) {
+  const auto id = req.id;
+
+  inspector_
+      ->executeIfEnabled(
+          "HeapProfiler.startTrackingHeapObjects",
+          [this](const debugger::ProgramState &) {
+            getRuntime().instrumentation().startTrackingHeapObjectStackTraces();
           })
       .via(executor_.get())
       .thenValue(
@@ -430,6 +469,15 @@ void Connection::Impl::handle(
       .thenError<std::exception>(sendErrorToClient(req.id));
 }
 
+void Connection::Impl::handle(
+    const m::heapProfiler::StopTrackingHeapObjectsRequest &req) {
+  sendSnapshot(
+      req.id,
+      "HeapSnapshot.takeHeapSnapshot",
+      req.reportProgress && *req.reportProgress,
+      /* stopStackTraceCapture */ true);
+}
+
 void Connection::Impl::handle(const m::runtime::EvaluateRequest &req) {
   auto remoteObjPtr = std::make_shared<m::runtime::RemoteObject>();
 
@@ -437,14 +485,18 @@ void Connection::Impl::handle(const m::runtime::EvaluateRequest &req) {
       ->evaluate(
           0, // Top of the stackframe
           req.expression,
-          [this, remoteObjPtr, objectGroup = req.objectGroup](
+          [this,
+           remoteObjPtr,
+           objectGroup = req.objectGroup,
+           byValue = req.returnByValue.value_or(false)](
               const facebook::hermes::debugger::EvalResult
                   &evalResult) mutable {
             *remoteObjPtr = m::runtime::makeRemoteObject(
                 getRuntime(),
                 evalResult.value,
                 objTable_,
-                objectGroup.value_or("ConsoleObjectGroup"));
+                objectGroup.value_or("ConsoleObjectGroup"),
+                byValue);
           })
       .via(executor_.get())
       .thenValue(
@@ -570,26 +622,6 @@ void Connection::Impl::handle(const m::debugger::StepOverRequest &req) {
   sendResponseToClientViaExecutor(inspector_->stepOver(), req.id);
 }
 
-void Connection::Impl::handle(const m::runtime::GetHeapUsageRequest &req) {
-  auto resp = std::make_shared<m::runtime::GetHeapUsageResponse>();
-  resp->id = req.id;
-
-  inspector_
-      ->executeIfEnabled(
-          "Runtime.getHeapUsage",
-          [this, resp](const debugger::ProgramState &state) {
-            HermesRuntime &rt = getRuntime();
-            jsi::Instrumentation &i = rt.instrumentation();
-            auto info = i.getHeapInfo(/* includeExpensive */ false);
-
-            resp->usedSize = info["hermes_allocatedBytes"];
-            resp->totalSize = info["hermes_heapSize"];
-          })
-      .via(executor_.get())
-      .thenValue([this, resp](auto &&) { sendResponseToClient(*resp); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
 std::vector<m::runtime::PropertyDescriptor>
 Connection::Impl::makePropsFromScope(
     std::pair<uint32_t, uint32_t> frameAndScopeIndex,
@@ -643,7 +675,7 @@ Connection::Impl::makePropsFromValue(
   std::vector<m::runtime::PropertyDescriptor> result;
 
   if (value.isObject()) {
-    HermesRuntime &runtime = getRuntime();
+    jsi::Runtime &runtime = getRuntime();
     jsi::Object obj = value.getObject(runtime);
 
     // TODO(hypuk): obj.getPropertyNames only returns enumerable properties.
@@ -794,7 +826,7 @@ Connection::Connection(
 
 Connection::~Connection() = default;
 
-HermesRuntime &Connection::getRuntime() {
+jsi::Runtime &Connection::getRuntime() {
   return impl_->getRuntime();
 }
 
diff --git a/ReactCommon/hermes/inspector/chrome/Connection.h b/ReactCommon/hermes/inspector/chrome/Connection.h
index ffcf805389a2d3..d8c0fe3197e947 100644
--- a/ReactCommon/hermes/inspector/chrome/Connection.h
+++ b/ReactCommon/hermes/inspector/chrome/Connection.h
@@ -32,7 +32,7 @@ class Connection {
   ~Connection();
 
   /// getRuntime returns the underlying runtime being debugged.
-  HermesRuntime &getRuntime();
+  jsi::Runtime &getRuntime();
 
   /// getTitle returns the name of the friendly name of the runtime that's shown
   /// to users in Nuclide.
diff --git a/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp b/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp
index 288cc333992152..711a05cdced6bd 100644
--- a/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp
+++ b/ReactCommon/hermes/inspector/chrome/MessageConverters.cpp
@@ -59,7 +59,7 @@ m::debugger::CallFrame m::debugger::makeCallFrame(
     const h::debugger::CallFrameInfo &callFrameInfo,
     const h::debugger::LexicalInfo &lexicalInfo,
     RemoteObjectsTable &objTable,
-    HermesRuntime &runtime,
+    jsi::Runtime &runtime,
     const facebook::hermes::debugger::ProgramState &state) {
   m::debugger::CallFrame result;
 
@@ -115,7 +115,7 @@ m::debugger::CallFrame m::debugger::makeCallFrame(
 std::vector<m::debugger::CallFrame> m::debugger::makeCallFrames(
     const h::debugger::ProgramState &state,
     RemoteObjectsTable &objTable,
-    HermesRuntime &runtime) {
+    jsi::Runtime &runtime) {
   const h::debugger::StackTrace &stackTrace = state.getStackTrace();
   uint32_t count = stackTrace.callFrameCount();
 
@@ -180,7 +180,8 @@ m::runtime::RemoteObject m::runtime::makeRemoteObject(
     facebook::jsi::Runtime &runtime,
     const facebook::jsi::Value &value,
     RemoteObjectsTable &objTable,
-    const std::string &objectGroup) {
+    const std::string &objectGroup,
+    bool byValue) {
   m::runtime::RemoteObject result;
 
   if (value.isUndefined()) {
@@ -229,8 +230,13 @@ m::runtime::RemoteObject m::runtime::makeRemoteObject(
       result.description = result.className = "Object";
     }
 
-    result.objectId =
-        objTable.addValue(jsi::Value(std::move(obj)), objectGroup);
+    if (byValue) {
+      // FIXME: JSI currently does not handle cycles and functions well here
+      result.value = jsi::dynamicFromValue(runtime, value);
+    } else {
+      result.objectId =
+          objTable.addValue(jsi::Value(std::move(obj)), objectGroup);
+    }
   }
 
   return result;
diff --git a/ReactCommon/hermes/inspector/chrome/MessageConverters.h b/ReactCommon/hermes/inspector/chrome/MessageConverters.h
index b8a606b56bbbd1..3622568ae3f981 100644
--- a/ReactCommon/hermes/inspector/chrome/MessageConverters.h
+++ b/ReactCommon/hermes/inspector/chrome/MessageConverters.h
@@ -15,6 +15,7 @@
 #include <hermes/hermes.h>
 #include <hermes/inspector/chrome/MessageTypes.h>
 #include <hermes/inspector/chrome/RemoteObjectsTable.h>
+#include <jsi/JSIDynamic.h>
 #include <jsi/jsi.h>
 
 namespace facebook {
@@ -98,13 +99,13 @@ CallFrame makeCallFrame(
     const facebook::hermes::debugger::CallFrameInfo &callFrameInfo,
     const facebook::hermes::debugger::LexicalInfo &lexicalInfo,
     facebook::hermes::inspector::chrome::RemoteObjectsTable &objTable,
-    HermesRuntime &runtime,
+    jsi::Runtime &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);
+    jsi::Runtime &runtime);
 
 } // namespace debugger
 
@@ -122,7 +123,8 @@ RemoteObject makeRemoteObject(
     facebook::jsi::Runtime &runtime,
     const facebook::jsi::Value &value,
     facebook::hermes::inspector::chrome::RemoteObjectsTable &objTable,
-    const std::string &objectGroup);
+    const std::string &objectGroup,
+    bool byValue = false);
 
 } // namespace runtime
 
diff --git a/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp b/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp
index e0134d1751e77a..ae0f77851a1e14 100644
--- a/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp
+++ b/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp
@@ -1,5 +1,5 @@
 // Copyright 2004-present Facebook. All Rights Reserved.
-// @generated SignedSource<<986a7615a1af0edce2bf49c00b4ef623>>
+// @generated SignedSource<<4ab81efd6f767bd583d00c806b7d1d9b>>
 
 #include "MessageTypes.h"
 
@@ -40,10 +40,13 @@ std::unique_ptr<Request> Request::fromJsonThrowOnError(const std::string &str) {
       {"Debugger.stepInto", makeUnique<debugger::StepIntoRequest>},
       {"Debugger.stepOut", makeUnique<debugger::StepOutRequest>},
       {"Debugger.stepOver", makeUnique<debugger::StepOverRequest>},
+      {"HeapProfiler.startTrackingHeapObjects",
+       makeUnique<heapProfiler::StartTrackingHeapObjectsRequest>},
+      {"HeapProfiler.stopTrackingHeapObjects",
+       makeUnique<heapProfiler::StopTrackingHeapObjectsRequest>},
       {"HeapProfiler.takeHeapSnapshot",
        makeUnique<heapProfiler::TakeHeapSnapshotRequest>},
       {"Runtime.evaluate", makeUnique<runtime::EvaluateRequest>},
-      {"Runtime.getHeapUsage", makeUnique<runtime::GetHeapUsageRequest>},
       {"Runtime.getProperties", makeUnique<runtime::GetPropertiesRequest>},
   };
 
@@ -186,6 +189,7 @@ dynamic debugger::Scope::toDynamic() const {
 debugger::CallFrame::CallFrame(const dynamic &obj) {
   assign(callFrameId, obj, "callFrameId");
   assign(functionName, obj, "functionName");
+  assign(functionLocation, obj, "functionLocation");
   assign(location, obj, "location");
   assign(url, obj, "url");
   assign(scopeChain, obj, "scopeChain");
@@ -198,6 +202,7 @@ dynamic debugger::CallFrame::toDynamic() const {
 
   put(obj, "callFrameId", callFrameId);
   put(obj, "functionName", functionName);
+  put(obj, "functionLocation", functionLocation);
   put(obj, "location", location);
   put(obj, "url", url);
   put(obj, "scopeChain", scopeChain);
@@ -212,8 +217,6 @@ runtime::ExecutionContextDescription::ExecutionContextDescription(
   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 {
@@ -223,8 +226,6 @@ dynamic runtime::ExecutionContextDescription::toDynamic() const {
   put(obj, "origin", origin);
   put(obj, "name", name);
   put(obj, "auxData", auxData);
-  put(obj, "isPageContext", isPageContext);
-  put(obj, "isDefault", isDefault);
   return obj;
 }
 
@@ -346,6 +347,7 @@ debugger::EvaluateOnCallFrameRequest::EvaluateOnCallFrameRequest(
   assign(includeCommandLineAPI, params, "includeCommandLineAPI");
   assign(silent, params, "silent");
   assign(returnByValue, params, "returnByValue");
+  assign(throwOnSideEffect, params, "throwOnSideEffect");
 }
 
 dynamic debugger::EvaluateOnCallFrameRequest::toDynamic() const {
@@ -356,6 +358,7 @@ dynamic debugger::EvaluateOnCallFrameRequest::toDynamic() const {
   put(params, "includeCommandLineAPI", includeCommandLineAPI);
   put(params, "silent", silent);
   put(params, "returnByValue", returnByValue);
+  put(params, "throwOnSideEffect", throwOnSideEffect);
 
   dynamic obj = dynamic::object;
   put(obj, "id", id);
@@ -476,6 +479,7 @@ debugger::SetBreakpointByUrlRequest::SetBreakpointByUrlRequest(
   assign(lineNumber, params, "lineNumber");
   assign(url, params, "url");
   assign(urlRegex, params, "urlRegex");
+  assign(scriptHash, params, "scriptHash");
   assign(columnNumber, params, "columnNumber");
   assign(condition, params, "condition");
 }
@@ -485,6 +489,7 @@ dynamic debugger::SetBreakpointByUrlRequest::toDynamic() const {
   put(params, "lineNumber", lineNumber);
   put(params, "url", url);
   put(params, "urlRegex", urlRegex);
+  put(params, "scriptHash", scriptHash);
   put(params, "columnNumber", columnNumber);
   put(params, "condition", condition);
 
@@ -586,6 +591,66 @@ void debugger::StepOverRequest::accept(RequestHandler &handler) const {
   handler.handle(*this);
 }
 
+heapProfiler::StartTrackingHeapObjectsRequest::StartTrackingHeapObjectsRequest()
+    : Request("HeapProfiler.startTrackingHeapObjects") {}
+
+heapProfiler::StartTrackingHeapObjectsRequest::StartTrackingHeapObjectsRequest(
+    const dynamic &obj)
+    : Request("HeapProfiler.startTrackingHeapObjects") {
+  assign(id, obj, "id");
+  assign(method, obj, "method");
+
+  dynamic params = obj.at("params");
+  assign(trackAllocations, params, "trackAllocations");
+}
+
+dynamic heapProfiler::StartTrackingHeapObjectsRequest::toDynamic() const {
+  dynamic params = dynamic::object;
+  put(params, "trackAllocations", trackAllocations);
+
+  dynamic obj = dynamic::object;
+  put(obj, "id", id);
+  put(obj, "method", method);
+  put(obj, "params", std::move(params));
+  return obj;
+}
+
+void heapProfiler::StartTrackingHeapObjectsRequest::accept(
+    RequestHandler &handler) const {
+  handler.handle(*this);
+}
+
+heapProfiler::StopTrackingHeapObjectsRequest::StopTrackingHeapObjectsRequest()
+    : Request("HeapProfiler.stopTrackingHeapObjects") {}
+
+heapProfiler::StopTrackingHeapObjectsRequest::StopTrackingHeapObjectsRequest(
+    const dynamic &obj)
+    : Request("HeapProfiler.stopTrackingHeapObjects") {
+  assign(id, obj, "id");
+  assign(method, obj, "method");
+
+  dynamic params = obj.at("params");
+  assign(reportProgress, params, "reportProgress");
+  assign(treatGlobalObjectsAsRoots, params, "treatGlobalObjectsAsRoots");
+}
+
+dynamic heapProfiler::StopTrackingHeapObjectsRequest::toDynamic() const {
+  dynamic params = dynamic::object;
+  put(params, "reportProgress", reportProgress);
+  put(params, "treatGlobalObjectsAsRoots", treatGlobalObjectsAsRoots);
+
+  dynamic obj = dynamic::object;
+  put(obj, "id", id);
+  put(obj, "method", method);
+  put(obj, "params", std::move(params));
+  return obj;
+}
+
+void heapProfiler::StopTrackingHeapObjectsRequest::accept(
+    RequestHandler &handler) const {
+  handler.handle(*this);
+}
+
 heapProfiler::TakeHeapSnapshotRequest::TakeHeapSnapshotRequest()
     : Request("HeapProfiler.takeHeapSnapshot") {}
 
@@ -597,11 +662,13 @@ heapProfiler::TakeHeapSnapshotRequest::TakeHeapSnapshotRequest(
 
   dynamic params = obj.at("params");
   assign(reportProgress, params, "reportProgress");
+  assign(treatGlobalObjectsAsRoots, params, "treatGlobalObjectsAsRoots");
 }
 
 dynamic heapProfiler::TakeHeapSnapshotRequest::toDynamic() const {
   dynamic params = dynamic::object;
   put(params, "reportProgress", reportProgress);
+  put(params, "treatGlobalObjectsAsRoots", treatGlobalObjectsAsRoots);
 
   dynamic obj = dynamic::object;
   put(obj, "id", id);
@@ -629,6 +696,7 @@ runtime::EvaluateRequest::EvaluateRequest(const dynamic &obj)
   assign(silent, params, "silent");
   assign(contextId, params, "contextId");
   assign(returnByValue, params, "returnByValue");
+  assign(userGesture, params, "userGesture");
   assign(awaitPromise, params, "awaitPromise");
 }
 
@@ -640,6 +708,7 @@ dynamic runtime::EvaluateRequest::toDynamic() const {
   put(params, "silent", silent);
   put(params, "contextId", contextId);
   put(params, "returnByValue", returnByValue);
+  put(params, "userGesture", userGesture);
   put(params, "awaitPromise", awaitPromise);
 
   dynamic obj = dynamic::object;
@@ -653,26 +722,6 @@ void runtime::EvaluateRequest::accept(RequestHandler &handler) const {
   handler.handle(*this);
 }
 
-runtime::GetHeapUsageRequest::GetHeapUsageRequest()
-    : Request("Runtime.getHeapUsage") {}
-
-runtime::GetHeapUsageRequest::GetHeapUsageRequest(const dynamic &obj)
-    : Request("Runtime.getHeapUsage") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic runtime::GetHeapUsageRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void runtime::GetHeapUsageRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
 runtime::GetPropertiesRequest::GetPropertiesRequest()
     : Request("Runtime.getProperties") {}
 
@@ -815,25 +864,6 @@ dynamic runtime::EvaluateResponse::toDynamic() const {
   return obj;
 }
 
-runtime::GetHeapUsageResponse::GetHeapUsageResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(usedSize, res, "usedSize");
-  assign(totalSize, res, "totalSize");
-}
-
-dynamic runtime::GetHeapUsageResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "usedSize", usedSize);
-  put(res, "totalSize", totalSize);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
 runtime::GetPropertiesResponse::GetPropertiesResponse(const dynamic &obj) {
   assign(id, obj, "id");
 
@@ -941,6 +971,9 @@ debugger::ScriptParsedNotification::ScriptParsedNotification(const dynamic &obj)
   assign(hash, params, "hash");
   assign(executionContextAuxData, params, "executionContextAuxData");
   assign(sourceMapURL, params, "sourceMapURL");
+  assign(hasSourceURL, params, "hasSourceURL");
+  assign(isModule, params, "isModule");
+  assign(length, params, "length");
 }
 
 dynamic debugger::ScriptParsedNotification::toDynamic() const {
@@ -955,6 +988,9 @@ dynamic debugger::ScriptParsedNotification::toDynamic() const {
   put(params, "hash", hash);
   put(params, "executionContextAuxData", executionContextAuxData);
   put(params, "sourceMapURL", sourceMapURL);
+  put(params, "hasSourceURL", hasSourceURL);
+  put(params, "isModule", isModule);
+  put(params, "length", length);
 
   dynamic obj = dynamic::object;
   put(obj, "method", method);
diff --git a/ReactCommon/hermes/inspector/chrome/MessageTypes.h b/ReactCommon/hermes/inspector/chrome/MessageTypes.h
index ef169f982222f8..503b486743c3a8 100644
--- a/ReactCommon/hermes/inspector/chrome/MessageTypes.h
+++ b/ReactCommon/hermes/inspector/chrome/MessageTypes.h
@@ -1,5 +1,5 @@
 // Copyright 2004-present Facebook. All Rights Reserved.
-// @generated SignedSource<<551bd6eb5c18ce9019815c7a6ad564c9>>
+// @generated SignedSource<<0a1a011902fd18d4eebd2fe12fafb8b1>>
 
 #pragma once
 
@@ -53,8 +53,6 @@ struct ExceptionDetails;
 struct ExecutionContextCreatedNotification;
 struct ExecutionContextDescription;
 using ExecutionContextId = int;
-struct GetHeapUsageRequest;
-struct GetHeapUsageResponse;
 struct GetPropertiesRequest;
 struct GetPropertiesResponse;
 struct InternalPropertyDescriptor;
@@ -70,6 +68,8 @@ using UnserializableValue = std::string;
 namespace heapProfiler {
 struct AddHeapSnapshotChunkNotification;
 struct ReportHeapSnapshotProgressNotification;
+struct StartTrackingHeapObjectsRequest;
+struct StopTrackingHeapObjectsRequest;
 struct TakeHeapSnapshotRequest;
 } // namespace heapProfiler
 
@@ -90,9 +90,12 @@ struct RequestHandler {
   virtual void handle(const debugger::StepIntoRequest &req) = 0;
   virtual void handle(const debugger::StepOutRequest &req) = 0;
   virtual void handle(const debugger::StepOverRequest &req) = 0;
+  virtual void handle(
+      const heapProfiler::StartTrackingHeapObjectsRequest &req) = 0;
+  virtual void handle(
+      const heapProfiler::StopTrackingHeapObjectsRequest &req) = 0;
   virtual void handle(const heapProfiler::TakeHeapSnapshotRequest &req) = 0;
   virtual void handle(const runtime::EvaluateRequest &req) = 0;
-  virtual void handle(const runtime::GetHeapUsageRequest &req) = 0;
   virtual void handle(const runtime::GetPropertiesRequest &req) = 0;
 };
 
@@ -111,9 +114,12 @@ struct NoopRequestHandler : public RequestHandler {
   void handle(const debugger::StepIntoRequest &req) override {}
   void handle(const debugger::StepOutRequest &req) override {}
   void handle(const debugger::StepOverRequest &req) override {}
+  void handle(
+      const heapProfiler::StartTrackingHeapObjectsRequest &req) override {}
+  void handle(
+      const heapProfiler::StopTrackingHeapObjectsRequest &req) override {}
   void handle(const heapProfiler::TakeHeapSnapshotRequest &req) override {}
   void handle(const runtime::EvaluateRequest &req) override {}
-  void handle(const runtime::GetHeapUsageRequest &req) override {}
   void handle(const runtime::GetPropertiesRequest &req) override {}
 };
 
@@ -199,6 +205,7 @@ struct debugger::CallFrame : public Serializable {
 
   debugger::CallFrameId callFrameId{};
   std::string functionName;
+  folly::Optional<debugger::Location> functionLocation;
   debugger::Location location{};
   std::string url;
   std::vector<debugger::Scope> scopeChain;
@@ -215,8 +222,6 @@ struct runtime::ExecutionContextDescription : public Serializable {
   std::string origin;
   std::string name;
   folly::Optional<folly::dynamic> auxData;
-  folly::Optional<bool> isPageContext;
-  folly::Optional<bool> isDefault;
 };
 
 struct runtime::PropertyDescriptor : public Serializable {
@@ -285,6 +290,7 @@ struct debugger::EvaluateOnCallFrameRequest : public Request {
   folly::Optional<bool> includeCommandLineAPI;
   folly::Optional<bool> silent;
   folly::Optional<bool> returnByValue;
+  folly::Optional<bool> throwOnSideEffect;
 };
 
 struct debugger::PauseRequest : public Request {
@@ -334,6 +340,7 @@ struct debugger::SetBreakpointByUrlRequest : public Request {
   int lineNumber{};
   folly::Optional<std::string> url;
   folly::Optional<std::string> urlRegex;
+  folly::Optional<std::string> scriptHash;
   folly::Optional<int> columnNumber;
   folly::Optional<std::string> condition;
 };
@@ -372,6 +379,27 @@ struct debugger::StepOverRequest : public Request {
   void accept(RequestHandler &handler) const override;
 };
 
+struct heapProfiler::StartTrackingHeapObjectsRequest : public Request {
+  StartTrackingHeapObjectsRequest();
+  explicit StartTrackingHeapObjectsRequest(const folly::dynamic &obj);
+
+  folly::dynamic toDynamic() const override;
+  void accept(RequestHandler &handler) const override;
+
+  folly::Optional<bool> trackAllocations;
+};
+
+struct heapProfiler::StopTrackingHeapObjectsRequest : public Request {
+  StopTrackingHeapObjectsRequest();
+  explicit StopTrackingHeapObjectsRequest(const folly::dynamic &obj);
+
+  folly::dynamic toDynamic() const override;
+  void accept(RequestHandler &handler) const override;
+
+  folly::Optional<bool> reportProgress;
+  folly::Optional<bool> treatGlobalObjectsAsRoots;
+};
+
 struct heapProfiler::TakeHeapSnapshotRequest : public Request {
   TakeHeapSnapshotRequest();
   explicit TakeHeapSnapshotRequest(const folly::dynamic &obj);
@@ -380,6 +408,7 @@ struct heapProfiler::TakeHeapSnapshotRequest : public Request {
   void accept(RequestHandler &handler) const override;
 
   folly::Optional<bool> reportProgress;
+  folly::Optional<bool> treatGlobalObjectsAsRoots;
 };
 
 struct runtime::EvaluateRequest : public Request {
@@ -395,17 +424,10 @@ struct runtime::EvaluateRequest : public Request {
   folly::Optional<bool> silent;
   folly::Optional<runtime::ExecutionContextId> contextId;
   folly::Optional<bool> returnByValue;
+  folly::Optional<bool> userGesture;
   folly::Optional<bool> awaitPromise;
 };
 
-struct runtime::GetHeapUsageRequest : public Request {
-  GetHeapUsageRequest();
-  explicit GetHeapUsageRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
 struct runtime::GetPropertiesRequest : public Request {
   GetPropertiesRequest();
   explicit GetPropertiesRequest(const folly::dynamic &obj);
@@ -470,15 +492,6 @@ struct runtime::EvaluateResponse : public Response {
   folly::Optional<runtime::ExceptionDetails> exceptionDetails;
 };
 
-struct runtime::GetHeapUsageResponse : public Response {
-  GetHeapUsageResponse() = default;
-  explicit GetHeapUsageResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  double usedSize{};
-  double totalSize{};
-};
-
 struct runtime::GetPropertiesResponse : public Response {
   GetPropertiesResponse() = default;
   explicit GetPropertiesResponse(const folly::dynamic &obj);
@@ -533,6 +546,9 @@ struct debugger::ScriptParsedNotification : public Notification {
   std::string hash;
   folly::Optional<folly::dynamic> executionContextAuxData;
   folly::Optional<std::string> sourceMapURL;
+  folly::Optional<bool> hasSourceURL;
+  folly::Optional<bool> isModule;
+  folly::Optional<int> length;
 };
 
 struct heapProfiler::AddHeapSnapshotChunkNotification : public Notification {
diff --git a/ReactCommon/hermes/inspector/chrome/cli/main.cpp b/ReactCommon/hermes/inspector/chrome/cli/main.cpp
index 2e35953fb44e8e..18ed974dd4fd33 100644
--- a/ReactCommon/hermes/inspector/chrome/cli/main.cpp
+++ b/ReactCommon/hermes/inspector/chrome/cli/main.cpp
@@ -214,8 +214,8 @@ static void runDebuggerLoop(
 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);
+  auto adapter = std::make_unique<fbhermes::inspector::SharedRuntimeAdapter>(
+      runtime, runtime->getDebugger());
   fbhermes::inspector::chrome::Connection conn(
       std::move(adapter), "hermes-chrome-debug-server");
   std::thread debuggerLoop(runDebuggerLoop, std::ref(conn), scriptSource);
diff --git a/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp b/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp
index df404162e180cd..52173027ea6844 100644
--- a/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp
+++ b/ReactCommon/hermes/inspector/chrome/tests/ConnectionDemuxTests.cpp
@@ -98,9 +98,11 @@ TEST(ConnectionDemuxTests, TestEnableDisable) {
   ConnectionDemux demux{*inspector};
 
   int id1 = demux.enableDebugging(
-      std::make_unique<SharedRuntimeAdapter>(runtime1), "page1");
+      std::make_unique<SharedRuntimeAdapter>(runtime1, runtime1->getDebugger()),
+      "page1");
   int id2 = demux.enableDebugging(
-      std::make_unique<SharedRuntimeAdapter>(runtime2), "page2");
+      std::make_unique<SharedRuntimeAdapter>(runtime2, runtime2->getDebugger()),
+      "page2");
 
   expectPages(*inspector, {{id1, "page1"}, {id2, "page2"}});
 
diff --git a/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp b/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp
index efdd72290ea86f..18208192f67009 100644
--- a/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp
+++ b/ReactCommon/hermes/inspector/chrome/tests/ConnectionTests.cpp
@@ -227,8 +227,6 @@ m::runtime::ExecutionContextCreatedNotification expectExecutionContextCreated(
   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;
 }
@@ -1170,6 +1168,38 @@ TEST(ConnectionTests, testRuntimeEvaluate) {
   asyncRuntime.stop();
 }
 
+TEST(ConnectionTests, testRuntimeEvaluateReturnByValue) {
+  TestContext context;
+  AsyncHermesRuntime &asyncRuntime = context.runtime();
+  SyncConnection &conn = context.conn();
+  int msgId = 1;
+
+  asyncRuntime.executeScriptAsync("while(!shouldStop());");
+
+  send<m::debugger::EnableRequest>(conn, msgId++);
+  expectExecutionContextCreated(conn);
+  expectNotification<m::debugger::ScriptParsedNotification>(conn);
+
+  // We expect this JSON object to be evaluated and return by value, so
+  // that JSON encoding the result will give the same string.
+  auto object = "{\"key\":[1,\"two\"]}";
+
+  m::runtime::EvaluateRequest req;
+  req.id = msgId;
+  req.expression = std::string("(") + object + ")";
+  req.returnByValue = true;
+  conn.send(req.toJson());
+
+  auto resp =
+      expectResponse<m::debugger::EvaluateOnCallFrameResponse>(conn, msgId);
+  EXPECT_EQ(resp.result.type, "object");
+  ASSERT_TRUE(resp.result.value.hasValue());
+  EXPECT_EQ(folly::toJson(resp.result.value.value()), object);
+
+  // [3] exit run loop
+  asyncRuntime.stop();
+}
+
 TEST(ConnectionTests, testEvalOnCallFrameException) {
   TestContext context;
   AsyncHermesRuntime &asyncRuntime = context.runtime();
@@ -1225,7 +1255,7 @@ TEST(ConnectionTests, testEvalOnCallFrameException) {
        // 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("callme", 12, 2),
        FrameInfo("global", 0, 0).setLineNumberMax(19)});
   expectEvalResponse(conn, msgId + 2, 5);
   msgId += 3;
@@ -1285,49 +1315,6 @@ TEST(ConnectionTests, testLoadMultipleScripts) {
   expectNotification<m::debugger::ResumedNotification>(conn);
 }
 
-TEST(ConnectionTests, testGetHeapUsage) {
-  using HUReq = m::runtime::GetHeapUsageRequest;
-  using HUResp = m::runtime::GetHeapUsageResponse;
-
-  TestContext context;
-  AsyncHermesRuntime &asyncRuntime = context.runtime();
-  SyncConnection &conn = context.conn();
-
-  int msgId = 1;
-
-  asyncRuntime.executeScriptAsync(R"(
-    debugger; // [1]
-    var a = [];
-    for (var i = 0; i < 100; ++i) {
-      a.push({b: i});
-    }
-    debugger; // [2]
-  )");
-
-  send<m::debugger::EnableRequest>(conn, msgId++);
-  expectExecutionContextCreated(conn);
-  expectNotification<m::debugger::ScriptParsedNotification>(conn);
-
-  // [1] (line 1) hit debugger statement, check heap usage, resume.
-  expectNotification<m::debugger::PausedNotification>(conn);
-  const auto before = send<HUReq, HUResp>(conn, msgId++);
-  send<m::debugger::ResumeRequest>(conn, msgId++);
-  expectNotification<m::debugger::ResumedNotification>(conn);
-
-  // [2] (line 6) hit debugger statement, check heap usage, resume;
-  expectNotification<m::debugger::PausedNotification>(conn);
-  const auto after = send<HUReq, HUResp>(conn, msgId++);
-  send<m::debugger::ResumeRequest>(conn, msgId++);
-  expectNotification<m::debugger::ResumedNotification>(conn);
-
-  // Sanity checks
-  EXPECT_LE(before.usedSize, before.totalSize);
-  EXPECT_LE(after.usedSize, after.totalSize);
-
-  // Check for growth
-  EXPECT_LT(before.usedSize, after.usedSize);
-}
-
 TEST(ConnectionTests, testGetProperties) {
   TestContext context;
   AsyncHermesRuntime &asyncRuntime = context.runtime();
@@ -1459,7 +1446,9 @@ TEST(ConnectionTests, testGetPropertiesOnlyOwnProperties) {
       conn,
       msgId++,
       scopeObject.objectId.value(),
-      {{"this", PropInfo("undefined")}, {"obj", PropInfo("object")}, {"protoObject", PropInfo("object")}});
+      {{"this", PropInfo("undefined")},
+       {"obj", PropInfo("object")},
+       {"protoObject", PropInfo("object")}});
   EXPECT_EQ(scopeChildren.count("obj"), 1);
   std::string objId = scopeChildren.at("obj");
 
diff --git a/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp b/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp
index 7e10eb7c65f2ca..d30b044d2167e7 100644
--- a/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp
+++ b/ReactCommon/hermes/inspector/chrome/tests/SyncConnection.cpp
@@ -54,7 +54,9 @@ class SyncConnection::RemoteConnnection : public IRemoteConnection {
 
 SyncConnection::SyncConnection(std::shared_ptr<HermesRuntime> runtime)
     : connection_(
-          std::make_unique<SharedRuntimeAdapter>(std::move(runtime)),
+          std::make_unique<SharedRuntimeAdapter>(
+              runtime,
+              runtime->getDebugger()),
           "testConn") {
   connection_.connect(std::make_unique<RemoteConnnection>(*this));
 }
diff --git a/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp b/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp
index 85e0789a28f301..d9c32797dd91cc 100644
--- a/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp
+++ b/ReactCommon/hermes/inspector/detail/SerialExecutor.cpp
@@ -7,8 +7,6 @@
 
 #include "SerialExecutor.h"
 
-#include <pthread.h>
-
 namespace facebook {
 namespace hermes {
 namespace inspector {
diff --git a/ReactCommon/hermes/inspector/detail/Thread.h b/ReactCommon/hermes/inspector/detail/Thread.h
index f9194479e4d98b..c4e832e28e3c71 100644
--- a/ReactCommon/hermes/inspector/detail/Thread.h
+++ b/ReactCommon/hermes/inspector/detail/Thread.h
@@ -10,7 +10,9 @@
 #include <functional>
 #include <memory>
 
-#ifndef __ANDROID__
+#ifdef _WINDOWS
+#include <thread>
+#elif !defined(__ANDROID__)
 #include <pthread.h>
 #include <thread>
 #endif
diff --git a/ReactCommon/hermes/inspector/tests/InspectorTests.cpp b/ReactCommon/hermes/inspector/tests/InspectorTests.cpp
index b43d5e176af2d4..680625844bfbb8 100644
--- a/ReactCommon/hermes/inspector/tests/InspectorTests.cpp
+++ b/ReactCommon/hermes/inspector/tests/InspectorTests.cpp
@@ -93,7 +93,9 @@ struct HermesDebugContext {
       folly::Future<Unit> &&finished)
       : runtime(makeHermesRuntime()),
         inspector(
-            std::make_shared<SharedRuntimeAdapter>(runtime),
+            std::make_shared<SharedRuntimeAdapter>(
+                runtime,
+                runtime->getDebugger()),
             observer,
             false),
         stopFlag(false),
diff --git a/ReactCommon/hermes/inspector/tools/message_types.txt b/ReactCommon/hermes/inspector/tools/message_types.txt
index df900b23d2452f..420fdad15d6d08 100644
--- a/ReactCommon/hermes/inspector/tools/message_types.txt
+++ b/ReactCommon/hermes/inspector/tools/message_types.txt
@@ -17,8 +17,9 @@ Debugger.stepOver
 HeapProfiler.addHeapSnapshotChunk
 HeapProfiler.reportHeapSnapshotProgress
 HeapProfiler.takeHeapSnapshot
+HeapProfiler.startTrackingHeapObjects
+HeapProfiler.stopTrackingHeapObjects
 Runtime.consoleAPICalled
 Runtime.evaluate
 Runtime.executionContextCreated
-Runtime.getHeapUsage
 Runtime.getProperties
diff --git a/ReactCommon/hermes/inspector/tools/msggen/.babelrc b/ReactCommon/hermes/inspector/tools/msggen/.babelrc
index 0a0f3cbf9012c2..b96eb4c692e218 100644
--- a/ReactCommon/hermes/inspector/tools/msggen/.babelrc
+++ b/ReactCommon/hermes/inspector/tools/msggen/.babelrc
@@ -1,5 +1,5 @@
 {
-  "presets": [ "flow", ["env", {
+  "presets": [ "@babel/preset-flow", ["@babel/preset-env", {
       "targets": {
         "node": "current"
       }
diff --git a/ReactCommon/hermes/inspector/tools/msggen/.flowconfig b/ReactCommon/hermes/inspector/tools/msggen/.flowconfig
deleted file mode 100644
index 15700903b7d760..00000000000000
--- a/ReactCommon/hermes/inspector/tools/msggen/.flowconfig
+++ /dev/null
@@ -1,16 +0,0 @@
-[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/package.json b/ReactCommon/hermes/inspector/tools/msggen/package.json
index 7dbab2f44b834e..b16d8c68d822a8 100644
--- a/ReactCommon/hermes/inspector/tools/msggen/package.json
+++ b/ReactCommon/hermes/inspector/tools/msggen/package.json
@@ -1,6 +1,7 @@
 {
   "name": "hermes-inspector-msggen",
   "version": "1.0.0",
+  "license": "MIT",
   "bin": {
     "msggen": "./bin/index.js"
   },
@@ -11,16 +12,19 @@
     "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"
+    "@babel/cli": "^7.2.0",
+    "@babel/core": "^7.2.0",
+    "@babel/plugin-syntax-flow": "^7.2.0",
+    "@babel/plugin-transform-flow-strip-types": "^7.2.0",
+    "@babel/preset-env": "^7.2.0",
+    "@babel/preset-flow": "^7.2.0",
+    "diff": "3.5.0",
+    "extend": "3.0.2",
+    "jest": "^24.9.0",
+    "nwmatcher": "1.4.4",
+    "randomatic": "3.0.0",
+    "sshpk": "1.16.1",
+    "webpack": "^4.41.0"
   },
   "jest": {
     "transform": {
@@ -28,6 +32,7 @@
     }
   },
   "dependencies": {
+    "devtools-protocol": "0.0.730699",
     "idx": "^2.1.0",
     "yargs": "^14.2.0"
   },
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js b/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js
index ac23fc1e8a2dd0..277c9fd1631f25 100644
--- a/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Converters.js
@@ -18,7 +18,15 @@ export function toCppType(type: string): string {
   return type.substr(0, 1).toUpperCase() + type.substr(1);
 }
 
-const jsTypeMappings: {[key: string]: string, ...} = {
+export type JsTypeString =
+  | 'any'
+  | 'boolean'
+  | 'integer'
+  | 'number'
+  | 'object'
+  | 'string';
+
+const jsTypeMappings = {
   any: 'folly::dynamic',
   array: 'folly::dynamic',
   boolean: 'bool',
@@ -28,10 +36,6 @@ const jsTypeMappings: {[key: string]: string, ...} = {
   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;
+export function jsTypeToCppType(jsTypeStr: JsTypeString): string {
+  return jsTypeMappings[jsTypeStr];
 }
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/Property.js b/ReactCommon/hermes/inspector/tools/msggen/src/Property.js
index 15ece449c714d8..ab93dd05baeaec 100644
--- a/ReactCommon/hermes/inspector/tools/msggen/src/Property.js
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/Property.js
@@ -10,7 +10,12 @@
 
 'use strict';
 
-import {jsTypeToCppType, toCppNamespace, toCppType} from './Converters';
+import {
+  jsTypeToCppType,
+  toCppNamespace,
+  toCppType,
+  type JsTypeString,
+} from './Converters';
 
 export class Property {
   domain: string;
@@ -110,14 +115,6 @@ function toFullCppType(curDomain: string, absOrRelRef: string) {
   return `${toCppNamespace(domain)}::${toCppType(id)}`;
 }
 
-type JsTypeString =
-  | 'any'
-  | 'boolean'
-  | 'integer'
-  | 'number'
-  | 'object'
-  | 'string';
-
 class PrimitiveProperty extends Property {
   type: JsTypeString;
 
@@ -159,15 +156,9 @@ class RefProperty extends Property {
   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}`;
   }
diff --git a/ReactCommon/hermes/inspector/tools/msggen/src/index.js b/ReactCommon/hermes/inspector/tools/msggen/src/index.js
index b8680605b37b75..5124485a86d853 100644
--- a/ReactCommon/hermes/inspector/tools/msggen/src/index.js
+++ b/ReactCommon/hermes/inspector/tools/msggen/src/index.js
@@ -23,6 +23,9 @@ import {PropsType, Type} from './Type';
 import {HeaderWriter} from './HeaderWriter';
 import {ImplementationWriter} from './ImplementationWriter';
 
+// $FlowFixMe: this isn't a module, just a JSON file.
+const proto = require('devtools-protocol/json/js_protocol.json');
+
 type Descriptor = {|
   types: Array<Type>,
   commands: Array<Command>,
@@ -78,7 +81,9 @@ function buildGraph(desc: Descriptor): Graph {
     if (props) {
       for (const prop of props) {
         const refId = prop.getRefDebuggerName();
-        if (refId) {
+        (prop: Object).recursive = refId && refId === nodeId;
+        if (refId && refId !== nodeId) {
+          // Don't add edges for recursive properties.
           graph.addEdge(nodeId, refId);
         }
       }
@@ -182,7 +187,7 @@ function filterReachableFromRoots(
 
 function main() {
   const args = yargs
-    .usage('Usage: msggen <proto_json_path> <header_path> <cpp_path>')
+    .usage('Usage: msggen <header_path> <cpp_path>')
     .alias('h', 'help')
     .help('h')
     .boolean('e')
@@ -191,17 +196,14 @@ function main() {
     .alias('r', 'roots')
     .describe('r', 'path to a file listing root types, events, and commands')
     .nargs('r', 1)
-    .demandCommand(3, 3).argv;
+    .demandCommand(2, 2).argv;
 
   const ignoreExperimental = !!args.e;
-  const [protoJsonPath, headerPath, implPath] = args._;
+  const [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));
diff --git a/ReactCommon/hermes/inspector/tools/msggen/yarn.lock b/ReactCommon/hermes/inspector/tools/msggen/yarn.lock
index a3d80c7c495bd7..2baa205fe1ec0c 100644
--- a/ReactCommon/hermes/inspector/tools/msggen/yarn.lock
+++ b/ReactCommon/hermes/inspector/tools/msggen/yarn.lock
@@ -2,829 +2,1399 @@
 # 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"
+"@babel/cli@^7.2.0":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.7.7.tgz#56849acbf81d1a970dd3d1b3097c8ebf5da3f534"
+  integrity sha512-XQw5KyCZyu/M8/0rYiZyuwbgIQNzOrJzs9dDLX+MieSgBwTLvTj4QVbLmxJACAIvQIDT7PtyHN2sC48EOWTgaA==
+  dependencies:
+    commander "^4.0.1"
+    convert-source-map "^1.1.0"
+    fs-readdir-recursive "^1.1.0"
+    glob "^7.0.0"
+    lodash "^4.17.13"
+    make-dir "^2.1.0"
+    slash "^2.0.0"
+    source-map "^0.5.0"
+  optionalDependencies:
+    chokidar "^2.1.8"
+
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
+  integrity sha512-27d4lZoomVyo51VegxI20xZPuSHusqbQag/ztrBC7wegWoQ1nLREPVSKSW8byhTlzTKyNE4ifaTA6lCp7JjpFw==
+  dependencies:
+    "@babel/highlight" "^7.0.0"
+
+"@babel/core@^7.1.0", "@babel/core@^7.2.0":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.7.tgz#ee155d2e12300bcc0cff6a8ad46f2af5063803e9"
+  integrity sha512-jlSjuj/7z138NLZALxVgrx13AOtqip42ATZP7+kYl53GvDV6+4dCek1mVUo8z8c8Xnw/mx2q3d9HWh3griuesQ==
+  dependencies:
+    "@babel/code-frame" "^7.5.5"
+    "@babel/generator" "^7.7.7"
+    "@babel/helpers" "^7.7.4"
+    "@babel/parser" "^7.7.7"
+    "@babel/template" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    json5 "^2.1.0"
+    lodash "^4.17.13"
+    resolve "^1.3.2"
+    semver "^5.4.1"
+    source-map "^0.5.0"
+
+"@babel/generator@^7.4.0", "@babel/generator@^7.7.4", "@babel/generator@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.7.7.tgz#859ac733c44c74148e1a72980a64ec84b85f4f45"
+  integrity sha512-/AOIBpHh/JU1l0ZFS4kiRCBnLi6OTHzh0RPk3h9isBxkkqELtQNFi1Vr/tiG9p1yfoUdKVwISuXWQR+hwwM4VQ==
+  dependencies:
+    "@babel/types" "^7.7.4"
+    jsesc "^2.5.1"
+    lodash "^4.17.13"
+    source-map "^0.5.0"
+
+"@babel/helper-annotate-as-pure@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.7.4.tgz#bb3faf1e74b74bd547e867e48f551fa6b098b6ce"
+  integrity sha512-2BQmQgECKzYKFPpiycoF9tlb5HA4lrVyAmLLVK177EcQAqjVLciUb2/R+n1boQ9y5ENV3uz2ZqiNw7QMBBw1Og==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.7.4.tgz#5f73f2b28580e224b5b9bd03146a4015d6217f5f"
+  integrity sha512-Biq/d/WtvfftWZ9Uf39hbPBYDUo986m5Bb4zhkeYDGUllF43D+nUe5M6Vuo6/8JDK/0YX/uBdeoQpyaNhNugZQ==
+  dependencies:
+    "@babel/helper-explode-assignable-expression" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-call-delegate@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-call-delegate/-/helper-call-delegate-7.7.4.tgz#621b83e596722b50c0066f9dc37d3232e461b801"
+  integrity sha512-8JH9/B7J7tCYJ2PpWVpw9JhPuEVHztagNVuQAFBVFYluRMlpG7F1CgKEgGeL6KFqcsIa92ZYVj6DSc0XwmN1ZA==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-create-regexp-features-plugin@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.7.4.tgz#6d5762359fd34f4da1500e4cff9955b5299aaf59"
+  integrity sha512-Mt+jBKaxL0zfOIWrfQpnfYCN7/rS6GKx6CCCfuoqVVd+17R8zNDlzVYmIi9qyb2wOk002NsmSTDymkIygDUH7A==
+  dependencies:
+    "@babel/helper-regex" "^7.4.4"
+    regexpu-core "^4.6.0"
+
+"@babel/helper-define-map@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.7.4.tgz#2841bf92eb8bd9c906851546fe6b9d45e162f176"
+  integrity sha512-v5LorqOa0nVQUvAUTUF3KPastvUt/HzByXNamKQ6RdJRTV7j8rLL+WB5C/MzzWAwOomxDhYFb1wLLxHqox86lg==
+  dependencies:
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    lodash "^4.17.13"
+
+"@babel/helper-explode-assignable-expression@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.7.4.tgz#fa700878e008d85dc51ba43e9fb835cddfe05c84"
+  integrity sha512-2/SicuFrNSXsZNBxe5UGdLr+HZg+raWBLE9vC98bdYOKX/U6PY0mdGlYUJdtTDPSU0Lw0PNbKKDpwYHJLn2jLg==
+  dependencies:
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-function-name@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.7.4.tgz#ab6e041e7135d436d8f0a3eca15de5b67a341a2e"
+  integrity sha512-AnkGIdiBhEuiwdoMnKm7jfPfqItZhgRaZfMg1XX3bS25INOnLPjPG1Ppnajh8eqgt5kPJnfqrRHqFqmjKDZLzQ==
+  dependencies:
+    "@babel/helper-get-function-arity" "^7.7.4"
+    "@babel/template" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-get-function-arity@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.4.tgz#cb46348d2f8808e632f0ab048172130e636005f0"
+  integrity sha512-QTGKEdCkjgzgfJ3bAyRwF4yyT3pg+vDgan8DSivq1eS0gwi+KGKE5x8kRcbeFTb/673mkO5SN1IZfmCfA5o+EA==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-hoist-variables@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.7.4.tgz#612384e3d823fdfaaf9fce31550fe5d4db0f3d12"
+  integrity sha512-wQC4xyvc1Jo/FnLirL6CEgPgPCa8M74tOdjWpRhQYapz5JC7u3NYU1zCVoVAGCE3EaIP9T1A3iW0WLJ+reZlpQ==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-member-expression-to-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.4.tgz#356438e2569df7321a8326644d4b790d2122cb74"
+  integrity sha512-9KcA1X2E3OjXl/ykfMMInBK+uVdfIVakVe7W7Lg3wfXUNyS3Q1HWLFRwZIjhqiCGbslummPDnmb7vIekS0C1vw==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-module-imports@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.7.4.tgz#e5a92529f8888bf319a6376abfbd1cebc491ad91"
+  integrity sha512-dGcrX6K9l8258WFjyDLJwuVKxR4XZfU0/vTUgOQYWEnRD8mgr+p4d6fCUMq/ys0h4CCt/S5JhbvtyErjWouAUQ==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-module-transforms@^7.7.4", "@babel/helper-module-transforms@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.7.5.tgz#d044da7ffd91ec967db25cd6748f704b6b244835"
+  integrity sha512-A7pSxyJf1gN5qXVcidwLWydjftUN878VkalhXX5iQDuGyiGK3sOrrKKHF4/A4fwHtnsotv/NipwAeLzY4KQPvw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.7.4"
+    "@babel/helper-simple-access" "^7.7.4"
+    "@babel/helper-split-export-declaration" "^7.7.4"
+    "@babel/template" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    lodash "^4.17.13"
 
-acorn-globals@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-3.1.0.tgz#fd8270f71fbb4996b004fa880ee5d46573a731bf"
+"@babel/helper-optimise-call-expression@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.4.tgz#034af31370d2995242aa4df402c3b7794b2dcdf2"
+  integrity sha512-VB7gWZ2fDkSuqW6b1AKXkJWO5NyNI3bFL/kK79/30moK57blr6NbH8xcl2XcKCwOmJosftWunZqfO84IGq3ZZg==
   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"
+    "@babel/types" "^7.7.4"
 
-acorn@^5.0.0:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.1.2.tgz#911cb53e036807cf0fa778dc5d370fbd864246d7"
+"@babel/helper-plugin-utils@^7.0.0":
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz#bbb3fbee98661c569034237cc03967ba99b4f250"
+  integrity sha512-CYAOUCARwExnEixLdB6sDm2dIJ/YgEAKDM1MOeMeZu9Ld/bDgVo8aiWrXwcY7OBh+1Ea2uUcVRcxKk0GJvW7QA==
+
+"@babel/helper-regex@^7.0.0", "@babel/helper-regex@^7.4.4":
+  version "7.5.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-regex/-/helper-regex-7.5.5.tgz#0aa6824f7100a2e0e89c1527c23936c152cab351"
+  integrity sha512-CkCYQLkfkiugbRDO8eZn6lRuR8kzZoGXCg3149iTk5se7g6qykSpy3+hELSwquhu+TgHn8nkLiBwHvNX8Hofcw==
+  dependencies:
+    lodash "^4.17.13"
+
+"@babel/helper-remap-async-to-generator@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.7.4.tgz#c68c2407350d9af0e061ed6726afb4fff16d0234"
+  integrity sha512-Sk4xmtVdM9sA/jCI80f+KS+Md+ZHIpjuqmYPk1M7F/upHou5e4ReYmExAiu6PVe65BhJPZA2CY9x9k4BqE5klw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.7.4"
+    "@babel/helper-wrap-function" "^7.7.4"
+    "@babel/template" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-replace-supers@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.7.4.tgz#3c881a6a6a7571275a72d82e6107126ec9e2cdd2"
+  integrity sha512-pP0tfgg9hsZWo5ZboYGuBn/bbYT/hdLPVSS4NMmiRJdwWhP0IznPwN9AE1JwyGsjSPLC364I0Qh5p+EPkGPNpg==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.7.4"
+    "@babel/helper-optimise-call-expression" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-simple-access@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.7.4.tgz#a169a0adb1b5f418cfc19f22586b2ebf58a9a294"
+  integrity sha512-zK7THeEXfan7UlWsG2A6CI/L9jVnI5+xxKZOdej39Y0YtDYKx9raHk5F2EtK9K8DHRTihYwg20ADt9S36GR78A==
+  dependencies:
+    "@babel/template" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-split-export-declaration@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.7.4.tgz#57292af60443c4a3622cf74040ddc28e68336fd8"
+  integrity sha512-guAg1SXFcVr04Guk9eq0S4/rWS++sbmyqosJzVs8+1fH5NI+ZcmkaSkc7dmtAFbHFva6yRJnjW3yAcGxjueDug==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
+"@babel/helper-wrap-function@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.7.4.tgz#37ab7fed5150e22d9d7266e830072c0cdd8baace"
+  integrity sha512-VsfzZt6wmsocOaVU0OokwrIytHND55yvyT4BPB9AIIgwr8+x7617hetdJTsuGwygN5RC6mxA9EJztTjuwm2ofg==
+  dependencies:
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/template" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/helpers@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.7.4.tgz#62c215b9e6c712dadc15a9a0dcab76c92a940302"
+  integrity sha512-ak5NGZGJ6LV85Q1Zc9gn2n+ayXOizryhjSUBTdu5ih1tlVCJeuQENzc4ItyCVhINVXvIT/ZQ4mheGIsfBkpskg==
+  dependencies:
+    "@babel/template" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/highlight@^7.0.0":
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
+  integrity sha512-7dV4eu9gBxoM0dAnj/BCFDW9LFU0zvTrkq0ugM7pnHEgguOEeOz1so2ZghEdzviYzQEED0r4EAgpsBChKy1TRQ==
+  dependencies:
+    chalk "^2.0.0"
+    esutils "^2.0.2"
+    js-tokens "^4.0.0"
 
-ajv-keywords@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-2.1.0.tgz#a296e17f7bfae7c1ce4f7e0de53d29cb32162df0"
+"@babel/parser@^7.1.0", "@babel/parser@^7.4.3", "@babel/parser@^7.7.4", "@babel/parser@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.7.tgz#1b886595419cf92d811316d5b715a53ff38b4937"
+  integrity sha512-WtTZMZAZLbeymhkd/sEaPD8IQyGAhmuTuvTzLiCFM7iXiVdY0gc0IaI+cW0fh1BnSMbJSzXX6/fHllgHKwHhXw==
 
-ajv@^4.9.1:
-  version "4.11.8"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536"
+"@babel/plugin-proposal-async-generator-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.7.4.tgz#0351c5ac0a9e927845fffd5b82af476947b7ce6d"
+  integrity sha512-1ypyZvGRXriY/QP668+s8sFr2mqinhkRDMPSQLNghCQE+GAkFtp+wkHVvg2+Hdki8gwP+NFzJBJ/N1BfzCCDEw==
   dependencies:
-    co "^4.6.0"
-    json-stable-stringify "^1.0.1"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-remap-async-to-generator" "^7.7.4"
+    "@babel/plugin-syntax-async-generators" "^7.7.4"
 
-ajv@^5.1.0, ajv@^5.1.5:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/ajv/-/ajv-5.2.3.tgz#c06f598778c44c6b161abafe3466b81ad1814ed2"
+"@babel/plugin-proposal-dynamic-import@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.7.4.tgz#dde64a7f127691758cbfed6cf70de0fa5879d52d"
+  integrity sha512-StH+nGAdO6qDB1l8sZ5UBV8AC3F2VW2I8Vfld73TMKyptMU9DY5YsJAS8U81+vEtxcH3Y/La0wG0btDrhpnhjQ==
   dependencies:
-    co "^4.6.0"
-    fast-deep-equal "^1.0.0"
-    json-schema-traverse "^0.3.0"
-    json-stable-stringify "^1.0.1"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
 
-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"
+"@babel/plugin-proposal-json-strings@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.7.4.tgz#7700a6bfda771d8dc81973249eac416c6b4c697d"
+  integrity sha512-wQvt3akcBTfLU/wYoqm/ws7YOAQKu8EVJEvHip/mzkNtjaclQoCCIqKXFP5/eyfnfbQCDV3OLRIK3mIVyXuZlw==
   dependencies:
-    kind-of "^3.0.2"
-    longest "^1.0.1"
-    repeat-string "^1.5.2"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-json-strings" "^7.7.4"
 
-amdefine@>=0.0.4:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+"@babel/plugin-proposal-object-rest-spread@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.7.7.tgz#9f27075004ab99be08c5c1bd653a2985813cb370"
+  integrity sha512-3qp9I8lelgzNedI3hrhkvhaEYree6+WHnyA/q4Dza9z7iEIs1eyhWyJnetk3jJ69RT0AT4G0UhEGwyGFJ7GUuQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.7.4"
 
-ansi-escapes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.0.0.tgz#ec3e8b4e9f8064fc02c3ac9b65f1c275bda8ef92"
+"@babel/plugin-proposal-optional-catch-binding@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.7.4.tgz#ec21e8aeb09ec6711bc0a39ca49520abee1de379"
+  integrity sha512-DyM7U2bnsQerCQ+sejcTNZh8KQEUuC3ufzdnVnSiUv/qoGJp2Z3hanKL18KDhsBT5Wj6a7CMT5mdyCNJsEaA9w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.7.4"
 
-ansi-regex@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+"@babel/plugin-proposal-unicode-property-regex@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.7.7.tgz#433fa9dac64f953c12578b29633f456b68831c4e"
+  integrity sha512-80PbkKyORBUVm1fbTLrHpYdJxMThzM1UqFGh0ALEhO9TYbG86Ah9zQYAB/84axz2vcxefDLdZwWwZNlYARlu9w==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-ansi-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
+"@babel/plugin-syntax-async-generators@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.7.4.tgz#331aaf310a10c80c44a66b238b6e49132bd3c889"
+  integrity sha512-Li4+EjSpBgxcsmeEF8IFcfV/+yJGxHXDirDkEoyFjumuwbmfCVHUt0HuowD/iGM7OhIRyXJH9YXxqiH6N815+g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-ansi-regex@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
-  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
+"@babel/plugin-syntax-dynamic-import@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.7.4.tgz#29ca3b4415abfe4a5ec381e903862ad1a54c3aec"
+  integrity sha512-jHQW0vbRGvwQNgyVxwDh4yuXu4bH1f5/EICJLAhl1SblLs2CDhrsmCk+v5XLdE9wxtAFRyxx+P//Iw+a5L/tTg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-ansi-styles@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+"@babel/plugin-syntax-flow@^7.2.0", "@babel/plugin-syntax-flow@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.7.4.tgz#6d91b59e1a0e4c17f36af2e10dd64ef220919d7b"
+  integrity sha512-2AMAWl5PsmM5KPkB22cvOkUyWk6MjUaqhHNU5nSPUl/ns3j5qLfw2SuYP5RbVZ0tfLvePr4zUScbICtDP2CUNw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-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"
+"@babel/plugin-syntax-json-strings@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.7.4.tgz#86e63f7d2e22f9e27129ac4e83ea989a382e86cc"
+  integrity sha512-QpGupahTQW1mHRXddMG5srgpHWqRLwJnJZKXTigB9RPFCCGbDGCgBeM/iC82ICXp414WeYx/tD54w7M2qRqTMg==
   dependencies:
-    color-convert "^1.9.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-anymatch@^1.3.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
+"@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.7.4.tgz#47cf220d19d6d0d7b154304701f468fc1cc6ff46"
+  integrity sha512-mObR+r+KZq0XhRVS2BrBKBpr5jqrqzlPvS9C9vuOf5ilSwzloAl7RPWLrgKdWS6IreaVrjHxTjtyqFiOisaCwg==
   dependencies:
-    micromatch "^2.1.5"
-    normalize-path "^2.0.0"
+    "@babel/helper-plugin-utils" "^7.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"
+"@babel/plugin-syntax-optional-catch-binding@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.7.4.tgz#a3e38f59f4b6233867b4a92dcb0ee05b2c334aa6"
+  integrity sha512-4ZSuzWgFxqHRE31Glu+fEr/MirNZOMYmD/0BhBWyLyOOQz/gTAl7QmWm2hX1QxEIXsr2vkdlwxIzTyiYRC4xcQ==
   dependencies:
-    default-require-extensions "^1.0.0"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-aproba@^1.0.3:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+"@babel/plugin-syntax-top-level-await@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.7.4.tgz#bd7d8fa7b9fee793a36e4027fd6dd1aa32f946da"
+  integrity sha512-wdsOw0MvkL1UIgiQ/IFr3ETcfv1xb8RMM0H9wbiDyLaJFyiDg5oZvDLCXosIXmFeIlweML5iOBXAkqddkYNizg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-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"
+"@babel/plugin-transform-arrow-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.7.4.tgz#76309bd578addd8aee3b379d809c802305a98a12"
+  integrity sha512-zUXy3e8jBNPiffmqkHRNDdZM2r8DWhCB7HhcoyZjiK1TxYEluLHAvQuYnTT+ARqRpabWqy/NHkO6e3MsYB5YfA==
   dependencies:
-    delegates "^1.0.0"
-    readable-stream "^2.0.6"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-argparse@^1.0.7:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.9.tgz#73d83bc263f86e97f8cc4f6bae1b0e90a7d22c86"
+"@babel/plugin-transform-async-to-generator@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.7.4.tgz#694cbeae6d613a34ef0292713fa42fb45c4470ba"
+  integrity sha512-zpUTZphp5nHokuy8yLlyafxCJ0rSlFoSHypTUWgpdwoDXWQcseaect7cJ8Ppk6nunOM6+5rPMkod4OYKPR5MUg==
   dependencies:
-    sprintf-js "~1.0.2"
+    "@babel/helper-module-imports" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-remap-async-to-generator" "^7.7.4"
 
-arr-diff@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
+"@babel/plugin-transform-block-scoped-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.7.4.tgz#d0d9d5c269c78eaea76227ace214b8d01e4d837b"
+  integrity sha512-kqtQzwtKcpPclHYjLK//3lH8OFsCDuDJBaFhVwf8kqdnF6MN4l618UDlcA7TfRs3FayrHj+svYnSX8MC9zmUyQ==
   dependencies:
-    arr-flatten "^1.0.1"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-arr-flatten@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/arr-flatten/-/arr-flatten-1.1.0.tgz#36048bbff4e7b47e136644316c99669ea5ae91f1"
+"@babel/plugin-transform-block-scoping@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.7.4.tgz#200aad0dcd6bb80372f94d9e628ea062c58bf224"
+  integrity sha512-2VBe9u0G+fDt9B5OV5DQH4KBf5DoiNkwFKOz0TCvBWvdAN2rOykCTkrL+jTLxfCAm76l9Qo5OqL7HBOx2dWggg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    lodash "^4.17.13"
 
-array-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
+"@babel/plugin-transform-classes@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.7.4.tgz#c92c14be0a1399e15df72667067a8f510c9400ec"
+  integrity sha512-sK1mjWat7K+buWRuImEzjNf68qrKcrddtpQo3swi9j7dUcG6y6R6+Di039QN2bD1dykeswlagupEmpOatFHHUg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.7.4"
+    "@babel/helper-define-map" "^7.7.4"
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/helper-optimise-call-expression" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-replace-supers" "^7.7.4"
+    "@babel/helper-split-export-declaration" "^7.7.4"
+    globals "^11.1.0"
 
-array-unique@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
+"@babel/plugin-transform-computed-properties@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.7.4.tgz#e856c1628d3238ffe12d668eb42559f79a81910d"
+  integrity sha512-bSNsOsZnlpLLyQew35rl4Fma3yKWqK3ImWMSC/Nc+6nGjC9s5NFWAer1YQ899/6s9HxO2zQC1WoFNfkOqRkqRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-arrify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
+"@babel/plugin-transform-destructuring@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.7.4.tgz#2b713729e5054a1135097b6a67da1b6fe8789267"
+  integrity sha512-4jFMXI1Cu2aXbcXXl8Lr6YubCn6Oc7k9lLsu8v61TZh+1jny2BWmdtvY9zSUlLdGUvcy9DMAWyZEOqjsbeg/wA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-asn1.js@^4.0.0:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.9.1.tgz#48ba240b45a9280e94748990ba597d216617fd40"
+"@babel/plugin-transform-dotall-regex@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.7.7.tgz#3e9713f1b69f339e87fa796b097d73ded16b937b"
+  integrity sha512-b4in+YlTeE/QmTgrllnb3bHA0HntYvjz8O3Mcbx75UBPJA2xhb5A8nle498VhxSXJHQefjtQxpnLPehDJ4TRlg==
   dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-asn1@~0.2.3:
-  version "0.2.3"
-  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.3.tgz#dac8787713c9966849fc8180777ebe9c1ddf3b86"
+"@babel/plugin-transform-duplicate-keys@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.7.4.tgz#3d21731a42e3f598a73835299dd0169c3b90ac91"
+  integrity sha512-g1y4/G6xGWMD85Tlft5XedGaZBCIVN+/P0bs6eabmcPP9egFleMAo65OOjlhcz1njpwagyY3t0nsQC9oTFegJA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-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"
+"@babel/plugin-transform-exponentiation-operator@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.7.4.tgz#dd30c0191e3a1ba19bcc7e389bdfddc0729d5db9"
+  integrity sha512-MCqiLfCKm6KEA1dglf6Uqq1ElDIZwFuzz1WH5mTf8k2uQSxEJMbOIEh7IZv7uichr7PMfi5YVSrr1vz+ipp7AQ==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-assert-plus@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-0.2.0.tgz#d74e1b87e7affc0db8aadb7021f3fe48101ab234"
+"@babel/plugin-transform-flow-strip-types@^7.2.0", "@babel/plugin-transform-flow-strip-types@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.7.4.tgz#cc73f85944782df1d77d80977bc097920a8bf31a"
+  integrity sha512-w9dRNlHY5ElNimyMYy0oQowvQpwt/PRHI0QS98ZJCTZU2bvSnKXo5zEiD5u76FBPigTm8TkqzmnUTg16T7qbkA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.7.4"
 
-assert@^1.1.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.4.1.tgz#99912d591836b5a6f5b345c0f07eefc08fc65d91"
+"@babel/plugin-transform-for-of@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.7.4.tgz#248800e3a5e507b1f103d8b4ca998e77c63932bc"
+  integrity sha512-zZ1fD1B8keYtEcKF+M1TROfeHTKnijcVQm0yO/Yu1f7qoDoxEIc/+GX6Go430Bg84eM/xwPFp0+h4EbZg7epAA==
   dependencies:
-    util "0.10.3"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+"@babel/plugin-transform-function-name@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.7.4.tgz#75a6d3303d50db638ff8b5385d12451c865025b1"
+  integrity sha512-E/x09TvjHNhsULs2IusN+aJNRV5zKwxu1cpirZyRPw+FyyIKEHPXTsadj48bVpc1R5Qq1B5ZkzumuFLytnbT6g==
+  dependencies:
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-async-each@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
+"@babel/plugin-transform-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.7.4.tgz#27fe87d2b5017a2a5a34d1c41a6b9f6a6262643e"
+  integrity sha512-X2MSV7LfJFm4aZfxd0yLVFrEXAgPqYoDG53Br/tCKiKYfX0MjVjQeWPIhPHHsCqzwQANq+FLN786fF5rgLS+gw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-async@^1.4.0:
-  version "1.5.2"
-  resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
+"@babel/plugin-transform-member-expression-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.7.4.tgz#aee127f2f3339fc34ce5e3055d7ffbf7aa26f19a"
+  integrity sha512-9VMwMO7i69LHTesL0RdGy93JU6a+qOPuvB4F4d0kR0zyVjJRVJRaoaGjhtki6SzQUu8yen/vxPKN6CWnCUw6bA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-async@^2.1.2, async@^2.1.4:
-  version "2.5.0"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
+"@babel/plugin-transform-modules-amd@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.7.5.tgz#39e0fb717224b59475b306402bb8eedab01e729c"
+  integrity sha512-CT57FG4A2ZUNU1v+HdvDSDrjNWBrtCmSH6YbbgN3Lrf0Di/q/lWRxZrE72p3+HCCz9UjfZOEBdphgC0nzOS6DQ==
   dependencies:
-    lodash "^4.14.0"
+    "@babel/helper-module-transforms" "^7.7.5"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-asynckit@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+"@babel/plugin-transform-modules-commonjs@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.5.tgz#1d27f5eb0bcf7543e774950e5b2fa782e637b345"
+  integrity sha512-9Cq4zTFExwFhQI6MT1aFxgqhIsMWQWDVwOgLzl7PTWJHsNaqFvklAU+Oz6AQLAS0dJKTwZSOCo20INwktxpi3Q==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.7.5"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-simple-access" "^7.7.4"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-aws-sign2@~0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.6.0.tgz#14342dd38dbcc94d0e5b87d763cd63612c0e794f"
+"@babel/plugin-transform-modules-systemjs@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.7.4.tgz#cd98152339d3e763dfe838b7d4273edaf520bb30"
+  integrity sha512-y2c96hmcsUi6LrMqvmNDPBBiGCiQu0aYqpHatVVu6kD4mFEXKjyNxd/drc18XXAf9dv7UXjrZwBVmTTGaGP8iw==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
 
-aws-sign2@~0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+"@babel/plugin-transform-modules-umd@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.7.4.tgz#1027c355a118de0aae9fee00ad7813c584d9061f"
+  integrity sha512-u2B8TIi0qZI4j8q4C51ktfO7E3cQ0qnaXFI1/OXITordD40tt17g/sXqgNNCcMTcBFKrUPcGDx+TBJuZxLx7tw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
 
-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/plugin-transform-named-capturing-groups-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.7.4.tgz#fb3bcc4ee4198e7385805007373d6b6f42c98220"
+  integrity sha512-jBUkiqLKvUWpv9GLSuHUFYdmHg0ujC1JEYoZUfeOOfNydZXp1sXObgyPatpcwjWgsdBGsagWW0cdJpX/DO2jMw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
 
-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"
+"@babel/plugin-transform-new-target@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.7.4.tgz#4a0753d2d60639437be07b592a9e58ee00720167"
+  integrity sha512-CnPRiNtOG1vRodnsyGX37bHQleHE14B9dnnlgSeEs3ek3fHN1A1SScglTCg1sfbe7sRQ2BUcpgpTpWSfMKz3gg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-object-super@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.7.4.tgz#48488937a2d586c0148451bf51af9d7dda567262"
+  integrity sha512-ho+dAEhC2aRnff2JCA0SAK7V2R62zJd/7dmtoe7MHcso4C2mS+vZjn1Pb1pCVZvJs1mgsvv5+7sT+m3Bysb6eg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-replace-supers" "^7.7.4"
+
+"@babel/plugin-transform-parameters@^7.7.7":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.7.7.tgz#7a884b2460164dc5f194f668332736584c760007"
+  integrity sha512-OhGSrf9ZBrr1fw84oFXj5hgi8Nmg+E2w5L7NhnG0lPvpDtqd7dbyilM2/vR8CKbJ907RyxPh2kj6sBCSSfI9Ew==
+  dependencies:
+    "@babel/helper-call-delegate" "^7.7.4"
+    "@babel/helper-get-function-arity" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-property-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.7.4.tgz#2388d6505ef89b266103f450f9167e6bd73f98c2"
+  integrity sha512-MatJhlC4iHsIskWYyawl53KuHrt+kALSADLQQ/HkhTjX954fkxIEh4q5slL4oRAnsm/eDoZ4q0CIZpcqBuxhJQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-regenerator@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.7.5.tgz#3a8757ee1a2780f390e89f246065ecf59c26fce9"
+  integrity sha512-/8I8tPvX2FkuEyWbjRCt4qTAgZK0DVy8QRguhA524UH48RfGJy94On2ri+dCuwOpcerPRl9O4ebQkRcVzIaGBw==
+  dependencies:
+    regenerator-transform "^0.14.0"
+
+"@babel/plugin-transform-reserved-words@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.7.4.tgz#6a7cf123ad175bb5c69aec8f6f0770387ed3f1eb"
+  integrity sha512-OrPiUB5s5XvkCO1lS7D8ZtHcswIC57j62acAnJZKqGGnHP+TIc/ljQSrgdX/QyOTdEK5COAhuc820Hi1q2UgLQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-shorthand-properties@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.7.4.tgz#74a0a9b2f6d67a684c6fbfd5f0458eb7ba99891e"
+  integrity sha512-q+suddWRfIcnyG5YiDP58sT65AJDZSUhXQDZE3r04AuqD6d/XLaQPPXSBzP2zGerkgBivqtQm9XKGLuHqBID6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-spread@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.7.4.tgz#aa673b356fe6b7e70d69b6e33a17fef641008578"
+  integrity sha512-8OSs0FLe5/80cndziPlg4R0K6HcWSM0zyNhHhLsmw/Nc5MaA49cAsnoJ/t/YZf8qkG7fD+UjTRaApVDB526d7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-sticky-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.7.4.tgz#ffb68c05090c30732076b1285dc1401b404a123c"
+  integrity sha512-Ls2NASyL6qtVe1H1hXts9yuEeONV2TJZmplLONkMPUG158CtmnrzW5Q5teibM5UVOFjG0D3IC5mzXR6pPpUY7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-regex" "^7.0.0"
+
+"@babel/plugin-transform-template-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.7.4.tgz#1eb6411736dd3fe87dbd20cc6668e5121c17d604"
+  integrity sha512-sA+KxLwF3QwGj5abMHkHgshp9+rRz+oY9uoRil4CyLtgEuE/88dpkeWgNk5qKVsJE9iSfly3nvHapdRiIS2wnQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-typeof-symbol@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.7.4.tgz#3174626214f2d6de322882e498a38e8371b2140e"
+  integrity sha512-KQPUQ/7mqe2m0B8VecdyaW5XcQYaePyl9R7IsKd+irzj6jvbhoGnRE+M0aNkyAzI07VfUQ9266L5xMARitV3wg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/plugin-transform-unicode-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.7.4.tgz#a3c0f65b117c4c81c5b6484f2a5e7b95346b83ae"
+  integrity sha512-N77UUIV+WCvE+5yHw+oks3m18/umd7y392Zv7mYTpFqHtkpcc+QUz+gLJNTWVlWROIWeLqY0f3OjZxV5TcXnRw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
+"@babel/preset-env@^7.2.0":
+  version "7.7.7"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.7.7.tgz#c294167b91e53e7e36d820e943ece8d0c7fe46ac"
+  integrity sha512-pCu0hrSSDVI7kCVUOdcMNQEbOPJ52E+LrQ14sN8uL2ALfSqePZQlKrOy+tM4uhEdYlCHi4imr8Zz2cZe9oSdIg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.7.4"
+    "@babel/plugin-proposal-dynamic-import" "^7.7.4"
+    "@babel/plugin-proposal-json-strings" "^7.7.4"
+    "@babel/plugin-proposal-object-rest-spread" "^7.7.7"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.7.4"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.7.7"
+    "@babel/plugin-syntax-async-generators" "^7.7.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
+    "@babel/plugin-syntax-json-strings" "^7.7.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.7.4"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.7.4"
+    "@babel/plugin-syntax-top-level-await" "^7.7.4"
+    "@babel/plugin-transform-arrow-functions" "^7.7.4"
+    "@babel/plugin-transform-async-to-generator" "^7.7.4"
+    "@babel/plugin-transform-block-scoped-functions" "^7.7.4"
+    "@babel/plugin-transform-block-scoping" "^7.7.4"
+    "@babel/plugin-transform-classes" "^7.7.4"
+    "@babel/plugin-transform-computed-properties" "^7.7.4"
+    "@babel/plugin-transform-destructuring" "^7.7.4"
+    "@babel/plugin-transform-dotall-regex" "^7.7.7"
+    "@babel/plugin-transform-duplicate-keys" "^7.7.4"
+    "@babel/plugin-transform-exponentiation-operator" "^7.7.4"
+    "@babel/plugin-transform-for-of" "^7.7.4"
+    "@babel/plugin-transform-function-name" "^7.7.4"
+    "@babel/plugin-transform-literals" "^7.7.4"
+    "@babel/plugin-transform-member-expression-literals" "^7.7.4"
+    "@babel/plugin-transform-modules-amd" "^7.7.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.7.5"
+    "@babel/plugin-transform-modules-systemjs" "^7.7.4"
+    "@babel/plugin-transform-modules-umd" "^7.7.4"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.7.4"
+    "@babel/plugin-transform-new-target" "^7.7.4"
+    "@babel/plugin-transform-object-super" "^7.7.4"
+    "@babel/plugin-transform-parameters" "^7.7.7"
+    "@babel/plugin-transform-property-literals" "^7.7.4"
+    "@babel/plugin-transform-regenerator" "^7.7.5"
+    "@babel/plugin-transform-reserved-words" "^7.7.4"
+    "@babel/plugin-transform-shorthand-properties" "^7.7.4"
+    "@babel/plugin-transform-spread" "^7.7.4"
+    "@babel/plugin-transform-sticky-regex" "^7.7.4"
+    "@babel/plugin-transform-template-literals" "^7.7.4"
+    "@babel/plugin-transform-typeof-symbol" "^7.7.4"
+    "@babel/plugin-transform-unicode-regex" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    browserslist "^4.6.0"
+    core-js-compat "^3.6.0"
+    invariant "^2.2.2"
+    js-levenshtein "^1.1.3"
+    semver "^5.5.0"
+
+"@babel/preset-flow@^7.2.0":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.7.4.tgz#99c1349b6fd7132783196de181e6b32d0949427e"
+  integrity sha512-6LbUqcHD8BcRtXMOp5bc5nJeU8RlKh6q5U8TgZeCrf9ebBdW8Wyy5ujAUnbJfmzQ56Kkq5XtwErC/5+5RHyFYA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.7.4"
+
+"@babel/template@^7.4.0", "@babel/template@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.7.4.tgz#428a7d9eecffe27deac0a98e23bf8e3675d2a77b"
+  integrity sha512-qUzihgVPguAzXCK7WXw8pqs6cEwi54s3E+HrejlkuWO6ivMKx9hZl3Y2fSXp9i5HgyWmj7RKP+ulaYnKM4yYxw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@babel/parser" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.7.4.tgz#9c1e7c60fb679fe4fcfaa42500833333c2058558"
+  integrity sha512-P1L58hQyupn8+ezVA2z5KBm4/Zr4lCC8dwKCMYzsa5jFMDMQAzaBNy9W5VjB+KAmBjb40U7a/H6ao+Xo+9saIw==
+  dependencies:
+    "@babel/code-frame" "^7.5.5"
+    "@babel/generator" "^7.7.4"
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/helper-split-export-declaration" "^7.7.4"
+    "@babel/parser" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.13"
+
+"@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.7.4.tgz#516570d539e44ddf308c07569c258ff94fde9193"
+  integrity sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==
   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"
+    lodash "^4.17.13"
+    to-fast-properties "^2.0.0"
 
-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"
+"@cnakazawa/watch@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
+  integrity sha512-r5160ogAvGyHsal38Kux7YYtodEKOj89RGb28ht1jh3SJb08VwRwAKKJL0bGb04Zd/3r9FL3BFIc3bBidYffCA==
   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"
+    exec-sh "^0.3.2"
+    minimist "^1.2.0"
 
-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"
+"@jest/console@^24.7.1", "@jest/console@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0"
+  integrity sha512-Zuj6b8TnKXi3q4ymac8EQfc3ea/uhLeCGThFqXeC8H9/raaH8ARPUTdId+XyGd03Z4In0/VjD2OYFcBF09fNLQ==
   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"
+    "@jest/source-map" "^24.9.0"
+    chalk "^2.0.1"
+    slash "^2.0.0"
+
+"@jest/core@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.9.0.tgz#2ceccd0b93181f9c4850e74f2a9ad43d351369c4"
+  integrity sha512-Fogg3s4wlAr1VX7q+rhV9RVnUv5tD7VuWfYy1+whMiWUrvl7U3QJSJyWcDio9Lq2prqYsZaeTv2Rz24pWGkJ2A==
+  dependencies:
+    "@jest/console" "^24.7.1"
+    "@jest/reporters" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    exit "^0.1.2"
+    graceful-fs "^4.1.15"
+    jest-changed-files "^24.9.0"
+    jest-config "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-resolve "^24.9.0"
+    jest-resolve-dependencies "^24.9.0"
+    jest-runner "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    jest-watcher "^24.9.0"
+    micromatch "^3.1.10"
+    p-each-series "^1.0.0"
+    realpath-native "^1.1.0"
+    rimraf "^2.5.4"
+    slash "^2.0.0"
+    strip-ansi "^5.0.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"
+"@jest/environment@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.9.0.tgz#21e3afa2d65c0586cbd6cbefe208bafade44ab18"
+  integrity sha512-5A1QluTPhvdIPFYnO3sZC3smkNeXPVELz7ikPbhUj0bQjB07EoE9qtLrem14ZUYWdVayYbsjVwIiL4WBIMV4aQ==
+  dependencies:
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+
+"@jest/fake-timers@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.9.0.tgz#ba3e6bf0eecd09a636049896434d306636540c93"
+  integrity sha512-eWQcNa2YSwzXWIMC5KufBh3oWRIijrQFROsIqt6v/NS9Io/gknw1jsAC9c+ih/RQX4A3O7SeWAhQeN0goKhT9A==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-mock "^24.9.0"
+
+"@jest/reporters@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.9.0.tgz#86660eff8e2b9661d042a8e98a028b8d631a5b43"
+  integrity sha512-mu4X0yjaHrffOsWmVLzitKmmmWSQ3GGuefgNscUSWNiUNcEOSEQk9k3pERKEQVBb0Cnn88+UESIsZEMH3o88Gw==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    exit "^0.1.2"
+    glob "^7.1.2"
+    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"
+    istanbul-reports "^2.2.6"
+    jest-haste-map "^24.9.0"
+    jest-resolve "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.6.0"
+    node-notifier "^5.4.2"
+    slash "^2.0.0"
+    source-map "^0.6.0"
+    string-length "^2.0.0"
 
-babel-messages@^6.23.0:
-  version "6.23.0"
-  resolved "https://registry.yarnpkg.com/babel-messages/-/babel-messages-6.23.0.tgz#f3cdf4703858035b2a2951c6ec5edf6c62f2630e"
+"@jest/source-map@^24.3.0", "@jest/source-map@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-24.9.0.tgz#0e263a94430be4b41da683ccc1e6bffe2a191714"
+  integrity sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.1.15"
+    source-map "^0.6.0"
+
+"@jest/test-result@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.9.0.tgz#11796e8aa9dbf88ea025757b3152595ad06ba0ca"
+  integrity sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==
+  dependencies:
+    "@jest/console" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+
+"@jest/test-sequencer@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz#f8f334f35b625a4f2f355f2fe7e6036dad2e6b31"
+  integrity sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==
+  dependencies:
+    "@jest/test-result" "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-runner "^24.9.0"
+    jest-runtime "^24.9.0"
+
+"@jest/transform@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.9.0.tgz#4ae2768b296553fadab09e9ec119543c90b16c56"
+  integrity sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^24.9.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.9.0"
+    jest-regex-util "^24.9.0"
+    jest-util "^24.9.0"
+    micromatch "^3.1.10"
+    pirates "^4.0.1"
+    realpath-native "^1.1.0"
+    slash "^2.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "2.4.1"
+
+"@jest/types@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.9.0.tgz#63cb26cb7500d069e5a389441a7c6ab5e909fc59"
+  integrity sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^1.1.1"
+    "@types/yargs" "^13.0.0"
+
+"@types/babel__core@^7.1.0":
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.3.tgz#e441ea7df63cd080dfcd02ab199e6d16a735fc30"
+  integrity sha512-8fBo0UR2CcwWxeX7WIIgJ7lXjasFxoYgRnFHUj+hRvKkpiBJbxhdAPTCY6/ZKM0uxANFVzt4yObSLuTiTnazDA==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
+
+"@types/babel__generator@*":
+  version "7.6.1"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.1.tgz#4901767b397e8711aeb99df8d396d7ba7b7f0e04"
+  integrity sha512-bBKm+2VPJcMRVwNhxKu8W+5/zT7pwNEqeokFOmbvVSqGzFneNxYcEBro9Ac7/N9tlsaPYnZLK8J1LWKkMsLAew==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.2.tgz#4ff63d6b52eddac1de7b975a5223ed32ecea9307"
+  integrity sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
+  version "7.0.8"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.8.tgz#479a4ee3e291a403a1096106013ec22cf9b64012"
+  integrity sha512-yGeB2dHEdvxjP0y4UbRtQaSkXJ9649fYCmIdRoul5kfAoGCwxuCbMhag0k3RPfnuh9kPGm8x89btcfDEXdVWGw==
+  dependencies:
+    "@babel/types" "^7.3.0"
+
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
+  integrity sha512-hRJD2ahnnpLgsj6KWMYSrmXkM3rm2Dl1qkx6IOFD5FnuNPXJIG5L0dhgKXCYTRMGzU4n0wImQ/xfmRc4POUFlg==
+
+"@types/istanbul-lib-report@*":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-1.1.1.tgz#e5471e7fa33c61358dd38426189c037a58433b8c"
+  integrity sha512-3BUTyMzbZa2DtDI2BkERNC6jJw2Mr2Y0oGI7mRxYNBPxppbtEK1F66u3bKwU2g+wxwWI7PAoRpJnOY1grJqzHg==
   dependencies:
-    babel-runtime "^6.22.0"
+    "@types/istanbul-lib-coverage" "*"
 
-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"
+"@types/istanbul-reports@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.1.tgz#7a8cbf6a406f36c8add871625b278eaf0b0d255a"
+  integrity sha512-UpYjBi8xefVChsCoBpKShdxTllC9pwISirfoZsUa2AAdQg/Jd2KQGtSbw+ya7GPo7x/wAPlH6JBhKhAsXUEZNA==
   dependencies:
-    babel-runtime "^6.22.0"
+    "@types/istanbul-lib-coverage" "*"
+    "@types/istanbul-lib-report" "*"
 
-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"
+"@types/stack-utils@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
+  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
+
+"@types/yargs-parser@*":
+  version "13.1.0"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-13.1.0.tgz#c563aa192f39350a1d18da36c5a8da382bbd8228"
+  integrity sha512-gCubfBUZ6KxzoibJ+SCUc/57Ms1jz5NjHe4+dI2krNmU5zCPAphyLJYyTOg06ueIyfj+SaCUqmzun7ImlxDcKg==
 
-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"
+"@types/yargs@^13.0.0":
+  version "13.0.3"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.3.tgz#76482af3981d4412d65371a318f992d33464a380"
+  integrity sha512-K8/LfZq2duW33XW/tFwEAfnZlqIfVsoyRB3kfXdPXYhl0nfM8mmh7GS0jg7WrX2Dgq/0Ha/pR1PaR+BvmWwjiQ==
   dependencies:
-    find-up "^2.1.0"
-    istanbul-lib-instrument "^1.7.5"
-    test-exclude "^4.1.1"
+    "@types/yargs-parser" "*"
 
-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"
+"@webassemblyjs/ast@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.8.5.tgz#51b1c5fe6576a34953bf4b253df9f0d490d9e359"
+  integrity sha512-aJMfngIZ65+t71C3y2nBBg5FFG0Okt9m0XEgWZ7Ywgn1oMAT8cNwx00Uv1cQyHtidq0Xn94R4TAywO+LCQ+ZAQ==
+  dependencies:
+    "@webassemblyjs/helper-module-context" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/wast-parser" "1.8.5"
 
-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"
+"@webassemblyjs/floating-point-hex-parser@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.8.5.tgz#1ba926a2923613edce496fd5b02e8ce8a5f49721"
+  integrity sha512-9p+79WHru1oqBh9ewP9zW95E3XAo+90oth7S5Re3eQnECGq59ly1Ri5tsIipKGpiStHsUYmY3zMLqtk3gTcOtQ==
 
-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"
+"@webassemblyjs/helper-api-error@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.8.5.tgz#c49dad22f645227c5edb610bdb9697f1aab721f7"
+  integrity sha512-Za/tnzsvnqdaSPOUXHyKJ2XI7PDX64kWtURyGiJJZKVEdFOsdKUCPTNEVFZq3zJ2R0G5wc2PZ5gvdTRFgm81zA==
 
-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"
+"@webassemblyjs/helper-buffer@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.8.5.tgz#fea93e429863dd5e4338555f42292385a653f204"
+  integrity sha512-Ri2R8nOS0U6G49Q86goFIPNgjyl6+oE1abW1pS84BuhP1Qcr5JqMwRFT3Ah3ADDDYGEgGs1iyb1DGX+kAi/c/Q==
 
-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"
+"@webassemblyjs/helper-code-frame@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.8.5.tgz#9a740ff48e3faa3022b1dff54423df9aa293c25e"
+  integrity sha512-VQAadSubZIhNpH46IR3yWO4kZZjMxN1opDrzePLdVKAZ+DFjkGD/rf4v1jap744uPVU6yjL/smZbRIIJTOUnKQ==
+  dependencies:
+    "@webassemblyjs/wast-printer" "1.8.5"
 
-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"
+"@webassemblyjs/helper-fsm@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.8.5.tgz#ba0b7d3b3f7e4733da6059c9332275d860702452"
+  integrity sha512-kRuX/saORcg8se/ft6Q2UbRpZwP4y7YrWsLXPbbmtepKr22i8Z4O3V5QE9DbZK908dh5Xya4Un57SDIKwB9eow==
 
-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"
+"@webassemblyjs/helper-module-context@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.8.5.tgz#def4b9927b0101dc8cbbd8d1edb5b7b9c82eb245"
+  integrity sha512-/O1B236mN7UNEU4t9X7Pj38i4VoU8CcMHyy3l2cV/kIF4U5KoHXDVqcDuOs1ltkac90IM4vZdHc52t1x8Yfs3g==
   dependencies:
-    babel-helper-remap-async-to-generator "^6.24.1"
-    babel-plugin-syntax-async-functions "^6.8.0"
-    babel-runtime "^6.22.0"
+    "@webassemblyjs/ast" "1.8.5"
+    mamacro "^0.0.3"
 
-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"
+"@webassemblyjs/helper-wasm-bytecode@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.8.5.tgz#537a750eddf5c1e932f3744206551c91c1b93e61"
+  integrity sha512-Cu4YMYG3Ddl72CbmpjU/wbP6SACcOPVbHN1dI4VJNJVgFwaKf1ppeFJrwydOG3NDHxVGuCfPlLZNyEdIYlQ6QQ==
 
-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"
+"@webassemblyjs/helper-wasm-section@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.8.5.tgz#74ca6a6bcbe19e50a3b6b462847e69503e6bfcbf"
+  integrity sha512-VV083zwR+VTrIWWtgIUpqfvVdK4ff38loRmrdDBgBT8ADXYsEZ5mPQ4Nde90N3UYatHdYoDIFb7oHzMncI02tA==
   dependencies:
-    babel-runtime "^6.22.0"
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-buffer" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/wasm-gen" "1.8.5"
 
-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"
+"@webassemblyjs/ieee754@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.8.5.tgz#712329dbef240f36bf57bd2f7b8fb9bf4154421e"
+  integrity sha512-aaCvQYrvKbY/n6wKHb/ylAJr27GglahUO89CcGXMItrOBqRarUMxWLJgxm9PJNuKULwN5n1csT9bYoMeZOGF3g==
   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"
+    "@xtuc/ieee754" "^1.2.0"
 
-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"
+"@webassemblyjs/leb128@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.8.5.tgz#044edeb34ea679f3e04cd4fd9824d5e35767ae10"
+  integrity sha512-plYUuUwleLIziknvlP8VpTgO4kqNaH57Y3JnNa6DLpu/sGcP6hbVdfdX5aHAV716pQBKrfuU26BJK29qY37J7A==
   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"
+    "@xtuc/long" "4.2.2"
 
-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"
+"@webassemblyjs/utf8@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.8.5.tgz#a8bf3b5d8ffe986c7c1e373ccbdc2a0915f0cedc"
+  integrity sha512-U7zgftmQriw37tfD934UNInokz6yTmn29inT2cAetAsaU9YeVCveWEwhKL1Mg4yS7q//NGdzy79nlXh3bT8Kjw==
 
-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"
+"@webassemblyjs/wasm-edit@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.8.5.tgz#962da12aa5acc1c131c81c4232991c82ce56e01a"
+  integrity sha512-A41EMy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-buffer" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/helper-wasm-section" "1.8.5"
+    "@webassemblyjs/wasm-gen" "1.8.5"
+    "@webassemblyjs/wasm-opt" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
+    "@webassemblyjs/wast-printer" "1.8.5"
+
+"@webassemblyjs/wasm-gen@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.8.5.tgz#54840766c2c1002eb64ed1abe720aded714f98bc"
+  integrity sha512-BCZBT0LURC0CXDzj5FXSc2FPTsxwp3nWcqXQdOZE4U7h7i8FqtFK5Egia6f9raQLpEKT1VL7zr4r3+QX6zArWg==
   dependencies:
-    babel-runtime "^6.22.0"
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/ieee754" "1.8.5"
+    "@webassemblyjs/leb128" "1.8.5"
+    "@webassemblyjs/utf8" "1.8.5"
 
-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"
+"@webassemblyjs/wasm-opt@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.8.5.tgz#b24d9f6ba50394af1349f510afa8ffcb8a63d264"
+  integrity sha512-HKo2mO/Uh9A6ojzu7cjslGaHaUU14LdLbGEKqTR7PBKwT6LdPtLLh9fPY33rmr5wcOMrsWDbbdCHq4hQUdd37Q==
   dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-buffer" "1.8.5"
+    "@webassemblyjs/wasm-gen" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
 
-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"
+"@webassemblyjs/wasm-parser@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.8.5.tgz#21576f0ec88b91427357b8536383668ef7c66b8d"
+  integrity sha512-pi0SYE9T6tfcMkthwcgCpL0cM9nRYr6/6fjgDtL6q/ZqKHdMWvxitRi5JcZ7RI4SNJJYnYNaWy5UUrHQy998lw==
   dependencies:
-    babel-runtime "^6.22.0"
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-api-error" "1.8.5"
+    "@webassemblyjs/helper-wasm-bytecode" "1.8.5"
+    "@webassemblyjs/ieee754" "1.8.5"
+    "@webassemblyjs/leb128" "1.8.5"
+    "@webassemblyjs/utf8" "1.8.5"
 
-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"
+"@webassemblyjs/wast-parser@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.8.5.tgz#e10eecd542d0e7bd394f6827c49f3df6d4eefb8c"
+  integrity sha512-daXC1FyKWHF1i11obK086QRlsMsY4+tIOKgBqI1lxAnkp9xe9YMcgOxm9kLe+ttjs5aWV2KKE1TWJCN57/Btsg==
   dependencies:
-    babel-helper-function-name "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/floating-point-hex-parser" "1.8.5"
+    "@webassemblyjs/helper-api-error" "1.8.5"
+    "@webassemblyjs/helper-code-frame" "1.8.5"
+    "@webassemblyjs/helper-fsm" "1.8.5"
+    "@xtuc/long" "4.2.2"
 
-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"
+"@webassemblyjs/wast-printer@1.8.5":
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.8.5.tgz#114bbc481fd10ca0e23b3560fa812748b0bae5bc"
+  integrity sha512-w0U0pD4EhlnvRyeJzBqaVSJAo9w/ce7/WPogeXLzGkO6hzhr4GnQIZ4W4uUt5b9ooAaXPtnXlj0gzsXEOUNYMg==
   dependencies:
-    babel-runtime "^6.22.0"
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/wast-parser" "1.8.5"
+    "@xtuc/long" "4.2.2"
 
-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"
+"@xtuc/ieee754@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
+  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
 
-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"
+"@xtuc/long@4.2.2":
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
+  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
-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"
+abab@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
+  integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
 
-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"
+acorn-globals@^4.1.0:
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
+  integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
   dependencies:
-    babel-plugin-transform-es2015-modules-amd "^6.24.1"
-    babel-runtime "^6.22.0"
-    babel-template "^6.24.1"
+    acorn "^6.0.1"
+    acorn-walk "^6.0.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"
+acorn-walk@^6.0.1:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
+  integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
-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"
+acorn@^5.5.3:
+  version "5.7.3"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
+  integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
 
-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"
+acorn@^6.0.1, acorn@^6.2.1:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.0.tgz#b659d2ffbafa24baf5db1cdbb2c94a983ecd2784"
+  integrity sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw==
 
-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"
+ajv-errors@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
+  integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
 
-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"
+ajv-keywords@^3.1.0, ajv-keywords@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da"
+  integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==
 
-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"
+ajv@^6.1.0, ajv@^6.10.2, ajv@^6.5.5:
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.10.2.tgz#d3cea04d6b017b2894ad69040fec8b623eb4bd52"
+  integrity sha512-TXtUUEYHuaTEbLZWIKUr5pmBuhDLy+8KYtPYdcV8qC+pOZL+NKqYwvWSRrVXHn+ZmRRAu8vJTAznH7Oag6RVRw==
   dependencies:
-    babel-runtime "^6.22.0"
+    fast-deep-equal "^2.0.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
 
-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"
+ansi-escapes@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
+  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
 
-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"
+ansi-regex@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
+  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
 
-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"
+ansi-regex@^4.0.0, ansi-regex@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
+  integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
 
-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"
+ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
   dependencies:
-    babel-plugin-syntax-flow "^6.18.0"
-    babel-runtime "^6.22.0"
+    color-convert "^1.9.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"
+anymatch@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
+  integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==
   dependencies:
-    regenerator-transform "^0.10.0"
+    micromatch "^3.1.4"
+    normalize-path "^2.1.1"
+
+aproba@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
+
+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-equal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
+  integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
 
-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"
+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=
+
+asn1.js@^4.0.0:
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-4.10.1.tgz#b9c2bf5805f1e64aadeed6df3a2bfafb5a73f5a0"
+  integrity sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==
   dependencies:
-    babel-runtime "^6.22.0"
-    babel-types "^6.24.1"
+    bn.js "^4.0.0"
+    inherits "^2.0.1"
+    minimalistic-assert "^1.0.0"
 
-babel-polyfill@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
+asn1@~0.2.3:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.4.tgz#8d2475dfab553bb33e77b54e59e880bb8ce23136"
+  integrity sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==
   dependencies:
-    babel-runtime "^6.26.0"
-    core-js "^2.5.0"
-    regenerator-runtime "^0.10.5"
+    safer-buffer "~2.1.0"
 
-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"
+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"
+  integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
 
-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"
+assert@^1.1.1:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
+  integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
   dependencies:
-    babel-plugin-transform-flow-strip-types "^6.22.0"
+    object-assign "^4.1.1"
+    util "0.10.3"
+
+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=
+
+astral-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
+
+async-each@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
+  integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
+
+async-limiter@~1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
+  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
 
-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"
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha1-x57Zf380y48robyXkLzDZkdLS3k=
+
+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==
+
+aws-sign2@~0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
+  integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
+
+aws4@^1.8.0:
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.0.tgz#24390e6ad61386b0a747265754d2a17219de862c"
+  integrity sha512-Uvq6hVe90D0B2WEnUqtdgY1bATGz3mw33nH9Y+dmA+w5DHvUmBgkr5rM/KCHpCsiFNRUfokW/szpPPgMK2hm4A==
+
+babel-jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.9.0.tgz#3fc327cb8467b89d14d7bc70e315104a783ccd54"
+  integrity sha512-ntuddfyiN+EhMw58PTNL1ph4C9rECiQXjI4nMMBKBaNjXvqLdkXpPRcMSr4iyBrJg/+wz9brFUD6RhOAT6r4Iw==
+  dependencies:
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/babel__core" "^7.1.0"
+    babel-plugin-istanbul "^5.1.0"
+    babel-preset-jest "^24.9.0"
+    chalk "^2.4.2"
+    slash "^2.0.0"
+
+babel-plugin-dynamic-import-node@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
+  integrity sha512-o6qFkpeQEBxcqt0XYlWzAVxNCSCZdUgcR8IRlhD/8DylxjjO4foPcvTW0GGKa/cVt3rvxZ7o5ippJ+/0nvLhlQ==
   dependencies:
-    babel-plugin-jest-hoist "^21.2.0"
-    babel-plugin-syntax-object-rest-spread "^6.13.0"
+    object.assign "^4.1.0"
 
-babel-register@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-register/-/babel-register-6.26.0.tgz#6ed021173e2fcb486d7acb45c6009a856f647071"
+babel-plugin-istanbul@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
+  integrity sha512-5LphC0USA8t4i1zCtjbbNb6jJj/9+X6P37Qfirc/70EQ34xKlMW+a1RHGwxGI+SwWpNwZ27HqvzAobeqaXwiZw==
   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/helper-plugin-utils" "^7.0.0"
+    find-up "^3.0.0"
+    istanbul-lib-instrument "^3.3.0"
+    test-exclude "^5.2.3"
 
-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"
+babel-plugin-jest-hoist@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.9.0.tgz#4f837091eb407e01447c8843cbec546d0002d756"
+  integrity sha512-2EMA2P8Vp7lG0RAzr4HXqtYwacfMErOuv1U3wrvxHX6rD1sV6xS3WXG3r8TRQ2r6w8OhvSdWt+z41hQNwNm3Xw==
   dependencies:
-    babel-runtime "^6.26.0"
-    esutils "^2.0.2"
-    lodash "^4.17.4"
-    to-fast-properties "^1.0.3"
+    "@types/babel__traverse" "^7.0.6"
 
-babylon@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
+babel-preset-jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
+  integrity sha512-izTUuhE4TMfTRPF92fFwD2QfdXaZW08qvWTFCI51V8rW5x00UuPgc3ajRoWofXOuxjfcOM5zzSYsQS3H8KGCAg==
+  dependencies:
+    "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
+    babel-plugin-jest-hoist "^24.9.0"
 
 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=
 
 base64-js@^1.0.2:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.2.1.tgz#a91947da1f4a516ea38e5b4ec0ec3773675e0886"
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.3.1.tgz#58ece8cb75dd07e71ed08c736abc5fac4dbf8df1"
+  integrity sha512-mLQ4i2QO1ytvGWFWmcngKO//JXAQueZvwEKtjgQFM4jIK0kU+ytMfplL8j+n5mspOfjHwoAg+9yhb7BwAHm36g==
+
+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"
 
 bcrypt-pbkdf@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.1.tgz#63bc5dcb61331b92bc05fd528953c33462a06f8d"
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e"
+  integrity sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=
   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"
+big.js@^5.2.2:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
+  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
 
 binary-extensions@^1.0.0:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.10.0.tgz#9aeb9a6c5e88638aad171e167f5900abe24835d0"
+  version "1.13.1"
+  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
+  integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==
 
-block-stream@*:
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+bindings@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
+  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
   dependencies:
-    inherits "~2.0.0"
+    file-uri-to-path "1.0.0"
+
+bluebird@^3.5.5:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
+  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
 
 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"
+  integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==
 
 brace-expansion@^1.1.7:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.8.tgz#c07b211c7c952ec1f8efd51a77ef0d1d3990a292"
+  version "1.1.11"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
+  integrity sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==
   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"
+braces@^2.3.1, braces@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
+  integrity sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==
   dependencies:
-    expand-range "^1.8.1"
-    preserve "^0.2.0"
+    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"
 
 brorand@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
+  integrity sha1-EsJe/kCkXjwyPrhnWgoM5XsiNx8=
+
+browser-process-hrtime@^0.1.2:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
+  integrity sha512-bRFnI4NnjO6cnyLmOV/7PVoDEMJChlcfN0z4s1YMBY989/SvlfMI1lgCnkFUs53e9gQF+w7qu7XdllSTiSl8Aw==
 
-browser-resolve@^1.11.2:
-  version "1.11.2"
-  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.2.tgz#8ff09b0a2c421718a1051c260b32e48f442938ce"
+browser-resolve@^1.11.3:
+  version "1.11.3"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
+  integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
   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"
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
+  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
   dependencies:
     buffer-xor "^1.0.3"
     cipher-base "^1.0.0"
@@ -834,24 +1404,28 @@ browserify-aes@^1.0.0, browserify-aes@^1.0.4:
     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"
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
+  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
   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"
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
+  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
   dependencies:
     cipher-base "^1.0.1"
     des.js "^1.0.0"
     inherits "^2.0.1"
+    safe-buffer "^5.1.2"
 
 browserify-rsa@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.0.1.tgz#21e0abfaf6f2029cf2fafb133567a701d4135524"
+  integrity sha1-IeCr+vbyApzy+vsTNWenAdQTVSQ=
   dependencies:
     bn.js "^4.1.0"
     randombytes "^2.0.1"
@@ -859,6 +1433,7 @@ browserify-rsa@^4.0.0:
 browserify-sign@^4.0.0:
   version "4.0.4"
   resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.0.4.tgz#aa4eb68e5d7b658baa6bf6a57e630cbd7a93d298"
+  integrity sha1-qk62jl17ZYuqa/alfmMMvXqT0pg=
   dependencies:
     bn.js "^4.1.1"
     browserify-rsa "^4.0.0"
@@ -868,136 +1443,178 @@ browserify-sign@^4.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"
+browserify-zlib@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
+  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
   dependencies:
-    pako "~0.2.0"
+    pako "~1.0.5"
 
-browserslist@^2.1.2:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-2.5.1.tgz#68e4bc536bbcc6086d62843a2ffccea8396821c6"
+browserslist@^4.6.0, browserslist@^4.8.2:
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.2.tgz#b45720ad5fbc8713b7253c20766f701c9a694289"
+  integrity sha512-+M4oeaTplPm/f1pXDw84YohEv7B1i/2Aisei8s4s6k3QsoSHa7i5sz8u/cGQkkatCPxMASKxPualR4wwYgVboA==
   dependencies:
-    caniuse-lite "^1.0.30000744"
-    electron-to-chromium "^1.3.24"
+    caniuse-lite "^1.0.30001015"
+    electron-to-chromium "^1.3.322"
+    node-releases "^1.1.42"
 
-bser@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.0.0.tgz#9ac78d3ed5d915804fd87acb158bc797147a1719"
+bser@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
+  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
   dependencies:
     node-int64 "^0.4.0"
 
+buffer-from@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.1.tgz#32713bc028f75c02fdb710d7c7bcec1f2c6070ef"
+  integrity sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==
+
 buffer-xor@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
+  integrity sha1-JuYe0UIvtw3ULm42cp7VHYVf6Nk=
 
 buffer@^4.3.0:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.1.tgz#6d1bb601b07a4efced97094132093027c95bc298"
+  version "4.9.2"
+  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
+  integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
   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"
+  integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
+
+cacache@^12.0.2:
+  version "12.0.3"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.3.tgz#be99abba4e1bf5df461cd5a2c1071fc432573390"
+  integrity sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==
+  dependencies:
+    bluebird "^3.5.5"
+    chownr "^1.1.1"
+    figgy-pudding "^3.5.1"
+    glob "^7.1.4"
+    graceful-fs "^4.1.15"
+    infer-owner "^1.0.3"
+    lru-cache "^5.1.1"
+    mississippi "^3.0.0"
+    mkdirp "^0.5.1"
+    move-concurrently "^1.0.1"
+    promise-inflight "^1.0.1"
+    rimraf "^2.6.3"
+    ssri "^6.0.1"
+    unique-filename "^1.1.1"
+    y18n "^4.0.0"
 
-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"
+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"
+
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camelcase@^5.0.0:
+camelcase@^5.0.0, camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-caniuse-lite@^1.0.30000744:
-  version "1.0.30000746"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000746.tgz#c64f95a3925cfd30207a308ed76c1ae96ea09ea0"
+caniuse-lite@^1.0.30001015:
+  version "1.0.30001016"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001016.tgz#16ea48d7d6e8caf3cad3295c2d746fe38c4e7f66"
+  integrity sha512-yYQ2QfotceRiH4U+h1Us86WJXtVHDmy3nEKIdYPsZCYnOV5/tMgGbmoIlrMzmh2VXlproqYtVaKeGDBkMZifFA==
+
+capture-exit@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
+  integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==
+  dependencies:
+    rsvp "^4.8.4"
 
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
+  integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
 
-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"
+chalk@^2.0.0, chalk@^2.0.1, chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
   dependencies:
-    ansi-styles "^3.1.0"
+    ansi-styles "^3.2.1"
     escape-string-regexp "^1.0.5"
-    supports-color "^4.0.0"
+    supports-color "^5.3.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"
+chokidar@^2.0.2, chokidar@^2.1.8:
+  version "2.1.8"
+  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
+  integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
   dependencies:
-    anymatch "^1.3.0"
-    async-each "^1.0.0"
-    glob-parent "^2.0.0"
-    inherits "^2.0.1"
+    anymatch "^2.0.0"
+    async-each "^1.0.1"
+    braces "^2.3.2"
+    glob-parent "^3.1.0"
+    inherits "^2.0.3"
     is-binary-path "^1.0.0"
-    is-glob "^2.0.0"
+    is-glob "^4.0.0"
+    normalize-path "^3.0.0"
     path-is-absolute "^1.0.0"
-    readdirp "^2.0.0"
+    readdirp "^2.2.1"
+    upath "^1.1.1"
   optionalDependencies:
-    fsevents "^1.0.0"
+    fsevents "^1.2.7"
 
-ci-info@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.1.1.tgz#47b44df118c48d2597b56d342e7e25791060171a"
+chownr@^1.1.1:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.3.tgz#42d837d5239688d55f303003a508230fa6727142"
+  integrity sha512-i70fVHhmV3DtTl6nqvZOnIjbY0Pe4kAUjwHj8z0zAdgBtYrJyYwLKCCuRBQ5ppkyL0AkN7HKRnETdmdp1zqNXw==
+
+chrome-trace-event@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.2.tgz#234090ee97c7d4ad1a2c4beae27505deffc608a4"
+  integrity sha512-9e/zx1jw7B4CO+c/RXoCsfg/x1AfUBioy4owYH0bJprEYAx5hRFLRhWBqHAG57D0ZM4H7vxbP7bPe0VwhQRYDQ==
+  dependencies:
+    tslib "^1.9.0"
+
+ci-info@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
+  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
 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"
+  integrity sha512-Kkht5ye6ZGmwv40uUDZztayT2ThLQGfnj/T71N/XzeZeo3nf8foyW7zGTsPYkEya3m5f3cAypH+qe7YOrM1U2Q==
   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"
+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:
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
-    wrap-ansi "^2.0.0"
+    arr-union "^3.1.0"
+    define-property "^0.2.5"
+    isobject "^3.0.0"
+    static-extend "^0.1.1"
 
 cliui@^5.0.0:
   version "5.0.0"
@@ -1011,88 +1628,140 @@ cliui@^5.0.0:
 co@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
 
-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"
+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.0"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.0.tgz#1accf97dd739b983bf994d56fec8f95853641b7a"
+  version "1.9.3"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
   dependencies:
-    color-name "^1.1.1"
+    color-name "1.1.3"
 
-color-name@^1.1.1:
+color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+  integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-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"
+combined-stream@^1.0.6, combined-stream@~1.0.6:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
   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"
+commander@^2.20.0, commander@~2.20.3:
+  version "2.20.3"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
+  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
+
+commander@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.0.1.tgz#b67622721785993182e807f4883633e6401ba53c"
+  integrity sha512-IPF4ouhCP+qdlcmCedhxX4xiGBPyigb8v5NeUp+0LyhwLgxMqyp3S0vl7TAPfS/hiP7FC3caI/PB9lTmP8r1NA==
 
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
+  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+
+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=
 
-console-browserify@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
+concat-stream@^1.5.0:
+  version "1.6.2"
+  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
+  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
   dependencies:
-    date-now "^0.1.4"
+    buffer-from "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^2.2.2"
+    typedarray "^0.0.6"
 
-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"
+console-browserify@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
+  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
 constants-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
+  integrity sha1-wguW2MYXdIqvHBYCF2DNJ/y4y3U=
 
-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.1.0, convert-source-map@^1.4.0, convert-source-map@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
+  integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
+  dependencies:
+    safe-buffer "~5.1.1"
 
-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"
+copy-concurrently@^1.0.0:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
+  integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==
+  dependencies:
+    aproba "^1.1.1"
+    fs-write-stream-atomic "^1.0.8"
+    iferr "^0.1.5"
+    mkdirp "^0.5.1"
+    rimraf "^2.5.4"
+    run-queue "^1.0.0"
 
-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"
+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-compat@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.6.0.tgz#4eb6cb69d03d99159ed7c860cd5fcf7d23a62ea9"
+  integrity sha512-Z3eCNjGgoYluH89Jt4wVkfYsc/VdLrA2/woX5lm0isO/pCT+P+Y+o65bOuEnjDJLthdwTBxbCVzptTXtc18fJg==
+  dependencies:
+    browserslist "^4.8.2"
+    semver "7.0.0"
 
 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"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
 
 create-ecdh@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.0.tgz#888c723596cdf7612f6498233eebd7a35301737d"
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
+  integrity sha512-GbEHQPMOswGpKXM9kCWVrremUcBmjteUaQ01T9rkKCPDXfUHX0IoP9LpHYo2NPFampa4e+/pFDc3jQdxrxQLaw==
   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"
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
+  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
   dependencies:
     cipher-base "^1.0.1"
     inherits "^2.0.1"
-    ripemd160 "^2.0.0"
+    md5.js "^1.3.4"
+    ripemd160 "^2.0.1"
     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"
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
+  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
   dependencies:
     cipher-base "^1.0.3"
     create-hash "^1.1.0"
@@ -1101,29 +1770,21 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     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"
+cross-spawn@^6.0.0:
+  version "6.0.5"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
+  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
   dependencies:
-    lru-cache "^4.0.1"
+    nice-try "^1.0.4"
+    path-key "^2.0.1"
+    semver "^5.5.0"
     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"
+  version "3.12.0"
+  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
+  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
   dependencies:
     browserify-cipher "^1.0.0"
     browserify-sign "^4.0.0"
@@ -1135,107 +1796,180 @@ crypto-browserify@^3.11.0:
     pbkdf2 "^3.0.3"
     public-encrypt "^4.0.0"
     randombytes "^2.0.0"
+    randomfill "^1.0.3"
 
 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"
+  version "0.3.8"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
+  integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
-"cssstyle@>= 0.2.37 < 0.3.0":
-  version "0.2.37"
-  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-0.2.37.tgz#541097234cb2513c83ceed3acddc27ff27987d54"
+cssstyle@^1.0.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
+  integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
   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"
+cyclist@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
+  integrity sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk=
 
 dashdash@^1.12.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0"
+  integrity sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=
   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"
+data-urls@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
+  integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
+  dependencies:
+    abab "^2.0.0"
+    whatwg-mimetype "^2.2.0"
+    whatwg-url "^7.0.0"
 
-debug@^2.2.0, debug@^2.6.3, debug@^2.6.8:
+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"
 
-decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.2.0:
+debug@^4.1.0, 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==
+  dependencies:
+    ms "^2.1.1"
+
+decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
+  integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
-deep-extend@~0.4.0:
-  version "0.4.2"
-  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.4.2.tgz#48b699c27e334bf89f10892be432f6e4c7d34a7f"
+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=
 
 deep-is@~0.1.3:
   version "0.1.3"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
+  integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
-default-require-extensions@^1.0.0:
+define-properties@^1.1.2, define-properties@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
+  integrity sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==
+  dependencies:
+    object-keys "^1.0.12"
+
+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/default-require-extensions/-/default-require-extensions-1.0.0.tgz#f37ea15d3e13ffd9b437d33e1a75b5fb97874cb8"
+  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:
-    strip-bom "^2.0.0"
+    is-descriptor "^1.0.2"
+    isobject "^3.0.1"
 
 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"
+  integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
 des.js@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.0.tgz#c074d2e2aa6a8a9a07dbd61f9a15c2cd83ec8ecc"
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.0.1.tgz#5382142e1bdc53f85d86d53e5f4aa7deb91e0843"
+  integrity sha512-Q0I4pfFrv2VPd34/vfLrFOoRmlYj3OV50i7fskps1jZWK1kApMWWT9G6RRUeYedLcBDIhnSDaUvJMb3AhUlaEA==
   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"
+detect-newline@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
+  integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
+
+devtools-protocol@0.0.730699:
+  version "0.0.730699"
+  resolved "https://registry.yarnpkg.com/devtools-protocol/-/devtools-protocol-0.0.730699.tgz#4d18f6a9b7fb7cf3f1ffe73bfe14aad66cf3b2ef"
+  integrity sha512-dprBpuPzVIIXXL6GevzhvWe2wg836h3d5hY+n6IzzHbKLsUh6QlVmcIy15za0J3MhDFbmEH60s6uYsrw/tgBbw==
 
-diff@^3.2.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/diff/-/diff-3.4.0.tgz#b1d85507daf3964828de54b37d0d73ba67dda56c"
+diff-sequences@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
+  integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
+
+diff@3.5.0:
+  version "3.5.0"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-3.5.0.tgz#800c0dd1e0a8bfbc95835c202ad220fe317e5a12"
+  integrity sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==
 
 diffie-hellman@^5.0.0:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.2.tgz#b5835739270cfe26acf632099fded2a07f209e5e"
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
+  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
   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"
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
+  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
+
+domexception@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-1.0.1.tgz#937442644ca6a31261ef36e3ec677fe805582c90"
+  integrity sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==
+  dependencies:
+    webidl-conversions "^4.0.2"
+
+duplexify@^3.4.2, duplexify@^3.6.0:
+  version "3.7.1"
+  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
+  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
+  dependencies:
+    end-of-stream "^1.0.0"
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
+    stream-shift "^1.0.0"
 
 ecc-jsbn@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz#0fc73a9ed5f0d53c38193398523ef7e543777505"
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
+  integrity sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=
   dependencies:
     jsbn "~0.1.0"
+    safer-buffer "^2.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"
+electron-to-chromium@^1.3.322:
+  version "1.3.322"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz#a6f7e1c79025c2b05838e8e344f6e89eb83213a8"
+  integrity sha512-Tc8JQEfGQ1MzfSzI/bTlSr7btJv/FFO7Yh6tanqVmIWOuNCu6/D1MilIEgLtmWqIrsv+o4IjpLAhgMBr/ncNAA==
 
 elliptic@^6.0.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df"
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.2.tgz#05c5678d7173c049d8ca433552224a495d0e3762"
+  integrity sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"
@@ -1253,255 +1987,266 @@ emoji-regex@^7.0.1:
 emojis-list@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
+  integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
 
-enhanced-resolve@^3.4.0:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-3.4.1.tgz#0421e339fd71419b3da13d129b3979040230476e"
+end-of-stream@^1.0.0, end-of-stream@^1.1.0:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
+  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
   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"
+    once "^1.4.0"
 
-es6-map@^0.1.3:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0"
+enhanced-resolve@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.1.1.tgz#2937e2b8066cd0fe7ce0990a98f0d71a35189f66"
+  integrity sha512-98p2zE+rL7/g/DzMHMTF4zZlCgeVdJ7yr6xzEpJRYwFYrGi9ANdn5DnJURg6RpBkyk60XYDnWIv51VfIhfNGuA==
   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"
+    graceful-fs "^4.1.2"
+    memory-fs "^0.5.0"
+    tapable "^1.0.0"
 
-es6-set@~0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1"
+errno@^0.1.3, errno@~0.1.7:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.7.tgz#4684d71779ad39af177e3f007996f7c67c852618"
+  integrity sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==
   dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-    es6-iterator "~2.0.1"
-    es6-symbol "3.1.1"
-    event-emitter "~0.3.5"
+    prr "~1.0.1"
 
-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"
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
   dependencies:
-    d "1"
-    es5-ext "~0.10.14"
+    is-arrayish "^0.2.1"
 
-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"
+es-abstract@^1.17.0-next.1:
+  version "1.17.0-next.1"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.0-next.1.tgz#94acc93e20b05a6e96dacb5ab2f1cb3a81fc2172"
+  integrity sha512-7MmGr03N7Rnuid6+wyhD9sHNE2n4tFSwExnU2lQl3lIo2ShXWGePY80zYaoMOmILWv57H0amMjZGHNzzGG70Rw==
+  dependencies:
+    es-to-primitive "^1.2.1"
+    function-bind "^1.1.1"
+    has "^1.0.3"
+    has-symbols "^1.0.1"
+    is-callable "^1.1.4"
+    is-regex "^1.0.4"
+    object-inspect "^1.7.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.0"
+    string.prototype.trimleft "^2.1.0"
+    string.prototype.trimright "^2.1.0"
+
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
+  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
   dependencies:
-    d "1"
-    es5-ext "^0.10.14"
-    es6-iterator "^2.0.1"
-    es6-symbol "^3.1.1"
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^1.0.2"
 
-escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
+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"
+  integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escodegen@^1.6.1:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.9.0.tgz#9811a2f265dc1cd3894420ee3717064b632b8852"
+escodegen@^1.9.1:
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.12.0.tgz#f763daf840af172bb3a2b6dd7219c0e17f7ff541"
+  integrity sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==
   dependencies:
     esprima "^3.1.3"
     estraverse "^4.2.0"
     esutils "^2.0.2"
     optionator "^0.8.1"
   optionalDependencies:
-    source-map "~0.5.6"
+    source-map "~0.6.1"
 
-escope@^3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3"
+eslint-scope@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
+  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
   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"
+  integrity sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=
 
 esrecurse@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.0.tgz#fa9568d98d3823f9a41d91e902dcab9ea6e5b163"
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.2.1.tgz#007a3b9fdbc2b3bb87e4879ea19c92fdbd3942cf"
+  integrity sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==
   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"
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
+  integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
 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"
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
+  integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-events@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
+events@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/events/-/events-3.0.0.tgz#9a0a0dfaf62893d92b875b8f2698ca4114973e88"
+  integrity sha512-Dc381HFWJzEOhQ+d8pkNon++bk9h6cdAoAj4iE6Q4y6xgTzySWXlKn05/TVNpjnfRqi/X0EpJEJohPjNI3zpVA==
 
 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"
+  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
   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"
+exec-sh@^0.3.2:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
+  integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
 
-execa@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
+execa@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
+  integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
   dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
+    cross-spawn "^6.0.0"
+    get-stream "^4.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"
+exit@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+  integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
 
-expect@^21.2.1:
-  version "21.2.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-21.2.1.tgz#003ac2ac7005c3c29e73b38a272d4afadd6d1d7b"
-  dependencies:
+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"
+
+expect@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-24.9.0.tgz#b75165b4817074fa4a157794f46fe9f1ba15b6ca"
+  integrity sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==
+  dependencies:
+    "@jest/types" "^24.9.0"
     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"
+    jest-get-type "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-regex-util "^24.9.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"
+extend-shallow@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
+  integrity sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=
+  dependencies:
+    is-extendable "^0.1.0"
 
-extglob@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
+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:
-    is-extglob "^1.0.0"
+    assign-symbols "^1.0.0"
+    is-extendable "^1.0.1"
 
-extsprintf@1.3.0, extsprintf@^1.2.0:
+extend@3.0.2, extend@~3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
+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"
+
+extsprintf@1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
+  integrity sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=
 
-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"
+extsprintf@^1.2.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.0.tgz#e2689f8f356fad62cca65a3a91c5df5f9551692f"
+  integrity sha1-4mifjzVvrWLMplo6kcXfX5VRaS8=
 
-fast-levenshtein@~2.0.4:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+fast-deep-equal@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
+  integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
-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"
+fast-json-stable-stringify@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
+  integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
+
+fast-levenshtein@~2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
+  integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
-filename-regex@^2.0.0:
+fb-watchman@^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"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
+  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
   dependencies:
-    glob "^7.0.3"
-    minimatch "^3.0.3"
+    bser "2.1.1"
 
-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"
+figgy-pudding@^3.5.1:
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
+  integrity sha512-vNKxJHTEKNThjfrdJwHc7brvM6eVevuO5nTj6ez8ZQ1qbXTvGthucRF7S4vf2cr71QVnT70V34v0S1DyQsti0w==
 
-find-cache-dir@^1.0.0:
+file-uri-to-path@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"
+  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
+  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
 
-find-up@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
+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:
-    path-exists "^2.0.0"
-    pinkie-promise "^2.0.0"
+    extend-shallow "^2.0.1"
+    is-number "^3.0.0"
+    repeat-string "^1.6.1"
+    to-regex-range "^2.1.0"
 
-find-up@^2.0.0, find-up@^2.1.0:
+find-cache-dir@^2.1.0:
   version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
+  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
+  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
   dependencies:
-    locate-path "^2.0.0"
+    commondir "^1.0.1"
+    make-dir "^2.0.0"
+    pkg-dir "^3.0.0"
 
 find-up@^3.0.0:
   version "3.0.0"
@@ -1510,116 +2255,117 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
-for-in@^1.0.1:
+flush-write-stream@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
+  integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
+  dependencies:
+    inherits "^2.0.3"
+    readable-stream "^2.3.6"
+
+for-in@^1.0.2:
   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"
+  integrity sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=
 
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
+  integrity sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=
 
-form-data@~2.1.1:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.1.4.tgz#33c183acf193276ecaa98143a69e94bfee1750d1"
+form-data@~2.3.2:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
+  integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==
   dependencies:
     asynckit "^0.4.0"
-    combined-stream "^1.0.5"
+    combined-stream "^1.0.6"
     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"
+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:
-    asynckit "^0.4.0"
-    combined-stream "^1.0.5"
-    mime-types "^2.1.12"
+    map-cache "^0.2.2"
+
+from2@^2.1.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
+  integrity sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=
+  dependencies:
+    inherits "^2.0.1"
+    readable-stream "^2.0.0"
 
-fs-readdir-recursive@^1.0.0:
+fs-readdir-recursive@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
+  integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==
+
+fs-write-stream-atomic@^1.0.8:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
+  integrity sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=
+  dependencies:
+    graceful-fs "^4.1.2"
+    iferr "^0.1.5"
+    imurmurhash "^0.1.4"
+    readable-stream "1 || 2"
 
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
 
-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"
+fsevents@^1.2.7:
+  version "1.2.11"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.11.tgz#67bf57f4758f02ede88fb2a1712fef4d15358be3"
+  integrity sha512-+ux3lx6peh0BpvY0JebGyZoiR4D+oYzdPZMKJwkZ+sFkNJzpL7tXc/wehS49gUAxg3tmMHPHZkA8JU2rhhgDHw==
   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"
+    bindings "^1.5.0"
+    nan "^2.12.1"
 
-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"
+function-bind@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
+  integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
 get-caller-file@^2.0.1:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
 
-get-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
+get-stream@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
+  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
+  dependencies:
+    pump "^3.0.0"
+
+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=
 
 getpass@^0.1.1:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
+  integrity sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=
   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"
+glob-parent@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
+  integrity sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=
   dependencies:
-    is-glob "^2.0.0"
+    is-glob "^3.1.0"
+    path-dirname "^1.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"
+glob@^7.0.0, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
   dependencies:
     fs.realpath "^1.0.0"
     inflight "^1.0.4"
@@ -1628,772 +2374,985 @@ glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2:
     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"
+globals@^11.1.0:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+  integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-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"
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
+  integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
 
 growly@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
+  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
-handlebars@^4.0.3:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.11.tgz#630a35dfe0294bc281edae6ffc5d329fc7982dcc"
+handlebars@^4.1.2:
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.5.3.tgz#5cf75bd8714f7605713511a56be7c349becb0482"
+  integrity sha512-3yPecJoJHK/4c6aZhSvxOyG4vJKDshV36VHp0iVCDVh7o9w2vwi3NSnL2MMPj3YdduqaBcu7cGbggJQM0br9xA==
   dependencies:
-    async "^1.4.0"
+    neo-async "^2.6.0"
     optimist "^0.6.1"
-    source-map "^0.4.4"
+    source-map "^0.6.1"
   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"
+    uglify-js "^3.1.4"
 
 har-schema@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
+  integrity sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=
 
-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"
+har-validator@~5.1.0:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.3.tgz#1ef89ebd3e4996557675eed9893110dc350fa080"
+  integrity sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==
   dependencies:
-    ajv "^5.1.0"
+    ajv "^6.5.5"
     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"
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+  integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
+
+has-symbols@^1.0.0, has-symbols@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
+  integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
+
+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:
-    ansi-regex "^2.0.0"
+    get-value "^2.0.3"
+    has-values "^0.1.4"
+    isobject "^2.0.0"
 
-has-flag@^1.0.0:
+has-value@^1.0.0:
   version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+  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-flag@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
+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-unicode@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+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"
 
-hash-base@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-2.0.2.tgz#66ea1d856db4e8a5470cadf6fce23ae5244ef2e1"
+has@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
+  integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==
   dependencies:
-    inherits "^2.0.1"
+    function-bind "^1.1.1"
 
 hash-base@^3.0.0:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.0.4.tgz#5fc8686847ecd73499403319a6b0a3f3f6ae4918"
+  integrity sha1-X8hoaEfs1zSZQDMZprCj8/auSRg=
   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"
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
+  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
   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"
+    minimalistic-assert "^1.0.1"
 
 hmac-drbg@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
+  integrity sha1-0nRXAQJabHdabFRXk+1QL8DGSaE=
   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"
+  version "2.8.5"
+  resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.5.tgz#759cfcf2c4d156ade59b0b2dfabddc42a6b9c70c"
+  integrity sha512-kssjab8CvdXfcXMXVcvsXum4Hwdq9XGtRD3TteMEvEbq0LXyiNQr6AprqKqfeaDXze7SxWvRxdpwE6ku7ikLkg==
 
-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"
+html-encoding-sniffer@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-1.0.2.tgz#e70d84b94da53aa375e11fe3a351be6642ca46f8"
+  integrity sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==
   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"
+  integrity sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=
   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"
+https-browserify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
+  integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
-iconv-lite@0.4.13:
-  version "0.4.13"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.13.tgz#1f88aba4ab0b1508e8312acc39345f36e992e2f2"
+iconv-lite@0.4.24:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
 
 idx@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/idx/-/idx-2.1.0.tgz#e0c96663ff1bb2778a362bea988531f13889ffba"
+  version "2.5.6"
+  resolved "https://registry.yarnpkg.com/idx/-/idx-2.5.6.tgz#1f824595070100ae9ad585c86db08dc74f83a59d"
+  integrity sha512-WFXLF7JgPytbMgelpRY46nHz5tyDcedJ76pLV+RJWdb8h33bxFq4bdZau38DhNSzk5eVniBf1K3jwfK+Lb5nYA==
 
 ieee754@^1.1.4:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.8.tgz#be33d40ac10ef1926701f6f08a2d86fbfd1ad3e4"
+  version "1.1.13"
+  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.13.tgz#ec168558e95aa181fd87d37f55c32bbcb6708b84"
+  integrity sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg==
+
+iferr@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
+  integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
+
+import-local@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
+  integrity sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==
+  dependencies:
+    pkg-dir "^3.0.0"
+    resolve-cwd "^2.0.0"
 
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
+  integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
 
-indexof@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
+infer-owner@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
+  integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
 
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
   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, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
 inherits@2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
+  integrity sha1-sX0I0ya0Qj5Wjv9xn5GwscvfafE=
 
-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"
+inherits@2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
+  integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-invariant@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
+invariant@^2.2.2, invariant@^2.2.4:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
+  integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
   dependencies:
     loose-envify "^1.0.0"
 
-invert-kv@^1.0.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/invert-kv/-/invert-kv-1.0.0.tgz#104a8e4aaca6d3d8cd157a8ef8bfab2d7a3ffdb6"
+  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-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
+  integrity sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=
 
 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"
+  integrity sha1-dfFmQrSA8YenEcgUFh/TpKdlWJg=
   dependencies:
     binary-extensions "^1.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-callable@^1.1.4:
   version "1.1.5"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.5.tgz#1f3b26ef613b214b88cbca23cc6c01d87961eecc"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
+  integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
 
-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"
+is-ci@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
+  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
   dependencies:
-    builtin-modules "^1.0.0"
+    ci-info "^2.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"
+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:
-    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"
+    kind-of "^3.0.2"
 
-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"
+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:
-    is-primitive "^2.0.0"
+    kind-of "^6.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-date-object@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.2.tgz#bda736f2cd8fd06d32844e7743bfa7494c3bfd7e"
+  integrity sha512-USlDT524woQ08aoZFzh3/Z6ch9Y/EWXEHQ/AaRN0SkKq4t2Jw2R2339tSXmwuVoY7LLlBCbOIlx2myP/L5zk0g==
 
-is-extglob@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
+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-finite@^1.0.0:
+is-descriptor@^1.0.0, is-descriptor@^1.0.2:
   version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.0.2.tgz#cc6677695602be550ef11e8b4aa6305342b6d0aa"
+  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.2.tgz#3b159746a66604b04f8c81524ba365c5f14d86ec"
+  integrity sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==
   dependencies:
-    number-is-nan "^1.0.0"
+    is-accessor-descriptor "^1.0.0"
+    is-data-descriptor "^1.0.0"
+    kind-of "^6.0.2"
 
-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"
+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:
-    number-is-nan "^1.0.0"
+    is-plain-object "^2.0.4"
+
+is-extglob@^2.1.0, is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
 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"
+  integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
-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"
+is-generator-fn@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
+  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
+
+is-glob@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
+  integrity sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=
   dependencies:
-    is-extglob "^1.0.0"
+    is-extglob "^2.1.0"
 
-is-number@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+is-glob@^4.0.0:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
   dependencies:
-    kind-of "^3.0.2"
+    is-extglob "^2.1.1"
 
 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-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-number@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
+  integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
 
-is-primitive@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
+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==
+  dependencies:
+    isobject "^3.0.1"
+
+is-regex@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.5.tgz#39d589a358bf18967f726967120b8fc1aed74eae"
+  integrity sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==
+  dependencies:
+    has "^1.0.3"
 
 is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
+  integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
+
+is-symbol@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.3.tgz#38e1014b9e6329be0de9d24a414fd7441ec61937"
+  integrity sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==
+  dependencies:
+    has-symbols "^1.0.1"
 
 is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
+  integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
-is-utf8@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
+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==
+
+is-wsl@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
+  integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
 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"
+  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@^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=
+
 isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
+  integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
-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:
+istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
+  integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
+
+istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz#a5f63d91f0bbc0c3e479ef4c5de027335ec6d630"
+  integrity sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==
+  dependencies:
+    "@babel/generator" "^7.4.0"
+    "@babel/parser" "^7.4.3"
+    "@babel/template" "^7.4.0"
+    "@babel/traverse" "^7.4.3"
+    "@babel/types" "^7.4.0"
+    istanbul-lib-coverage "^2.0.5"
+    semver "^6.0.0"
+
+istanbul-lib-report@^2.0.4:
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz#5a8113cd746d43c4889eba36ab10e7d50c9b4f33"
+  integrity sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==
+  dependencies:
+    istanbul-lib-coverage "^2.0.5"
+    make-dir "^2.1.0"
+    supports-color "^6.1.0"
+
+istanbul-lib-source-maps@^3.0.1:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz#284997c48211752ec486253da97e3879defba8c8"
+  integrity sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==
+  dependencies:
+    debug "^4.1.1"
+    istanbul-lib-coverage "^2.0.5"
+    make-dir "^2.1.0"
+    rimraf "^2.6.3"
+    source-map "^0.6.1"
+
+istanbul-reports@^2.2.6:
+  version "2.2.6"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.6.tgz#7b4f2660d82b29303a8fe6091f8ca4bf058da1af"
+  integrity sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==
+  dependencies:
+    handlebars "^4.1.2"
+
+jest-changed-files@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
+  integrity sha512-6aTWpe2mHF0DhL28WjdkO8LyGjs3zItPET4bMSeXU6T3ub4FPMw+mcOcbdGXQOAfmLcxofD23/5Bl9Z4AkFwqg==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    execa "^1.0.0"
     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"
+jest-cli@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.9.0.tgz#ad2de62d07472d419c6abc301fc432b98b10d2af"
+  integrity sha512-+VLRKyitT3BWoMeSUIHRxV/2g8y9gw91Jh5z2UmXZzkZKpbC08CSehVxgHUwTpy+HwGcns/tqafQDJW7imYvGg==
   dependencies:
-    ansi-escapes "^3.0.0"
+    "@jest/core" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.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:
+    exit "^0.1.2"
+    import-local "^2.0.0"
+    is-ci "^2.0.0"
+    jest-config "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    prompts "^2.0.1"
+    realpath-native "^1.1.0"
+    yargs "^13.3.0"
+
+jest-config@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.9.0.tgz#fb1bbc60c73a46af03590719efa4825e6e4dd1b5"
+  integrity sha512-RATtQJtVYQrp7fvWg6f5y3pEFj9I+H8sWw4aKxnDZ96mob5i5SD6ZEGWgMLXQ4LE8UurrjbdlLWdUeo+28QpfQ==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/test-sequencer" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    babel-jest "^24.9.0"
     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"
+    jest-environment-jsdom "^24.9.0"
+    jest-environment-node "^24.9.0"
+    jest-get-type "^24.9.0"
+    jest-jasmine2 "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-resolve "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    micromatch "^3.1.10"
+    pretty-format "^24.9.0"
+    realpath-native "^1.1.0"
+
+jest-diff@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.9.0.tgz#931b7d0d5778a1baf7452cb816e325e3724055da"
+  integrity sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==
   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"
+    diff-sequences "^24.9.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.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"
+jest-docblock@^24.3.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-24.9.0.tgz#7970201802ba560e1c4092cc25cbedf5af5a8ce2"
+  integrity sha512-F1DjdpDMJMA1cN6He0FNYNZlo3yYmOtRUnktrT9Q37njYzC5WEaDdmbynIgy0L/IvXvvgsG8OsqhLPXTpfmZAA==
   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"
+    detect-newline "^2.1.0"
 
-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"
+jest-each@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.9.0.tgz#eb2da602e2a610898dbc5f1f6df3ba86b55f8b05"
+  integrity sha512-ONi0R4BvW45cw8s2Lrx8YgbeXL1oCQ/wIDwmsM3CqM/nlblNCPmnC3IPQlMbRFZu3wKdQ2U8BqM6lh3LJ5Bsog==
   dependencies:
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    jest-get-type "^24.9.0"
+    jest-util "^24.9.0"
+    pretty-format "^24.9.0"
+
+jest-environment-jsdom@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.9.0.tgz#4b0806c7fc94f95edb369a69cc2778eec2b7375b"
+  integrity sha512-Zv9FV9NBRzLuALXjvRijO2351DRQeLYXtpD4xNvfoVFw21IOKNhZAEUKcbiEtjTkm2GsJ3boMVgkaR7rN8qetA==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-util "^24.9.0"
+    jsdom "^11.5.1"
+
+jest-environment-node@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.9.0.tgz#333d2d2796f9687f2aeebf0742b519f33c1cbfd3"
+  integrity sha512-6d4V2f4nxzIzwendo27Tr0aFm+IXWa0XEUnaH6nU0FMaozxovt+sfRvh4J47wL1OvF83I3SSTu0XK+i4Bqe7uA==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-util "^24.9.0"
+
+jest-get-type@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
+  integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
+
+jest-haste-map@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.9.0.tgz#b38a5d64274934e21fa417ae9a9fbeb77ceaac7d"
+  integrity sha512-kfVFmsuWui2Sj1Rp1AJ4D9HqJwE4uwTlS/vO+eRUaMmd54BFpli2XhMQnPC2k4cHFVbB2Q2C+jtI1AGLgEnCjQ==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    anymatch "^2.0.0"
     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"
+    graceful-fs "^4.1.15"
+    invariant "^2.2.4"
+    jest-serializer "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.9.0"
+    micromatch "^3.1.10"
+    sane "^4.0.3"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^1.2.7"
 
-jest-jasmine2@^21.2.1:
-  version "21.2.1"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-21.2.1.tgz#9cc6fc108accfa97efebce10c4308548a4ea7592"
+jest-jasmine2@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.9.0.tgz#1f7b1bd3242c1774e62acabb3646d96afc3be6a0"
+  integrity sha512-Cq7vkAgaYKp+PsX+2/JbTarrk0DmNhsEtqBXNwUHkdlbrTBLtMJINADf2mf5FkowNsq8evbPc07/qFO0AdKTzw==
   dependencies:
+    "@babel/traverse" "^7.1.0"
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
     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"
+    co "^4.6.0"
+    expect "^24.9.0"
+    is-generator-fn "^2.0.0"
+    jest-each "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    pretty-format "^24.9.0"
+    throat "^4.0.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"
+jest-leak-detector@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.9.0.tgz#b665dea7c77100c5c4f7dfcb153b65cf07dcf96a"
+  integrity sha512-tYkFIDsiKTGwb2FG1w8hX9V0aUb2ot8zY/2nFg087dUageonw1zrLMP4W6zsRO59dPkTSKie+D4rhMuP9nRmrA==
   dependencies:
-    chalk "^2.0.1"
-    jest-get-type "^21.2.0"
-    pretty-format "^21.2.1"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
 
-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"
+jest-matcher-utils@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz#f5b3661d5e628dffe6dd65251dfdae0e87c3a073"
+  integrity sha512-OZz2IXsu6eaiMAwe67c1T+5tUAtQyQx27/EMEkbFAGiw52tB9em+uGbzpcgYVpA8wl0hlxKPZxrly4CXU/GjHA==
   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-diff "^24.9.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
+
+jest-message-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.9.0.tgz#527f54a1e380f5e202a8d1149b0ec872f43119e3"
+  integrity sha512-oCj8FiZ3U0hTP4aSui87P4L4jC37BtQwUMqk+zk/b11FR19BJDeZsZAvIHutWnmtw7r85UmR3CEWZ0HWU2mAlw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.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-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"
+jest-mock@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.9.0.tgz#c22835541ee379b908673ad51087a2185c13f1c6"
+  integrity sha512-3BEYN5WbSq9wd+SyLDES7AHnjH9A/ROBwmz7l2y+ol+NtSFO8DYiEBzoO1CeFc9a8DYy10EO4dDFVv/wN3zl1w==
   dependencies:
-    jest-regex-util "^21.2.0"
+    "@jest/types" "^24.9.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"
+jest-pnp-resolver@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
+  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
+
+jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.9.0.tgz#c13fb3380bde22bf6575432c493ea8fe37965636"
+  integrity sha512-05Cmb6CuxaA+Ys6fjr3PhvV3bGQmO+2p2La4hFbU+W5uOc479f7FdLXUWXw4pYMAhhSZIuKHwSXSu6CsSBAXQA==
+
+jest-resolve-dependencies@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.9.0.tgz#ad055198959c4cfba8a4f066c673a3f0786507ab"
+  integrity sha512-Fm7b6AlWnYhT0BXy4hXpactHIqER7erNgIsIozDXWl5dVm+k8XdGVe1oTg1JyaFnOxarMEbax3wyRJqGP2Pq+g==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-snapshot "^24.9.0"
+
+jest-resolve@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.9.0.tgz#dff04c7687af34c4dd7e524892d9cf77e5d17321"
+  integrity sha512-TaLeLVL1l08YFZAt3zaPtjiVvyy4oSA6CRe+0AFPPVX3Q/VI0giIWWoAvoS5L96vj9Dqxj4fB5p2qrHCmTU/MQ==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    browser-resolve "^1.11.3"
     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"
+    jest-pnp-resolver "^1.2.1"
+    realpath-native "^1.1.0"
+
+jest-runner@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.9.0.tgz#574fafdbd54455c2b34b4bdf4365a23857fcdf42"
+  integrity sha512-KksJQyI3/0mhcfspnxxEOBueGrd5E4vV7ADQLT9ESaCzz02WnbdbKWIf5Mkaucoaj7obQckYPVX6JJhgUcoWWg==
+  dependencies:
+    "@jest/console" "^24.7.1"
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.4.2"
+    exit "^0.1.2"
+    graceful-fs "^4.1.15"
+    jest-config "^24.9.0"
+    jest-docblock "^24.3.0"
+    jest-haste-map "^24.9.0"
+    jest-jasmine2 "^24.9.0"
+    jest-leak-detector "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-resolve "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.6.0"
+    source-map-support "^0.5.6"
     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"
+jest-runtime@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.9.0.tgz#9f14583af6a4f7314a6a9d9f0226e1a781c8e4ac"
+  integrity sha512-8oNqgnmF3v2J6PVRM2Jfuj8oX3syKmaynlDMMKQ4iyzbQzIG6th5ub/lM2bCMTmoTKM3ykcUYI2Pw9xwNtjMnw==
+  dependencies:
+    "@jest/console" "^24.7.1"
+    "@jest/environment" "^24.9.0"
+    "@jest/source-map" "^24.3.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/yargs" "^13.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"
+    exit "^0.1.2"
+    glob "^7.1.3"
+    graceful-fs "^4.1.15"
+    jest-config "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-resolve "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    realpath-native "^1.1.0"
+    slash "^2.0.0"
+    strip-bom "^3.0.0"
+    yargs "^13.3.0"
+
+jest-serializer@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
+  integrity sha512-DxYipDr8OvfrKH3Kel6NdED3OXxjvxXZ1uIY2I9OFbGg+vUkkg7AGvi65qbhbWNPvDckXmzMPbK3u3HaDO49bQ==
+
+jest-snapshot@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.9.0.tgz#ec8e9ca4f2ec0c5c87ae8f925cf97497b0e951ba"
+  integrity sha512-uI/rszGSs73xCM0l+up7O7a40o90cnrk429LOiK3aeTvfC0HHmldbd81/B7Ix81KSFe1lwkbl7GnBGG4UfuDew==
   dependencies:
+    "@babel/types" "^7.0.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.0.1"
-    jest-diff "^21.2.1"
-    jest-matcher-utils "^21.2.1"
+    expect "^24.9.0"
+    jest-diff "^24.9.0"
+    jest-get-type "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-resolve "^24.9.0"
     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"
+    pretty-format "^24.9.0"
+    semver "^6.2.0"
+
+jest-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.9.0.tgz#7396814e48536d2e85a37de3e4c431d7cb140162"
+  integrity sha512-x+cZU8VRmOJxbA1K5oDBdxQmdq0OIdADarLxk0Mq+3XS4jgvhG/oKGWcIDCtPG0HgjxOYvF+ilPJQsAyXfbNOg==
+  dependencies:
+    "@jest/console" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/source-map" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    callsites "^3.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"
+    graceful-fs "^4.1.15"
+    is-ci "^2.0.0"
     mkdirp "^0.5.1"
+    slash "^2.0.0"
+    source-map "^0.6.0"
 
-jest-validate@^21.2.1:
-  version "21.2.1"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-21.2.1.tgz#cc0cbca653cd54937ba4f2a111796774530dd3c7"
+jest-validate@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.9.0.tgz#0775c55360d173cd854e40180756d4ff52def8ab"
+  integrity sha512-HPIt6C5ACwiqSiwi+OfSSHbK8sG7akG8eATl+IPKaeIjtPOeBUd/g3J7DghugzxrGjI93qS/+RPKe1H6PqvhRQ==
   dependencies:
+    "@jest/types" "^24.9.0"
+    camelcase "^5.3.1"
     chalk "^2.0.1"
-    jest-get-type "^21.2.0"
-    leven "^2.1.0"
-    pretty-format "^21.2.1"
+    jest-get-type "^24.9.0"
+    leven "^3.1.0"
+    pretty-format "^24.9.0"
+
+jest-watcher@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.9.0.tgz#4b56e5d1ceff005f5b88e528dc9afc8dd4ed2b3b"
+  integrity sha512-+/fLOfKPXXYJDYlks62/4R4GoT+GU1tYZed99JSCOsmzkkF7727RqKrjNAxtfO4YpGv11wybgRvCjR73lK2GZw==
+  dependencies:
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/yargs" "^13.0.0"
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    jest-util "^24.9.0"
+    string-length "^2.0.0"
 
-jest@^21.2.1:
-  version "21.2.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-21.2.1.tgz#c964e0b47383768a1438e3ccf3c3d470327604e1"
+jest-worker@^24.6.0, jest-worker@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
+  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
   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"
+    merge-stream "^2.0.0"
+    supports-color "^6.1.0"
 
-js-yaml@^3.7.0:
-  version "3.10.0"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.10.0.tgz#2e78441646bd4682e963f22b6e92823c309c62dc"
+jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-24.9.0.tgz#987d290c05a08b52c56188c1002e368edb007171"
+  integrity sha512-YvkBL1Zm7d2B1+h5fHEOdyjCG+sGMz4f8D86/0HiqJ6MB4MnDc8FgP5vdWsGnemOQro7lnYo8UakZ3+5A0jxGw==
   dependencies:
-    argparse "^1.0.7"
-    esprima "^4.0.0"
+    import-local "^2.0.0"
+    jest-cli "^24.9.0"
+
+js-levenshtein@^1.1.3:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
+  integrity sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==
+
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
+  integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
 jsbn@~0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
+  integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsdom@^9.12.0:
-  version "9.12.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-9.12.0.tgz#e8c546fffcb06c00d4833ca84410fed7f8a097d4"
+jsdom@^11.5.1:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
+  integrity sha512-y8Px43oyiBM13Zc1z780FrfNLJCXTL40EWlty/LXUtcjykRBNgLlCjWXpfSPBl2iv+N7koQN+dvqszHZgT/Fjw==
   dependencies:
-    abab "^1.0.3"
-    acorn "^4.0.4"
-    acorn-globals "^3.1.0"
+    abab "^2.0.0"
+    acorn "^5.5.3"
+    acorn-globals "^4.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"
+    cssstyle "^1.0.0"
+    data-urls "^1.0.0"
+    domexception "^1.0.1"
+    escodegen "^1.9.1"
+    html-encoding-sniffer "^1.0.2"
+    left-pad "^1.3.0"
+    nwsapi "^2.0.7"
+    parse5 "4.0.0"
+    pn "^1.1.0"
+    request "^2.87.0"
+    request-promise-native "^1.0.5"
+    sax "^1.2.4"
+    symbol-tree "^3.2.2"
+    tough-cookie "^2.3.4"
+    w3c-hr-time "^1.0.1"
+    webidl-conversions "^4.0.2"
+    whatwg-encoding "^1.0.3"
+    whatwg-mimetype "^2.1.0"
+    whatwg-url "^6.4.1"
+    ws "^5.2.0"
+    xml-name-validator "^3.0.0"
+
+jsesc@^2.5.1:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+  integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
 
 jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
+  integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
-json-loader@^0.5.4:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/json-loader/-/json-loader-0.5.7.tgz#dca14a70235ff82f0ac9a3abeb60d337a365185d"
+json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
+  integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
 
-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-traverse@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
+  integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==
 
 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"
+  integrity sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=
 
 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"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
-json5@^0.5.0, json5@^0.5.1:
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
+json5@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
+  integrity sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==
+  dependencies:
+    minimist "^1.2.0"
 
-jsonify@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
+json5@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/json5/-/json5-2.1.1.tgz#81b6cb04e9ba496f1c7005d07b4368a2638f90b6"
+  integrity sha512-l+3HXD0GEI3huGq1njuqtzYK8OYJyXMkOLtQ53pjWh89tvWS2h6l+1zMkYWqlb57+SiQodKZyvMEFb2X+KrFhQ==
+  dependencies:
+    minimist "^1.2.0"
 
 jsprim@^1.2.2:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.1.tgz#313e66bc1e5cc06e438bc1b7499c2e5c56acb6a2"
+  integrity sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=
   dependencies:
     assert-plus "1.0.0"
     extsprintf "1.3.0"
     json-schema "0.2.3"
     verror "1.10.0"
 
-kind-of@^3.0.2:
+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"
 
-lazy-cache@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
+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"
-  dependencies:
-    invert-kv "^1.0.0"
+kleur@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-leven@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-2.1.0.tgz#c2e7a9f772094dee9d34202ae8acce4687875580"
+left-pad@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e"
+  integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==
+
+leven@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
+  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
 
 levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
+  integrity sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=
   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"
+load-json-file@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
+  integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
   dependencies:
     graceful-fs "^4.1.2"
-    parse-json "^2.2.0"
-    pify "^2.0.0"
+    parse-json "^4.0.0"
+    pify "^3.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-runner@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
+  integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
-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"
+loader-utils@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.2.3.tgz#1ff5dc6911c9f0a062531a4c04b609406108c2c7"
+  integrity sha512-fkpz8ejdnEMG3s37wGL07iSBDg99O9D5yflE9RGNH3hRdx9SOwYfnGYdZOUIZitN8E+E2vkq3MUMYMvPYl5ZZA==
   dependencies:
-    big.js "^3.1.3"
+    big.js "^5.2.2"
     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"
+    json5 "^1.0.1"
 
 locate-path@^3.0.0:
   version "3.0.0"
@@ -2403,332 +3362,458 @@ locate-path@^3.0.0:
     p-locate "^3.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"
+lodash.sortby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
+  integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
 
-longest@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/longest/-/longest-1.0.1.tgz#30a0b2da38f73770e8294a0d22e6625ed77d0097"
+lodash@^4.17.13, lodash@^4.17.15:
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
+  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
 
 loose-envify@^1.0.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.3.1.tgz#d1a8ad33fa9ce0e713d65fdd0ac8b748d478c848"
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
   dependencies:
-    js-tokens "^3.0.0"
+    js-tokens "^3.0.0 || ^4.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"
+lru-cache@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
+  integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==
   dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
+    yallist "^3.0.2"
 
-make-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.0.0.tgz#97a011751e91dd87cfadef58832ebb04936de978"
+make-dir@^2.0.0, make-dir@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
+  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
   dependencies:
-    pify "^2.3.0"
+    pify "^4.0.1"
+    semver "^5.6.0"
 
 makeerror@1.0.x:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
+  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
   dependencies:
     tmpl "1.0.x"
 
+mamacro@^0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/mamacro/-/mamacro-0.0.3.tgz#ad2c9576197c9f1abf308d0787865bd975a3f3e4"
+  integrity sha512-qMEwh+UujcQ+kbz3T6V+wAmO2U8veoq2w+3wY8MquqwVA3jChfwY+Tk52GZKDfACEPjuZ7r2oJLejwpt8jtwTA==
+
+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"
+
+math-random@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.4.tgz#5dd6943c938548267016d4e34f057583080c514c"
+  integrity sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==
+
 md5.js@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.4.tgz#e9bdbde94a20a5ac18b04340fc5764d5b09d901d"
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
+  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
   dependencies:
     hash-base "^3.0.0"
     inherits "^2.0.1"
+    safe-buffer "^5.1.2"
 
-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:
+memory-fs@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
+  integrity sha1-OpoguEYlI+RHz7x+i7gO1me/xVI=
   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"
+memory-fs@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
+  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
+  dependencies:
+    errno "^0.1.3"
+    readable-stream "^2.0.1"
+
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+micromatch@^3.1.10, micromatch@^3.1.4:
+  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"
 
 miller-rabin@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
+  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
   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-db@1.42.0:
+  version "1.42.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.42.0.tgz#3e252907b4c7adb906597b4b65636272cf9e7bac"
+  integrity sha512-UbfJCR4UAVRNgMpfImz05smAXK7+c+ZntjaA26ANtkXLlOe947Aag5zdIcKQULAiF9Cq4WxBi9jUs5zkA84bYQ==
 
-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"
+mime-types@^2.1.12, mime-types@~2.1.19:
+  version "2.1.25"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.25.tgz#39772d46621f93e2a80a856c53b86a62156a6437"
+  integrity sha512-5KhStqB5xpTAeGqKBAMgwaYMnQik7teQN4IAzC7npDv6kzeU6prfkR67bc87J1kWMPGkoaZSq1npmexMgkmEVg==
   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"
+    mime-db "1.42.0"
 
-minimalistic-assert@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz#702be2dda6b37f4836bcb3f5db56641b64a1d3d3"
+minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
+  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
 
 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"
+  integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-minimatch@^3.0.0, minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4:
+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==
   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"
+  integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
 minimist@^1.1.1, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
+  integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
 minimist@~0.0.1:
   version "0.0.10"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
+  integrity sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=
+
+mississippi@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
+  integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==
+  dependencies:
+    concat-stream "^1.5.0"
+    duplexify "^3.4.2"
+    end-of-stream "^1.1.0"
+    flush-write-stream "^1.0.0"
+    from2 "^2.1.0"
+    parallel-transform "^1.1.0"
+    pump "^3.0.0"
+    pumpify "^1.3.3"
+    stream-each "^1.1.0"
+    through2 "^2.0.0"
+
+mixin-deep@^1.2.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
+  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
+  dependencies:
+    for-in "^1.0.2"
+    is-extendable "^1.0.1"
 
-"mkdirp@>=0.5 0", mkdirp@^0.5.1, mkdirp@~0.5.0:
+mkdirp@^0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
   dependencies:
     minimist "0.0.8"
 
+move-concurrently@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
+  integrity sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=
+  dependencies:
+    aproba "^1.1.1"
+    copy-concurrently "^1.0.0"
+    fs-write-stream-atomic "^1.0.8"
+    mkdirp "^0.5.1"
+    rimraf "^2.5.4"
+    run-queue "^1.0.3"
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
+  integrity sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=
 
-nan@^2.3.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.7.0.tgz#d95bf721ec877e08db276ed3fc6eb78f9083ad46"
+ms@^2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
+  integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
+
+nan@^2.12.1:
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
+  integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
+
+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"
 
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+
+neo-async@^2.5.0, neo-async@^2.6.0, neo-async@^2.6.1:
+  version "2.6.1"
+  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
+  integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
+
+nice-try@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
+  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
 
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
 
-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"
+node-libs-browser@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
+  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
   dependencies:
     assert "^1.1.1"
-    browserify-zlib "^0.1.4"
+    browserify-zlib "^0.2.0"
     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"
+    events "^3.0.0"
+    https-browserify "^1.0.0"
+    os-browserify "^0.3.0"
+    path-browserify "0.0.1"
+    process "^0.11.10"
     punycode "^1.2.4"
     querystring-es3 "^0.2.0"
-    readable-stream "^2.0.5"
+    readable-stream "^2.3.3"
     stream-browserify "^2.0.1"
-    stream-http "^2.3.1"
-    string_decoder "^0.10.25"
-    timers-browserify "^2.0.2"
+    stream-http "^2.7.2"
+    string_decoder "^1.0.0"
+    timers-browserify "^2.0.4"
     tty-browserify "0.0.0"
     url "^0.11.0"
-    util "^0.10.3"
-    vm-browserify "0.0.4"
+    util "^0.11.0"
+    vm-browserify "^1.0.1"
 
-node-notifier@^5.0.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.1.2.tgz#2fa9e12605fa10009d44549d6fcd8a63dde0e4ff"
+node-modules-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
+  integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
+
+node-notifier@^5.4.2:
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
+  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
   dependencies:
     growly "^1.3.0"
-    semver "^5.3.0"
-    shellwords "^0.1.0"
-    which "^1.2.12"
+    is-wsl "^1.1.0"
+    semver "^5.5.0"
+    shellwords "^0.1.1"
+    which "^1.3.0"
 
-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"
+node-releases@^1.1.42:
+  version "1.1.43"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.43.tgz#2c6ca237f88ce11d49631f11190bb01f8d0549f2"
+  integrity sha512-Rmfnj52WNhvr83MvuAWHEqXVoZXCcDQssSOffU4n4XOL9sPrP61mSZ88g25NqmABDvH7PiAlFCzoSCSdzA293w==
   dependencies:
-    abbrev "1"
-    osenv "^0.1.4"
+    semver "^6.3.0"
 
 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"
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
+  integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
   dependencies:
     hosted-git-info "^2.1.4"
-    is-builtin-module "^1.0.0"
+    resolve "^1.10.0"
     semver "2 || 3 || 4 || 5"
     validate-npm-package-license "^3.0.1"
 
-normalize-path@^2.0.0, normalize-path@^2.0.1:
+normalize-path@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
+  integrity sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=
   dependencies:
     remove-trailing-separator "^1.0.1"
 
+normalize-path@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
+  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
+
 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"
+  integrity sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=
   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.4.4:
+  version "1.4.4"
+  resolved "https://registry.yarnpkg.com/nwmatcher/-/nwmatcher-1.4.4.tgz#2285631f34a95f0d0395cd900c96ed39b58f346e"
+  integrity sha512-3iuY4N5dhgMpCUrOVnuAdGrgxVqV2cJpM+XNccjR2DKOB1RUP0aA+wGXEiNziG/UKboFyGBIoKOaNlJxx8bciQ==
 
-"nwmatcher@>= 1.3.9 < 2.0.0":
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/nwmatcher/-/nwmatcher-1.4.3.tgz#64348e3b3d80f035b40ac11563d278f8b72db89c"
+nwsapi@^2.0.7:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
+  integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
 
-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"
+oauth-sign@~0.9.0:
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
+  integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
 
-object-assign@^4.0.1, object-assign@^4.1.0:
+object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
 
-object.omit@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
+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:
-    for-own "^0.1.4"
-    is-extendable "^0.1.1"
+    copy-descriptor "^0.1.0"
+    define-property "^0.2.5"
+    kind-of "^3.0.3"
+
+object-inspect@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
+  integrity sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==
+
+object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+  integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+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.assign@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.0.tgz#968bf1100d7956bb3ca086f006f846b3bc4008da"
+  integrity sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==
+  dependencies:
+    define-properties "^1.1.2"
+    function-bind "^1.1.1"
+    has-symbols "^1.0.0"
+    object-keys "^1.0.11"
 
-once@^1.3.0, once@^1.3.3, once@^1.4.0:
+object.getownpropertydescriptors@^2.0.3:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.0.tgz#369bf1f9592d8ab89d712dced5cb81c7c5352649"
+  integrity sha512-Z53Oah9A3TdLoblT7VKJaTDdXdT+lQO+cNpKVnya5JDe9uLvzu1YyY1yFDFrcxrlRgWrEFH0jJtD/IbuwjcEVg==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+
+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"
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
   dependencies:
     wrappy "1"
 
 optimist@^0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
+  integrity sha1-2j6nRob6IaGaERwybpDrFaAZZoY=
   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"
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
+  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
   dependencies:
     deep-is "~0.1.3"
-    fast-levenshtein "~2.0.4"
+    fast-levenshtein "~2.0.6"
     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"
+    word-wrap "~1.2.3"
 
-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"
+os-browserify@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
+  integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
 
-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"
+p-each-series@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-1.0.0.tgz#930f3d12dd1f50e7434457a22cd6f04ac6ad7f71"
+  integrity sha1-kw89Et0fUOdDRFeiLNbwSsatf3E=
   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-reduce "^1.0.0"
 
 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"
+  integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
 
 p-limit@^2.0.0:
   version "2.2.1"
@@ -2737,12 +3822,6 @@ p-limit@^2.0.0:
   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"
-  dependencies:
-    p-limit "^1.1.0"
-
 p-locate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
@@ -2750,87 +3829,101 @@ p-locate@^3.0.0:
   dependencies:
     p-limit "^2.0.0"
 
+p-reduce@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-1.0.0.tgz#18c2b0dd936a4690a529f8231f58a0fdb6a47dfa"
+  integrity sha1-GMKw3ZNqRpClKfgjH1ig/bakffo=
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
-pako@~0.2.0:
-  version "0.2.9"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
+pako@~1.0.5:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.10.tgz#4328badb5086a426aa90f541977d4955da5c9732"
+  integrity sha512-0DTvPVU3ed8+HNXOu5Bs+o//Mbdj9VNQMUOe9oKCwh8l0GNwpTDMKCWbRjgtD291AWnkAgkqA/LOnQS8AmS1tw==
+
+parallel-transform@^1.1.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
+  integrity sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==
+  dependencies:
+    cyclist "^1.0.1"
+    inherits "^2.0.3"
+    readable-stream "^2.1.5"
 
 parse-asn1@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.0.tgz#37c4f9b7ed3ab65c74817b5f2480937fbf97c712"
+  version "5.1.5"
+  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.5.tgz#003271343da58dc94cace494faef3d2147ecea0e"
+  integrity sha512-jkMYn1dcJqF6d5CpU689bq7w/b5ALS9ROVSpQDPrZsqqesUJii9qutvoT5ltGedNXMO2e16YUWIghG9KxaViTQ==
   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"
+    safe-buffer "^5.1.1"
 
-parse-glob@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
+  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
   dependencies:
-    glob-base "^0.3.0"
-    is-dotfile "^1.0.0"
-    is-extglob "^1.0.0"
-    is-glob "^2.0.0"
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
 
-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@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
+  integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==
 
-parse5@^1.5.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-1.5.1.tgz#9b7f3b0de32be78dc2401b17573ccaf0f6f59d94"
+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-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.0.tgz#a0b870729aae214005b7d5032ec2cbbb0fb4451a"
+path-browserify@0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
+  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
 
-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-dirname@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
+  integrity sha1-zDPSTVJeCZpTiMAzbG4yuRYGCeA=
 
 path-exists@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
 
-path-is-absolute@^1.0.0, path-is-absolute@^1.0.1:
+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"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-key@^2.0.0:
+path-key@^2.0.0, path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
+  integrity sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=
 
-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-parse@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
+  integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
 
-path-type@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
+path-type@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
+  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
   dependencies:
-    pify "^2.0.0"
+    pify "^3.0.0"
 
 pbkdf2@^3.0.3:
-  version "3.0.14"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.14.tgz#a35e13c64799b06ce15320f459c230e68e73bade"
+  version "3.0.17"
+  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
+  integrity sha512-U/il5MsrZp7mGg3mSQfn742na2T+1/vHDCG5/iTI3X9MKUuYUZVLQhyRsg06mCgDBTd57TxzgZt7P+fYfjRLtA==
   dependencies:
     create-hash "^1.1.2"
     create-hmac "^1.1.4"
@@ -2838,373 +3931,514 @@ pbkdf2@^3.0.3:
     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"
+  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
 
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
 
-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"
+pify@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
+  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
 
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
+pirates@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.1.tgz#643a92caf894566f91b2b986d2c66950a8e2fb87"
+  integrity sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==
+  dependencies:
+    node-modules-regexp "^1.0.0"
 
-pkg-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+pkg-dir@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
+  integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
   dependencies:
-    find-up "^2.1.0"
+    find-up "^3.0.0"
+
+pn@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
+  integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
+
+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=
 
 prelude-ls@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
+  integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
-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"
+pretty-format@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
+  integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
   dependencies:
-    ansi-regex "^3.0.0"
+    "@jest/types" "^24.9.0"
+    ansi-regex "^4.0.0"
     ansi-styles "^3.2.0"
+    react-is "^16.8.4"
 
-private@^0.1.6, private@^0.1.7:
+private@^0.1.6:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
+  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
 
-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-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process@^0.11.0:
+process@^0.11.10:
   version "0.11.10"
   resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+  integrity sha1-czIwDoQBYb2j5podHZGn1LwW8YI=
 
-prr@~0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-0.0.0.tgz#1a84b85908325501411853d0081ee3fa86e2926a"
+promise-inflight@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/promise-inflight/-/promise-inflight-1.0.1.tgz#98472870bf228132fcbdd868129bad12c3c029e3"
+  integrity sha1-mEcocL8igTL8vdhoEputEsPAKeM=
 
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
+prompts@^2.0.1:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.3.0.tgz#a444e968fa4cc7e86689a74050685ac8006c4cc4"
+  integrity sha512-NfbbPPg/74fT7wk2XYQ7hAIp9zJyZp5Fu19iRbORqqy1BhtrkZ0fPafBU+7bmn8ie69DpT0R6QpJIN2oisYjJg==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.3"
+
+prr@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
+  integrity sha1-0/wRS6BplaRexok/SEzrHXj19HY=
+
+psl@^1.1.24, psl@^1.1.28:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/psl/-/psl-1.6.0.tgz#60557582ee23b6c43719d9890fb4170ecd91e110"
+  integrity sha512-SYKKmVel98NCOYXpkwUqZqh0ahZeeKfmisiLIcEZdsb+WbLv02g/dI5BUmZnIyOe7RzZtLax81nnb2HbvC2tzA==
 
 public-encrypt@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.0.tgz#39f699f3a46560dd5ebacbca693caf7c65c18cc6"
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
+  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
   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"
+    safe-buffer "^5.1.2"
+
+pump@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
+  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pump@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
+  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
+  dependencies:
+    end-of-stream "^1.1.0"
+    once "^1.3.1"
+
+pumpify@^1.3.3:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
+  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
+  dependencies:
+    duplexify "^3.6.0"
+    inherits "^2.0.3"
+    pump "^2.0.0"
 
 punycode@1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.3.2.tgz#9653a036fb7c1ee42342f2325cceefea3926c48d"
+  integrity sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0=
 
 punycode@^1.2.4, punycode@^1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
+  integrity sha1-wNWmOycYgArY4esPpSachN1BhF4=
 
-qs@~6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.4.0.tgz#13e26d28ad6b0ffaa91312cd3bf708ed351e7233"
+punycode@^2.1.0, punycode@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
+  integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
-qs@~6.5.1:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.1.tgz#349cdf6eef89ec45c12d7d5eb3fc0c870343a6d8"
+qs@~6.5.2:
+  version "6.5.2"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.2.tgz#cb3ae806e8740444584ef154ce8ee98d403f3e36"
+  integrity sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==
 
 querystring-es3@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
+  integrity sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=
 
 querystring@0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.0.tgz#b209849203bb25df820da756e747005878521620"
+  integrity sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=
 
-randomatic@^1.1.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-1.1.7.tgz#c7abe9cc8b87c0baa876b19fde83fd464797e38c"
+randomatic@3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.0.0.tgz#d35490030eb4f7578de292ce6dfb04a91a128923"
+  integrity sha512-VdxFOIEY3mNO5PtSRkkle/hPJDHvQhK21oa73K4yAc9qmp6N429gAyF1gZMOTMeS0/AYzaV/2Trcef+NaIonSA==
   dependencies:
-    is-number "^3.0.0"
-    kind-of "^4.0.0"
+    is-number "^4.0.0"
+    kind-of "^6.0.0"
+    math-random "^1.0.1"
 
-randombytes@^2.0.0, randombytes@^2.0.1:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.0.5.tgz#dc009a246b8d09a177b4b7a0ae77bc570f4b1b79"
+randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
+  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
   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"
+randomfill@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
+  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
   dependencies:
-    find-up "^1.0.0"
-    read-pkg "^1.0.0"
+    randombytes "^2.0.5"
+    safe-buffer "^5.1.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"
+react-is@^16.8.4:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
+  integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
 
-read-pkg@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
+read-pkg-up@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-4.0.0.tgz#1b221c6088ba7799601c808f91161c66e58f8978"
+  integrity sha512-6etQSH7nJGsK0RbG/2TeDzZFa8shjQ1um+SwQQ5cwKy0dhSXdOncEhb1CPpvQG4h7FyOV6EB6YlV0yJvZQNAkA==
   dependencies:
-    load-json-file "^1.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^1.0.0"
+    find-up "^3.0.0"
+    read-pkg "^3.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"
+read-pkg@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
+  integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
   dependencies:
-    load-json-file "^2.0.0"
+    load-json-file "^4.0.0"
     normalize-package-data "^2.3.2"
-    path-type "^2.0.0"
+    path-type "^3.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"
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, 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==
   dependencies:
     core-util-is "~1.0.0"
     inherits "~2.0.3"
     isarray "~1.0.0"
-    process-nextick-args "~1.0.6"
+    process-nextick-args "~2.0.0"
     safe-buffer "~5.1.1"
-    string_decoder "~1.0.3"
+    string_decoder "~1.1.1"
     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"
+readdirp@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
+  integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
   dependencies:
-    graceful-fs "^4.1.2"
-    minimatch "^3.0.2"
+    graceful-fs "^4.1.11"
+    micromatch "^3.1.10"
     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"
+realpath-native@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
+  integrity sha512-wlgPA6cCIIg9gKz0fgAPjnzh4yR/LnXovwuo9hvyGvx3h8nX4+/iLZplfUWasXpqD8BdnGnP5njOFjkUwPzvjA==
+  dependencies:
+    util.promisify "^1.0.0"
 
-regenerator-runtime@^0.10.5:
-  version "0.10.5"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
+regenerate-unicode-properties@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.1.0.tgz#ef51e0f0ea4ad424b77bf7cb41f3e015c70a3f0e"
+  integrity sha512-LGZzkgtLY79GeXLm8Dp0BVLdQlWICzBnJz/ipWUgo59qBaZ+BHtq51P2q1uVZlppMuUAT37SDk39qUbjTWB7bA==
+  dependencies:
+    regenerate "^1.4.0"
 
-regenerator-runtime@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz#7e54fe5b5ccd5d6624ea6255c3473be090b802e1"
+regenerate@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.0.tgz#4a856ec4b56e4077c557589cae85e7a4c8869a11"
+  integrity sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==
 
-regenerator-transform@^0.10.0:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.10.1.tgz#1e4996837231da8b7f3cf4114d71b5691a0680dd"
+regenerator-transform@^0.14.0:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.14.1.tgz#3b2fce4e1ab7732c08f665dfdb314749c7ddd2fb"
+  integrity sha512-flVuee02C3FKRISbxhXl9mGzdbWUVHubl1SMaknjxkFB1/iqpJhArQUvRxOOPEc/9tAiX0BaQ28FJH10E4isSQ==
   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"
+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:
-    is-equal-shallow "^0.1.3"
+    extend-shallow "^3.0.2"
+    safe-regex "^1.1.0"
 
-regexpu-core@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-2.0.0.tgz#49d038837b8dcf8bfa5b9a42139938e6ea2ae240"
+regexpu-core@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.6.0.tgz#2037c18b327cfce8a6fea2a4ec441f2432afb8b6"
+  integrity sha512-YlVaefl8P5BnFYOITTNzDvan1ulLOiXJzCNZxduTIosN17b87h3bvG9yHMoHaRuo88H4mQ06Aodj5VtYGGGiTg==
   dependencies:
-    regenerate "^1.2.1"
-    regjsgen "^0.2.0"
-    regjsparser "^0.1.4"
+    regenerate "^1.4.0"
+    regenerate-unicode-properties "^8.1.0"
+    regjsgen "^0.5.0"
+    regjsparser "^0.6.0"
+    unicode-match-property-ecmascript "^1.0.4"
+    unicode-match-property-value-ecmascript "^1.1.0"
 
-regjsgen@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
+regjsgen@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.1.tgz#48f0bf1a5ea205196929c0d9798b42d1ed98443c"
+  integrity sha512-5qxzGZjDs9w4tzT3TPhCJqWdCc3RLYwy9J2NB0nm5Lz+S273lvWcpjaTGHsT1dc6Hhfq41uSEOw8wBmxrKOuyg==
 
-regjsparser@^0.1.4:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.1.5.tgz#7ee8f84dc6fa792d3fd0ae228d24bd949ead205c"
+regjsparser@^0.6.0:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.1.tgz#5b6b28c418f312ef42898dc6865ae2d4b9f0f7a2"
+  integrity sha512-7LutE94sz/NKSYegK+/4E77+8DipxF+Qn2Tmu362AcmsF2NYq/wx3+ObvU90TKEhjf7hQoFXo23ajjrXP7eUgg==
   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"
+  integrity sha1-wkvOKig62tW8P1jg1IJJuSN52O8=
 
 repeat-element@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.2.tgz#ef089a178d1483baae4d93eb98b4f9e4e11d990a"
+  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.5.2:
+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=
 
-repeating@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+request-promise-core@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
+  integrity sha512-QIs2+ArIGQVp5ZYbWD5ZLCY29D5CfWizP8eWnm8FoGD1TX61veauETVQbrV60662V0oFBkrDOuaBI8XgtuyYAQ==
   dependencies:
-    is-finite "^1.0.0"
+    lodash "^4.17.15"
 
-request@2.81.0:
-  version "2.81.0"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
+request-promise-native@^1.0.5:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/request-promise-native/-/request-promise-native-1.0.8.tgz#a455b960b826e44e2bf8999af64dff2bfe58cb36"
+  integrity sha512-dapwLGqkHtwL5AEbfenuzjTYg35Jd6KPytsC2/TLkVMz8rm+tNt72MGUWT1RP/aYawMpN6HqbNGBQaRcBtjQMQ==
   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-promise-core "1.1.3"
+    stealthy-require "^1.1.1"
+    tough-cookie "^2.3.3"
 
-request@^2.79.0:
-  version "2.83.0"
-  resolved "https://registry.yarnpkg.com/request/-/request-2.83.0.tgz#ca0b65da02ed62935887808e6f510381034e3356"
+request@^2.87.0:
+  version "2.88.0"
+  resolved "https://registry.yarnpkg.com/request/-/request-2.88.0.tgz#9c2fca4f7d35b592efe57c7f0a55e81052124fef"
+  integrity sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==
   dependencies:
     aws-sign2 "~0.7.0"
-    aws4 "^1.6.0"
+    aws4 "^1.8.0"
     caseless "~0.12.0"
-    combined-stream "~1.0.5"
-    extend "~3.0.1"
+    combined-stream "~1.0.6"
+    extend "~3.0.2"
     forever-agent "~0.6.1"
-    form-data "~2.3.1"
-    har-validator "~5.0.3"
-    hawk "~6.0.2"
+    form-data "~2.3.2"
+    har-validator "~5.1.0"
     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"
+    mime-types "~2.1.19"
+    oauth-sign "~0.9.0"
     performance-now "^2.1.0"
-    qs "~6.5.1"
-    safe-buffer "^5.1.1"
-    stringstream "~0.0.5"
-    tough-cookie "~2.3.3"
+    qs "~6.5.2"
+    safe-buffer "^5.1.2"
+    tough-cookie "~2.4.3"
     tunnel-agent "^0.6.0"
-    uuid "^3.1.0"
+    uuid "^3.3.2"
 
 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"
+  integrity sha1-jGStX9MNqxyXbiNE/+f3kqam30I=
 
 require-main-filename@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
   integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
 
+resolve-cwd@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
+  integrity sha1-AKn3OHVW4nA46uIyyqNypqWbZlo=
+  dependencies:
+    resolve-from "^3.0.0"
+
+resolve-from@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
+  integrity sha1-six699nWiBvItuZTM17rywoYh0g=
+
+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=
+
 resolve@1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
 
-right-align@^0.1.1:
-  version "0.1.3"
-  resolved "https://registry.yarnpkg.com/right-align/-/right-align-0.1.3.tgz#61339b722fe6a3515689210d24e14c96148613ef"
+resolve@^1.10.0, resolve@^1.3.2:
+  version "1.14.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.14.1.tgz#9e018c540fcf0c427d678b9931cbf45e984bcaff"
+  integrity sha512-fn5Wobh4cxbLzuHaE+nphztHy43/b++4M6SsGFC2gB8uYwf0C8LcarfCz1un7UTW8OFQg9iNjZ4xpcFVGebDPg==
   dependencies:
-    align-text "^0.1.1"
+    path-parse "^1.0.6"
+
+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==
 
-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"
+rimraf@^2.5.4, rimraf@^2.6.3:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
   dependencies:
-    glob "^7.0.5"
+    glob "^7.1.3"
 
 ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.1.tgz#0f4584295c53a3628af7e6d79aca21ce57d1c6e7"
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
+  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
   dependencies:
-    hash-base "^2.0.0"
+    hash-base "^3.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"
+rsvp@^4.8.4:
+  version "4.8.5"
+  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
+  integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
 
-sane@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/sane/-/sane-2.2.0.tgz#d6d2e2fcab00e3d283c93b912b7c3a20846f1d56"
+run-queue@^1.0.0, run-queue@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
+  integrity sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=
+  dependencies:
+    aproba "^1.1.1"
+
+safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
+  integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
+
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  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:
-    anymatch "^1.3.0"
-    exec-sh "^0.2.0"
+    ret "~0.1.10"
+
+"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sane@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
+  integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==
+  dependencies:
+    "@cnakazawa/watch" "^1.0.3"
+    anymatch "^2.0.0"
+    capture-exit "^2.0.0"
+    exec-sh "^0.3.2"
+    execa "^1.0.0"
     fb-watchman "^2.0.0"
-    minimatch "^3.0.2"
+    micromatch "^3.1.4"
     minimist "^1.1.1"
     walker "~1.0.5"
-    watch "~0.18.0"
-  optionalDependencies:
-    fsevents "^1.1.1"
 
-sax@^1.2.1:
+sax@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
+
+schema-utils@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
+  integrity sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==
+  dependencies:
+    ajv "^6.1.0"
+    ajv-errors "^1.0.0"
+    ajv-keywords "^3.1.0"
+
+"semver@2 || 3 || 4 || 5", semver@^5.4.1, semver@^5.5.0, semver@^5.6.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
+semver@7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
+  integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
-"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"
+semver@^6.0.0, semver@^6.2.0, 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==
 
-set-blocking@^2.0.0, set-blocking@~2.0.0:
+serialize-javascript@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-2.1.2.tgz#ecec53b0e0317bdc95ef76ab7074b7384785fa61"
+  integrity sha512-rs9OggEUF0V4jUSecXazOYsLfu7OGK2qIn3c7IPBiffz32XniEp/TX9Xmc9LQfK2nQ2QKHvZ2oygKUGU0lG4jQ==
+
+set-blocking@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
+  integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
-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"
+set-value@^2.0.0, set-value@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
+  integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-extendable "^0.1.1"
+    is-plain-object "^2.0.3"
+    split-string "^3.0.1"
 
 setimmediate@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
+  integrity sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=
 
 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"
+  version "2.4.11"
+  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.11.tgz#37a5cf0b81ecbc6943de109ba2960d1b26584ae7"
+  integrity sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==
   dependencies:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
@@ -3212,128 +4446,217 @@ sha.js@^2.4.0, sha.js@^2.4.8:
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
+  integrity sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=
   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"
+  integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
-shellwords@^0.1.0:
+shellwords@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
+  integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
 
 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"
+  integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=
 
-slash@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
+sisteransi@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.4.tgz#386713f1ef688c7c0304dc4c0632898941cad2e3"
+  integrity sha512-/ekMoM4NJ59ivGSfKapeG+FWtrmWvA1p6FBZwXrqojw90vJu8lBmrTxCMuBCydKtkaUe2zt4PlxeTKpjwMbyig==
 
-sntp@1.x.x:
-  version "1.0.9"
-  resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
+slash@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
+  integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
+
+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:
-    hoek "2.x.x"
+    define-property "^1.0.0"
+    isobject "^3.0.0"
+    snapdragon-util "^3.0.1"
 
-sntp@2.x.x:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/sntp/-/sntp-2.0.2.tgz#5064110f0af85f7cfdb7d6b67a40028ce52b4b2b"
+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:
-    hoek "4.x.x"
+    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-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"
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
+  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
-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"
+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:
-    source-map "^0.5.6"
+    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@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+source-map-support@^0.5.6, source-map-support@~0.5.12:
+  version "0.5.16"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
+  integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==
   dependencies:
-    amdefine ">=0.0.4"
+    buffer-from "^1.0.0"
+    source-map "^0.6.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.3, source-map@^0.5.6, source-map@~0.5.1, source-map@~0.5.3, source-map@~0.5.6:
+source-map@^0.5.0, 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=
 
-spdx-correct@~1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-1.0.2.tgz#4b3073d933ff51f3912f03ac5519498a4150db40"
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
+spdx-correct@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
+  integrity sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==
   dependencies:
-    spdx-license-ids "^1.0.2"
+    spdx-expression-parse "^3.0.0"
+    spdx-license-ids "^3.0.0"
 
-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-exceptions@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.2.0.tgz#2ea450aee74f2a89bfb94519c07fcd6f41322977"
+  integrity sha512-2XQACfElKi9SlVb1CYadKDXvoajPgBVPn/gOQLrTvHdElaVhr7ZEbqJaRnJLVNeaI4cMEAgVCeBMKF6MWRDCRA==
 
-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"
+spdx-expression-parse@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz#99e119b7a5da00e05491c9fa338b7904823b41d0"
+  integrity sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==
+  dependencies:
+    spdx-exceptions "^2.1.0"
+    spdx-license-ids "^3.0.0"
 
-sprintf-js@~1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
+spdx-license-ids@^3.0.0:
+  version "3.0.5"
+  resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.5.tgz#3694b5804567a458d3c8045842a6358632f62654"
+  integrity sha512-J+FWzZoynJEXGphVIS+XEh3kFSjZX/1i9gFBaWQcB+/tmpe2qUsSBABpcxqxnAxFdiUFEgAX1bjYGQvIZmoz9Q==
 
-sshpk@^1.7.0:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.13.1.tgz#512df6da6287144316dc4c18fe1cf1d940739be3"
+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"
+
+sshpk@1.16.1, sshpk@^1.7.0:
+  version "1.16.1"
+  resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.16.1.tgz#fb661c0bef29b39db40769ee39fa70093d6f6877"
+  integrity sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==
   dependencies:
     asn1 "~0.2.3"
     assert-plus "^1.0.0"
-    dashdash "^1.12.0"
-    getpass "^0.1.1"
-  optionalDependencies:
     bcrypt-pbkdf "^1.0.0"
+    dashdash "^1.12.0"
     ecc-jsbn "~0.1.1"
+    getpass "^0.1.1"
     jsbn "~0.1.0"
+    safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
+ssri@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
+  integrity sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==
+  dependencies:
+    figgy-pudding "^3.5.1"
+
+stack-utils@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
+  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
+
+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"
+
+stealthy-require@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
+  integrity sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=
+
 stream-browserify@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
+  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
   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"
+stream-each@^1.1.0:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
+  integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==
+  dependencies:
+    end-of-stream "^1.1.0"
+    stream-shift "^1.0.0"
+
+stream-http@^2.7.2:
+  version "2.8.3"
+  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
+  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
   dependencies:
     builtin-status-codes "^3.0.0"
     inherits "^2.0.1"
-    readable-stream "^2.2.6"
+    readable-stream "^2.3.6"
     to-arraybuffer "^1.0.0"
     xtend "^4.0.0"
 
+stream-shift@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
+  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
+
 string-length@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
+  integrity sha1-1A27aGo6zpYMHP/KVivyxF+DY+0=
   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-width@^3.0.0, string-width@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
@@ -3343,29 +4666,40 @@ string-width@^3.0.0, string-width@^3.1.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.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.prototype.trimleft@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz#9bdb8ac6abd6d602b17a4ed321870d2f8dcefc74"
+  integrity sha512-iu2AGd3PuP5Rp7x2kEZCrB2Nf41ehzh+goo8TV7z8/XDBbsvc6HQIlUl9RjkZ4oyrW1XM5UwlGl1oVEaDjg6Ag==
+  dependencies:
+    define-properties "^1.1.3"
+    function-bind "^1.1.1"
 
-string_decoder@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.0.3.tgz#0fc67d7c141825de94282dd536bec6b9bce860ab"
+string.prototype.trimright@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.1.tgz#440314b15996c866ce8a0341894d45186200c5d9"
+  integrity sha512-qFvWL3/+QIgZXVmJBfpHmxLB7xsUXz6HsUmP8+5dRaC3Q7oKUv9Vo6aMCRZC1smrtyECFsIT30PqBJ1gTjAs+g==
   dependencies:
-    safe-buffer "~5.1.0"
+    define-properties "^1.1.3"
+    function-bind "^1.1.1"
 
-stringstream@~0.0.4, stringstream@~0.0.5:
-  version "0.0.5"
-  resolved "https://registry.yarnpkg.com/stringstream/-/stringstream-0.0.5.tgz#4e484cd4de5a0bbbee18e46307710a8a81621878"
+string_decoder@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
 
-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"
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
   dependencies:
-    ansi-regex "^2.0.0"
+    safe-buffer "~5.1.0"
 
 strip-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
+  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
   dependencies:
     ansi-regex "^3.0.0"
 
@@ -3376,333 +4710,461 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
-strip-bom@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"
+  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
 
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
+  integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
 
-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"
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
   dependencies:
-    has-flag "^1.0.0"
+    has-flag "^3.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"
+supports-color@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
+  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
   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"
+    has-flag "^3.0.0"
 
-tapable@^0.2.7:
-  version "0.2.8"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-0.2.8.tgz#99372a5c999bf2df160afc0d74bed4f47948cd22"
+symbol-tree@^3.2.2:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+  integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-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"
+tapable@^1.0.0, tapable@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
+  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
-test-exclude@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.1.1.tgz#4d84964b0966b0087ecc334a2ce002d3d9341e26"
+terser-webpack-plugin@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.3.tgz#5ecaf2dbdc5fb99745fd06791f46fc9ddb1c9a7c"
+  integrity sha512-QMxecFz/gHQwteWwSo5nTc6UaICqN1bMedC5sMtUc7y3Ha3Q8y6ZO0iCR8pq4RJC8Hjf0FEPEHZqcMB/+DFCrA==
+  dependencies:
+    cacache "^12.0.2"
+    find-cache-dir "^2.1.0"
+    is-wsl "^1.1.0"
+    schema-utils "^1.0.0"
+    serialize-javascript "^2.1.2"
+    source-map "^0.6.1"
+    terser "^4.1.2"
+    webpack-sources "^1.4.0"
+    worker-farm "^1.7.0"
+
+terser@^4.1.2:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-4.4.3.tgz#401abc52b88869cf904412503b1eb7da093ae2f0"
+  integrity sha512-0ikKraVtRDKGzHrzkCv5rUNDzqlhmhowOBqC0XqUHFpW+vJ45+20/IFBcebwKfiS2Z9fJin6Eo+F1zLZsxi8RA==
+  dependencies:
+    commander "^2.20.0"
+    source-map "~0.6.1"
+    source-map-support "~0.5.12"
+
+test-exclude@^5.2.3:
+  version "5.2.3"
+  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
+  integrity sha512-M+oxtseCFO3EDtAaGH7iiej3CBkzXqFMbzqYAACdzKui4eZA+pq3tZEwChvOdNfa7xxy8BfbmgJSIr43cC/+2g==
   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"
+    glob "^7.1.3"
+    minimatch "^3.0.4"
+    read-pkg-up "^4.0.0"
+    require-main-filename "^2.0.0"
 
 throat@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
+  integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
 
-timers-browserify@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.4.tgz#96ca53f4b794a5e7c0e1bd7cc88a372298fa01e6"
+through2@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
+  integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
+  dependencies:
+    readable-stream "~2.3.6"
+    xtend "~4.0.1"
+
+timers-browserify@^2.0.4:
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
+  integrity sha512-60aV6sgJ5YEbzUdn9c8kYGIqOubPoUdqQCul3SBAsRCZ40s6Y5cMcrW4dt3/k/EsbLVJNl9n6Vz3fTc+k2GeKQ==
   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"
+  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
 
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
+  integrity sha1-fSKbH8xjfkZsoIEYCDanqr/4P0M=
 
-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"
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+  integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
 
-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"
+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:
-    punycode "^1.4.1"
+    kind-of "^3.0.2"
 
-tr46@~0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+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"
+
+tough-cookie@^2.3.3, tough-cookie@^2.3.4:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
+  integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
+  dependencies:
+    psl "^1.1.28"
+    punycode "^2.1.1"
+
+tough-cookie@~2.4.3:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.4.3.tgz#53f36da3f47783b0925afa06ff9f3b165280f781"
+  integrity sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==
+  dependencies:
+    psl "^1.1.24"
+    punycode "^1.4.1"
 
-trim-right@^1.0.1:
+tr46@^1.0.1:
   version "1.0.1"
-  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
+  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
+  dependencies:
+    punycode "^2.1.0"
+
+tslib@^1.9.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
+  integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
 
 tty-browserify@0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
+  integrity sha1-oVe6QC2iTpv5V/mqadUk7tQpAaY=
 
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
+  integrity sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=
   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"
+  integrity sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=
 
 type-check@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
+  integrity sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=
   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"
+typedarray@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
+  integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
+
+uglify-js@^3.1.4:
+  version "3.7.2"
+  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.7.2.tgz#cb1a601e67536e9ed094a92dd1e333459643d3f9"
+  integrity sha512-uhRwZcANNWVLrxLfNFEdltoPNhECUR3lc+UdJoG9CBpMcSnKyWA94tc3eAujB1GcMY5Uwq8ZMp4qWpxWYDQmaA==
   dependencies:
-    source-map "~0.5.1"
-    yargs "~3.10.0"
-  optionalDependencies:
-    uglify-to-browserify "~1.0.0"
+    commander "~2.20.3"
+    source-map "~0.6.1"
 
-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"
+unicode-canonical-property-names-ecmascript@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
+  integrity sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==
 
-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"
+unicode-match-property-ecmascript@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz#8ed2a32569961bce9227d09cd3ffbb8fed5f020c"
+  integrity sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==
   dependencies:
-    source-map "^0.5.6"
-    uglify-js "^2.8.29"
-    webpack-sources "^1.0.1"
+    unicode-canonical-property-names-ecmascript "^1.0.4"
+    unicode-property-aliases-ecmascript "^1.0.4"
 
-uid-number@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
+unicode-match-property-value-ecmascript@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.1.0.tgz#5b4b426e08d13a80365e0d657ac7a6c1ec46a277"
+  integrity sha512-hDTHvaBk3RmFzvSl0UVrUmC3PuW9wKVnpoUDYH0JDkSIovzw+J5viQmeYHxVSBptubnr7PbH2e0fnpDRQnQl5g==
+
+unicode-property-aliases-ecmascript@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.0.5.tgz#a9cc6cc7ce63a0a3023fc99e341b94431d405a57"
+  integrity sha512-L5RAqCfXqAwR3RriF8pM0lU0w4Ryf/GgzONwi6KnL1taJQa7x1TCxdJnILX59WIGOwR57IVxn7Nej0fz1Ny6fw==
+
+union-value@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
+  integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
+  dependencies:
+    arr-union "^3.1.0"
+    get-value "^2.0.6"
+    is-extendable "^0.1.1"
+    set-value "^2.0.1"
+
+unique-filename@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230"
+  integrity sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==
+  dependencies:
+    unique-slug "^2.0.0"
+
+unique-slug@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/unique-slug/-/unique-slug-2.0.2.tgz#baabce91083fc64e945b0f3ad613e264f7cd4e6c"
+  integrity sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==
+  dependencies:
+    imurmurhash "^0.1.4"
+
+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"
+
+upath@^1.1.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
+  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
+
+uri-js@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
+  integrity sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==
+  dependencies:
+    punycode "^2.1.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@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
+  integrity sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=
   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"
+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==
 
 util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+util.promisify@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
+  integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
+  dependencies:
+    define-properties "^1.1.2"
+    object.getownpropertydescriptors "^2.0.3"
 
-util@0.10.3, util@^0.10.3:
+util@0.10.3:
   version "0.10.3"
   resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
+  integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk=
   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"
+util@^0.11.0:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
+  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
   dependencies:
-    user-home "^1.1.1"
+    inherits "2.0.3"
+
+uuid@^3.3.2:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.3.3.tgz#4568f0216e78760ee1dbf3a4d2cf53e224112866"
+  integrity sha512-pW0No1RGHgzlpHJO1nsVrHKpOEIxkGg1xB+v0ZmdNH5OAeAwzAVrCnI2/6Mtx+Uys6iaylxa+D3g4j63IKKjSQ==
 
 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"
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a"
+  integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==
   dependencies:
-    spdx-correct "~1.0.0"
-    spdx-expression-parse "~1.0.0"
+    spdx-correct "^3.0.0"
+    spdx-expression-parse "^3.0.0"
 
 verror@1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
+  integrity sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=
   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"
+vm-browserify@^1.0.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
+  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
+
+w3c-hr-time@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.1.tgz#82ac2bff63d950ea9e3189a58a65625fedf19045"
+  integrity sha1-gqwr/2PZUOqeMYmlimViX+3xkEU=
   dependencies:
-    indexof "0.0.1"
+    browser-process-hrtime "^0.1.2"
 
-walker@~1.0.5:
+walker@^1.0.7, walker@~1.0.5:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
+  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
   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"
+watchpack@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.0.tgz#4bc12c2ebe8aa277a71f1d3f14d685c7b446cd00"
+  integrity sha512-i6dHe3EyLjMmDlU1/bGQpEw25XSjkJULPuAVKCbNRefQVq48yXKUpwg538F7AZTf9kyr57zj++pQFltUa5H7yA==
   dependencies:
-    async "^2.1.2"
-    chokidar "^1.7.0"
+    chokidar "^2.0.2"
     graceful-fs "^4.1.2"
+    neo-async "^2.5.0"
 
-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:
+webidl-conversions@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
+  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-webpack-sources@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.0.1.tgz#c7356436a4d13123be2e2426a05d1dad9cbe65cf"
+webpack-sources@^1.4.0, webpack-sources@^1.4.1:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
+  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
   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"
+    source-map "~0.6.1"
+
+webpack@^4.41.0:
+  version "4.41.4"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.41.4.tgz#4bec4125224bdf50efa8be6226c19047599cd034"
+  integrity sha512-Lc+2uB6NjpCWsHI3trkoISOI64h9QYIXenbEWj3bn3oyjfB1lEBXjWAfAyY2sM0rZn41oD5V91OLwKRwS6Wp8Q==
+  dependencies:
+    "@webassemblyjs/ast" "1.8.5"
+    "@webassemblyjs/helper-module-context" "1.8.5"
+    "@webassemblyjs/wasm-edit" "1.8.5"
+    "@webassemblyjs/wasm-parser" "1.8.5"
+    acorn "^6.2.1"
+    ajv "^6.10.2"
+    ajv-keywords "^3.4.1"
+    chrome-trace-event "^1.0.2"
+    enhanced-resolve "^4.1.0"
+    eslint-scope "^4.0.3"
+    json-parse-better-errors "^1.0.2"
+    loader-runner "^2.4.0"
+    loader-utils "^1.2.3"
+    memory-fs "^0.4.1"
+    micromatch "^3.1.10"
+    mkdirp "^0.5.1"
+    neo-async "^2.6.1"
+    node-libs-browser "^2.2.1"
+    schema-utils "^1.0.0"
+    tapable "^1.1.3"
+    terser-webpack-plugin "^1.4.3"
+    watchpack "^1.6.0"
+    webpack-sources "^1.4.1"
+
+whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
+  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
+  dependencies:
+    iconv-lite "0.4.24"
+
+whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
+  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
+
+whatwg-url@^6.4.1:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-6.5.0.tgz#f2df02bff176fd65070df74ad5ccbb5a199965a8"
+  integrity sha512-rhRZRqx/TLJQWUpQ6bmrt2UV4f0HCQ463yQuONJqC6fO2VoEb1pTYddbe59SkYq87aoM5A3bdhMZiUiVws+fzQ==
   dependencies:
-    iconv-lite "0.4.13"
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
 
-whatwg-url@^4.3.0:
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-4.8.0.tgz#d2981aa9148c1e00a41c5a6131166ab4683bbcc0"
+whatwg-url@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
+  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
   dependencies:
-    tr46 "~0.0.3"
-    webidl-conversions "^3.0.0"
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
 
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
+  integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
-which@^1.2.12, which@^1.2.9:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.0.tgz#ff04bdfc010ee547d780bec38e1ac1c2777d253a"
+which@^1.2.9, which@^1.3.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
+  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
   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"
+word-wrap@~1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
 wordwrap@~0.0.2:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
+  integrity sha1-o9XabNXAvAAI03I0u68b7WMFkQc=
 
-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"
+worker-farm@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
+  integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==
   dependencies:
-    string-width "^1.0.1"
-    strip-ansi "^3.0.1"
+    errno "~0.1.7"
 
 wrap-ansi@^5.1.0:
   version "5.1.0"
@@ -3716,35 +5178,51 @@ wrap-ansi@^5.1.0:
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
-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"
+write-file-atomic@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.1.tgz#d0b05463c188ae804396fd5ab2a370062af87529"
+  integrity sha512-TGHFeZEZMnv+gBFRfjAcxL5bPHrsGKtnb4qsFAws7/vlh+QfwAaySIw4AXP9ZskTTh5GWu3FLuJhsWVdiJPGvg==
   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"
+ws@^5.2.0:
+  version "5.2.2"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
+  integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
+  dependencies:
+    async-limiter "~1.0.0"
 
-xtend@^4.0.0, xtend@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
+xml-name-validator@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
+  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
 
-y18n@^3.2.1:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
+xtend@^4.0.0, xtend@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
 y18n@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
   integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
 
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
+yallist@^3.0.2:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
+yargs-parser@^13.1.1:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
+  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
 
 yargs-parser@^15.0.0:
   version "15.0.0"
@@ -3754,19 +5232,12 @@ yargs-parser@^15.0.0:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-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@^14.2.0:
-  version "14.2.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.0.tgz#f116a9242c4ed8668790b40759b4906c276e76c3"
-  integrity sha512-/is78VKbKs70bVZH7w4YaZea6xcJWOAwkhbR0CFuZBmYtfTYF0xjGJF43AYd8g2Uii1yJwmS5GR2vBmrc32sbg==
+yargs@^13.3.0:
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
+  integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
   dependencies:
     cliui "^5.0.0"
-    decamelize "^1.2.0"
     find-up "^3.0.0"
     get-caller-file "^2.0.1"
     require-directory "^2.1.1"
@@ -3775,49 +5246,21 @@ yargs@^14.2.0:
     string-width "^3.0.0"
     which-module "^2.0.0"
     y18n "^4.0.0"
-    yargs-parser "^15.0.0"
+    yargs-parser "^13.1.1"
 
-yargs@^8.0.2:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-8.0.2.tgz#6299a9055b1cefc969ff7e79c1d918dceb22c360"
+yargs@^14.2.0:
+  version "14.2.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.2.tgz#2769564379009ff8597cdd38fba09da9b493c4b5"
+  integrity sha512-/4ld+4VV5RnrynMhPZJ/ZpOCGSCeghMykZ3BhdFBDa9Wy/RH6uEGNWDJog+aUlq+9OM1CFTgtYRW5Is1Po9NOA==
   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:
-  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"
+    cliui "^5.0.0"
+    decamelize "^1.2.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
     require-directory "^2.1.1"
-    require-main-filename "^1.0.1"
+    require-main-filename "^2.0.0"
     set-blocking "^2.0.0"
-    string-width "^2.0.0"
+    string-width "^3.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"
+    y18n "^4.0.0"
+    yargs-parser "^15.0.0"
diff --git a/ReactCommon/hermes/inspector/tools/run_msggen b/ReactCommon/hermes/inspector/tools/run_msggen
index 91035dd7de4a33..053cb3673727e5 100755
--- a/ReactCommon/hermes/inspector/tools/run_msggen
+++ b/ReactCommon/hermes/inspector/tools/run_msggen
@@ -10,14 +10,13 @@ yarn build
 
 FBSOURCE=$(hg root)
 MSGTYPES_PATH="${FBSOURCE}/xplat/js/react-native-github/ReactCommon/hermes/inspector/tools/message_types.txt"
-PROTO_PATH="${FBSOURCE}/xplat/third-party/chrome-devtools-protocol/json/js_protocol.json"
 HEADER_PATH="${FBSOURCE}/xplat/js/react-native-github/ReactCommon/hermes/inspector/chrome/MessageTypes.h"
 CPP_PATH="${FBSOURCE}/xplat/js/react-native-github/ReactCommon/hermes/inspector/chrome/MessageTypes.cpp"
 
 node bin/index.js \
   --ignore-experimental \
   --roots "$MSGTYPES_PATH" \
-  "$PROTO_PATH" "$HEADER_PATH" "$CPP_PATH"
+  "$HEADER_PATH" "$CPP_PATH"
 
 clang-format -i --style=file "$HEADER_PATH"
 clang-format -i --style=file "$CPP_PATH"
diff --git a/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh b/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh
index 1f8008ab52ff22..12c603ffe55be9 100755
--- a/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh
+++ b/ReactCommon/hermes/inspector/tools/sandcastle/build_and_test.sh
@@ -7,7 +7,7 @@
 THIS_DIR=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
 source "$THIS_DIR/setup.sh"
 
-buck test fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:chrome &&
-  buck test fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:detail &&
-  buck test fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:inspectorlib &&
-  buck build fbsource//xplat/js/react-native-github/ReactCommon/hermes/inspector:hermes-chrome-debug-server
+buck test //xplat/js/react-native-github/ReactCommon/hermes/inspector:chrome &&
+  buck test //xplat/js/react-native-github/ReactCommon/hermes/inspector:detail &&
+  buck test //xplat/js/react-native-github/ReactCommon/hermes/inspector:inspectorlib &&
+  buck build //xplat/js/react-native-github/ReactCommon/hermes/inspector:hermes-chrome-debug-server
diff --git a/ReactCommon/jscallinvoker/.clang-tidy b/ReactCommon/jscallinvoker/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/jscallinvoker/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/jsengineinstance/.clang-tidy b/ReactCommon/jsengineinstance/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/jsengineinstance/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/jsi/.clang-tidy b/ReactCommon/jsi/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/jsi/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/jsi/BUCK b/ReactCommon/jsi/BUCK
index 9bce4b3f5b2c0b..f03406c20331e7 100644
--- a/ReactCommon/jsi/BUCK
+++ b/ReactCommon/jsi/BUCK
@@ -1,5 +1,6 @@
 # BUILD FILE SYNTAX: SKYLARK
 
+load("@fbsource//tools/build_defs:default_platform_defs.bzl", "APPLE", "IOS", "MACOSX")
 load("//tools/build_defs/oss:rn_defs.bzl", "react_native_xplat_dep", "rn_xplat_cxx_library")
 
 rn_xplat_cxx_library(
@@ -56,7 +57,7 @@ rn_xplat_cxx_library(
     ],
     xcode_public_headers_symlinks = True,
     deps = [
-        "fbsource//xplat/folly:molly",
+        "//xplat/folly:molly",
         react_native_xplat_dep("jsi:jsi"),
     ],
 )
@@ -70,38 +71,17 @@ rn_xplat_cxx_library(
     exported_headers = [
         "JSCRuntime.h",
     ],
-    cxx_exported_platform_linker_flags = [
-        (
-            "macosx-x86_64",
-            [
-                "-framework",
-                "JavaScriptCore",
-            ],
-        ),
-    ],
-    cxx_platform_deps = [
-        (
-            "^(linux|gcc|platform)",
-            [
-                "fbsource//xplat/jsc:jsc",
-            ],
-        ),
-    ],
-    fbandroid_compiler_flags = [
-        "-fexceptions",
-        "-frtti",
-        "-O3",
-    ],
-    fbandroid_deps = [
-        "fbsource//xplat/jsc:jsc",
-    ],
+    apple_sdks = (IOS, MACOSX),
     fbobjc_compiler_flags = [
         "-Os",
     ],
     fbobjc_frameworks = [
         "$SDKROOT/System/Library/Frameworks/JavaScriptCore.framework",
     ],
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    # TODO (T55502220): Remove when iOS 9.0 deprecation is complete everywhere.
+    fbobjc_target_sdk_version = "9.0",
+    platforms = APPLE,
     visibility = ["PUBLIC"],
     xplat_mangled_args = {
         "soname": "libjscjsi.$(ext)",
diff --git a/ReactCommon/jsi/JSCRuntime.cpp b/ReactCommon/jsi/JSCRuntime.cpp
index a6e59fbfdfeb4f..91f87b81f1cf7b 100644
--- a/ReactCommon/jsi/JSCRuntime.cpp
+++ b/ReactCommon/jsi/JSCRuntime.cpp
@@ -8,10 +8,11 @@
 #include "JSCRuntime.h"
 
 #include <JavaScriptCore/JavaScript.h>
+#include <jsi/jsilib.h>
+#include <array>
 #include <atomic>
 #include <condition_variable>
 #include <cstdlib>
-#include <jsi/jsilib.h>
 #include <mutex>
 #include <queue>
 #include <sstream>
@@ -27,8 +28,8 @@ class ArgsConverter;
 class JSCRuntime;
 
 struct Lock {
-  void lock(const jsc::JSCRuntime&) const {}
-  void unlock(const jsc::JSCRuntime&) const {}
+  void lock(const jsc::JSCRuntime &) const {}
+  void unlock(const jsc::JSCRuntime &) const {}
 };
 
 class JSCRuntime : public jsi::Runtime {
@@ -44,18 +45,18 @@ class JSCRuntime : public jsi::Runtime {
       std::string sourceURL) override;
 
   jsi::Value evaluatePreparedJavaScript(
-    const std::shared_ptr<const jsi::PreparedJavaScript>& js) override;
+      const std::shared_ptr<const jsi::PreparedJavaScript> &js) override;
 
   jsi::Value evaluateJavaScript(
       const std::shared_ptr<const jsi::Buffer> &buffer,
-      const std::string& sourceURL) override;
+      const std::string &sourceURL) override;
   jsi::Object global() override;
 
   std::string description() override;
 
   bool isInspectable() override;
 
-  void setDescription(const std::string& desc);
+  void setDescription(const std::string &desc);
 
   // Please don't use the following two functions, only exposed for
   // integration efforts.
@@ -67,29 +68,32 @@ class JSCRuntime : public jsi::Runtime {
   jsi::Value createValue(JSValueRef value) const;
 
   // Value->JSValueRef (similar to above)
-  JSValueRef valueRef(const jsi::Value& value);
+  JSValueRef valueRef(const jsi::Value &value);
 
  protected:
   friend class detail::ArgsConverter;
   class JSCSymbolValue final : public PointerValue {
 #ifndef NDEBUG
-    JSCSymbolValue(JSGlobalContextRef ctx,
-                   const std::atomic<bool>& ctxInvalid,
-                   JSValueRef sym, std::atomic<intptr_t>& counter);
+    JSCSymbolValue(
+        JSGlobalContextRef ctx,
+        const std::atomic<bool> &ctxInvalid,
+        JSValueRef sym,
+        std::atomic<intptr_t> &counter);
 #else
-    JSCSymbolValue(JSGlobalContextRef ctx,
-                   const std::atomic<bool>& ctxInvalid,
-                   JSValueRef sym);
+    JSCSymbolValue(
+        JSGlobalContextRef ctx,
+        const std::atomic<bool> &ctxInvalid,
+        JSValueRef sym);
 #endif
     void invalidate() override;
 
     JSGlobalContextRef ctx_;
-    const std::atomic<bool>& ctxInvalid_;
+    const std::atomic<bool> &ctxInvalid_;
     // There is no C type in the JSC API to represent Symbol, so this stored
     // a JSValueRef which contains the Symbol.
     JSValueRef sym_;
 #ifndef NDEBUG
-    std::atomic<intptr_t>& counter_;
+    std::atomic<intptr_t> &counter_;
 #endif
    protected:
     friend class JSCRuntime;
@@ -97,7 +101,7 @@ class JSCRuntime : public jsi::Runtime {
 
   class JSCStringValue final : public PointerValue {
 #ifndef NDEBUG
-    JSCStringValue(JSStringRef str, std::atomic<intptr_t>& counter);
+    JSCStringValue(JSStringRef str, std::atomic<intptr_t> &counter);
 #else
     JSCStringValue(JSStringRef str);
 #endif
@@ -105,7 +109,7 @@ class JSCRuntime : public jsi::Runtime {
 
     JSStringRef str_;
 #ifndef NDEBUG
-    std::atomic<intptr_t>& counter_;
+    std::atomic<intptr_t> &counter_;
 #endif
    protected:
     friend class JSCRuntime;
@@ -114,111 +118,111 @@ class JSCRuntime : public jsi::Runtime {
   class JSCObjectValue final : public PointerValue {
     JSCObjectValue(
         JSGlobalContextRef ctx,
-        const std::atomic<bool>& ctxInvalid,
+        const std::atomic<bool> &ctxInvalid,
         JSObjectRef obj
 #ifndef NDEBUG
         ,
-        std::atomic<intptr_t>& counter
+        std::atomic<intptr_t> &counter
 #endif
-                   );
+    );
 
     void invalidate() override;
 
     JSGlobalContextRef ctx_;
-    const std::atomic<bool>& ctxInvalid_;
+    const std::atomic<bool> &ctxInvalid_;
     JSObjectRef obj_;
 #ifndef NDEBUG
-    std::atomic<intptr_t>& counter_;
+    std::atomic<intptr_t> &counter_;
 #endif
    protected:
     friend class JSCRuntime;
   };
 
-  PointerValue* cloneSymbol(const Runtime::PointerValue* pv) override;
-  PointerValue* cloneString(const Runtime::PointerValue* pv) override;
-  PointerValue* cloneObject(const Runtime::PointerValue* pv) override;
-  PointerValue* clonePropNameID(const Runtime::PointerValue* pv) override;
+  PointerValue *cloneSymbol(const Runtime::PointerValue *pv) override;
+  PointerValue *cloneString(const Runtime::PointerValue *pv) override;
+  PointerValue *cloneObject(const Runtime::PointerValue *pv) override;
+  PointerValue *clonePropNameID(const Runtime::PointerValue *pv) override;
 
-  jsi::PropNameID createPropNameIDFromAscii(const char* str, size_t length)
+  jsi::PropNameID createPropNameIDFromAscii(const char *str, size_t length)
       override;
-  jsi::PropNameID createPropNameIDFromUtf8(const uint8_t* utf8, size_t length)
+  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::PropNameID createPropNameIDFromString(const jsi::String &str) override;
+  std::string utf8(const jsi::PropNameID &) override;
+  bool compare(const jsi::PropNameID &, const jsi::PropNameID &) override;
 
-  std::string symbolToString(const jsi::Symbol&) override;
+  std::string symbolToString(const jsi::Symbol &) 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::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;
+      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)
+  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;
+  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;
+      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::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;
 
   // TODO: revisit this implementation
-  jsi::WeakObject createWeakObject(const jsi::Object&) override;
-  jsi::Value lockWeakObject(const jsi::WeakObject&) 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)
+  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,
+      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,
+      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,
+      const jsi::Function &,
+      const jsi::Value *args,
       size_t count) override;
 
-  bool strictEquals(const jsi::Symbol& a, const jsi::Symbol& b) const 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 instanceOf(const jsi::Object& o, const jsi::Function& f) override;
+  bool strictEquals(const jsi::Symbol &a, const jsi::Symbol &b) const 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 instanceOf(const jsi::Object &o, const jsi::Function &f) override;
 
  private:
   // Basically convenience casts
-  static JSValueRef symbolRef(const jsi::Symbol& str);
-  static JSStringRef stringRef(const jsi::String& str);
-  static JSStringRef stringRef(const jsi::PropNameID& sym);
-  static JSObjectRef objectRef(const jsi::Object& obj);
+  static JSValueRef symbolRef(const jsi::Symbol &str);
+  static JSStringRef stringRef(const jsi::String &str);
+  static JSStringRef stringRef(const jsi::PropNameID &sym);
+  static JSObjectRef objectRef(const jsi::Object &obj);
 
 #ifdef RN_FABRIC_ENABLED
-  static JSObjectRef objectRef(const jsi::WeakObject& obj);
+  static JSObjectRef objectRef(const jsi::WeakObject &obj);
 #endif
 
   // Factory methods for creating String/Object
@@ -228,14 +232,14 @@ class JSCRuntime : public jsi::Runtime {
   jsi::Object createObject(JSObjectRef objectRef) const;
 
   // Used by factory methods and clone methods
-  jsi::Runtime::PointerValue* makeSymbolValue(JSValueRef sym) const;
-  jsi::Runtime::PointerValue* makeStringValue(JSStringRef str) const;
-  jsi::Runtime::PointerValue* makeObjectValue(JSObjectRef obj) const;
+  jsi::Runtime::PointerValue *makeSymbolValue(JSValueRef sym) const;
+  jsi::Runtime::PointerValue *makeStringValue(JSStringRef str) const;
+  jsi::Runtime::PointerValue *makeObjectValue(JSObjectRef obj) const;
 
   void checkException(JSValueRef exc);
   void checkException(JSValueRef res, JSValueRef exc);
-  void checkException(JSValueRef exc, const char* msg);
-  void checkException(JSValueRef res, JSValueRef exc, const char* msg);
+  void checkException(JSValueRef exc, const char *msg);
+  void checkException(JSValueRef res, JSValueRef exc, const char *msg);
 
   JSGlobalContextRef ctx_;
   std::atomic<bool> ctxInvalid_;
@@ -272,6 +276,9 @@ class JSCRuntime : public jsi::Runtime {
 #if __IPHONE_OS_VERSION_MIN_REQUIRED >= __IPHONE_9_0
 #define _JSC_FAST_IS_ARRAY
 #endif
+#if __IPHONE_OS_VERSION_MIN_REQUIRED < __IPHONE_10_0
+#define _JSC_NO_ARRAY_BUFFERS
+#endif
 #endif
 #if defined(__MAC_OS_X_VERSION_MIN_REQUIRED)
 #if __MAC_OS_X_VERSION_MIN_REQUIRED >= __MAC_10_11
@@ -280,15 +287,41 @@ class JSCRuntime : public jsi::Runtime {
 // we understand why.
 #define _JSC_FAST_IS_ARRAY
 #endif
+#if __MAC_OS_X_VERSION_MIN_REQUIRED < __MAC_10_12
+#define _JSC_NO_ARRAY_BUFFERS
+#endif
 #endif
 
 // JSStringRef utilities
 namespace {
 std::string JSStringToSTLString(JSStringRef str) {
+  // Small string optimization: Avoid one heap allocation for strings that fit
+  // in stackBuffer.size() bytes of UTF-8 (including the null terminator).
+  std::array<char, 20> stackBuffer;
+  std::unique_ptr<char[]> heapBuffer;
+  char *buffer;
+  // NOTE: By definition, maxBytes >= 1 since the null terminator is included.
   size_t maxBytes = JSStringGetMaximumUTF8CStringSize(str);
-  std::vector<char> buffer(maxBytes);
-  JSStringGetUTF8CString(str, buffer.data(), maxBytes);
-  return std::string(buffer.data());
+  if (maxBytes <= stackBuffer.size()) {
+    buffer = stackBuffer.data();
+  } else {
+    heapBuffer = std::make_unique<char[]>(maxBytes);
+    buffer = heapBuffer.get();
+  }
+  size_t actualBytes = JSStringGetUTF8CString(str, buffer, maxBytes);
+  if (!actualBytes) {
+    // Happens if maxBytes == 0 (never the case here) or if str contains
+    // invalid UTF-16 data, since JSStringGetUTF8CString attempts a strict
+    // conversion.
+    // When converting an invalid string, JSStringGetUTF8CString writes a null
+    // terminator before returning. So we can reliably treat our buffer as a C
+    // string and return the truncated data to our caller. This is slightly
+    // slower than if we knew the length (like below) but better than crashing.
+    // TODO(T62295565): Perform a non-strict, best effort conversion of the
+    // full string instead, like we did before the JSI migration.
+    return std::string(buffer);
+  }
+  return std::string(buffer, actualBytes - 1);
 }
 
 JSStringRef getLengthString() {
@@ -321,7 +354,7 @@ JSStringRef getIsArrayString() {
 
 // std::string utility
 namespace {
-std::string to_string(void* value) {
+std::string to_string(void *value) {
   std::ostringstream ss;
   ss << value;
   return ss.str();
@@ -369,9 +402,9 @@ std::shared_ptr<const jsi::PreparedJavaScript> JSCRuntime::prepareJavaScript(
 }
 
 jsi::Value JSCRuntime::evaluatePreparedJavaScript(
-  const std::shared_ptr<const jsi::PreparedJavaScript>& js) {
+    const std::shared_ptr<const jsi::PreparedJavaScript> &js) {
   assert(
-      dynamic_cast<const jsi::SourceJavaScriptPreparation*>(js.get()) &&
+      dynamic_cast<const jsi::SourceJavaScriptPreparation *>(js.get()) &&
       "preparedJavaScript must be a SourceJavaScriptPreparation");
   auto sourceJs =
       std::static_pointer_cast<const jsi::SourceJavaScriptPreparation>(js);
@@ -380,9 +413,9 @@ jsi::Value JSCRuntime::evaluatePreparedJavaScript(
 
 jsi::Value JSCRuntime::evaluateJavaScript(
     const std::shared_ptr<const jsi::Buffer> &buffer,
-    const std::string& sourceURL) {
+    const std::string &sourceURL) {
   std::string tmp(
-      reinterpret_cast<const char*>(buffer->data()), buffer->size());
+      reinterpret_cast<const char *>(buffer->data()), buffer->size());
   JSStringRef sourceRef = JSStringCreateWithUTF8CString(tmp.c_str());
   JSStringRef sourceURLRef = nullptr;
   if (!sourceURL.empty()) {
@@ -417,21 +450,29 @@ bool JSCRuntime::isInspectable() {
 namespace {
 
 bool smellsLikeES6Symbol(JSGlobalContextRef ctx, JSValueRef ref) {
-  // Empirically, an es6 Symbol is not an object, but its type is
+  // Since iOS 13, JSValueGetType will return kJSTypeSymbol
+  // Before: Empirically, an es6 Symbol is not an object, but its type is
   // object.  This makes no sense, but we'll run with it.
-  return (!JSValueIsObject(ctx, ref) &&
-          JSValueGetType(ctx, ref) == kJSTypeObject);
-}
+  // https://github.com/WebKit/webkit/blob/master/Source/JavaScriptCore/API/JSValueRef.cpp#L79-L82
 
+  JSType type = JSValueGetType(ctx, ref);
+
+  if (type == /* kJSTypeSymbol */ 6) {
+    return true;
+  }
+
+  return (!JSValueIsObject(ctx, ref) && type == kJSTypeObject);
 }
 
+} // namespace
+
 JSCRuntime::JSCSymbolValue::JSCSymbolValue(
     JSGlobalContextRef ctx,
-    const std::atomic<bool>& ctxInvalid,
+    const std::atomic<bool> &ctxInvalid,
     JSValueRef sym
 #ifndef NDEBUG
     ,
-    std::atomic<intptr_t>& counter
+    std::atomic<intptr_t> &counter
 #endif
     )
     : ctx_(ctx),
@@ -463,7 +504,7 @@ void JSCRuntime::JSCSymbolValue::invalidate() {
 #ifndef NDEBUG
 JSCRuntime::JSCStringValue::JSCStringValue(
     JSStringRef str,
-    std::atomic<intptr_t>& counter)
+    std::atomic<intptr_t> &counter)
     : str_(JSStringRetain(str)), counter_(counter) {
   // Since std::atomic returns a copy instead of a reference when calling
   // operator+= we must do this explicitly in the constructor
@@ -471,8 +512,7 @@ JSCRuntime::JSCStringValue::JSCStringValue(
 }
 #else
 JSCRuntime::JSCStringValue::JSCStringValue(JSStringRef str)
-    : str_(JSStringRetain(str)) {
-}
+    : str_(JSStringRetain(str)) {}
 #endif
 
 void JSCRuntime::JSCStringValue::invalidate() {
@@ -489,11 +529,11 @@ void JSCRuntime::JSCStringValue::invalidate() {
 
 JSCRuntime::JSCObjectValue::JSCObjectValue(
     JSGlobalContextRef ctx,
-    const std::atomic<bool>& ctxInvalid,
+    const std::atomic<bool> &ctxInvalid,
     JSObjectRef obj
 #ifndef NDEBUG
     ,
-    std::atomic<intptr_t>& counter
+    std::atomic<intptr_t> &counter
 #endif
     )
     : ctx_(ctx),
@@ -542,47 +582,47 @@ void JSCRuntime::JSCObjectValue::invalidate() {
   delete this;
 }
 
-jsi::Runtime::PointerValue* JSCRuntime::cloneSymbol(
-    const jsi::Runtime::PointerValue* pv) {
+jsi::Runtime::PointerValue *JSCRuntime::cloneSymbol(
+    const jsi::Runtime::PointerValue *pv) {
   if (!pv) {
     return nullptr;
   }
-  const JSCSymbolValue* symbol = static_cast<const JSCSymbolValue*>(pv);
+  const JSCSymbolValue *symbol = static_cast<const JSCSymbolValue *>(pv);
   return makeSymbolValue(symbol->sym_);
 }
 
-jsi::Runtime::PointerValue* JSCRuntime::cloneString(
-    const jsi::Runtime::PointerValue* pv) {
+jsi::Runtime::PointerValue *JSCRuntime::cloneString(
+    const jsi::Runtime::PointerValue *pv) {
   if (!pv) {
     return nullptr;
   }
-  const JSCStringValue* string = static_cast<const JSCStringValue*>(pv);
+  const JSCStringValue *string = static_cast<const JSCStringValue *>(pv);
   return makeStringValue(string->str_);
 }
 
-jsi::Runtime::PointerValue* JSCRuntime::cloneObject(
-    const jsi::Runtime::PointerValue* pv) {
+jsi::Runtime::PointerValue *JSCRuntime::cloneObject(
+    const jsi::Runtime::PointerValue *pv) {
   if (!pv) {
     return nullptr;
   }
-  const JSCObjectValue* object = static_cast<const JSCObjectValue*>(pv);
+  const JSCObjectValue *object = static_cast<const JSCObjectValue *>(pv);
   assert(
       object->ctx_ == ctx_ &&
       "Don't try to clone an object backed by a different Runtime");
   return makeObjectValue(object->obj_);
 }
 
-jsi::Runtime::PointerValue* JSCRuntime::clonePropNameID(
-    const jsi::Runtime::PointerValue* pv) {
+jsi::Runtime::PointerValue *JSCRuntime::clonePropNameID(
+    const jsi::Runtime::PointerValue *pv) {
   if (!pv) {
     return nullptr;
   }
-  const JSCStringValue* string = static_cast<const JSCStringValue*>(pv);
+  const JSCStringValue *string = static_cast<const JSCStringValue *>(pv);
   return makeStringValue(string->str_);
 }
 
 jsi::PropNameID JSCRuntime::createPropNameIDFromAscii(
-    const char* str,
+    const char *str,
     size_t length) {
   // For system JSC this must is identical to a string
   std::string tmp(str, length);
@@ -593,51 +633,49 @@ jsi::PropNameID JSCRuntime::createPropNameIDFromAscii(
 }
 
 jsi::PropNameID JSCRuntime::createPropNameIDFromUtf8(
-    const uint8_t* utf8,
+    const uint8_t *utf8,
     size_t length) {
-  std::string tmp(reinterpret_cast<const char*>(utf8), length);
+  std::string tmp(reinterpret_cast<const char *>(utf8), length);
   JSStringRef strRef = JSStringCreateWithUTF8CString(tmp.c_str());
   auto res = createPropNameID(strRef);
   JSStringRelease(strRef);
   return res;
 }
 
-jsi::PropNameID JSCRuntime::createPropNameIDFromString(const jsi::String& str) {
+jsi::PropNameID JSCRuntime::createPropNameIDFromString(const jsi::String &str) {
   return createPropNameID(stringRef(str));
 }
 
-std::string JSCRuntime::utf8(const jsi::PropNameID& sym) {
+std::string JSCRuntime::utf8(const jsi::PropNameID &sym) {
   return JSStringToSTLString(stringRef(sym));
 }
 
-bool JSCRuntime::compare(const jsi::PropNameID& a, const jsi::PropNameID& b) {
+bool JSCRuntime::compare(const jsi::PropNameID &a, const jsi::PropNameID &b) {
   return JSStringIsEqual(stringRef(a), stringRef(b));
 }
 
-std::string JSCRuntime::symbolToString(const jsi::Symbol& sym) {
-  return jsi::Value(*this, sym)
-    .toString(*this)
-    .utf8(*this);
+std::string JSCRuntime::symbolToString(const jsi::Symbol &sym) {
+  return jsi::Value(*this, sym).toString(*this).utf8(*this);
 }
 
-jsi::String JSCRuntime::createStringFromAscii(const char* str, size_t length) {
+jsi::String JSCRuntime::createStringFromAscii(const char *str, size_t length) {
   // Yes we end up double casting for semantic reasons (UTF8 contains ASCII,
   // not the other way around)
   return this->createStringFromUtf8(
-      reinterpret_cast<const uint8_t*>(str), length);
+      reinterpret_cast<const uint8_t *>(str), length);
 }
 
 jsi::String JSCRuntime::createStringFromUtf8(
-    const uint8_t* str,
+    const uint8_t *str,
     size_t length) {
-  std::string tmp(reinterpret_cast<const char*>(str), length);
+  std::string tmp(reinterpret_cast<const char *>(str), length);
   JSStringRef stringRef = JSStringCreateWithUTF8CString(tmp.c_str());
   auto result = createString(stringRef);
   JSStringRelease(stringRef);
   return result;
 }
 
-std::string JSCRuntime::utf8(const jsi::String& str) {
+std::string JSCRuntime::utf8(const jsi::String &str) {
   return JSStringToSTLString(stringRef(str));
 }
 
@@ -649,11 +687,11 @@ jsi::Object JSCRuntime::createObject() {
 namespace detail {
 struct HostObjectProxyBase {
   HostObjectProxyBase(
-      JSCRuntime& rt,
-      const std::shared_ptr<jsi::HostObject>& sho)
+      JSCRuntime &rt,
+      const std::shared_ptr<jsi::HostObject> &sho)
       : runtime(rt), hostObject(sho) {}
 
-  JSCRuntime& runtime;
+  JSCRuntime &runtime;
   std::shared_ptr<jsi::HostObject> hostObject;
 };
 } // namespace detail
@@ -669,25 +707,25 @@ jsi::Object JSCRuntime::createObject(std::shared_ptr<jsi::HostObject> ho) {
         JSContextRef ctx,
         JSObjectRef object,
         JSStringRef propName,
-        JSValueRef* exception) {
-      auto proxy = static_cast<HostObjectProxy*>(JSObjectGetPrivate(object));
-      auto& rt = proxy->runtime;
+        JSValueRef *exception) {
+      auto proxy = static_cast<HostObjectProxy *>(JSObjectGetPrivate(object));
+      auto &rt = proxy->runtime;
       jsi::PropNameID sym = rt.createPropNameID(propName);
       jsi::Value ret;
       try {
         ret = proxy->hostObject->get(rt, sym);
-      } catch (const jsi::JSError& error) {
+      } catch (const jsi::JSError &error) {
         *exception = rt.valueRef(error.value());
         return JSValueMakeUndefined(ctx);
-      } catch (const std::exception& ex) {
+      } catch (const std::exception &ex) {
         auto excValue =
             rt.global()
                 .getPropertyAsFunction(rt, "Error")
                 .call(
                     rt,
-                    std::string("Exception in HostObject::get(propName:")
-                      + JSStringToSTLString(propName)
-                      + std::string("): ") + ex.what());
+                    std::string("Exception in HostObject::get(propName:") +
+                        JSStringToSTLString(propName) + std::string("): ") +
+                        ex.what());
         *exception = rt.valueRef(excValue);
         return JSValueMakeUndefined(ctx);
       } catch (...) {
@@ -696,41 +734,41 @@ jsi::Object JSCRuntime::createObject(std::shared_ptr<jsi::HostObject> ho) {
                 .getPropertyAsFunction(rt, "Error")
                 .call(
                     rt,
-                    std::string("Exception in HostObject::get(propName:")
-                      + JSStringToSTLString(propName)
-                      + std::string("): <unknown>"));
+                    std::string("Exception in HostObject::get(propName:") +
+                        JSStringToSTLString(propName) +
+                        std::string("): <unknown>"));
         *exception = rt.valueRef(excValue);
         return JSValueMakeUndefined(ctx);
       }
       return rt.valueRef(ret);
     }
 
-    #define JSC_UNUSED(x) (void) (x);
+#define JSC_UNUSED(x) (void)(x);
 
     static bool setProperty(
         JSContextRef ctx,
         JSObjectRef object,
         JSStringRef propName,
         JSValueRef value,
-        JSValueRef* exception) {
+        JSValueRef *exception) {
       JSC_UNUSED(ctx);
-      auto proxy = static_cast<HostObjectProxy*>(JSObjectGetPrivate(object));
-      auto& rt = proxy->runtime;
+      auto proxy = static_cast<HostObjectProxy *>(JSObjectGetPrivate(object));
+      auto &rt = proxy->runtime;
       jsi::PropNameID sym = rt.createPropNameID(propName);
       try {
         proxy->hostObject->set(rt, sym, rt.createValue(value));
-      } catch (const jsi::JSError& error) {
+      } catch (const jsi::JSError &error) {
         *exception = rt.valueRef(error.value());
         return false;
-      } catch (const std::exception& ex) {
+      } catch (const std::exception &ex) {
         auto excValue =
             rt.global()
                 .getPropertyAsFunction(rt, "Error")
                 .call(
                     rt,
-                    std::string("Exception in HostObject::set(propName:")
-                      + JSStringToSTLString(propName)
-                      + std::string("): ") + ex.what());
+                    std::string("Exception in HostObject::set(propName:") +
+                        JSStringToSTLString(propName) + std::string("): ") +
+                        ex.what());
         *exception = rt.valueRef(excValue);
         return false;
       } catch (...) {
@@ -739,9 +777,9 @@ jsi::Object JSCRuntime::createObject(std::shared_ptr<jsi::HostObject> ho) {
                 .getPropertyAsFunction(rt, "Error")
                 .call(
                     rt,
-                      std::string("Exception in HostObject::set(propName:")
-                      + JSStringToSTLString(propName)
-                      + std::string("): <unknown>"));
+                    std::string("Exception in HostObject::set(propName:") +
+                        JSStringToSTLString(propName) +
+                        std::string("): <unknown>"));
         *exception = rt.valueRef(excValue);
         return false;
       }
@@ -756,18 +794,18 @@ jsi::Object JSCRuntime::createObject(std::shared_ptr<jsi::HostObject> ho) {
         JSObjectRef object,
         JSPropertyNameAccumulatorRef propertyNames) noexcept {
       JSC_UNUSED(ctx);
-      auto proxy = static_cast<HostObjectProxy*>(JSObjectGetPrivate(object));
-      auto& rt = proxy->runtime;
+      auto proxy = static_cast<HostObjectProxy *>(JSObjectGetPrivate(object));
+      auto &rt = proxy->runtime;
       auto names = proxy->hostObject->getPropertyNames(rt);
-      for (auto& name : names) {
+      for (auto &name : names) {
         JSPropertyNameAccumulatorAddName(propertyNames, stringRef(name));
       }
     }
 
-    #undef JSC_UNUSED
+#undef JSC_UNUSED
 
     static void finalize(JSObjectRef obj) {
-      auto hostObject = static_cast<HostObjectProxy*>(JSObjectGetPrivate(obj));
+      auto hostObject = static_cast<HostObjectProxy *>(JSObjectGetPrivate(obj));
       JSObjectSetPrivate(obj, nullptr);
       delete hostObject;
     }
@@ -792,19 +830,19 @@ jsi::Object JSCRuntime::createObject(std::shared_ptr<jsi::HostObject> ho) {
 }
 
 std::shared_ptr<jsi::HostObject> JSCRuntime::getHostObject(
-    const jsi::Object& obj) {
+    const jsi::Object &obj) {
   // We are guaranteed at this point to have isHostObject(obj) == true
   // so the private data should be HostObjectMetadata
   JSObjectRef object = objectRef(obj);
   auto metadata =
-      static_cast<detail::HostObjectProxyBase*>(JSObjectGetPrivate(object));
+      static_cast<detail::HostObjectProxyBase *>(JSObjectGetPrivate(object));
   assert(metadata);
   return metadata->hostObject;
 }
 
 jsi::Value JSCRuntime::getProperty(
-    const jsi::Object& obj,
-    const jsi::String& name) {
+    const jsi::Object &obj,
+    const jsi::String &name) {
   JSObjectRef objRef = objectRef(obj);
   JSValueRef exc = nullptr;
   JSValueRef res = JSObjectGetProperty(ctx_, objRef, stringRef(name), &exc);
@@ -813,8 +851,8 @@ jsi::Value JSCRuntime::getProperty(
 }
 
 jsi::Value JSCRuntime::getProperty(
-    const jsi::Object& obj,
-    const jsi::PropNameID& name) {
+    const jsi::Object &obj,
+    const jsi::PropNameID &name) {
   JSObjectRef objRef = objectRef(obj);
   JSValueRef exc = nullptr;
   JSValueRef res = JSObjectGetProperty(ctx_, objRef, stringRef(name), &exc);
@@ -822,22 +860,22 @@ jsi::Value JSCRuntime::getProperty(
   return createValue(res);
 }
 
-bool JSCRuntime::hasProperty(const jsi::Object& obj, const jsi::String& name) {
+bool JSCRuntime::hasProperty(const jsi::Object &obj, const jsi::String &name) {
   JSObjectRef objRef = objectRef(obj);
   return JSObjectHasProperty(ctx_, objRef, stringRef(name));
 }
 
 bool JSCRuntime::hasProperty(
-    const jsi::Object& obj,
-    const jsi::PropNameID& name) {
+    const jsi::Object &obj,
+    const jsi::PropNameID &name) {
   JSObjectRef objRef = objectRef(obj);
   return JSObjectHasProperty(ctx_, objRef, stringRef(name));
 }
 
 void JSCRuntime::setPropertyValue(
-    jsi::Object& object,
-    const jsi::PropNameID& name,
-    const jsi::Value& value) {
+    jsi::Object &object,
+    const jsi::PropNameID &name,
+    const jsi::Value &value) {
   JSValueRef exc = nullptr;
   JSObjectSetProperty(
       ctx_,
@@ -850,9 +888,9 @@ void JSCRuntime::setPropertyValue(
 }
 
 void JSCRuntime::setPropertyValue(
-    jsi::Object& object,
-    const jsi::String& name,
-    const jsi::Value& value) {
+    jsi::Object &object,
+    const jsi::String &name,
+    const jsi::Value &value) {
   JSValueRef exc = nullptr;
   JSObjectSetProperty(
       ctx_,
@@ -864,7 +902,7 @@ void JSCRuntime::setPropertyValue(
   checkException(exc);
 }
 
-bool JSCRuntime::isArray(const jsi::Object& obj) const {
+bool JSCRuntime::isArray(const jsi::Object &obj) const {
 #if !defined(_JSC_FAST_IS_ARRAY)
   JSObjectRef global = JSContextGetGlobalObject(ctx_);
   JSStringRef arrayString = getArrayString();
@@ -890,37 +928,43 @@ bool JSCRuntime::isArray(const jsi::Object& obj) const {
 #endif
 }
 
-bool JSCRuntime::isArrayBuffer(const jsi::Object& /*obj*/) const {
-  // TODO: T23270523 - This would fail on builds that use our custom JSC
-  // auto typedArrayType = JSValueGetTypedArrayType(ctx_, objectRef(obj),
-  // nullptr);  return typedArrayType == kJSTypedArrayTypeArrayBuffer;
+bool JSCRuntime::isArrayBuffer(const jsi::Object &obj) const {
+#if defined(_JSC_NO_ARRAY_BUFFERS)
   throw std::runtime_error("Unsupported");
+#else
+  auto typedArrayType = JSValueGetTypedArrayType(ctx_, objectRef(obj), nullptr);
+  return typedArrayType == kJSTypedArrayTypeArrayBuffer;
+#endif
 }
 
-uint8_t* JSCRuntime::data(const jsi::ArrayBuffer& /*obj*/) {
-  // TODO: T23270523 - This would fail on builds that use our custom JSC
-  // return static_cast<uint8_t*>(
-  //    JSObjectGetArrayBufferBytesPtr(ctx_, objectRef(obj), nullptr));
+uint8_t *JSCRuntime::data(const jsi::ArrayBuffer &obj) {
+#if defined(_JSC_NO_ARRAY_BUFFERS)
   throw std::runtime_error("Unsupported");
+#else
+  return static_cast<uint8_t *>(
+      JSObjectGetArrayBufferBytesPtr(ctx_, objectRef(obj), nullptr));
+#endif
 }
 
-size_t JSCRuntime::size(const jsi::ArrayBuffer& /*obj*/) {
-  // TODO: T23270523 - This would fail on builds that use our custom JSC
-  // return JSObjectGetArrayBufferByteLength(ctx_, objectRef(obj), nullptr);
+size_t JSCRuntime::size(const jsi::ArrayBuffer &obj) {
+#if defined(_JSC_NO_ARRAY_BUFFERS)
   throw std::runtime_error("Unsupported");
+#else
+  return JSObjectGetArrayBufferByteLength(ctx_, objectRef(obj), nullptr);
+#endif
 }
 
-bool JSCRuntime::isFunction(const jsi::Object& obj) const {
+bool JSCRuntime::isFunction(const jsi::Object &obj) const {
   return JSObjectIsFunction(ctx_, objectRef(obj));
 }
 
-bool JSCRuntime::isHostObject(const jsi::Object& obj) const {
+bool JSCRuntime::isHostObject(const jsi::Object &obj) const {
   auto cls = hostObjectClass;
   return cls != nullptr && JSValueIsObjectOfClass(ctx_, objectRef(obj), cls);
 }
 
 // Very expensive
-jsi::Array JSCRuntime::getPropertyNames(const jsi::Object& obj) {
+jsi::Array JSCRuntime::getPropertyNames(const jsi::Object &obj) {
   JSPropertyNameArrayRef names =
       JSObjectCopyPropertyNames(ctx_, objectRef(obj));
   size_t len = JSPropertyNameArrayGetCount(names);
@@ -934,7 +978,7 @@ jsi::Array JSCRuntime::getPropertyNames(const jsi::Object& obj) {
   return result;
 }
 
-jsi::WeakObject JSCRuntime::createWeakObject(const jsi::Object& obj) {
+jsi::WeakObject JSCRuntime::createWeakObject(const jsi::Object &obj) {
 #ifdef RN_FABRIC_ENABLED
   // TODO: revisit this implementation
   JSObjectRef objRef = objectRef(obj);
@@ -944,7 +988,7 @@ jsi::WeakObject JSCRuntime::createWeakObject(const jsi::Object& obj) {
 #endif
 }
 
-jsi::Value JSCRuntime::lockWeakObject(const jsi::WeakObject& obj) {
+jsi::Value JSCRuntime::lockWeakObject(const jsi::WeakObject &obj) {
 #ifdef RN_FABRIC_ENABLED
   // TODO: revisit this implementation
   JSObjectRef objRef = objectRef(obj);
@@ -969,12 +1013,12 @@ jsi::Array JSCRuntime::createArray(size_t length) {
   return createObject(obj).getArray(*this);
 }
 
-size_t JSCRuntime::size(const jsi::Array& arr) {
+size_t JSCRuntime::size(const jsi::Array &arr) {
   return static_cast<size_t>(
       getProperty(arr, createPropNameID(getLengthString())).getNumber());
 }
 
-jsi::Value JSCRuntime::getValueAtIndex(const jsi::Array& arr, size_t i) {
+jsi::Value JSCRuntime::getValueAtIndex(const jsi::Array &arr, size_t i) {
   JSValueRef exc = nullptr;
   auto res = JSObjectGetPropertyAtIndex(ctx_, objectRef(arr), (int)i, &exc);
   checkException(exc);
@@ -982,11 +1026,12 @@ jsi::Value JSCRuntime::getValueAtIndex(const jsi::Array& arr, size_t i) {
 }
 
 void JSCRuntime::setValueAtIndexImpl(
-    jsi::Array& arr,
+    jsi::Array &arr,
     size_t i,
-    const jsi::Value& value) {
+    const jsi::Value &value) {
   JSValueRef exc = nullptr;
-  JSObjectSetPropertyAtIndex(ctx_, objectRef(arr), (int)i, valueRef(value), &exc);
+  JSObjectSetPropertyAtIndex(
+      ctx_, objectRef(arr), (int)i, valueRef(value), &exc);
   checkException(exc);
 }
 
@@ -999,7 +1044,7 @@ class HostFunctionProxy {
   HostFunctionProxy(jsi::HostFunctionType hostFunction)
       : hostFunction_(hostFunction) {}
 
-  jsi::HostFunctionType& getHostFunction() {
+  jsi::HostFunctionType &getHostFunction() {
     return hostFunction_;
   }
 
@@ -1009,7 +1054,7 @@ class HostFunctionProxy {
 } // namespace
 
 jsi::Function JSCRuntime::createFunctionFromHostFunction(
-    const jsi::PropNameID& name,
+    const jsi::PropNameID &name,
     unsigned int paramCount,
     jsi::HostFunctionType func) {
   class HostFunctionMetadata : public HostFunctionProxy {
@@ -1018,8 +1063,8 @@ jsi::Function JSCRuntime::createFunctionFromHostFunction(
       // We need to set up the prototype chain properly here. In theory we
       // could set func.prototype.prototype = Function.prototype to get the
       // same result. Not sure which approach is better.
-      HostFunctionMetadata* metadata =
-          static_cast<HostFunctionMetadata*>(JSObjectGetPrivate(object));
+      HostFunctionMetadata *metadata =
+          static_cast<HostFunctionMetadata *>(JSObjectGetPrivate(object));
 
       JSValueRef exc = nullptr;
       JSObjectSetProperty(
@@ -1067,7 +1112,7 @@ jsi::Function JSCRuntime::createFunctionFromHostFunction(
       JSObjectSetPrototype(ctx, object, funcProto);
     }
 
-    static JSValueRef makeError(JSCRuntime& rt, const std::string& desc) {
+    static JSValueRef makeError(JSCRuntime &rt, const std::string &desc) {
       jsi::Value value =
           rt.global().getPropertyAsFunction(rt, "Error").call(rt, desc);
       return rt.valueRef(value);
@@ -1079,14 +1124,14 @@ jsi::Function JSCRuntime::createFunctionFromHostFunction(
         JSObjectRef thisObject,
         size_t argumentCount,
         const JSValueRef arguments[],
-        JSValueRef* exception) {
-      HostFunctionMetadata* metadata =
-          static_cast<HostFunctionMetadata*>(JSObjectGetPrivate(function));
-      JSCRuntime& rt = *(metadata->runtime);
+        JSValueRef *exception) {
+      HostFunctionMetadata *metadata =
+          static_cast<HostFunctionMetadata *>(JSObjectGetPrivate(function));
+      JSCRuntime &rt = *(metadata->runtime);
       const unsigned maxStackArgCount = 8;
       jsi::Value stackArgs[maxStackArgCount];
       std::unique_ptr<jsi::Value[]> heapArgs;
-      jsi::Value* args;
+      jsi::Value *args;
       if (argumentCount > maxStackArgCount) {
         heapArgs = std::make_unique<jsi::Value[]>(argumentCount);
         for (size_t i = 0; i < argumentCount; i++) {
@@ -1104,10 +1149,10 @@ jsi::Function JSCRuntime::createFunctionFromHostFunction(
       try {
         res = rt.valueRef(
             metadata->hostFunction_(rt, thisVal, args, argumentCount));
-      } catch (const jsi::JSError& error) {
+      } catch (const jsi::JSError &error) {
         *exception = rt.valueRef(error.value());
         res = JSValueMakeUndefined(ctx);
-      } catch (const std::exception& ex) {
+      } catch (const std::exception &ex) {
         std::string exceptionString("Exception in HostFunction: ");
         exceptionString += ex.what();
         *exception = makeError(rt, exceptionString);
@@ -1121,14 +1166,14 @@ jsi::Function JSCRuntime::createFunctionFromHostFunction(
     }
 
     static void finalize(JSObjectRef object) {
-      HostFunctionMetadata* metadata =
-          static_cast<HostFunctionMetadata*>(JSObjectGetPrivate(object));
+      HostFunctionMetadata *metadata =
+          static_cast<HostFunctionMetadata *>(JSObjectGetPrivate(object));
       JSObjectSetPrivate(object, nullptr);
       delete metadata;
     }
 
     HostFunctionMetadata(
-        JSCRuntime* rt,
+        JSCRuntime *rt,
         jsi::HostFunctionType hf,
         unsigned ac,
         JSStringRef n)
@@ -1137,7 +1182,7 @@ jsi::Function JSCRuntime::createFunctionFromHostFunction(
           argCount(ac),
           name(JSStringRetain(n)) {}
 
-    JSCRuntime* runtime;
+    JSCRuntime *runtime;
     unsigned argCount;
     JSStringRef name;
   };
@@ -1164,8 +1209,8 @@ namespace detail {
 
 class ArgsConverter {
  public:
-  ArgsConverter(JSCRuntime& rt, const jsi::Value* args, size_t count) {
-    JSValueRef* destination = inline_;
+  ArgsConverter(JSCRuntime &rt, const jsi::Value *args, size_t count) {
+    JSValueRef *destination = inline_;
     if (count > maxStackArgs) {
       outOfLine_ = std::make_unique<JSValueRef[]>(count);
       destination = outOfLine_.get();
@@ -1176,7 +1221,7 @@ class ArgsConverter {
     }
   }
 
-  operator JSValueRef*() {
+  operator JSValueRef *() {
     return outOfLine_ ? outOfLine_.get() : inline_;
   }
 
@@ -1187,22 +1232,22 @@ class ArgsConverter {
 };
 } // namespace detail
 
-bool JSCRuntime::isHostFunction(const jsi::Function& obj) const {
+bool JSCRuntime::isHostFunction(const jsi::Function &obj) const {
   auto cls = hostFunctionClass;
   return cls != nullptr && JSValueIsObjectOfClass(ctx_, objectRef(obj), cls);
 }
 
-jsi::HostFunctionType& JSCRuntime::getHostFunction(const jsi::Function& obj) {
+jsi::HostFunctionType &JSCRuntime::getHostFunction(const jsi::Function &obj) {
   // We know that isHostFunction(obj) is true here, so its safe to proceed
   auto proxy =
-      static_cast<HostFunctionProxy*>(JSObjectGetPrivate(objectRef(obj)));
+      static_cast<HostFunctionProxy *>(JSObjectGetPrivate(objectRef(obj)));
   return proxy->getHostFunction();
 }
 
 jsi::Value JSCRuntime::call(
-    const jsi::Function& f,
-    const jsi::Value& jsThis,
-    const jsi::Value* args,
+    const jsi::Function &f,
+    const jsi::Value &jsThis,
+    const jsi::Value *args,
     size_t count) {
   JSValueRef exc = nullptr;
   auto res = JSObjectCallAsFunction(
@@ -1217,8 +1262,8 @@ jsi::Value JSCRuntime::call(
 }
 
 jsi::Value JSCRuntime::callAsConstructor(
-    const jsi::Function& f,
-    const jsi::Value* args,
+    const jsi::Function &f,
+    const jsi::Value *args,
     size_t count) {
   JSValueRef exc = nullptr;
   auto res = JSObjectCallAsConstructor(
@@ -1231,25 +1276,25 @@ jsi::Value JSCRuntime::callAsConstructor(
   return createValue(res);
 }
 
-bool JSCRuntime::strictEquals(const jsi::Symbol& a, const jsi::Symbol& b)
+bool JSCRuntime::strictEquals(const jsi::Symbol &a, const jsi::Symbol &b)
     const {
   JSValueRef exc = nullptr;
   bool ret = JSValueIsEqual(ctx_, symbolRef(a), symbolRef(b), &exc);
-  const_cast<JSCRuntime*>(this)->checkException(exc);
+  const_cast<JSCRuntime *>(this)->checkException(exc);
   return ret;
 }
 
-bool JSCRuntime::strictEquals(const jsi::String& a, const jsi::String& b)
+bool JSCRuntime::strictEquals(const jsi::String &a, const jsi::String &b)
     const {
   return JSStringIsEqual(stringRef(a), stringRef(b));
 }
 
-bool JSCRuntime::strictEquals(const jsi::Object& a, const jsi::Object& b)
+bool JSCRuntime::strictEquals(const jsi::Object &a, const jsi::Object &b)
     const {
   return objectRef(a) == objectRef(b);
 }
 
-bool JSCRuntime::instanceOf(const jsi::Object& o, const jsi::Function& f) {
+bool JSCRuntime::instanceOf(const jsi::Object &o, const jsi::Function &f) {
   JSValueRef exc = nullptr;
   bool res =
       JSValueIsInstanceOfConstructor(ctx_, objectRef(o), objectRef(f), &exc);
@@ -1257,7 +1302,7 @@ bool JSCRuntime::instanceOf(const jsi::Object& o, const jsi::Function& f) {
   return res;
 }
 
-jsi::Runtime::PointerValue* JSCRuntime::makeSymbolValue(
+jsi::Runtime::PointerValue *JSCRuntime::makeSymbolValue(
     JSValueRef symbolRef) const {
 #ifndef NDEBUG
   return new JSCSymbolValue(ctx_, ctxInvalid_, symbolRef, symbolCounter_);
@@ -1273,7 +1318,7 @@ JSStringRef getEmptyString() {
 }
 } // namespace
 
-jsi::Runtime::PointerValue* JSCRuntime::makeStringValue(
+jsi::Runtime::PointerValue *JSCRuntime::makeStringValue(
     JSStringRef stringRef) const {
   if (!stringRef) {
     stringRef = getEmptyString();
@@ -1297,7 +1342,7 @@ jsi::PropNameID JSCRuntime::createPropNameID(JSStringRef str) {
   return make<jsi::PropNameID>(makeStringValue(str));
 }
 
-jsi::Runtime::PointerValue* JSCRuntime::makeObjectValue(
+jsi::Runtime::PointerValue *JSCRuntime::makeObjectValue(
     JSObjectRef objectRef) const {
   if (!objectRef) {
     objectRef = JSObjectMake(ctx_, nullptr, nullptr);
@@ -1314,31 +1359,41 @@ jsi::Object JSCRuntime::createObject(JSObjectRef obj) const {
 }
 
 jsi::Value JSCRuntime::createValue(JSValueRef value) const {
-  if (JSValueIsNumber(ctx_, value)) {
-    return jsi::Value(JSValueToNumber(ctx_, value, nullptr));
-  } else if (JSValueIsBoolean(ctx_, value)) {
-    return jsi::Value(JSValueToBoolean(ctx_, value));
-  } else if (JSValueIsNull(ctx_, value)) {
-    return jsi::Value(nullptr);
-  } else if (JSValueIsUndefined(ctx_, value)) {
-    return jsi::Value();
-  } else if (JSValueIsString(ctx_, value)) {
-    JSStringRef str = JSValueToStringCopy(ctx_, value, nullptr);
-    auto result = jsi::Value(createString(str));
-    JSStringRelease(str);
-    return result;
-  } else if (JSValueIsObject(ctx_, value)) {
-    JSObjectRef objRef = JSValueToObject(ctx_, value, nullptr);
-    return jsi::Value(createObject(objRef));
-  } else if (smellsLikeES6Symbol(ctx_, value)) {
-    return jsi::Value(createSymbol(value));
-  } else {
-    // WHAT ARE YOU
-    abort();
+  JSType type = JSValueGetType(ctx_, value);
+
+  switch (type) {
+    case kJSTypeNumber:
+      return jsi::Value(JSValueToNumber(ctx_, value, nullptr));
+    case kJSTypeBoolean:
+      return jsi::Value(JSValueToBoolean(ctx_, value));
+    case kJSTypeNull:
+      return jsi::Value(nullptr);
+    case kJSTypeUndefined:
+      return jsi::Value();
+    case kJSTypeString: {
+      JSStringRef str = JSValueToStringCopy(ctx_, value, nullptr);
+      auto result = jsi::Value(createString(str));
+      JSStringRelease(str);
+      return result;
+    }
+    case kJSTypeObject: {
+      JSObjectRef objRef = JSValueToObject(ctx_, value, nullptr);
+      return jsi::Value(createObject(objRef));
+    }
+      // TODO: Uncomment this when all supported JSC versions have this symbol
+      //    case kJSTypeSymbol:
+    default: {
+      if (smellsLikeES6Symbol(ctx_, value)) {
+        return jsi::Value(createSymbol(value));
+      } else {
+        // WHAT ARE YOU
+        abort();
+      }
+    }
   }
 }
 
-JSValueRef JSCRuntime::valueRef(const jsi::Value& value) {
+JSValueRef JSCRuntime::valueRef(const jsi::Value &value) {
   // I would rather switch on value.kind_
   if (value.isUndefined()) {
     return JSValueMakeUndefined(ctx_);
@@ -1360,26 +1415,26 @@ JSValueRef JSCRuntime::valueRef(const jsi::Value& value) {
   }
 }
 
-JSValueRef JSCRuntime::symbolRef(const jsi::Symbol& sym) {
-  return static_cast<const JSCSymbolValue*>(getPointerValue(sym))->sym_;
+JSValueRef JSCRuntime::symbolRef(const jsi::Symbol &sym) {
+  return static_cast<const JSCSymbolValue *>(getPointerValue(sym))->sym_;
 }
 
-JSStringRef JSCRuntime::stringRef(const jsi::String& str) {
-  return static_cast<const JSCStringValue*>(getPointerValue(str))->str_;
+JSStringRef JSCRuntime::stringRef(const jsi::String &str) {
+  return static_cast<const JSCStringValue *>(getPointerValue(str))->str_;
 }
 
-JSStringRef JSCRuntime::stringRef(const jsi::PropNameID& sym) {
-  return static_cast<const JSCStringValue*>(getPointerValue(sym))->str_;
+JSStringRef JSCRuntime::stringRef(const jsi::PropNameID &sym) {
+  return static_cast<const JSCStringValue *>(getPointerValue(sym))->str_;
 }
 
-JSObjectRef JSCRuntime::objectRef(const jsi::Object& obj) {
-  return static_cast<const JSCObjectValue*>(getPointerValue(obj))->obj_;
+JSObjectRef JSCRuntime::objectRef(const jsi::Object &obj) {
+  return static_cast<const JSCObjectValue *>(getPointerValue(obj))->obj_;
 }
 
 #ifdef RN_FABRIC_ENABLED
-JSObjectRef JSCRuntime::objectRef(const jsi::WeakObject& obj) {
+JSObjectRef JSCRuntime::objectRef(const jsi::WeakObject &obj) {
   // TODO: revisit this implementation
-  return static_cast<const JSCObjectValue*>(getPointerValue(obj))->obj_;
+  return static_cast<const JSCObjectValue *>(getPointerValue(obj))->obj_;
 }
 #endif
 
@@ -1395,7 +1450,7 @@ void JSCRuntime::checkException(JSValueRef res, JSValueRef exc) {
   }
 }
 
-void JSCRuntime::checkException(JSValueRef exc, const char* msg) {
+void JSCRuntime::checkException(JSValueRef exc, const char *msg) {
   if (JSC_UNLIKELY(exc)) {
     throw jsi::JSError(std::string(msg), *this, createValue(exc));
   }
@@ -1404,7 +1459,7 @@ void JSCRuntime::checkException(JSValueRef exc, const char* msg) {
 void JSCRuntime::checkException(
     JSValueRef res,
     JSValueRef exc,
-    const char* msg) {
+    const char *msg) {
   if (JSC_UNLIKELY(!res)) {
     throw jsi::JSError(std::string(msg), *this, createValue(exc));
   }
diff --git a/ReactCommon/jsi/React-jsi.podspec b/ReactCommon/jsi/React-jsi.podspec
index 26a79b8acc985b..6bc99df93b3f24 100644
--- a/ReactCommon/jsi/React-jsi.podspec
+++ b/ReactCommon/jsi/React-jsi.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
   s.name                   = "React-jsi"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "**/*.{cpp,h}"
   s.exclude_files          = "**/test/*"
diff --git a/ReactCommon/jsi/jsi/decorator.h b/ReactCommon/jsi/jsi/decorator.h
index 9616d19c7e5c63..0021794e57786a 100644
--- a/ReactCommon/jsi/jsi/decorator.h
+++ b/ReactCommon/jsi/jsi/decorator.h
@@ -335,18 +335,26 @@ class RuntimeDecorator : public Base, private jsi::Instrumentation {
     plain().instrumentation().collectGarbage();
   }
 
-  bool createSnapshotToFile(const std::string& path) override {
-    return plain().instrumentation().createSnapshotToFile(path);
+  void startTrackingHeapObjectStackTraces() override {
+    plain().instrumentation().startTrackingHeapObjectStackTraces();
   }
 
-  bool createSnapshotToStream(std::ostream& os) override {
-    return plain().instrumentation().createSnapshotToStream(os);
+  void stopTrackingHeapObjectStackTraces() override {
+    plain().instrumentation().stopTrackingHeapObjectStackTraces();
   }
 
-  void writeBridgeTrafficTraceToFile(
-      const std::string& fileName) const override {
-    const_cast<Plain&>(plain()).instrumentation().writeBridgeTrafficTraceToFile(
-        fileName);
+  void createSnapshotToFile(const std::string& path) override {
+    plain().instrumentation().createSnapshotToFile(path);
+  }
+
+  void createSnapshotToStream(std::ostream& os) override {
+    plain().instrumentation().createSnapshotToStream(os);
+  }
+
+  std::string flushAndDisableBridgeTrafficTrace() override {
+    return const_cast<Plain&>(plain())
+        .instrumentation()
+        .flushAndDisableBridgeTrafficTrace();
   }
 
   void writeBasicBlockProfileTraceToFile(
diff --git a/ReactCommon/jsi/jsi/instrumentation.h b/ReactCommon/jsi/jsi/instrumentation.h
index 3de9bce1c7915c..548a8c5cad8c7f 100644
--- a/ReactCommon/jsi/jsi/instrumentation.h
+++ b/ReactCommon/jsi/jsi/instrumentation.h
@@ -52,23 +52,28 @@ class Instrumentation {
   /// perform a full garbage collection
   virtual void collectGarbage() = 0;
 
+  /// Start capturing JS stack-traces for all JS heap allocated objects. These
+  /// can be accessed via \c ::createSnapshotToFile().
+  virtual void startTrackingHeapObjectStackTraces() = 0;
+
+  /// Stop capture JS stack-traces for JS heap allocated objects.
+  virtual void stopTrackingHeapObjectStackTraces() = 0;
+
   /// Captures the heap to a file
   ///
   /// \param path to save the heap capture
-  ///
-  /// \return true iff the heap capture succeeded
-  virtual bool createSnapshotToFile(const std::string& path) = 0;
+  virtual void createSnapshotToFile(const std::string& path) = 0;
 
   /// Captures the heap to an output stream
   ///
   /// \param os output stream to write to.
-  ///
-  /// \return true iff the heap capture succeeded.
-  virtual bool createSnapshotToStream(std::ostream& os) = 0;
+  virtual void createSnapshotToStream(std::ostream& os) = 0;
 
-  /// Write a trace of bridge traffic to the given file name.
-  virtual void writeBridgeTrafficTraceToFile(
-      const std::string& fileName) const = 0;
+  /// If the runtime has been created to trace to a temp file, flush
+  /// any unwritten parts of the trace of bridge traffic to the file,
+  /// and return the name of  the file.  Otherwise, return the empty string.
+  /// Tracing is disabled after this call.
+  virtual std::string flushAndDisableBridgeTrafficTrace() = 0;
 
   /// Write basic block profile trace to the given file name.
   virtual void writeBasicBlockProfileTraceToFile(
diff --git a/ReactCommon/jsi/jsi/jsi-inl.h b/ReactCommon/jsi/jsi/jsi-inl.h
index 228fb7964ed954..08495995663c7c 100644
--- a/ReactCommon/jsi/jsi/jsi-inl.h
+++ b/ReactCommon/jsi/jsi/jsi-inl.h
@@ -30,7 +30,7 @@ inline Value toValue(Runtime& runtime, const char* str) {
   return String::createFromAscii(runtime, str);
 }
 inline Value toValue(Runtime& runtime, const std::string& str) {
-  return String::createFromAscii(runtime, str);
+  return String::createFromUtf8(runtime, str);
 }
 template <typename T>
 inline Value toValue(Runtime& runtime, const T& other) {
diff --git a/ReactCommon/jsi/jsi/jsi.cpp b/ReactCommon/jsi/jsi/jsi.cpp
index 065589a4214ae6..73a27892580cd4 100644
--- a/ReactCommon/jsi/jsi/jsi.cpp
+++ b/ReactCommon/jsi/jsi/jsi.cpp
@@ -37,6 +37,27 @@ std::string kindToString(const Value& v, Runtime* rt = nullptr) {
   }
 }
 
+// getPropertyAsFunction() will try to create a JSError.  If the
+// failure is in building a JSError, this will lead to infinite
+// recursion.  This function is used in place of getPropertyAsFunction
+// when building JSError, to avoid that infinite recursion.
+Value callGlobalFunction(Runtime& runtime, const char* name, const Value& arg) {
+  Value v = runtime.global().getProperty(runtime, name);
+  if (!v.isObject()) {
+    throw JSINativeException(
+        std::string("callGlobalFunction: JS global property '") + name +
+        "' is " + kindToString(v, &runtime) + ", expected a Function");
+  }
+  Object o = v.getObject(runtime);
+  if (!o.isFunction(runtime)) {
+    throw JSINativeException(
+        std::string("callGlobalFunction: JS global property '") + name +
+        "' is a non-callable Object, expected a Function");
+  }
+  Function f = std::move(o).getFunction(runtime);
+  return f.call(runtime, arg);
+}
+
 } // namespace
 
 namespace detail {
@@ -78,15 +99,20 @@ Instrumentation& Runtime::instrumentation() {
 
     void collectGarbage() override {}
 
-    bool createSnapshotToFile(const std::string&) override {
-      return false;
+    void startTrackingHeapObjectStackTraces() override {}
+    void stopTrackingHeapObjectStackTraces() override {}
+
+    void createSnapshotToFile(const std::string&) override {
+      throw JSINativeException(
+          "Default instrumentation cannot create a heap snapshot");
     }
 
-    bool createSnapshotToStream(std::ostream&) override {
-      return false;
+    void createSnapshotToStream(std::ostream&) override {
+      throw JSINativeException(
+          "Default instrumentation cannot create a heap snapshot");
     }
 
-    void writeBridgeTrafficTraceToFile(const std::string&) const override {
+    std::string flushAndDisableBridgeTrafficTrace() override {
       std::abort();
     }
 
@@ -142,9 +168,7 @@ Function Object::getPropertyAsFunction(Runtime& runtime, const char* name)
             kindToString(std::move(obj), &runtime) + ", expected a Function");
   };
 
-  Runtime::PointerValue* value = obj.ptr_;
-  obj.ptr_ = nullptr;
-  return Function(value);
+  return std::move(obj).getFunction(runtime);
 }
 
 Array Object::asArray(Runtime& runtime) const& {
@@ -347,7 +371,11 @@ JSError::JSError(Runtime& rt, Value&& value) {
 JSError::JSError(Runtime& rt, std::string msg) : message_(std::move(msg)) {
   try {
     setValue(
-        rt, rt.global().getPropertyAsFunction(rt, "Error").call(rt, message_));
+        rt,
+        callGlobalFunction(rt, "Error", String::createFromUtf8(rt, message_)));
+  } catch (const std::exception& ex) {
+    message_ = std::string(ex.what()) + " (while raising " + message_ + ")";
+    setValue(rt, String::createFromUtf8(rt, message_));
   } catch (...) {
     setValue(rt, Value());
   }
@@ -360,6 +388,8 @@ JSError::JSError(Runtime& rt, std::string msg, std::string stack)
     e.setProperty(rt, "message", String::createFromUtf8(rt, message_));
     e.setProperty(rt, "stack", String::createFromUtf8(rt, stack_));
     setValue(rt, std::move(e));
+  } catch (const std::exception& ex) {
+    setValue(rt, String::createFromUtf8(rt, ex.what()));
   } catch (...) {
     setValue(rt, Value());
   }
@@ -380,20 +410,23 @@ void JSError::setValue(Runtime& rt, Value&& value) {
       if (message_.empty()) {
         jsi::Value message = obj.getProperty(rt, "message");
         if (!message.isUndefined()) {
-          message_ = message.toString(rt).utf8(rt);
+          message_ =
+              callGlobalFunction(rt, "String", message).getString(rt).utf8(rt);
         }
       }
 
       if (stack_.empty()) {
         jsi::Value stack = obj.getProperty(rt, "stack");
         if (!stack.isUndefined()) {
-          stack_ = stack.toString(rt).utf8(rt);
+          stack_ =
+              callGlobalFunction(rt, "String", stack).getString(rt).utf8(rt);
         }
       }
     }
 
     if (message_.empty()) {
-      message_ = value_->toString(rt).utf8(rt);
+      message_ =
+          callGlobalFunction(rt, "String", *value_).getString(rt).utf8(rt);
     }
 
     if (stack_.empty()) {
@@ -403,6 +436,13 @@ void JSError::setValue(Runtime& rt, Value&& value) {
     if (what_.empty()) {
       what_ = message_ + "\n\n" + stack_;
     }
+  } catch (const std::exception& ex) {
+    message_ = std::string("[Exception while creating message string: ") +
+        ex.what() + "]";
+    stack_ = std::string("Exception while creating stack string: ") +
+        ex.what() + "]";
+    what_ =
+        std::string("Exception while getting value fields: ") + ex.what() + "]";
   } catch (...) {
     message_ = "[Exception caught creating message string]";
     stack_ = "[Exception caught creating stack string]";
diff --git a/ReactCommon/jsi/jsi/jsi.h b/ReactCommon/jsi/jsi/jsi.h
index 33e3008335c641..677e9049498e18 100644
--- a/ReactCommon/jsi/jsi/jsi.h
+++ b/ReactCommon/jsi/jsi/jsi.h
@@ -52,8 +52,8 @@ class StringBuffer : public Buffer {
   std::string s_;
 };
 
-/// PreparedJavaScript is a base class representing JavaScript which is in a form
-/// optimized for execution, in a runtime-specific way. Construct one via
+/// 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. **
 class PreparedJavaScript {
@@ -188,9 +188,10 @@ class Runtime {
   /// \return the global object
   virtual Object global() = 0;
 
-  /// \return a short printable description of the instance.  This
-  /// should only be used by logging, debugging, and other
-  /// developer-facing callers.
+  /// \return a short printable description of the instance.  It should
+  /// at least include some human-readable indication of the runtime
+  /// implementation.  This should only be used by logging, debugging,
+  /// and other developer-facing callers.
   virtual std::string description() = 0;
 
   /// \return whether or not the underlying runtime supports debugging via the
@@ -811,23 +812,35 @@ class Function : public Object {
       unsigned int paramCount,
       jsi::HostFunctionType func);
 
-  /// Calls the function with \c count \c args.  The \c this value of
-  /// the JS function will be undefined.
+  /// Calls the function with \c count \c args.  The \c this value of the JS
+  /// function will not be set by the C++ caller, similar to calling
+  /// Function.prototype.apply(undefined, args) in JS.
+  /// \b Note: as with Function.prototype.apply, \c this may not always be
+  /// \c undefined in the function itself.  If the function is non-strict,
+  /// \c this will be set to the global object.
   Value call(Runtime& runtime, const Value* args, size_t count) const;
 
   /// Calls the function with a \c std::initializer_list of Value
-  /// arguments. The \c this value of the JS function will be
-  /// undefined.
+  /// arguments.  The \c this value of the JS function will not be set by the
+  /// C++ caller, similar to calling Function.prototype.apply(undefined, args)
+  /// in JS.
+  /// \b Note: as with Function.prototype.apply, \c this may not always be
+  /// \c undefined in the function itself.  If the function is non-strict,
+  /// \c this will be set to the global object.
   Value call(Runtime& runtime, std::initializer_list<Value> args) const;
 
   /// Calls the function with any number of arguments similarly to
-  /// Object::setProperty().  The \c this value of the JS function
-  /// will be undefined.
+  /// Object::setProperty().  The \c this value of the JS function will not be
+  /// set by the C++ caller, similar to calling
+  /// Function.prototype.call(undefined, ...args) in JS.
+  /// \b Note: as with Function.prototype.call, \c this may not always be
+  /// \c undefined in the function itself.  If the function is non-strict,
+  /// \c this will be set to the global object.
   template <typename... Args>
   Value call(Runtime& runtime, Args&&... args) const;
 
   /// Calls the function with \c count \c args and \c jsThis value passed
-  /// as this value.
+  /// as the \c this value.
   Value callWithThis(
       Runtime& Runtime,
       const Object& jsThis,
@@ -835,16 +848,14 @@ class Function : public Object {
       size_t count) const;
 
   /// Calls the function with a \c std::initializer_list of Value
-  /// arguments. The \c this value of the JS function will be
-  /// undefined.
+  /// arguments and \c jsThis passed as the \c this value.
   Value callWithThis(
       Runtime& runtime,
       const Object& jsThis,
       std::initializer_list<Value> args) const;
 
   /// Calls the function with any number of arguments similarly to
-  /// Object::setProperty().  The \c this value of the JS function
-  /// will be undefined.
+  /// Object::setProperty(), and with \c jsThis passed as the \c this value.
   template <typename... Args>
   Value callWithThis(Runtime& runtime, const Object& jsThis, Args&&... args)
       const;
@@ -1191,7 +1202,7 @@ class Scope {
 };
 
 /// Base class for jsi exceptions
-class JSIException : public std::exception {
+class JSI_EXPORT JSIException : public std::exception {
  protected:
   JSIException(){};
   JSIException(std::string what) : what_(std::move(what)){};
@@ -1207,7 +1218,7 @@ class JSIException : public std::exception {
 
 /// This exception will be thrown by API functions on errors not related to
 /// JavaScript execution.
-class JSINativeException : public JSIException {
+class JSI_EXPORT JSINativeException : public JSIException {
  public:
   JSINativeException(std::string what) : JSIException(std::move(what)) {}
 };
@@ -1215,7 +1226,7 @@ class JSINativeException : public JSIException {
 /// This exception will be thrown by API functions whenever a JS
 /// operation causes an exception as described by the spec, or as
 /// otherwise described.
-class JSError : public JSIException {
+class JSI_EXPORT JSError : public JSIException {
  public:
   /// Creates a JSError referring to provided \c value
   JSError(Runtime& r, Value&& value);
diff --git a/ReactCommon/jsi/jsi/test/testlib.cpp b/ReactCommon/jsi/jsi/test/testlib.cpp
index a99b4e97a206e7..ad3b9937584cfd 100644
--- a/ReactCommon/jsi/jsi/test/testlib.cpp
+++ b/ReactCommon/jsi/jsi/test/testlib.cpp
@@ -474,7 +474,8 @@ TEST_P(JSITest, FunctionTest) {
   // 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 "
+      "function(n, b, d, df, i, s1, s2, s3, s_sun, s_bad, o, a, f, v) { "
+      "return "
       "n === null && "
       "b === true && "
       "d === 3.14 && "
@@ -483,11 +484,12 @@ TEST_P(JSITest, FunctionTest) {
       "s1 == 's1' && "
       "s2 == 's2' && "
       "s3 == 's3' && "
+      "s_sun == 's\\u2600' && "
+      "typeof s_bad == 'string' && "
       "typeof o == 'object' && "
       "Array.isArray(a) && "
       "typeof f == 'function' && "
       "v == 42 }");
-  std::string s3 = "s3";
   EXPECT_TRUE(f.call(
                    rt,
                    nullptr,
@@ -497,7 +499,10 @@ TEST_P(JSITest, FunctionTest) {
                    17,
                    "s1",
                    String::createFromAscii(rt, "s2"),
-                   s3,
+                   std::string{"s3"},
+                   std::string{u8"s\u2600"},
+                   // invalid UTF8 sequence due to unexpected continuation byte
+                   std::string{"s\x80"},
                    Object(rt),
                    Array(rt, 1),
                    function("function(){}"),
@@ -559,11 +564,11 @@ TEST_P(JSITest, FunctionConstructorTest) {
       .getObject(rt)
       .setProperty(rt, "pika", "chu");
   auto empty = ctor.callAsConstructor(rt);
-  ASSERT_TRUE(empty.isObject());
+  EXPECT_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());
+  EXPECT_TRUE(who.isObject());
   auto whoObj = std::move(who).getObject(rt);
   EXPECT_EQ(whoObj.getProperty(rt, "pika").getString(rt).utf8(rt), "who");
 
@@ -939,7 +944,7 @@ unsigned countOccurences(const std::string& of, const std::string& in) {
 } // namespace
 
 TEST_P(JSITest, JSErrorsArePropagatedNicely) {
-  unsigned callsBeoreError = 5;
+  unsigned callsBeforeError = 5;
 
   Function sometimesThrows = function(
       "function sometimesThrows(shouldThrow, callback) {"
@@ -953,9 +958,9 @@ TEST_P(JSITest, JSErrorsArePropagatedNicely) {
       rt,
       PropNameID::forAscii(rt, "callback"),
       0,
-      [&sometimesThrows, &callsBeoreError](
+      [&sometimesThrows, &callsBeforeError](
           Runtime& rt, const Value& thisVal, const Value* args, size_t count) {
-        return sometimesThrows.call(rt, --callsBeoreError == 0, args[0]);
+        return sometimesThrows.call(rt, --callsBeforeError == 0, args[0]);
       });
 
   try {
@@ -975,6 +980,79 @@ TEST_P(JSITest, JSErrorsCanBeConstructedWithStack) {
   EXPECT_EQ(err.getStack(), "stack");
 }
 
+TEST_P(JSITest, JSErrorDoesNotInfinitelyRecurse) {
+  Value globalString = rt.global().getProperty(rt, "String");
+  rt.global().setProperty(rt, "String", Value::undefined());
+  try {
+    eval("throw Error('whoops')");
+    FAIL() << "expected exception";
+  } catch (const JSError& ex) {
+    EXPECT_EQ(
+        ex.getMessage(),
+        "[Exception while creating message string: callGlobalFunction: "
+        "JS global property 'String' is undefined, expected a Function]");
+  }
+  rt.global().setProperty(rt, "String", globalString);
+
+  Value globalError = rt.global().getProperty(rt, "Error");
+  rt.global().setProperty(rt, "Error", Value::undefined());
+  try {
+    rt.global().getPropertyAsFunction(rt, "NotAFunction");
+    FAIL() << "expected exception";
+  } catch (const JSError& ex) {
+    EXPECT_EQ(
+        ex.getMessage(),
+        "callGlobalFunction: JS global property 'Error' is undefined, "
+        "expected a Function (while raising getPropertyAsObject: "
+        "property 'NotAFunction' is undefined, expected an Object)");
+  }
+
+  // If Error is missing, this is fundamentally a problem with JS code
+  // messing up the global object, so it should present in JS code as
+  // a catchable string.  Not an Error (because that's broken), or as
+  // a C++ failure.
+
+  auto fails = [](Runtime& rt, const Value&, const Value*, size_t) -> Value {
+    return rt.global().getPropertyAsObject(rt, "NotAProperty");
+  };
+  EXPECT_EQ(
+      function("function (f) { try { f(); return 'undefined'; }"
+               "catch (e) { return typeof e; } }")
+          .call(
+              rt,
+              Function::createFromHostFunction(
+                  rt, PropNameID::forAscii(rt, "fails"), 0, fails))
+          .getString(rt)
+          .utf8(rt),
+      "string");
+
+  rt.global().setProperty(rt, "Error", globalError);
+}
+
+TEST_P(JSITest, JSErrorStackOverflowHandling) {
+  rt.global().setProperty(
+      rt,
+      "callSomething",
+      Function::createFromHostFunction(
+          rt,
+          PropNameID::forAscii(rt, "callSomething"),
+          0,
+          [this](
+              Runtime& rt2,
+              const Value& thisVal,
+              const Value* args,
+              size_t count) {
+            EXPECT_EQ(&rt, &rt2);
+            return function("function() { return 0; }").call(rt);
+          }));
+  try {
+    eval("(function f() { callSomething(); f.apply(); })()");
+    FAIL();
+  } catch (const JSError& ex) {
+    EXPECT_NE(std::string(ex.what()).find("exceeded"), std::string::npos);
+  }
+}
+
 TEST_P(JSITest, ScopeDoesNotCrashTest) {
   Scope scope(rt);
   Object o(rt);
@@ -1193,6 +1271,88 @@ TEST_P(JSITest, SymbolTest) {
   EXPECT_FALSE(Value::strictEquals(rt, eval("Symbol('a')"), eval("'a'")));
 }
 
+//----------------------------------------------------------------------
+// Test that multiple levels of delegation in DecoratedHostObjects works.
+
+class RD1 : public RuntimeDecorator<Runtime, Runtime> {
+ public:
+  RD1(Runtime& plain) : RuntimeDecorator(plain) {}
+
+  Object createObject(std::shared_ptr<HostObject> ho) {
+    class DHO1 : public DecoratedHostObject {
+     public:
+      using DecoratedHostObject::DecoratedHostObject;
+
+      Value get(Runtime& rt, const PropNameID& name) override {
+        numGets++;
+        return DecoratedHostObject::get(rt, name);
+      }
+    };
+    return Object::createFromHostObject(
+        plain(), std::make_shared<DHO1>(*this, ho));
+  }
+
+  static unsigned numGets;
+};
+
+class RD2 : public RuntimeDecorator<Runtime, Runtime> {
+ public:
+  RD2(Runtime& plain) : RuntimeDecorator(plain) {}
+
+  Object createObject(std::shared_ptr<HostObject> ho) {
+    class DHO2 : public DecoratedHostObject {
+     public:
+      using DecoratedHostObject::DecoratedHostObject;
+
+      Value get(Runtime& rt, const PropNameID& name) override {
+        numGets++;
+        return DecoratedHostObject::get(rt, name);
+      }
+    };
+    return Object::createFromHostObject(
+        plain(), std::make_shared<DHO2>(*this, ho));
+  }
+
+  static unsigned numGets;
+};
+
+class HO : public HostObject {
+ public:
+  explicit HO(Runtime* expectedRT) : expectedRT_(expectedRT) {}
+
+  Value get(Runtime& rt, const PropNameID& name) override {
+    EXPECT_EQ(expectedRT_, &rt);
+    return Value(17.0);
+  }
+
+ private:
+  // The runtime we expect to be called with.
+  Runtime* expectedRT_;
+};
+
+unsigned RD1::numGets = 0;
+unsigned RD2::numGets = 0;
+
+TEST_P(JSITest, MultilevelDecoratedHostObject) {
+  // This test will be run for various test instantiations, so initialize these
+  // counters.
+  RD1::numGets = 0;
+  RD2::numGets = 0;
+
+  RD1 rd1(rt);
+  RD2 rd2(rd1);
+  // We expect the "get" operation of ho to be called with rd2.
+  auto ho = std::make_shared<HO>(&rd2);
+  auto obj = Object::createFromHostObject(rd2, ho);
+  Value v = obj.getProperty(rd2, "p");
+  EXPECT_TRUE(v.isNumber());
+  EXPECT_EQ(17.0, v.asNumber());
+  auto ho2 = obj.getHostObject(rd2);
+  EXPECT_EQ(ho, ho2);
+  EXPECT_EQ(1, RD1::numGets);
+  EXPECT_EQ(1, RD2::numGets);
+}
+
 INSTANTIATE_TEST_CASE_P(
     Runtimes,
     JSITest,
diff --git a/ReactCommon/jsiexecutor/.clang-tidy b/ReactCommon/jsiexecutor/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/jsiexecutor/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/jsiexecutor/BUCK b/ReactCommon/jsiexecutor/BUCK
index a1e166c3751641..5eeaf7638fa369 100644
--- a/ReactCommon/jsiexecutor/BUCK
+++ b/ReactCommon/jsiexecutor/BUCK
@@ -16,13 +16,13 @@ cxx_library(
         "-frtti",
     ],
     fbandroid_deps = [
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/third-party/glog:glog",
-        "fbsource//xplat/third-party/linker_lib:atomic",
+        "//xplat/folly:molly",
+        "//xplat/third-party/glog:glog",
+        "//xplat/third-party/linker_lib:atomic",
     ],
     fbobjc_force_static = True,
     fbobjc_header_path_prefix = "",
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     platforms = (ANDROID, APPLE),
     preprocessor_flags = [
         "-DLOG_TAG=\"ReactNative\"",
@@ -33,7 +33,7 @@ cxx_library(
     ],
     xcode_public_headers_symlinks = True,
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
+        "//xplat/fbsystrace:fbsystrace",
         react_native_xplat_dep("jsi:jsi"),
         react_native_xplat_dep("jsi:JSIDynamic"),
         react_native_xplat_target("cxxreact:bridge"),
diff --git a/ReactCommon/jsiexecutor/React-jsiexecutor.podspec b/ReactCommon/jsiexecutor/React-jsiexecutor.podspec
index 749d2e6f8154c2..b67a03eaca9436 100644
--- a/ReactCommon/jsiexecutor/React-jsiexecutor.podspec
+++ b/ReactCommon/jsiexecutor/React-jsiexecutor.podspec
@@ -17,17 +17,17 @@ else
 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'
+folly_version = '2020.01.13.00'
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
   s.name                   = "React-jsiexecutor"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files         = "jsireact/*.{cpp,h}"
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
diff --git a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
index eaf7b71bc91bef..0f1370a7eeb50c 100644
--- a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
+++ b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
@@ -15,6 +15,7 @@
 #include <folly/json.h>
 #include <glog/logging.h>
 #include <jsi/JSIDynamic.h>
+#include <jsi/instrumentation.h>
 
 #include <sstream>
 #include <stdexcept>
@@ -26,14 +27,20 @@ namespace react {
 
 class JSIExecutor::NativeModuleProxy : public jsi::HostObject {
  public:
-  NativeModuleProxy(JSIExecutor &executor) : executor_(executor) {}
+  NativeModuleProxy(std::shared_ptr<JSINativeModules> nativeModules)
+      : weakNativeModules_(nativeModules) {}
 
   Value get(Runtime &rt, const PropNameID &name) override {
     if (name.utf8(rt) == "name") {
       return jsi::String::createFromAscii(rt, "NativeModules");
     }
 
-    return executor_.nativeModules_.getModule(rt, name);
+    auto nativeModules = weakNativeModules_.lock();
+    if (!nativeModules) {
+      return nullptr;
+    }
+
+    return nativeModules->getModule(rt, name);
   }
 
   void set(Runtime &, const PropNameID &, const Value &) override {
@@ -42,7 +49,7 @@ class JSIExecutor::NativeModuleProxy : public jsi::HostObject {
   }
 
  private:
-  JSIExecutor &executor_;
+  std::weak_ptr<JSINativeModules> weakNativeModules_;
 };
 
 namespace {
@@ -62,25 +69,21 @@ JSIExecutor::JSIExecutor(
     RuntimeInstaller runtimeInstaller)
     : runtime_(runtime),
       delegate_(delegate),
-      nativeModules_(delegate ? delegate->getModuleRegistry() : nullptr),
+      nativeModules_(std::make_shared<JSINativeModules>(
+          delegate ? delegate->getModuleRegistry() : nullptr)),
       scopedTimeoutInvoker_(scopedTimeoutInvoker),
       runtimeInstaller_(runtimeInstaller) {
   runtime_->global().setProperty(
       *runtime, "__jsiExecutorDescription", runtime->description());
 }
 
-void JSIExecutor::loadApplicationScript(
-    std::unique_ptr<const JSBigString> script,
-    std::string sourceURL) {
-  SystraceSection s("JSIExecutor::loadApplicationScript");
-
-  // TODO: check for and use precompiled HBC
-
+void JSIExecutor::initializeRuntime() {
+  SystraceSection s("JSIExecutor::initializeRuntime");
   runtime_->global().setProperty(
       *runtime_,
       "nativeModuleProxy",
       Object::createFromHostObject(
-          *runtime_, std::make_shared<NativeModuleProxy>(*this)));
+          *runtime_, std::make_shared<NativeModuleProxy>(nativeModules_)));
 
   runtime_->global().setProperty(
       *runtime_,
@@ -133,6 +136,18 @@ void JSIExecutor::loadApplicationScript(
   if (runtimeInstaller_) {
     runtimeInstaller_(*runtime_);
   }
+  bool hasLogger(ReactMarker::logTaggedMarker);
+  if (hasLogger) {
+    ReactMarker::logMarker(ReactMarker::CREATE_REACT_CONTEXT_STOP);
+  }
+}
+
+void JSIExecutor::loadBundle(
+    std::unique_ptr<const JSBigString> script,
+    std::string sourceURL) {
+  SystraceSection s("JSIExecutor::loadBundle");
+
+  // TODO: check for and use precompiled HBC
 
   bool hasLogger(ReactMarker::logTaggedMarker);
   std::string scriptName = simpleBasename(sourceURL);
@@ -144,7 +159,6 @@ void JSIExecutor::loadApplicationScript(
       std::make_unique<BigStringBuffer>(std::move(script)), sourceURL);
   flush();
   if (hasLogger) {
-    ReactMarker::logMarker(ReactMarker::CREATE_REACT_CONTEXT_STOP);
     ReactMarker::logTaggedMarker(
         ReactMarker::RUN_JS_BUNDLE_STOP, scriptName.c_str());
   }
@@ -273,6 +287,74 @@ bool JSIExecutor::isInspectable() {
   return runtime_->isInspectable();
 }
 
+void JSIExecutor::handleMemoryPressure(int pressureLevel) {
+  // The level is an enum value passed by the Android OS to an onTrimMemory
+  // event callback. Defined in ComponentCallbacks2.
+  enum AndroidMemoryPressure {
+    TRIM_MEMORY_BACKGROUND = 40,
+    TRIM_MEMORY_COMPLETE = 80,
+    TRIM_MEMORY_MODERATE = 60,
+    TRIM_MEMORY_RUNNING_CRITICAL = 15,
+    TRIM_MEMORY_RUNNING_LOW = 10,
+    TRIM_MEMORY_RUNNING_MODERATE = 5,
+    TRIM_MEMORY_UI_HIDDEN = 20,
+  };
+  const char *levelName;
+  switch (pressureLevel) {
+    case TRIM_MEMORY_BACKGROUND:
+      levelName = "TRIM_MEMORY_BACKGROUND";
+      break;
+    case TRIM_MEMORY_COMPLETE:
+      levelName = "TRIM_MEMORY_COMPLETE";
+      break;
+    case TRIM_MEMORY_MODERATE:
+      levelName = "TRIM_MEMORY_MODERATE";
+      break;
+    case TRIM_MEMORY_RUNNING_CRITICAL:
+      levelName = "TRIM_MEMORY_RUNNING_CRITICAL";
+      break;
+    case TRIM_MEMORY_RUNNING_LOW:
+      levelName = "TRIM_MEMORY_RUNNING_LOW";
+      break;
+    case TRIM_MEMORY_RUNNING_MODERATE:
+      levelName = "TRIM_MEMORY_RUNNING_MODERATE";
+      break;
+    case TRIM_MEMORY_UI_HIDDEN:
+      levelName = "TRIM_MEMORY_UI_HIDDEN";
+      break;
+    default:
+      levelName = "UNKNOWN";
+      break;
+  }
+
+  switch (pressureLevel) {
+    case TRIM_MEMORY_RUNNING_LOW:
+    case TRIM_MEMORY_RUNNING_MODERATE:
+    case TRIM_MEMORY_UI_HIDDEN:
+      // For non-severe memory trims, do nothing.
+      LOG(INFO) << "Memory warning (pressure level: " << levelName
+                << ") received by JS VM, ignoring because it's non-severe";
+      break;
+    case TRIM_MEMORY_BACKGROUND:
+    case TRIM_MEMORY_COMPLETE:
+    case TRIM_MEMORY_MODERATE:
+    case TRIM_MEMORY_RUNNING_CRITICAL:
+      // For now, pressureLevel is unused by collectGarbage.
+      // This may change in the future if the JS GC has different styles of
+      // collections.
+      LOG(INFO) << "Memory warning (pressure level: " << levelName
+                << ") received by JS VM, running a GC";
+      runtime_->instrumentation().collectGarbage();
+      break;
+    default:
+      // Use the raw number instead of the name here since the name is
+      // meaningless.
+      LOG(WARNING) << "Memory warning (pressure level: " << pressureLevel
+                   << ") received by JS VM, unrecognized pressure level";
+      break;
+  }
+}
+
 void JSIExecutor::bindBridge() {
   std::call_once(bindFlag_, [this] {
     SystraceSection s("JSIExecutor::bindBridge (once)");
@@ -290,9 +372,6 @@ void JSIExecutor::bindBridge() {
         *runtime_, "invokeCallbackAndReturnFlushedQueue");
     flushedQueue_ =
         batchedBridge.getPropertyAsFunction(*runtime_, "flushedQueue");
-    callFunctionReturnResultAndFlushedQueue_ =
-        batchedBridge.getPropertyAsFunction(
-            *runtime_, "callFunctionReturnResultAndFlushedQueue");
   });
 }
 
@@ -417,5 +496,20 @@ void bindNativeLogger(Runtime &runtime, Logger logger) {
           }));
 }
 
+void bindNativePerformanceNow(Runtime &runtime, PerformanceNow performanceNow) {
+  runtime.global().setProperty(
+      runtime,
+      "nativePerformanceNow",
+      Function::createFromHostFunction(
+          runtime,
+          PropNameID::forAscii(runtime, "nativePerformanceNow"),
+          0,
+          [performanceNow = std::move(performanceNow)](
+              jsi::Runtime &runtime,
+              const jsi::Value &,
+              const jsi::Value *args,
+              size_t count) { return Value(performanceNow()); }));
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h
index cb4a7290f640db..2cd3776baf52a2 100644
--- a/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h
+++ b/ReactCommon/jsiexecutor/jsireact/JSIExecutor.h
@@ -77,7 +77,8 @@ class JSIExecutor : public JSExecutor {
       std::shared_ptr<ExecutorDelegate> delegate,
       const JSIScopedTimeoutInvoker &timeoutInvoker,
       RuntimeInstaller runtimeInstaller);
-  void loadApplicationScript(
+  void initializeRuntime() override;
+  void loadBundle(
       std::unique_ptr<const JSBigString> script,
       std::string sourceURL) override;
   void setBundleRegistry(std::unique_ptr<RAMBundleRegistry>) override;
@@ -95,6 +96,7 @@ class JSIExecutor : public JSExecutor {
   std::string getDescription() override;
   void *getJavaScriptContext() override;
   bool isInspectable() override;
+  void handleMemoryPressure(int pressureLevel) override;
 
   // An implementation of JSIScopedTimeoutInvoker that simply runs the
   // invokee, with no timeout.
@@ -120,7 +122,7 @@ class JSIExecutor : public JSExecutor {
 
   std::shared_ptr<jsi::Runtime> runtime_;
   std::shared_ptr<ExecutorDelegate> delegate_;
-  JSINativeModules nativeModules_;
+  std::shared_ptr<JSINativeModules> nativeModules_;
   std::once_flag bindFlag_;
   std::unique_ptr<RAMBundleRegistry> bundleRegistry_;
   JSIScopedTimeoutInvoker scopedTimeoutInvoker_;
@@ -129,11 +131,15 @@ class JSIExecutor : public JSExecutor {
   folly::Optional<jsi::Function> callFunctionReturnFlushedQueue_;
   folly::Optional<jsi::Function> invokeCallbackAndReturnFlushedQueue_;
   folly::Optional<jsi::Function> flushedQueue_;
-  folly::Optional<jsi::Function> callFunctionReturnResultAndFlushedQueue_;
 };
 
 using Logger =
     std::function<void(const std::string &message, unsigned int logLevel)>;
 void bindNativeLogger(jsi::Runtime &runtime, Logger logger);
+
+using PerformanceNow = std::function<double()>;
+void bindNativePerformanceNow(
+    jsi::Runtime &runtime,
+    PerformanceNow performanceNow);
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/jsiexecutor/jsireact/JSINativeModules.cpp b/ReactCommon/jsiexecutor/jsireact/JSINativeModules.cpp
index a4d3ae2b8aabc5..425152cdac688d 100644
--- a/ReactCommon/jsiexecutor/jsireact/JSINativeModules.cpp
+++ b/ReactCommon/jsiexecutor/jsireact/JSINativeModules.cpp
@@ -24,7 +24,7 @@ JSINativeModules::JSINativeModules(
     std::shared_ptr<ModuleRegistry> moduleRegistry)
     : m_moduleRegistry(std::move(moduleRegistry)) {}
 
-Value JSINativeModules::getModule(Runtime& rt, const PropNameID& name) {
+Value JSINativeModules::getModule(Runtime &rt, const PropNameID &name) {
   if (!m_moduleRegistry) {
     return nullptr;
   }
@@ -54,8 +54,8 @@ void JSINativeModules::reset() {
 }
 
 folly::Optional<Object> JSINativeModules::createModule(
-    Runtime& rt,
-    const std::string& name) {
+    Runtime &rt,
+    const std::string &name) {
   bool hasLogger(ReactMarker::logTaggedMarker);
   if (hasLogger) {
     ReactMarker::logTaggedMarker(
diff --git a/ReactCommon/jsiexecutor/jsireact/JSINativeModules.h b/ReactCommon/jsiexecutor/jsireact/JSINativeModules.h
index 7d45a13362ce27..a1dff88ec9f43e 100644
--- a/ReactCommon/jsiexecutor/jsireact/JSINativeModules.h
+++ b/ReactCommon/jsiexecutor/jsireact/JSINativeModules.h
@@ -23,7 +23,7 @@ namespace react {
 class JSINativeModules {
  public:
   explicit JSINativeModules(std::shared_ptr<ModuleRegistry> moduleRegistry);
-  jsi::Value getModule(jsi::Runtime& rt, const jsi::PropNameID& name);
+  jsi::Value getModule(jsi::Runtime &rt, const jsi::PropNameID &name);
   void reset();
 
  private:
@@ -32,8 +32,8 @@ class JSINativeModules {
   std::unordered_map<std::string, jsi::Object> m_objects;
 
   folly::Optional<jsi::Object> createModule(
-      jsi::Runtime& rt,
-      const std::string& name);
+      jsi::Runtime &rt,
+      const std::string &name);
 };
 
 } // namespace react
diff --git a/ReactCommon/jsinspector/.clang-tidy b/ReactCommon/jsinspector/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/jsinspector/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/jsinspector/BUCK b/ReactCommon/jsinspector/BUCK
index 9aaa6680e17cba..18cb5aeaf394c9 100644
--- a/ReactCommon/jsinspector/BUCK
+++ b/ReactCommon/jsinspector/BUCK
@@ -31,7 +31,7 @@ rn_xplat_cxx_library(
         "-std=c++1y",
     ],
     fbandroid_preferred_linkage = "shared",
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     visibility = [
         "PUBLIC",
     ],
diff --git a/ReactCommon/jsinspector/InspectorInterfaces.cpp b/ReactCommon/jsinspector/InspectorInterfaces.cpp
index 7923d2b10f68b0..ed918c97db6566 100644
--- a/ReactCommon/jsinspector/InspectorInterfaces.cpp
+++ b/ReactCommon/jsinspector/InspectorInterfaces.cpp
@@ -8,8 +8,8 @@
 #include "InspectorInterfaces.h"
 
 #include <mutex>
-#include <unordered_map>
 #include <tuple>
+#include <unordered_map>
 
 namespace facebook {
 namespace react {
@@ -26,7 +26,10 @@ namespace {
 
 class InspectorImpl : public IInspector {
  public:
-  int addPage(const std::string& title, const std::string& vm, ConnectFunc connectFunc) override;
+  int addPage(
+      const std::string &title,
+      const std::string &vm,
+      ConnectFunc connectFunc) override;
   void removePage(int pageId) override;
 
   std::vector<InspectorPage> getPages() const override;
@@ -41,7 +44,10 @@ class InspectorImpl : public IInspector {
   std::unordered_map<int, ConnectFunc> connectFuncs_;
 };
 
-int InspectorImpl::addPage(const std::string& title, const std::string& vm, ConnectFunc connectFunc) {
+int InspectorImpl::addPage(
+    const std::string &title,
+    const std::string &vm,
+    ConnectFunc connectFunc) {
   std::lock_guard<std::mutex> lock(mutex_);
 
   int pageId = nextPageId_++;
@@ -62,8 +68,9 @@ std::vector<InspectorPage> InspectorImpl::getPages() const {
   std::lock_guard<std::mutex> lock(mutex_);
 
   std::vector<InspectorPage> inspectorPages;
-  for (auto& it : titles_) {
-    inspectorPages.push_back(InspectorPage{it.first, std::get<0>(it.second), std::get<1>(it.second)});
+  for (auto &it : titles_) {
+    inspectorPages.push_back(InspectorPage{
+        it.first, std::get<0>(it.second), std::get<1>(it.second)});
   }
 
   return inspectorPages;
@@ -88,7 +95,7 @@ std::unique_ptr<ILocalConnection> InspectorImpl::connect(
 
 } // namespace
 
-IInspector& getInspectorInstance() {
+IInspector &getInspectorInstance() {
   static InspectorImpl instance;
   return instance;
 }
diff --git a/ReactCommon/jsinspector/InspectorInterfaces.h b/ReactCommon/jsinspector/InspectorInterfaces.h
index bb3f0894c81177..32178e7b9a0e37 100644
--- a/ReactCommon/jsinspector/InspectorInterfaces.h
+++ b/ReactCommon/jsinspector/InspectorInterfaces.h
@@ -51,7 +51,10 @@ class IInspector : public IDestructible {
   virtual ~IInspector() = 0;
 
   /// addPage is called by the VM to add a page to the list of debuggable pages.
-  virtual int addPage(const std::string& title, const std::string& vm, ConnectFunc connectFunc) = 0;
+  virtual int addPage(
+      const std::string &title,
+      const std::string &vm,
+      ConnectFunc connectFunc) = 0;
 
   /// removePage is called by the VM to remove a page from the list of
   /// debuggable pages.
@@ -69,7 +72,7 @@ class IInspector : public IDestructible {
 
 /// getInspectorInstance retrieves the singleton inspector that tracks all
 /// debuggable pages in this process.
-extern IInspector& getInspectorInstance();
+extern IInspector &getInspectorInstance();
 
 /// makeTestInspectorInstance creates an independent inspector instance that
 /// should only be used in tests.
diff --git a/ReactCommon/jsinspector/React-jsinspector.podspec b/ReactCommon/jsinspector/React-jsinspector.podspec
index 018b37f9f1fbcc..17677010eeb6a5 100644
--- a/ReactCommon/jsinspector/React-jsinspector.podspec
+++ b/ReactCommon/jsinspector/React-jsinspector.podspec
@@ -20,10 +20,10 @@ Pod::Spec.new do |s|
   s.name                   = "React-jsinspector"
   s.version                = version
   s.summary                = "-"  # TODO
-  s.homepage               = "http://facebook.github.io/react-native/"
+  s.homepage               = "https://reactnative.dev/"
   s.license                = package["license"]
   s.author                 = "Facebook, Inc. and its affiliates"
-  s.platforms              = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  s.platforms              = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
   s.source                 = source
   s.source_files           = "*.{cpp,h}"
   s.header_dir             = 'jsinspector'
diff --git a/ReactCommon/microprofiler/.clang-tidy b/ReactCommon/microprofiler/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/microprofiler/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/microprofiler/BUCK b/ReactCommon/microprofiler/BUCK
index 8f4a3c55ee56a8..09cb9ae5053496 100644
--- a/ReactCommon/microprofiler/BUCK
+++ b/ReactCommon/microprofiler/BUCK
@@ -16,7 +16,7 @@ cxx_library(
         "-fexceptions",
         "-fno-data-sections",
     ],
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
     force_static = True,
     visibility = [
         "PUBLIC",
diff --git a/ReactCommon/microprofiler/MicroProfiler.cpp b/ReactCommon/microprofiler/MicroProfiler.cpp
index 82f2981a2b5717..15fd0164603936 100644
--- a/ReactCommon/microprofiler/MicroProfiler.cpp
+++ b/ReactCommon/microprofiler/MicroProfiler.cpp
@@ -5,19 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#include <time.h>
 #include <algorithm>
 #include <chrono>
 #include <mutex>
 #include <sstream>
 #include <vector>
-#include <time.h>
 
 #include <glog/logging.h>
 
 #include "MicroProfiler.h"
 
-// iOS doesn't support 'thread_local'. If we reimplement this to use pthread_setspecific
-// we can get rid of this
+// iOS doesn't support 'thread_local'. If we reimplement this to use
+// pthread_setspecific we can get rid of this
 #if defined(__APPLE__)
 #define MICRO_PROFILER_STUB_IMPLEMENTATION 1
 #elif !defined(MICRO_PROFILER_STUB_IMPLEMENTATION)
@@ -32,18 +32,22 @@ struct TraceData {
   TraceData();
   ~TraceData();
 
-  void addTime(MicroProfilerName name, uint_fast64_t time, uint_fast32_t internalClockCalls);
+  void addTime(
+      MicroProfilerName name,
+      uint_fast64_t time,
+      uint_fast32_t internalClockCalls);
 
   std::thread::id threadId_;
   uint_fast64_t startTime_;
   std::atomic_uint_fast64_t times_[MicroProfilerName::__LENGTH__] = {};
   std::atomic_uint_fast32_t calls_[MicroProfilerName::__LENGTH__] = {};
-  std::atomic_uint_fast32_t childProfileSections_[MicroProfilerName::__LENGTH__] = {};
+  std::atomic_uint_fast32_t
+      childProfileSections_[MicroProfilerName::__LENGTH__] = {};
 };
 
 struct ProfilingImpl {
   std::mutex mutex_;
-  std::vector<TraceData*> allTraceData_;
+  std::vector<TraceData *> allTraceData_;
   bool isProfiling_ = false;
   uint_fast64_t startTime_;
   uint_fast64_t endTime_;
@@ -78,10 +82,10 @@ static std::string formatTimeNs(uint_fast64_t timeNs) {
   return out.str();
 }
 
-MicroProfilerSection::MicroProfilerSection(MicroProfilerName name) :
-    isProfiling_(profiling.isProfiling_),
-    name_(name),
-    startNumProfileSections_(profileSections) {
+MicroProfilerSection::MicroProfilerSection(MicroProfilerName name)
+    : isProfiling_(profiling.isProfiling_),
+      name_(name),
+      startNumProfileSections_(profileSections) {
   if (!isProfiling_) {
     return;
   }
@@ -94,22 +98,27 @@ MicroProfilerSection::~MicroProfilerSection() {
   }
   auto endTime = nowNs();
   auto endNumProfileSections = profileSections;
-  myTraceData.addTime(name_, endTime - startTime_, endNumProfileSections - startNumProfileSections_ - 1);
+  myTraceData.addTime(
+      name_,
+      endTime - startTime_,
+      endNumProfileSections - startNumProfileSections_ - 1);
 }
 
-TraceData::TraceData() :
-    threadId_(std::this_thread::get_id()) {
+TraceData::TraceData() : threadId_(std::this_thread::get_id()) {
   std::lock_guard<std::mutex> lock(profiling.mutex_);
   profiling.allTraceData_.push_back(this);
 }
 
 TraceData::~TraceData() {
   std::lock_guard<std::mutex> lock(profiling.mutex_);
-  auto& infos = profiling.allTraceData_;
+  auto &infos = profiling.allTraceData_;
   infos.erase(std::remove(infos.begin(), infos.end(), this), infos.end());
 }
 
-void TraceData::addTime(MicroProfilerName name, uint_fast64_t time, uint_fast32_t childprofileSections) {
+void TraceData::addTime(
+    MicroProfilerName name,
+    uint_fast64_t time,
+    uint_fast32_t childprofileSections) {
   times_[name] += time;
   calls_[name]++;
   childProfileSections_[name] += childprofileSections;
@@ -117,24 +126,36 @@ void TraceData::addTime(MicroProfilerName name, uint_fast64_t time, uint_fast32_
 
 static void printReport() {
   LOG(ERROR) << "======= MICRO PROFILER REPORT =======";
-  LOG(ERROR) << "- Total Time: " << formatTimeNs(diffNs(profiling.startTime_, profiling.endTime_));
+  LOG(ERROR) << "- Total Time: "
+             << formatTimeNs(diffNs(profiling.startTime_, profiling.endTime_));
   LOG(ERROR) << "- Clock Overhead: " << formatTimeNs(profiling.clockOverhead_);
-  LOG(ERROR) << "- Profiler Section Overhead: " << formatTimeNs(profiling.profileSectionOverhead_);
+  LOG(ERROR) << "- Profiler Section Overhead: "
+             << formatTimeNs(profiling.profileSectionOverhead_);
   for (auto info : profiling.allTraceData_) {
     LOG(ERROR) << "--- Thread ID 0x" << std::hex << info->threadId_ << " ---";
     for (int i = 0; i < MicroProfilerName::__LENGTH__; i++) {
       if (info->times_[i] > 0) {
         auto totalTime = info->times_[i].load();
         auto calls = info->calls_[i].load();
-        auto clockOverhead = profiling.clockOverhead_ * calls + profiling.profileSectionOverhead_ * info->childProfileSections_[i].load();
+        auto clockOverhead = profiling.clockOverhead_ * calls +
+            profiling.profileSectionOverhead_ *
+                info->childProfileSections_[i].load();
         if (totalTime < clockOverhead) {
-          LOG(ERROR) << "- " << MicroProfiler::profilingNameToString(static_cast<MicroProfilerName>(i)) << ": "
-              << "ERROR: Total time was " << totalTime << "ns but clock overhead was calculated to be " << clockOverhead << "ns!";
+          LOG(ERROR) << "- "
+                     << MicroProfiler::profilingNameToString(
+                            static_cast<MicroProfilerName>(i))
+                     << ": "
+                     << "ERROR: Total time was " << totalTime
+                     << "ns but clock overhead was calculated to be "
+                     << clockOverhead << "ns!";
         } else {
           auto correctedTime = totalTime - clockOverhead;
           auto timePerCall = correctedTime / calls;
-          LOG(ERROR) << "- " << MicroProfiler::profilingNameToString(static_cast<MicroProfilerName>(i)) << ": "
-              << formatTimeNs(correctedTime) << " (" << calls << " calls, " << formatTimeNs(timePerCall) << "/call)";
+          LOG(ERROR) << "- "
+                     << MicroProfiler::profilingNameToString(
+                            static_cast<MicroProfilerName>(i))
+                     << ": " << formatTimeNs(correctedTime) << " (" << calls
+                     << " calls, " << formatTimeNs(timePerCall) << "/call)";
         }
       }
     }
@@ -142,7 +163,8 @@ static void printReport() {
 }
 
 static void clearProfiling() {
-  CHECK(!profiling.isProfiling_) << "Trying to clear profiling but profiling was already started!";
+  CHECK(!profiling.isProfiling_)
+      << "Trying to clear profiling but profiling was already started!";
   for (auto info : profiling.allTraceData_) {
     for (unsigned int i = 0; i < MicroProfilerName::__LENGTH__; i++) {
       info->times_[i] = 0;
@@ -175,7 +197,8 @@ static uint_fast64_t calculateProfileSectionOverhead() {
 }
 
 void MicroProfiler::startProfiling() {
-  CHECK(!profiling.isProfiling_) << "Trying to start profiling but profiling was already started!";
+  CHECK(!profiling.isProfiling_)
+      << "Trying to start profiling but profiling was already started!";
 
   profiling.clockOverhead_ = calculateClockOverhead();
   profiling.profileSectionOverhead_ = calculateProfileSectionOverhead();
@@ -188,7 +211,8 @@ void MicroProfiler::startProfiling() {
 }
 
 void MicroProfiler::stopProfiling() {
-  CHECK(profiling.isProfiling_) << "Trying to stop profiling but profiling hasn't been started!";
+  CHECK(profiling.isProfiling_)
+      << "Trying to stop profiling but profiling hasn't been started!";
 
   profiling.isProfiling_ = false;
   profiling.endTime_ = nowNs();
@@ -208,23 +232,21 @@ void MicroProfiler::runInternalBenchmark() {
   MicroProfiler::startProfiling();
   for (int i = 0; i < 1000000; i++) {
     MICRO_PROFILER_SECTION_NAMED(outer, __INTERNAL_BENCHMARK_OUTER);
-    {
-      MICRO_PROFILER_SECTION_NAMED(inner, __INTERNAL_BENCHMARK_INNER);
-    }
+    { MICRO_PROFILER_SECTION_NAMED(inner, __INTERNAL_BENCHMARK_INNER); }
   }
   MicroProfiler::stopProfiling();
 }
 #else
 void MicroProfiler::startProfiling() {
-  CHECK(false) << "This platform has a stub implementation of the micro profiler and cannot collect traces";
-}
-void MicroProfiler::stopProfiling() {
+  CHECK(false)
+      << "This platform has a stub implementation of the micro profiler and cannot collect traces";
 }
+void MicroProfiler::stopProfiling() {}
 bool MicroProfiler::isProfiling() {
   return false;
 }
-void MicroProfiler::runInternalBenchmark() {
-}
+void MicroProfiler::runInternalBenchmark() {}
 #endif
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/microprofiler/MicroProfiler.h b/ReactCommon/microprofiler/MicroProfiler.h
index 70adecf251b97b..3c6861173a7275 100644
--- a/ReactCommon/microprofiler/MicroProfiler.h
+++ b/ReactCommon/microprofiler/MicroProfiler.h
@@ -14,7 +14,8 @@
 
 #ifdef WITH_MICRO_PROFILER
 #define MICRO_PROFILER_SECTION(name) MicroProfilerSection __b(name)
-#define MICRO_PROFILER_SECTION_NAMED(var_name, name) MicroProfilerSection var_name(name)
+#define MICRO_PROFILER_SECTION_NAMED(var_name, name) \
+  MicroProfilerSection var_name(name)
 #else
 #define MICRO_PROFILER_SECTION(name)
 #define MICRO_PROFILER_SECTION_NAMED(var_name, name)
@@ -30,27 +31,29 @@ enum MicroProfilerName {
 };
 
 /**
- * MicroProfiler is a performance profiler for measuring the cumulative impact of
- * a large number of small-ish calls. This is normally a problem for standard profilers
- * like Systrace because the overhead of the profiler itself skews the timings you
- * are able to collect. This is especially a problem when doing nested calls to
- * profiled functions, as the parent calls will contain the overhead of their profiling
- * plus the overhead of all their childrens' profiling.
+ * MicroProfiler is a performance profiler for measuring the cumulative impact
+ * of a large number of small-ish calls. This is normally a problem for standard
+ * profilers like Systrace because the overhead of the profiler itself skews the
+ * timings you are able to collect. This is especially a problem when doing
+ * nested calls to profiled functions, as the parent calls will contain the
+ * overhead of their profiling plus the overhead of all their childrens'
+ * profiling.
  *
- * MicroProfiler attempts to be low overhead by 1) aggregating timings in memory and
- * 2) trying to remove estimated profiling overhead from the returned timings.
+ * MicroProfiler attempts to be low overhead by 1) aggregating timings in memory
+ * and 2) trying to remove estimated profiling overhead from the returned
+ * timings.
  *
  * To remove estimated overhead, at the beginning of each trace we calculate the
- * average cost of profiling a no-op code section, as well as invoking the average
- * cost of invoking the system clock. The former is subtracted out for each child
- * profiler section that is invoked within a parent profiler section. The latter is
- * subtracted from each section, child or not.
+ * average cost of profiling a no-op code section, as well as invoking the
+ * average cost of invoking the system clock. The former is subtracted out for
+ * each child profiler section that is invoked within a parent profiler section.
+ * The latter is subtracted from each section, child or not.
  *
- * After MicroProfiler::stopProfiling() is called, a table of tracing data is emitted
- * to glog (which shows up in logcat on Android).
+ * After MicroProfiler::stopProfiling() is called, a table of tracing data is
+ * emitted to glog (which shows up in logcat on Android).
  */
 struct MicroProfiler {
-  static const char* profilingNameToString(MicroProfilerName name) {
+  static const char *profilingNameToString(MicroProfilerName name) {
     switch (name) {
       case __INTERNAL_BENCHMARK_INNER:
         return "__INTERNAL_BENCHMARK_INNER";
@@ -59,7 +62,8 @@ struct MicroProfiler {
       case __LENGTH__:
         throw std::runtime_error("__LENGTH__ has no name");
       default:
-        throw std::runtime_error("Trying to convert unknown MicroProfilerName to string");
+        throw std::runtime_error(
+            "Trying to convert unknown MicroProfilerName to string");
     }
   }
 
@@ -70,15 +74,16 @@ struct MicroProfiler {
 };
 
 class MicroProfilerSection {
-public:
+ public:
   MicroProfilerSection(MicroProfilerName name);
   ~MicroProfilerSection();
 
-private:
+ private:
   bool isProfiling_;
   MicroProfilerName name_;
   uint_fast64_t startTime_;
   uint_fast32_t startNumProfileSections_;
 };
 
-} }
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/turbomodule/.clang-tidy b/ReactCommon/turbomodule/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/turbomodule/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/turbomodule/core/BUCK b/ReactCommon/turbomodule/core/BUCK
index 7b6a04336c0abc..f3389ae5ad9c14 100644
--- a/ReactCommon/turbomodule/core/BUCK
+++ b/ReactCommon/turbomodule/core/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_debug_preprocessor_flags", "get_static_library_ios_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_preprocessor_flags_for_build_mode", "get_static_library_ios_flags")
 load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "react_native_target", "react_native_xplat_target", "rn_xplat_cxx_library", "subdir_glob")
 
 rn_xplat_cxx_library(
@@ -38,13 +38,13 @@ rn_xplat_cxx_library(
         "-fobjc-arc-exceptions",
     ],
     fbobjc_inherited_buck_flags = get_static_library_ios_flags(),
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_debug_preprocessor_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_preprocessor_flags_for_build_mode(),
     force_static = True,
     ios_deps = [
-        "fbsource//xplat/FBBaseLite:FBBaseLite",
-        "fbsource//xplat/js/react-native-github:RCTCxxModule",
-        "fbsource//xplat/js/react-native-github:ReactInternal",
+        "//xplat/FBBaseLite:FBBaseLite",
+        "//xplat/js/react-native-github:RCTCxxModule",
+        "//xplat/js/react-native-github:ReactInternal",
     ],
     ios_exported_headers = subdir_glob(
         [
@@ -70,17 +70,17 @@ rn_xplat_cxx_library(
         "PUBLIC",
     ],
     deps = [
-        "fbsource//xplat/fbsystrace:fbsystrace",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/jsi:JSIDynamic",
-        "fbsource//xplat/third-party/glog:glog",
+        "//xplat/fbsystrace:fbsystrace",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/jsi:JSIDynamic",
+        "//xplat/third-party/glog:glog",
         react_native_xplat_target("cxxreact:bridge"),
         react_native_xplat_target("cxxreact:module"),
         react_native_xplat_target("callinvoker:callinvoker"),
     ],
     exported_deps = [
-        "fbsource//xplat/jsi:jsi",
+        "//xplat/jsi:jsi",
     ],
 )
diff --git a/ReactCommon/turbomodule/core/TurboCxxModule.cpp b/ReactCommon/turbomodule/core/TurboCxxModule.cpp
index b72fc1164a5ff4..77dedb3665b62b 100644
--- a/ReactCommon/turbomodule/core/TurboCxxModule.cpp
+++ b/ReactCommon/turbomodule/core/TurboCxxModule.cpp
@@ -18,23 +18,44 @@ using namespace facebook::xplat::module;
 namespace facebook {
 namespace react {
 
-static CxxModule::Callback makeTurboCxxModuleCallback(
+namespace {
+CxxModule::Callback makeTurboCxxModuleCallback(
     jsi::Runtime &runtime,
-    std::shared_ptr<CallbackWrapper> callbackWrapper) {
-  return [callbackWrapper](std::vector<folly::dynamic> args) {
-    callbackWrapper->jsInvoker().invokeAsync([callbackWrapper, args]() {
+    std::weak_ptr<CallbackWrapper> weakWrapper) {
+  return [weakWrapper,
+          wrapperWasCalled = false](std::vector<folly::dynamic> args) mutable {
+    if (wrapperWasCalled) {
+      throw std::runtime_error("callback arg cannot be called more than once");
+    }
+
+    auto strongWrapper = weakWrapper.lock();
+    if (!strongWrapper) {
+      return;
+    }
+
+    strongWrapper->jsInvoker().invokeAsync([weakWrapper, args]() {
+      auto strongWrapper2 = weakWrapper.lock();
+      if (!strongWrapper2) {
+        return;
+      }
+
       std::vector<jsi::Value> innerArgs;
       for (auto &a : args) {
         innerArgs.push_back(
-            jsi::valueFromDynamic(callbackWrapper->runtime(), a));
+            jsi::valueFromDynamic(strongWrapper2->runtime(), a));
       }
-      callbackWrapper->callback().call(
-          callbackWrapper->runtime(),
+      strongWrapper2->callback().call(
+          strongWrapper2->runtime(),
           (const jsi::Value *)innerArgs.data(),
           innerArgs.size());
+
+      strongWrapper2->destroy();
     });
+
+    wrapperWasCalled = true;
   };
 }
+} // namespace
 
 TurboCxxModule::TurboCxxModule(
     std::unique_ptr<CxxModule> cxxModule,
@@ -132,17 +153,17 @@ jsi::Value TurboCxxModule::invokeMethod(
     }
 
     if (method.callbacks == 1) {
-      auto wrapper = std::make_shared<CallbackWrapper>(
+      auto wrapper = CallbackWrapper::createWeak(
           args[count - 1].getObject(runtime).getFunction(runtime),
           runtime,
           jsInvoker_);
       first = makeTurboCxxModuleCallback(runtime, wrapper);
     } else if (method.callbacks == 2) {
-      auto wrapper1 = std::make_shared<CallbackWrapper>(
+      auto wrapper1 = CallbackWrapper::createWeak(
           args[count - 2].getObject(runtime).getFunction(runtime),
           runtime,
           jsInvoker_);
-      auto wrapper2 = std::make_shared<CallbackWrapper>(
+      auto wrapper2 = CallbackWrapper::createWeak(
           args[count - 1].getObject(runtime).getFunction(runtime),
           runtime,
           jsInvoker_);
@@ -161,9 +182,9 @@ jsi::Value TurboCxxModule::invokeMethod(
         runtime,
         [method, args, count, this](
             jsi::Runtime &rt, std::shared_ptr<Promise> promise) {
-          auto resolveWrapper = std::make_shared<CallbackWrapper>(
+          auto resolveWrapper = CallbackWrapper::createWeak(
               promise->resolve_.getFunction(rt), rt, jsInvoker_);
-          auto rejectWrapper = std::make_shared<CallbackWrapper>(
+          auto rejectWrapper = CallbackWrapper::createWeak(
               promise->reject_.getFunction(rt), rt, jsInvoker_);
           CxxModule::Callback resolve =
               makeTurboCxxModuleCallback(rt, resolveWrapper);
diff --git a/ReactCommon/turbomodule/core/TurboModuleBinding.cpp b/ReactCommon/turbomodule/core/TurboModuleBinding.cpp
index 549e0df060797c..b89e4061d4e37d 100644
--- a/ReactCommon/turbomodule/core/TurboModuleBinding.cpp
+++ b/ReactCommon/turbomodule/core/TurboModuleBinding.cpp
@@ -7,6 +7,7 @@
 
 #include "TurboModuleBinding.h"
 
+#include <stdexcept>
 #include <string>
 
 #include <ReactCommon/LongLivedObject.h>
@@ -21,12 +22,12 @@ namespace react {
  * Public API to install the TurboModule system.
  */
 TurboModuleBinding::TurboModuleBinding(
-    const TurboModuleProviderFunctionType &moduleProvider)
-    : moduleProvider_(moduleProvider) {}
+    const TurboModuleProviderFunctionType &&moduleProvider)
+    : moduleProvider_(std::move(moduleProvider)) {}
 
 void TurboModuleBinding::install(
     jsi::Runtime &runtime,
-    std::shared_ptr<TurboModuleBinding> binding) {
+    const TurboModuleProviderFunctionType &&moduleProvider) {
   runtime.global().setProperty(
       runtime,
       "__turboModuleProxy",
@@ -34,7 +35,8 @@ void TurboModuleBinding::install(
           runtime,
           jsi::PropNameID::forAscii(runtime, "__turboModuleProxy"),
           1,
-          [binding](
+          [binding =
+               std::make_shared<TurboModuleBinding>(std::move(moduleProvider))](
               jsi::Runtime &rt,
               const jsi::Value &thisVal,
               const jsi::Value *args,
@@ -43,7 +45,7 @@ void TurboModuleBinding::install(
           }));
 }
 
-void TurboModuleBinding::invalidate() const {
+TurboModuleBinding::~TurboModuleBinding() {
   LongLivedObjectCollection::get().clear();
 }
 
diff --git a/ReactCommon/turbomodule/core/TurboModuleBinding.h b/ReactCommon/turbomodule/core/TurboModuleBinding.h
index c98113da2adae1..96de89bed470e8 100644
--- a/ReactCommon/turbomodule/core/TurboModuleBinding.h
+++ b/ReactCommon/turbomodule/core/TurboModuleBinding.h
@@ -28,15 +28,10 @@ class TurboModuleBinding {
    */
   static void install(
       jsi::Runtime &runtime,
-      std::shared_ptr<TurboModuleBinding> binding);
+      const TurboModuleProviderFunctionType &&moduleProvider);
 
-  TurboModuleBinding(const TurboModuleProviderFunctionType &moduleProvider);
-
-  /*
-   * Invalidates the binding.
-   * Can be called in any thread.
-   */
-  void invalidate() const;
+  TurboModuleBinding(const TurboModuleProviderFunctionType &&moduleProvider);
+  virtual ~TurboModuleBinding();
 
   /**
    * Get an TurboModule instance for the given module name.
diff --git a/ReactCommon/turbomodule/core/TurboModuleUtils.h b/ReactCommon/turbomodule/core/TurboModuleUtils.h
index 12bf98025600e4..030d3fac9783de 100644
--- a/ReactCommon/turbomodule/core/TurboModuleUtils.h
+++ b/ReactCommon/turbomodule/core/TurboModuleUtils.h
@@ -42,65 +42,46 @@ jsi::Value createPromiseAsJSIValue(
     const PromiseSetupFunctionType func);
 
 // Helper for passing jsi::Function arg to other methods.
-// TODO (ramanpreet): Simplify with weak_ptr<>
 class CallbackWrapper : public LongLivedObject {
  private:
-  struct Data {
-    Data(
-        jsi::Function callback,
-        jsi::Runtime &runtime,
-        std::shared_ptr<react::CallInvoker> jsInvoker)
-        : callback(std::move(callback)),
-          runtime(runtime),
-          jsInvoker(std::move(jsInvoker)) {}
-
-    jsi::Function callback;
-    jsi::Runtime &runtime;
-    std::shared_ptr<react::CallInvoker> jsInvoker;
-  };
-
-  folly::Optional<Data> data_;
+  CallbackWrapper(
+      jsi::Function &&callback,
+      jsi::Runtime &runtime,
+      std::shared_ptr<CallInvoker> jsInvoker)
+      : callback_(std::move(callback)),
+        runtime_(runtime),
+        jsInvoker_(std::move(jsInvoker)) {}
+
+  jsi::Function callback_;
+  jsi::Runtime &runtime_;
+  std::shared_ptr<CallInvoker> jsInvoker_;
 
  public:
   static std::weak_ptr<CallbackWrapper> createWeak(
-      jsi::Function callback,
+      jsi::Function &&callback,
       jsi::Runtime &runtime,
-      std::shared_ptr<react::CallInvoker> jsInvoker) {
-    auto wrapper = std::make_shared<CallbackWrapper>(
-        std::move(callback), runtime, jsInvoker);
+      std::shared_ptr<CallInvoker> jsInvoker) {
+    auto wrapper = std::shared_ptr<CallbackWrapper>(
+        new CallbackWrapper(std::move(callback), runtime, jsInvoker));
     LongLivedObjectCollection::get().add(wrapper);
     return wrapper;
   }
 
-  CallbackWrapper(
-      jsi::Function callback,
-      jsi::Runtime &runtime,
-      std::shared_ptr<react::CallInvoker> jsInvoker)
-      : data_(Data{std::move(callback), runtime, jsInvoker}) {}
-
   // Delete the enclosed jsi::Function
   void destroy() {
-    data_ = folly::none;
     allowRelease();
   }
 
-  bool isDestroyed() {
-    return !data_.hasValue();
-  }
-
   jsi::Function &callback() {
-    assert(!isDestroyed());
-    return data_->callback;
+    return callback_;
   }
 
   jsi::Runtime &runtime() {
-    assert(!isDestroyed());
-    return data_->runtime;
+    return runtime_;
   }
 
-  react::CallInvoker &jsInvoker() {
-    assert(!isDestroyed());
-    return *(data_->jsInvoker);
+  CallInvoker &jsInvoker() {
+    return *(jsInvoker_);
   }
 };
 
diff --git a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp
index c65fab019269ae..09504b879f471c 100644
--- a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp
+++ b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.cpp
@@ -32,71 +32,60 @@ JavaTurboModule::JavaTurboModule(
       instance_(jni::make_global(instance)),
       nativeInvoker_(nativeInvoker) {}
 
-jni::local_ref<JCxxCallbackImpl::JavaPart>
-JavaTurboModule::createJavaCallbackFromJSIFunction(
-    jsi::Function &function,
+namespace {
+
+jni::local_ref<JCxxCallbackImpl::JavaPart> createJavaCallbackFromJSIFunction(
+    jsi::Function &&function,
     jsi::Runtime &rt,
     std::shared_ptr<CallInvoker> jsInvoker) {
-  auto wrapper = std::make_shared<react::CallbackWrapper>(
-      std::move(function), rt, jsInvoker);
-  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");
-    }
+  auto weakWrapper =
+      react::CallbackWrapper::createWeak(std::move(function), rt, jsInvoker);
+
+  std::function<void(folly::dynamic)> fn =
+      [weakWrapper,
+       wrapperWasCalled = false](folly::dynamic responses) mutable {
+        if (wrapperWasCalled) {
+          throw std::runtime_error(
+              "callback 2 arg cannot be called more than once");
+        }
 
-    wrapper->jsInvoker().invokeAsync([this, wrapper, responses]() {
-      if (wrapper->isDestroyed()) {
-        return;
-      }
+        auto strongWrapper = weakWrapper.lock();
+        if (!strongWrapper) {
+          return;
+        }
 
-      // TODO (T43155926) valueFromDynamic already returns a Value array. Don't
-      // iterate again
-      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(wrapper->runtime()); i++) {
-        result.emplace_back(
-            wrapper->runtime(),
-            argsArray.getValueAtIndex(wrapper->runtime(), i));
-      }
-      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);
-    });
-  };
+        strongWrapper->jsInvoker().invokeAsync([weakWrapper, responses]() {
+          auto strongWrapper2 = weakWrapper.lock();
+          if (!strongWrapper2) {
+            return;
+          }
+
+          // TODO (T43155926) valueFromDynamic already returns a Value array.
+          // Don't iterate again
+          jsi::Value args =
+              jsi::valueFromDynamic(strongWrapper2->runtime(), responses);
+          auto argsArray = args.getObject(strongWrapper2->runtime())
+                               .asArray(strongWrapper2->runtime());
+          std::vector<jsi::Value> result;
+          for (size_t i = 0; i < argsArray.size(strongWrapper2->runtime());
+               i++) {
+            result.emplace_back(
+                strongWrapper2->runtime(),
+                argsArray.getValueAtIndex(strongWrapper2->runtime(), i));
+          }
+          strongWrapper2->callback().call(
+              strongWrapper2->runtime(),
+              (const jsi::Value *)result.data(),
+              result.size());
+
+          strongWrapper2->destroy();
+        });
+
+        wrapperWasCalled = true;
+      };
   return JCxxCallbackImpl::newObjectCxxArgs(fn);
 }
 
-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;
@@ -362,7 +351,8 @@ JNIArgs JavaTurboModule::convertJSIArgsToJNIArgs(
 
       jsi::Function fn = arg->getObject(rt).getFunction(rt);
       jarg->l = makeGlobalIfNecessary(
-          createJavaCallbackFromJSIFunction(fn, rt, jsInvoker).release());
+          createJavaCallbackFromJSIFunction(std::move(fn), rt, jsInvoker)
+              .release());
       continue;
     }
 
@@ -618,10 +608,10 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
                     runtime);
 
             auto resolve = createJavaCallbackFromJSIFunction(
-                               resolveJSIFn, runtime, jsInvoker_)
+                               std::move(resolveJSIFn), runtime, jsInvoker_)
                                .release();
             auto reject = createJavaCallbackFromJSIFunction(
-                              rejectJSIFn, runtime, jsInvoker_)
+                              std::move(rejectJSIFn), runtime, jsInvoker_)
                               .release();
 
             jclass jPromiseImpl =
diff --git a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h
index 69d97dace8dc16..87cbc1603f448d 100644
--- a/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h
+++ b/ReactCommon/turbomodule/core/platform/android/JavaTurboModule.h
@@ -45,26 +45,10 @@ class JSI_EXPORT JavaTurboModule : public TurboModule {
       const jsi::Value *args,
       size_t argCount);
 
-  /**
-   * 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_;
-  std::unordered_set<std::shared_ptr<CallbackWrapper>> callbackWrappers_;
   std::shared_ptr<CallInvoker> nativeInvoker_;
 
-  /**
-   * 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<CallInvoker> jsInvoker);
   JNIArgs convertJSIArgsToJNIArgs(
       JNIEnv *env,
       jsi::Runtime &rt,
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h
index 1350579916446c..1277561b71c5b4 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.h
@@ -22,6 +22,101 @@
   ((RCTTurboModuleEnabled() && [(klass) conformsToProtocol:@protocol(RCTTurboModule)]))
 #define RCT_IS_TURBO_MODULE_INSTANCE(module) RCT_IS_TURBO_MODULE_CLASS([(module) class])
 
+typedef int MethodCallId;
+
+/**
+ * This interface exists to allow the application to collect performance
+ * metrics of the TurboModule system. By implementing each function, you can
+ * hook into various stages of TurboModule creation and method dispatch (both async and sync).
+ *
+ * Note:
+ *  - TurboModule async method invocations can interleave, so methodCallId should be used as a unique id for a method
+ *    call.
+ */
+@protocol RCTTurboModulePerformanceLogger
+// Create TurboModule JS Object
+- (void)createTurboModuleStart:(const char *)moduleName;
+- (void)createTurboModuleEnd:(const char *)moduleName;
+- (void)createTurboModuleCacheHit:(const char *)moduleName;
+- (void)getCppTurboModuleFromTMMDelegateStart:(const char *)moduleName;
+- (void)getCppTurboModuleFromTMMDelegateEnd:(const char *)moduleName;
+- (void)getTurboModuleFromRCTTurboModuleStart:(const char *)moduleName;
+- (void)getTurboModuleFromRCTTurboModuleEnd:(const char *)moduleName;
+- (void)getTurboModuleFromRCTCxxModuleStart:(const char *)moduleName;
+- (void)getTurboModuleFromRCTCxxModuleEnd:(const char *)moduleName;
+- (void)getTurboModuleFromTMMDelegateStart:(const char *)moduleName;
+- (void)getTurboModuleFromTMMDelegateEnd:(const char *)moduleName;
+
+// Create RCTTurboModule object
+- (void)createRCTTurboModuleStart:(const char *)moduleName;
+- (void)createRCTTurboModuleEnd:(const char *)moduleName;
+- (void)createRCTTurboModuleCacheHit:(const char *)moduleName;
+- (void)getRCTTurboModuleClassStart:(const char *)moduleName;
+- (void)getRCTTurboModuleClassEnd:(const char *)moduleName;
+- (void)getRCTTurboModuleInstanceStart:(const char *)moduleName;
+- (void)getRCTTurboModuleInstanceEnd:(const char *)moduleName;
+- (void)setupRCTTurboModuleDispatch:(const char *)moduleName;
+- (void)setupRCTTurboModuleStart:(const char *)moduleName;
+- (void)setupRCTTurboModuleEnd:(const char *)moduleName;
+- (void)attachRCTBridgeToRCTTurboModuleStart:(const char *)moduleName;
+- (void)attachRCTBridgeToRCTTurboModuleEnd:(const char *)moduleName;
+- (void)attachMethodQueueToRCTTurboModuleStart:(const char *)moduleName;
+- (void)attachMethodQueueToRCTTurboModuleEnd:(const char *)moduleName;
+- (void)registerRCTTurboModuleForFrameUpdatesStart:(const char *)moduleName;
+- (void)registerRCTTurboModuleForFrameUpdatesEnd:(const char *)moduleName;
+- (void)dispatchDidInitializeModuleNotificationForRCTTurboModuleStart:(const char *)moduleName;
+- (void)dispatchDidInitializeModuleNotificationForRCTTurboModuleEnd:(const char *)moduleName;
+
+// Sync method invocation
+- (void)syncMethodCallStart:(const char *)moduleName
+                 methodName:(const char *)methodName
+               methodCallId:(MethodCallId)methodCallId;
+- (void)syncMethodCallEnd:(const char *)moduleName
+               methodName:(const char *)methodName
+             methodCallId:(MethodCallId)methodCallId;
+- (void)syncMethodCallArgumentConversionStart:(const char *)moduleName
+                                   methodName:(const char *)methodName
+                                 methodCallId:(MethodCallId)methodCallId;
+- (void)syncMethodCallArgumentConversionEnd:(const char *)moduleName
+                                 methodName:(const char *)methodName
+                               methodCallId:(MethodCallId)methodCallId;
+- (void)syncRCTTurboModuleMethodCallStart:(const char *)moduleName
+                               methodName:(const char *)methodName
+                             methodCallId:(MethodCallId)methodCallId;
+- (void)syncRCTTurboModuleMethodCallEnd:(const char *)moduleName
+                             methodName:(const char *)methodName
+                           methodCallId:(MethodCallId)methodCallId;
+- (void)syncMethodCallReturnConversionStart:(const char *)moduleName
+                                 methodName:(const char *)methodName
+                               methodCallId:(MethodCallId)methodCallId;
+- (void)syncMethodCallReturnConversionEnd:(const char *)moduleName
+                               methodName:(const char *)methodName
+                             methodCallId:(MethodCallId)methodCallId;
+
+// Async method invocation
+- (void)asyncMethodCallStart:(const char *)moduleName
+                  methodName:(const char *)methodName
+                methodCallId:(MethodCallId)methodCallId;
+- (void)asyncMethodCallEnd:(const char *)moduleName
+                methodName:(const char *)methodName
+              methodCallId:(MethodCallId)methodCallId;
+- (void)asyncMethodCallArgumentConversionStart:(const char *)moduleName
+                                    methodName:(const char *)methodName
+                                  methodCallId:(MethodCallId)methodCallId;
+- (void)asyncMethodCallArgumentConversionEnd:(const char *)moduleName
+                                  methodName:(const char *)methodName
+                                methodCallId:(MethodCallId)methodCallId;
+- (void)asyncRCTTurboModuleMethodCallDispatch:(const char *)moduleName
+                                   methodName:(const char *)methodName
+                                 methodCallId:(MethodCallId)methodCallId;
+- (void)asyncRCTTurboModuleMethodCallStart:(const char *)moduleName
+                                methodName:(const char *)methodName
+                              methodCallId:(MethodCallId)methodCallId;
+- (void)asyncRCTTurboModuleMethodCallEnd:(const char *)moduleName
+                              methodName:(const char *)methodName
+                            methodCallId:(MethodCallId)methodCallId;
+@end
+
 namespace facebook {
 namespace react {
 
@@ -32,7 +127,12 @@ class Instance;
  */
 class JSI_EXPORT ObjCTurboModule : public TurboModule {
  public:
-  ObjCTurboModule(const std::string &name, id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  ObjCTurboModule(
+      const std::string &name,
+      id<RCTTurboModule> instance,
+      std::shared_ptr<CallInvoker> jsInvoker,
+      std::shared_ptr<CallInvoker> nativeInvoker,
+      id<RCTTurboModulePerformanceLogger> perfLogger);
 
   jsi::Value invokeObjCMethod(
       jsi::Runtime &runtime,
@@ -43,6 +143,7 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
       size_t count);
 
   id<RCTTurboModule> instance_;
+  std::shared_ptr<CallInvoker> nativeInvoker_;
 
  protected:
   void setMethodArgConversionSelector(NSString *methodName, int argIndex, NSString *fnName);
@@ -55,23 +156,38 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
   NSMutableDictionary<NSString *, NSMutableArray *> *methodArgConversionSelectors_;
   NSDictionary<NSString *, NSArray<NSString *> *> *methodArgumentTypeNames_;
   NSString *getArgumentTypeName(NSString *methodName, int argIndex);
+  id<RCTTurboModulePerformanceLogger> performanceLogger_;
+
+  /**
+   * Required for performance logging async method invocations.
+   * This field is static because two nth async method calls from different
+   * TurboModules can interleave, and should therefore be treated as two distinct calls.
+   */
+  static MethodCallId methodCallId_;
+
+  static MethodCallId getNewMethodCallId();
 
   NSInvocation *getMethodInvocation(
       jsi::Runtime &runtime,
-      TurboModuleMethodValueKind valueKind,
-      const id<RCTTurboModule> module,
-      std::shared_ptr<CallInvoker> jsInvoker,
-      const std::string &methodName,
+      TurboModuleMethodValueKind returnType,
+      const char *methodName,
       SEL selector,
       const jsi::Value *args,
       size_t count,
-      NSMutableArray *retainedObjectsForInvocation);
+      NSMutableArray *retainedObjectsForInvocation,
+      MethodCallId methodCallId);
+  jsi::Value performMethodInvocation(
+      jsi::Runtime &runtime,
+      TurboModuleMethodValueKind returnType,
+      const char *methodName,
+      NSInvocation *inv,
+      NSMutableArray *retainedObjectsForInvocation,
+      MethodCallId methodCallId);
 
   BOOL hasMethodArgConversionSelector(NSString *methodName, int argIndex);
   SEL getMethodArgConversionSelector(NSString *methodName, int argIndex);
 
-  using PromiseInvocationBlock =
-      void (^)(jsi::Runtime &rt, RCTPromiseResolveBlock resolveWrapper, RCTPromiseRejectBlock rejectWrapper);
+  using PromiseInvocationBlock = void (^)(RCTPromiseResolveBlock resolveWrapper, RCTPromiseRejectBlock rejectWrapper);
   jsi::Value
   createPromise(jsi::Runtime &runtime, std::shared_ptr<react::CallInvoker> jsInvoker, PromiseInvocationBlock invoke);
 };
@@ -92,14 +208,22 @@ 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::CallInvoker>)jsInvoker;
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger;
 
 @end
 
-// TODO: Consolidate this extension with the one in RCTSurfacePresenter.
-@interface RCTBridge ()
-
-- (std::weak_ptr<facebook::react::Instance>)reactInstance;
-
+/**
+ * These methods are all implemented by RCTCxxBridge, which subclasses RCTBridge. Hence, they must only be used in
+ * contexts where the concrete class of an RCTBridge instance is RCTCxxBridge. This happens, for example, when
+ * [RCTCxxBridgeDelegate jsExecutorFactoryForBridge:(RCTBridge *)] is invoked by RCTCxxBridge.
+ *
+ * TODO: Consolidate this extension with the one in RCTSurfacePresenter.
+ */
+@interface RCTBridge (RCTTurboModule)
+- (std::shared_ptr<facebook::react::CallInvoker>)jsCallInvoker;
+- (std::shared_ptr<facebook::react::CallInvoker>)decorateNativeCallInvoker:
+    (std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker;
 @end
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm
index 04cf1bf7e93c29..20caa031d987e9 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModule.mm
@@ -303,15 +303,13 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(
           rejectWasCalled = YES;
         };
 
-        invokeCopy(rt, resolveBlock, rejectBlock);
+        invokeCopy(resolveBlock, rejectBlock);
         return jsi::Value::undefined();
       });
 
   return Promise.callAsConstructor(runtime, fn);
 }
 
-namespace {
-
 /**
  * Perform method invocation on a specific queue as configured by the module class.
  * This serves as a backward-compatible support for RCTBridgeModule's methodQueue API.
@@ -321,84 +319,97 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(
  * - ObjC module methods will be always be called from JS thread.
  *   They may decide to dispatch to a different queue as needed.
  */
-jsi::Value performMethodInvocation(
+jsi::Value ObjCTurboModule::performMethodInvocation(
     jsi::Runtime &runtime,
+    TurboModuleMethodValueKind returnType,
+    const char *methodName,
     NSInvocation *inv,
-    TurboModuleMethodValueKind valueKind,
-    const id<RCTTurboModule> module,
-    std::shared_ptr<CallInvoker> jsInvoker,
-    NSMutableArray *retainedObjectsForInvocation)
+    NSMutableArray *retainedObjectsForInvocation,
+    MethodCallId methodCallId)
 {
   __block id result;
   jsi::Runtime *rt = &runtime;
+  __weak id<RCTTurboModule> weakModule = instance_;
+  id<RCTTurboModulePerformanceLogger> performanceLogger = performanceLogger_;
+  const char *moduleName = name_.c_str();
+  const bool isSync = returnType != VoidKind && returnType != PromiseKind;
+
   void (^block)() = ^{
-    [inv invokeWithTarget:module];
+    if (!weakModule) {
+      return;
+    }
+
+    id<RCTTurboModule> strongModule = weakModule;
+
+    if (isSync) {
+      [performanceLogger syncRCTTurboModuleMethodCallStart:moduleName methodName:methodName methodCallId:methodCallId];
+    } else {
+      [performanceLogger asyncRCTTurboModuleMethodCallStart:moduleName methodName:methodName methodCallId:methodCallId];
+    }
+
+    [inv invokeWithTarget:strongModule];
     [retainedObjectsForInvocation removeAllObjects];
 
-    if (valueKind == VoidKind) {
+    if (returnType == VoidKind) {
+      [performanceLogger asyncRCTTurboModuleMethodCallEnd:moduleName methodName:methodName methodCallId:methodCallId];
       return;
     }
     void *rawResult;
     [inv getReturnValue:&rawResult];
     result = (__bridge id)rawResult;
+    [performanceLogger syncRCTTurboModuleMethodCallEnd:moduleName methodName:methodName methodCallId:methodCallId];
   };
 
-  // Backward-compatibility layer for calling module methods on specific queue.
-  dispatch_queue_t methodQueue = NULL;
-  if ([module conformsToProtocol:@protocol(RCTBridgeModule)] && [module respondsToSelector:@selector(methodQueue)]) {
-    methodQueue = [module performSelector:@selector(methodQueue)];
-  }
-
-  if (methodQueue == NULL || methodQueue == RCTJSThread) {
-    // This is the default mode of execution: on JS thread.
-    block();
-  } else if (methodQueue == dispatch_get_main_queue()) {
-    if (valueKind == VoidKind) {
-      // Void methods are treated as async for now, so there's no need to block here.
-      RCTExecuteOnMainQueue(block);
-    } else {
-      // This is not ideal, but provides the simplest mechanism for now.
-      // Eventually, methods should be responsible to queue things up to different queue if they need to.
-      // TODO: consider adding timer to warn if this method invocation takes too long.
-      RCTUnsafeExecuteOnMainQueueSync(block);
-    }
+  if (returnType == VoidKind) {
+    nativeInvoker_->invokeAsync([block]() -> void { block(); });
   } else {
-    if (valueKind == VoidKind) {
-      dispatch_async(methodQueue, block);
-    } else {
-      dispatch_sync(methodQueue, block);
-    }
+    nativeInvoker_->invokeSync([block]() -> void { block(); });
   }
 
   // VoidKind can't be null
   // PromiseKind, and FunctionKind must throw errors always
-  if (valueKind != VoidKind && valueKind != PromiseKind && valueKind != FunctionKind &&
+  if (returnType != VoidKind && returnType != PromiseKind && returnType != FunctionKind &&
       (result == (id)kCFNull || result == nil)) {
     return jsi::Value::null();
   }
 
+  jsi::Value returnValue = jsi::Value::undefined();
+  [performanceLogger_ syncMethodCallReturnConversionStart:moduleName methodName:methodName methodCallId:methodCallId];
+
   // TODO: Re-use value conversion logic from existing impl, if possible.
-  switch (valueKind) {
-    case VoidKind:
-      return jsi::Value::undefined();
-    case BooleanKind:
-      return convertNSNumberToJSIBoolean(*rt, (NSNumber *)result);
-    case NumberKind:
-      return convertNSNumberToJSINumber(*rt, (NSNumber *)result);
-    case StringKind:
-      return convertNSStringToJSIString(*rt, (NSString *)result);
-    case ObjectKind:
-      return convertNSDictionaryToJSIObject(*rt, (NSDictionary *)result);
-    case ArrayKind:
-      return convertNSArrayToJSIArray(*rt, (NSArray *)result);
+  switch (returnType) {
+    case VoidKind: {
+      break;
+    }
+    case BooleanKind: {
+      returnValue = convertNSNumberToJSIBoolean(*rt, (NSNumber *)result);
+      break;
+    }
+    case NumberKind: {
+      returnValue = convertNSNumberToJSINumber(*rt, (NSNumber *)result);
+      break;
+    }
+    case StringKind: {
+      returnValue = convertNSStringToJSIString(*rt, (NSString *)result);
+      break;
+    }
+    case ObjectKind: {
+      returnValue = convertNSDictionaryToJSIObject(*rt, (NSDictionary *)result);
+      break;
+    }
+    case ArrayKind: {
+      returnValue = convertNSArrayToJSIArray(*rt, (NSArray *)result);
+      break;
+    }
     case FunctionKind:
       throw std::runtime_error("convertInvocationResultToJSIValue: FunctionKind is not supported yet.");
     case PromiseKind:
       throw std::runtime_error("convertInvocationResultToJSIValue: PromiseKind wasn't handled properly.");
   }
-}
 
-} // namespace
+  [performanceLogger_ syncMethodCallReturnConversionEnd:moduleName methodName:methodName methodCallId:methodCallId];
+  return returnValue;
+}
 
 /**
  * Given a method name, and an argument index, return type of that argument.
@@ -460,15 +471,28 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(
 
 NSInvocation *ObjCTurboModule::getMethodInvocation(
     jsi::Runtime &runtime,
-    TurboModuleMethodValueKind valueKind,
-    const id<RCTTurboModule> module,
-    std::shared_ptr<CallInvoker> jsInvoker,
-    const std::string &methodName,
+    TurboModuleMethodValueKind returnType,
+    const char *methodName,
     SEL selector,
     const jsi::Value *args,
     size_t count,
-    NSMutableArray *retainedObjectsForInvocation)
+    NSMutableArray *retainedObjectsForInvocation,
+    MethodCallId methodCallId)
 {
+  const bool isSync = returnType != VoidKind && returnType != PromiseKind;
+  const char *moduleName = name_.c_str();
+  const id<RCTTurboModule> module = instance_;
+
+  if (isSync) {
+    [performanceLogger_ syncMethodCallArgumentConversionStart:moduleName
+                                                   methodName:methodName
+                                                 methodCallId:methodCallId];
+  } else {
+    [performanceLogger_ asyncMethodCallArgumentConversionStart:moduleName
+                                                    methodName:methodName
+                                                  methodCallId:methodCallId];
+  }
+
   NSInvocation *inv =
       [NSInvocation invocationWithMethodSignature:[[module class] instanceMethodSignatureForSelector:selector]];
   [inv setSelector:selector];
@@ -516,10 +540,10 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(
     /**
      * Convert arg to ObjC objects.
      */
-    id objCArg = convertJSIValueToObjCObject(runtime, *arg, jsInvoker);
+    id objCArg = convertJSIValueToObjCObject(runtime, *arg, jsInvoker_);
 
     if (objCArg) {
-      NSString *methodNameNSString = @(methodName.c_str());
+      NSString *methodNameNSString = @(methodName);
 
       /**
        * Convert objects using RCTConvert.
@@ -570,46 +594,78 @@ static RCTResponseSenderBlock convertJSIFunctionToCallback(
     }
   }
 
+  if (isSync) {
+    [performanceLogger_ syncMethodCallArgumentConversionEnd:moduleName methodName:methodName methodCallId:methodCallId];
+  } else {
+    [performanceLogger_ asyncMethodCallArgumentConversionEnd:moduleName
+                                                  methodName:methodName
+                                                methodCallId:methodCallId];
+  }
+
   return inv;
 }
 
 ObjCTurboModule::ObjCTurboModule(
     const std::string &name,
     id<RCTTurboModule> instance,
-    std::shared_ptr<CallInvoker> jsInvoker)
-    : TurboModule(name, jsInvoker), instance_(instance)
+    std::shared_ptr<CallInvoker> jsInvoker,
+    std::shared_ptr<CallInvoker> nativeInvoker,
+    id<RCTTurboModulePerformanceLogger> perfLogger)
+    : TurboModule(name, jsInvoker), instance_(instance), nativeInvoker_(nativeInvoker), performanceLogger_(perfLogger)
+{
+}
+
+MethodCallId ObjCTurboModule::methodCallId_{0};
+
+MethodCallId ObjCTurboModule::getNewMethodCallId()
 {
+  return methodCallId_++;
 }
 
 jsi::Value ObjCTurboModule::invokeObjCMethod(
     jsi::Runtime &runtime,
-    TurboModuleMethodValueKind valueKind,
-    const std::string &methodName,
+    TurboModuleMethodValueKind returnType,
+    const std::string &methodNameStr,
     SEL selector,
     const jsi::Value *args,
     size_t count)
 {
+  MethodCallId methodCallId = getNewMethodCallId();
+  const bool isSync = returnType != VoidKind && returnType != PromiseKind;
+  const char *moduleName = name_.c_str();
+  const char *methodName = methodNameStr.c_str();
+
+  if (isSync) {
+    [performanceLogger_ syncMethodCallStart:moduleName methodName:methodName methodCallId:methodCallId];
+  } else {
+    [performanceLogger_ asyncMethodCallStart:moduleName methodName:methodName methodCallId:methodCallId];
+  }
+
   NSMutableArray *retainedObjectsForInvocation = [NSMutableArray arrayWithCapacity:count + 2];
   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, RCTPromiseResolveBlock resolveBlock, RCTPromiseRejectBlock 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);
-        });
+      runtime, returnType, methodName, selector, args, count, retainedObjectsForInvocation, methodCallId);
+
+  jsi::Value returnValue = returnType == PromiseKind
+      ? createPromise(
+            runtime,
+            jsInvoker_,
+            ^(RCTPromiseResolveBlock resolveBlock, RCTPromiseRejectBlock 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(runtime, VoidKind, methodName, inv, retainedObjectsForInvocation, methodCallId);
+            })
+      : performMethodInvocation(runtime, returnType, methodName, inv, retainedObjectsForInvocation, methodCallId);
+
+  if (isSync) {
+    [performanceLogger_ syncMethodCallEnd:moduleName methodName:methodName methodCallId:methodCallId];
+  } else {
+    [performanceLogger_ asyncMethodCallEnd:moduleName methodName:methodName methodCallId:methodCallId];
   }
 
-  return performMethodInvocation(runtime, inv, valueKind, instance_, jsInvoker_, retainedObjectsForInvocation);
+  return returnValue;
 }
 
 BOOL ObjCTurboModule::hasMethodArgConversionSelector(NSString *methodName, int argIndex)
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h
index 87724c49a403ed..0ee31c0922c235 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.h
@@ -12,8 +12,10 @@
 // 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::CallInvoker>)jsInvoker;
+                                                      jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                                                  nativeInvoker:
+                                                      (std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                                                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger;
 
 @optional
 
@@ -38,11 +40,16 @@
 
 @interface RCTTurboModuleManager : NSObject <RCTTurboModuleLookupDelegate>
 
-- (instancetype)initWithBridge:(RCTBridge *)bridge delegate:(id<RCTTurboModuleManagerDelegate>)delegate;
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                      delegate:(id<RCTTurboModuleManagerDelegate>)delegate
+                     jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker;
 
-- (void)installJSBindingWithRuntime:(facebook::jsi::Runtime *)runtime;
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                      delegate:(id<RCTTurboModuleManagerDelegate>)delegate
+                     jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+             performanceLogger:(id<RCTTurboModulePerformanceLogger>)performanceLogger;
 
-- (std::shared_ptr<facebook::react::TurboModule>)getModule:(const std::string &)name;
+- (void)installJSBindingWithRuntime:(facebook::jsi::Runtime *)runtime;
 
 - (void)invalidate;
 
diff --git a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm
index 841f9256807139..a2061d1ea86333 100644
--- a/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm
+++ b/ReactCommon/turbomodule/core/platform/ios/RCTTurboModuleManager.mm
@@ -11,18 +11,60 @@
 #import <cassert>
 #import <mutex>
 
+#import <objc/runtime.h>
+
 #import <React/RCTBridge+Private.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTCxxModule.h>
 #import <React/RCTLog.h>
 #import <React/RCTModuleData.h>
 #import <React/RCTPerformanceLogger.h>
-#import <ReactCommon/BridgeJSCallInvoker.h>
+#import <React/RCTUtils.h>
 #import <ReactCommon/TurboCxxModule.h>
 #import <ReactCommon/TurboModuleBinding.h>
 
 using namespace facebook;
 
+/**
+ * A global variable whose address we use to associate method queues to id<RCTTurboModule> objects.
+ */
+static char kAssociatedMethodQueueKey;
+
+namespace {
+class MethodQueueNativeCallInvoker : public facebook::react::CallInvoker {
+ private:
+  dispatch_queue_t methodQueue_;
+
+ public:
+  MethodQueueNativeCallInvoker(dispatch_queue_t methodQueue) : methodQueue_(methodQueue) {}
+  void invokeAsync(std::function<void()> &&work) override
+  {
+    if (methodQueue_ == RCTJSThread) {
+      work();
+      return;
+    }
+
+    __block auto retainedWork = std::move(work);
+    dispatch_async(methodQueue_, ^{
+      retainedWork();
+    });
+  }
+
+  void invokeSync(std::function<void()> &&work) override
+  {
+    if (methodQueue_ == RCTJSThread) {
+      work();
+      return;
+    }
+
+    __block auto retainedWork = std::move(work);
+    dispatch_sync(methodQueue_, ^{
+      retainedWork();
+    });
+  }
+};
+}
+
 // Fallback lookup since RCT class prefix is sometimes stripped in the existing NativeModule system.
 // This will be removed in the future.
 static Class getFallbackClassFromName(const char *name)
@@ -37,7 +79,7 @@ static Class getFallbackClassFromName(const char *name)
 @implementation RCTTurboModuleManager {
   jsi::Runtime *_runtime;
   std::shared_ptr<facebook::react::CallInvoker> _jsInvoker;
-  std::shared_ptr<react::TurboModuleBinding> _binding;
+  id<RCTTurboModulePerformanceLogger> _performanceLogger;
   __weak id<RCTTurboModuleManagerDelegate> _delegate;
   __weak RCTBridge *_bridge;
   /**
@@ -63,13 +105,24 @@ @implementation RCTTurboModuleManager {
   std::atomic<bool> _invalidating;
 }
 
-- (instancetype)initWithBridge:(RCTBridge *)bridge delegate:(id<RCTTurboModuleManagerDelegate>)delegate
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                      delegate:(id<RCTTurboModuleManagerDelegate>)delegate
+                     jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+{
+  return [self initWithBridge:bridge delegate:delegate jsInvoker:jsInvoker performanceLogger:nil];
+}
+
+- (instancetype)initWithBridge:(RCTBridge *)bridge
+                      delegate:(id<RCTTurboModuleManagerDelegate>)delegate
+                     jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+             performanceLogger:(id<RCTTurboModulePerformanceLogger>)performanceLogger
 {
   if (self = [super init]) {
-    _jsInvoker = std::make_shared<react::BridgeJSCallInvoker>(bridge.reactInstance);
+    _jsInvoker = jsInvoker;
     _delegate = delegate;
     _bridge = bridge;
     _invalidating = false;
+    _performanceLogger = performanceLogger;
 
     // Necessary to allow NativeModules to lookup TurboModules
     [bridge setRCTTurboModuleLookupDelegate:self];
@@ -82,38 +135,6 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge delegate:(id<RCTTurboModuleMa
                                              selector:@selector(bridgeDidInvalidateModules:)
                                                  name:RCTBridgeDidInvalidateModulesNotification
                                                object:_bridge.parentBridge];
-
-    __weak __typeof(self) weakSelf = self;
-
-    auto moduleProvider = [weakSelf](const std::string &name) -> std::shared_ptr<react::TurboModule> {
-      if (!weakSelf) {
-        return nullptr;
-      }
-
-      __strong __typeof(self) strongSelf = weakSelf;
-
-      auto moduleName = name.c_str();
-      auto moduleWasNotInitialized = ![strongSelf moduleIsInitialized:moduleName];
-      if (moduleWasNotInitialized) {
-        [strongSelf->_bridge.performanceLogger markStartForTag:RCTPLTurboModuleSetup];
-      }
-
-      /**
-       * By default, all TurboModules are long-lived.
-       * Additionally, if a TurboModule with the name `name` isn't found, then we
-       * trigger an assertion failure.
-       */
-      auto turboModule = [strongSelf provideTurboModule:moduleName];
-
-      if (moduleWasNotInitialized && [strongSelf moduleIsInitialized:moduleName]) {
-        [strongSelf->_bridge.performanceLogger markStopForTag:RCTPLTurboModuleSetup];
-        [strongSelf notifyAboutTurboModuleSetup:moduleName];
-      }
-
-      return turboModule;
-    };
-
-    _binding = std::make_shared<react::TurboModuleBinding>(moduleProvider);
   }
   return self;
 }
@@ -145,6 +166,7 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
 {
   auto turboModuleLookup = _turboModuleCache.find(moduleName);
   if (turboModuleLookup != _turboModuleCache.end()) {
+    [_performanceLogger createTurboModuleCacheHit:moduleName];
     return turboModuleLookup->second;
   }
 
@@ -153,7 +175,9 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
    * Pure C++ modules get priority.
    */
   if ([_delegate respondsToSelector:@selector(getTurboModule:jsInvoker:)]) {
+    [_performanceLogger getCppTurboModuleFromTMMDelegateStart:moduleName];
     auto turboModule = [_delegate getTurboModule:moduleName jsInvoker:_jsInvoker];
+    [_performanceLogger getCppTurboModuleFromTMMDelegateEnd:moduleName];
     if (turboModule != nullptr) {
       _turboModuleCache.insert({moduleName, turboModule});
       return turboModule;
@@ -163,7 +187,9 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
   /**
    * Step 2: Look for platform-specific modules.
    */
+  [_performanceLogger createRCTTurboModuleStart:moduleName];
   id<RCTTurboModule> module = [self provideRCTTurboModule:moduleName];
+  [_performanceLogger createRCTTurboModuleEnd:moduleName];
 
   // If we request that a TurboModule be created, its respective ObjC class must exist
   // If the class doesn't exist, then provideRCTTurboModule returns nil
@@ -173,31 +199,59 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
 
   Class moduleClass = [module class];
 
+  dispatch_queue_t methodQueue = (dispatch_queue_t)objc_getAssociatedObject(module, &kAssociatedMethodQueueKey);
+
+  /**
+   * Step 2c: Create and native CallInvoker from the TurboModule's method queue.
+   */
+  std::shared_ptr<facebook::react::CallInvoker> nativeInvoker =
+      std::make_shared<MethodQueueNativeCallInvoker>(methodQueue);
+
+  /**
+   * Have RCTCxxBridge decorate native CallInvoker, so that it's aware of TurboModule async method calls.
+   * This helps the bridge fire onBatchComplete as readily as it should.
+   */
+  if ([_bridge respondsToSelector:@selector(decorateNativeCallInvoker:)]) {
+    nativeInvoker = [_bridge decorateNativeCallInvoker:nativeInvoker];
+  }
+
   // If RCTTurboModule supports creating its own C++ TurboModule object,
   // allow it to do so.
-  if ([module respondsToSelector:@selector(getTurboModuleWithJsInvoker:)]) {
-    auto turboModule = [module getTurboModuleWithJsInvoker:_jsInvoker];
+  if ([module respondsToSelector:@selector(getTurboModuleWithJsInvoker:nativeInvoker:perfLogger:)]) {
+    [_performanceLogger getTurboModuleFromRCTTurboModuleStart:moduleName];
+    auto turboModule = [module getTurboModuleWithJsInvoker:_jsInvoker
+                                             nativeInvoker:nativeInvoker
+                                                perfLogger:_performanceLogger];
+    [_performanceLogger getTurboModuleFromRCTTurboModuleEnd:moduleName];
     assert(turboModule != nullptr);
     _turboModuleCache.insert({moduleName, turboModule});
     return turboModule;
   }
 
   /**
-   * Step 2c: If the moduleClass is a legacy CxxModule, return a TurboCxxModule instance that
+   * Step 2d: If the moduleClass is a legacy CxxModule, return a TurboCxxModule instance that
    * wraps CxxModule.
    */
   if ([moduleClass isSubclassOfClass:RCTCxxModule.class]) {
     // Use TurboCxxModule compat class to wrap the CxxModule instance.
     // This is only for migration convenience, despite less performant.
+    [_performanceLogger getTurboModuleFromRCTCxxModuleStart:moduleName];
     auto turboModule = std::make_shared<react::TurboCxxModule>([((RCTCxxModule *)module) createModule], _jsInvoker);
+    [_performanceLogger getTurboModuleFromRCTCxxModuleEnd:moduleName];
     _turboModuleCache.insert({moduleName, turboModule});
     return turboModule;
   }
 
   /**
-   * Step 2d: Return an exact sub-class of ObjC TurboModule
+   * Step 2e: Return an exact sub-class of ObjC TurboModule
    */
-  auto turboModule = [_delegate getTurboModule:moduleName instance:module jsInvoker:_jsInvoker];
+  [_performanceLogger getTurboModuleFromTMMDelegateStart:moduleName];
+  auto turboModule = [_delegate getTurboModule:moduleName
+                                      instance:module
+                                     jsInvoker:_jsInvoker
+                                 nativeInvoker:nativeInvoker
+                                    perfLogger:_performanceLogger];
+  [_performanceLogger getTurboModuleFromTMMDelegateEnd:moduleName];
   if (turboModule != nullptr) {
     _turboModuleCache.insert({moduleName, turboModule});
   }
@@ -222,6 +276,7 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
 
     auto rctTurboModuleCacheLookup = _rctTurboModuleCache.find(moduleName);
     if (rctTurboModuleCacheLookup != _rctTurboModuleCache.end()) {
+      [_performanceLogger createRCTTurboModuleCacheHit:moduleName];
       return rctTurboModuleCacheLookup->second;
     }
 
@@ -233,6 +288,8 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
     /**
      * Step 2a: Resolve platform-specific class.
      */
+    [_performanceLogger getRCTTurboModuleClassStart:moduleName];
+
     if ([_delegate respondsToSelector:@selector(getModuleClassFromName:)]) {
       moduleClass = [_delegate getModuleClassFromName:moduleName];
     }
@@ -241,6 +298,8 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
       moduleClass = getFallbackClassFromName(moduleName);
     }
 
+    [_performanceLogger getRCTTurboModuleClassEnd:moduleName];
+
     if (![moduleClass conformsToProtocol:@protocol(RCTTurboModule)]) {
       return nil;
     }
@@ -248,12 +307,16 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
     /**
      * Step 2b: Ask hosting application/delegate to instantiate this class
      */
+    [_performanceLogger getRCTTurboModuleInstanceStart:moduleName];
+
     if ([_delegate respondsToSelector:@selector(getModuleInstanceFromClass:)]) {
       module = [_delegate getModuleInstanceFromClass:moduleClass];
     } else {
       module = [moduleClass new];
     }
 
+    [_performanceLogger getRCTTurboModuleInstanceEnd:moduleName];
+
     if ([module respondsToSelector:@selector(setTurboModuleLookupDelegate:)]) {
       [module setTurboModuleLookupDelegate:self];
     }
@@ -261,14 +324,23 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
     _rctTurboModuleCache.insert({moduleName, module});
   }
 
+  [self setUpRCTTurboModule:module moduleName:moduleName];
+  return module;
+}
+
+- (void)setUpRCTTurboModule:(id<RCTTurboModule>)module moduleName:(const char *)moduleName
+{
   __weak id<RCTBridgeModule> weakModule = (id<RCTBridgeModule>)module;
   __weak RCTBridge *weakBridge = _bridge;
+  id<RCTTurboModulePerformanceLogger> performanceLogger = _performanceLogger;
 
-  auto setupTurboModule = ^{
+  auto setUpTurboModule = ^{
     if (!weakModule) {
       return;
     }
 
+    [performanceLogger setupRCTTurboModuleStart:moduleName];
+
     id<RCTBridgeModule> strongModule = weakModule;
     RCTBridge *strongBridge = weakBridge;
 
@@ -282,6 +354,8 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
      * NativeModule.
      */
     if ([strongModule respondsToSelector:@selector(bridge)] && strongBridge) {
+      [performanceLogger attachRCTBridgeToRCTTurboModuleStart:moduleName];
+
       /**
        * Just because a NativeModule has the `bridge` method, it doesn't mean
        * that it has synthesized the bridge in its implementation. Therefore,
@@ -304,8 +378,10 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
             @"%@ has no setter or ivar for its bridge, which is not "
              "permitted. You must either @synthesize the bridge property, "
              "or provide your own setter method.",
-            RCTBridgeModuleNameForClass(strongModule));
+            RCTBridgeModuleNameForClass([strongModule class]));
       }
+
+      [performanceLogger attachRCTBridgeToRCTTurboModuleEnd:moduleName];
     }
 
     /**
@@ -313,25 +389,57 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
      * These modules typically have the following:
      *   `@synthesize methodQueue = _methodQueue`
      */
-    if ([strongModule respondsToSelector:@selector(methodQueue)]) {
-      dispatch_queue_t methodQueue = [strongModule performSelector:@selector(methodQueue)];
-      if (!methodQueue) {
-        NSString *moduleClassName = NSStringFromClass(strongModule.class);
-        NSString *queueName = [NSString stringWithFormat:@"com.facebook.react.%@Queue", moduleClassName];
-        methodQueue = dispatch_queue_create(queueName.UTF8String, DISPATCH_QUEUE_SERIAL);
+
+    [performanceLogger attachMethodQueueToRCTTurboModuleStart:moduleName];
+
+    dispatch_queue_t methodQueue = nil;
+    BOOL moduleHasMethodQueueGetter = [strongModule respondsToSelector:@selector(methodQueue)];
+
+    if (moduleHasMethodQueueGetter) {
+      methodQueue = [strongModule methodQueue];
+    }
+
+    /**
+     * Note: RCTJSThread, which is a valid method queue, is defined as (id)kCFNull. It should rightfully not enter the
+     * following if condition's block.
+     */
+    if (!methodQueue) {
+      NSString *methodQueueName = [NSString stringWithFormat:@"com.facebook.react.%sQueue", moduleName];
+      methodQueue = dispatch_queue_create(methodQueueName.UTF8String, DISPATCH_QUEUE_SERIAL);
+
+      if (moduleHasMethodQueueGetter) {
+        /**
+         * If the module has a method queue getter, two cases are possible:
+         *  - We @synthesized the method queue. In this case, the getter will initially return nil.
+         *  - We had a custom methodQueue function on the NativeModule. If we got this far, then that getter returned
+         *    nil.
+         *
+         * Therefore, we do a try/catch and use ObjC's KVC API and try to assign the method queue to the NativeModule.
+         * In case 1, we'll succeed. In case 2, an exception will be thrown, which we'll ignore.
+         */
+
         @try {
           [(id)strongModule 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);
+              @"%@ has no setter or ivar for its methodQueue, which is not "
+               "permitted. You must either @synthesize the bridge property, "
+               "or provide your own setter method.",
+              RCTBridgeModuleNameForClass([strongModule class]));
         }
       }
     }
 
+    /**
+     * Attach method queue to id<RCTTurboModule> object.
+     * This is necessary because the id<RCTTurboModule> object can be eagerly created/initialized before the method
+     * queue is required. The method queue is required for an id<RCTTurboModule> for JS -> Native calls. So, we need it
+     * before we create the id<RCTTurboModule>'s TurboModule jsi::HostObject in provideTurboModule:.
+     */
+    objc_setAssociatedObject(strongModule, &kAssociatedMethodQueueKey, methodQueue, OBJC_ASSOCIATION_RETAIN);
+
+    [performanceLogger attachMethodQueueToRCTTurboModuleEnd:moduleName];
+
     /**
      * NativeModules that implement the RCTFrameUpdateObserver protocol
      * require registration with RCTDisplayLink.
@@ -340,8 +448,10 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
      * rollout.
      */
     if (strongBridge) {
+      [performanceLogger registerRCTTurboModuleForFrameUpdatesStart:moduleName];
       RCTModuleData *data = [[RCTModuleData alloc] initWithModuleInstance:strongModule bridge:strongBridge];
       [strongBridge registerModuleForFrameUpdates:strongModule withModuleData:data];
+      [performanceLogger registerRCTTurboModuleForFrameUpdatesEnd:moduleName];
     }
 
     /**
@@ -350,23 +460,35 @@ - (void)notifyAboutTurboModuleSetup:(const char *)name
      * TODO(T41180176): Investigate whether we can delete this after TM
      * rollout.
      */
+    [performanceLogger dispatchDidInitializeModuleNotificationForRCTTurboModuleStart:moduleName];
     [[NSNotificationCenter defaultCenter]
         postNotificationName:RCTDidInitializeModuleNotification
                       object:strongBridge
-                    userInfo:@{
-                      @"module" : module,
-                      @"bridge" : RCTNullIfNil([strongBridge parentBridge])
-                    }];
+                    userInfo:@{@"module" : module, @"bridge" : RCTNullIfNil([strongBridge parentBridge])}];
+    [performanceLogger dispatchDidInitializeModuleNotificationForRCTTurboModuleEnd:moduleName];
+
+    [performanceLogger setupRCTTurboModuleEnd:moduleName];
   };
 
+  /**
+   * TODO(T64991809): Fix TurboModule race:
+   *  - When NativeModules that don't require main queue setup are required from different threads, they'll
+   *    concurrently run setUpRCTTurboModule:
+   */
   if ([[module class] respondsToSelector:@selector(requiresMainQueueSetup)] &&
       [[module class] requiresMainQueueSetup]) {
-    dispatch_async(dispatch_get_main_queue(), setupTurboModule);
+    /**
+     * If the main thread synchronously calls into JS that creates a TurboModule,
+     * we could deadlock. This behaviour is migrated over from the legacy NativeModule
+     * system.
+     *
+     * TODO(T63807674): Investigate the right migration plan off of this
+     */
+    [_performanceLogger setupRCTTurboModuleDispatch:moduleName];
+    RCTUnsafeExecuteOnMainQueueSync(setUpTurboModule);
   } else {
-    setupTurboModule();
+    setUpTurboModule();
   }
-
-  return module;
 }
 
 - (void)installJSBindingWithRuntime:(jsi::Runtime *)runtime
@@ -378,12 +500,42 @@ - (void)installJSBindingWithRuntime:(jsi::Runtime *)runtime
     return;
   }
 
-  react::TurboModuleBinding::install(*_runtime, _binding);
-}
+  __weak __typeof(self) weakSelf = self;
 
-- (std::shared_ptr<facebook::react::TurboModule>)getModule:(const std::string &)name
-{
-  return _binding->getModule(name);
+  react::TurboModuleBinding::install(
+      *_runtime,
+      [weakSelf,
+       performanceLogger = _performanceLogger](const std::string &name) -> std::shared_ptr<react::TurboModule> {
+        if (!weakSelf) {
+          return nullptr;
+        }
+
+        __strong __typeof(self) strongSelf = weakSelf;
+
+        auto moduleName = name.c_str();
+        auto moduleWasNotInitialized = ![strongSelf moduleIsInitialized:moduleName];
+        if (moduleWasNotInitialized) {
+          [strongSelf->_bridge.performanceLogger markStartForTag:RCTPLTurboModuleSetup];
+        }
+
+        [performanceLogger createTurboModuleStart:moduleName];
+
+        /**
+         * By default, all TurboModules are long-lived.
+         * Additionally, if a TurboModule with the name `name` isn't found, then we
+         * trigger an assertion failure.
+         */
+        auto turboModule = [strongSelf provideTurboModule:moduleName];
+
+        [performanceLogger createTurboModuleEnd:moduleName];
+
+        if (moduleWasNotInitialized && [strongSelf moduleIsInitialized:moduleName]) {
+          [strongSelf->_bridge.performanceLogger markStopForTag:RCTPLTurboModuleSetup];
+          [strongSelf notifyAboutTurboModuleSetup:moduleName];
+        }
+
+        return turboModule;
+      });
 }
 
 #pragma mark RCTTurboModuleLookupDelegate
@@ -445,11 +597,11 @@ - (void)bridgeDidInvalidateModules:(NSNotification *)notification
         if (methodQueue) {
           dispatch_group_enter(moduleInvalidationGroup);
           [bridge
-           dispatchBlock:^{
-            [((id<RCTInvalidating>)module) invalidate];
-            dispatch_group_leave(moduleInvalidationGroup);
-          }
-           queue:methodQueue];
+              dispatchBlock:^{
+                [((id<RCTInvalidating>)module) invalidate];
+                dispatch_group_leave(moduleInvalidationGroup);
+              }
+                      queue:methodQueue];
           continue;
         }
       }
@@ -467,8 +619,6 @@ - (void)bridgeDidInvalidateModules:(NSNotification *)notification
   }
 
   _turboModuleCache.clear();
-
-  _binding->invalidate();
 }
 
 - (void)invalidate
@@ -481,10 +631,10 @@ - (void)invalidate
 
   // Backward-compatibility: RCTInvalidating handling, but not adhering to desired methodQueue.
   for (const auto &p : rctCacheCopy) {
-     id<RCTTurboModule> module = p.second;
-     if ([module respondsToSelector:@selector(invalidate)]) {
-       [((id<RCTInvalidating>)module) invalidate];
-     }
+    id<RCTTurboModule> module = p.second;
+    if ([module respondsToSelector:@selector(invalidate)]) {
+      [((id<RCTInvalidating>)module) invalidate];
+    }
   }
 
   {
@@ -493,8 +643,6 @@ - (void)invalidate
   }
 
   _turboModuleCache.clear();
-
-  _binding->invalidate();
 }
 
 @end
diff --git a/ReactCommon/turbomodule/samples/BUCK b/ReactCommon/turbomodule/samples/BUCK
index d4c64a9085d2e8..1948f743955733 100644
--- a/ReactCommon/turbomodule/samples/BUCK
+++ b/ReactCommon/turbomodule/samples/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_debug_preprocessor_flags", "get_static_library_ios_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "OBJC_ARC_PREPROCESSOR_FLAGS", "get_preprocessor_flags_for_build_mode", "get_static_library_ios_flags")
 load("//tools/build_defs/oss:rn_defs.bzl", "ANDROID", "APPLE", "react_native_target", "react_native_xplat_target", "rn_xplat_cxx_library", "subdir_glob")
 
 rn_xplat_cxx_library(
@@ -36,15 +36,15 @@ rn_xplat_cxx_library(
         "-fobjc-arc-exceptions",
     ],
     fbobjc_inherited_buck_flags = get_static_library_ios_flags(),
-    fbobjc_preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_debug_preprocessor_flags(),
+    fbobjc_preprocessor_flags = OBJC_ARC_PREPROCESSOR_FLAGS + get_preprocessor_flags_for_build_mode(),
     force_static = True,
     ios_deps = [
-        "fbsource//xplat/FBBaseLite:FBBaseLite",
-        "fbsource//xplat/js:RCTLinking",
-        "fbsource//xplat/js:RCTPushNotification",
-        "fbsource//xplat/js/react-native-github:RCTCxxBridge",
-        "fbsource//xplat/js/react-native-github:RCTCxxModule",
-        "fbsource//xplat/js/react-native-github:ReactInternal",
+        "//xplat/FBBaseLite:FBBaseLite",
+        "//xplat/js:RCTLinking",
+        "//xplat/js:RCTPushNotification",
+        "//xplat/js/react-native-github:RCTCxxBridge",
+        "//xplat/js/react-native-github:RCTCxxModule",
+        "//xplat/js/react-native-github:ReactInternal",
     ],
     ios_exported_headers = subdir_glob(
         [
@@ -73,7 +73,7 @@ rn_xplat_cxx_library(
         react_native_xplat_target("cxxreact:module"),
     ],
     exported_deps = [
-        "fbsource//xplat/jsi:jsi",
+        "//xplat/jsi:jsi",
         react_native_xplat_target("turbomodule/core:core"),
     ],
 )
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h
index 1f68f869a3a180..174783fdda2e2a 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.h
@@ -42,7 +42,11 @@ namespace react {
  */
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
  public:
-  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSampleTurboModuleSpecJSI(
+      id<RCTTurboModule> instance,
+      std::shared_ptr<CallInvoker> jsInvoker,
+      std::shared_ptr<CallInvoker> nativeInvoker,
+      id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 } // namespace react
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm
index 50b84e9d231a09..0a576cfeb1a6c0 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTNativeSampleTurboModuleSpec.mm
@@ -113,8 +113,10 @@
 
 NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(
     id<RCTTurboModule> instance,
-    std::shared_ptr<CallInvoker> jsInvoker)
-    : ObjCTurboModule("SampleTurboModule", instance, jsInvoker)
+    std::shared_ptr<CallInvoker> jsInvoker,
+    std::shared_ptr<CallInvoker> nativeInvoker,
+    id<RCTTurboModulePerformanceLogger> perfLogger)
+    : ObjCTurboModule("SampleTurboModule", instance, jsInvoker, nativeInvoker, perfLogger)
 {
   methodMap_["voidFunc"] = MethodMetadata{0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
   methodMap_["getBool"] = MethodMetadata{1, __hostFunction_NativeSampleTurboModuleSpecJSI_getBool};
diff --git a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm
index 484d1f4adb2c14..2ca460a981646d 100644
--- a/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm
+++ b/ReactCommon/turbomodule/samples/platform/ios/RCTSampleTurboModule.mm
@@ -30,10 +30,12 @@ - (dispatch_queue_t)methodQueue
   return dispatch_get_main_queue();
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModuleWithJsInvoker:
-    (std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (std::shared_ptr<facebook::react::TurboModule>)
+    getTurboModuleWithJsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+                  nativeInvoker:(std::shared_ptr<facebook::react::CallInvoker>)nativeInvoker
+                     perfLogger:(id<RCTTurboModulePerformanceLogger>)perfLogger
 {
-  return std::make_shared<NativeSampleTurboModuleSpecJSI>(self, jsInvoker);
+  return std::make_shared<NativeSampleTurboModuleSpecJSI>(self, jsInvoker, nativeInvoker, perfLogger);
 }
 
 // Backward compatible invalidation
diff --git a/ReactCommon/utils/.clang-tidy b/ReactCommon/utils/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/utils/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/utils/BUCK b/ReactCommon/utils/BUCK
index 18ee9ac6d522c9..dfcc229b285c5d 100644
--- a/ReactCommon/utils/BUCK
+++ b/ReactCommon/utils/BUCK
@@ -1,4 +1,4 @@
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -41,8 +41,8 @@ rn_xplat_cxx_library(
     ],
     fbobjc_compiler_flags = APPLE_COMPILER_FLAGS,
     fbobjc_frameworks = ["Foundation"],
-    fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
-    fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+    fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
+    fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
     force_static = True,
     macosx_tests_override = [],
     platforms = (ANDROID, APPLE, CXX),
@@ -53,11 +53,11 @@ rn_xplat_cxx_library(
     tests = [],
     visibility = ["PUBLIC"],
     deps = [
-        "fbsource//xplat/folly:evicting_cache_map",
-        "fbsource//xplat/folly:headers_only",
-        "fbsource//xplat/folly:memory",
-        "fbsource//xplat/folly:molly",
-        "fbsource//xplat/jsi:jsi",
+        "//xplat/folly:container_evicting_cache_map",
+        "//xplat/folly:headers_only",
+        "//xplat/folly:memory",
+        "//xplat/folly:molly",
+        "//xplat/jsi:jsi",
         react_native_xplat_target("better:better"),
     ],
 )
diff --git a/ReactCommon/utils/ManagedObjectWrapper.h b/ReactCommon/utils/ManagedObjectWrapper.h
index 3b671408aaddcc..0f44838c39f322 100644
--- a/ReactCommon/utils/ManagedObjectWrapper.h
+++ b/ReactCommon/utils/ManagedObjectWrapper.h
@@ -35,11 +35,13 @@ namespace react {
  * represented as multiple bumps of C++ counter, so we can have multiple
  * counters for the same object that form some kind of counters tree.
  */
-inline std::shared_ptr<void> wrapManagedObject(id object) {
+inline std::shared_ptr<void> wrapManagedObject(id object)
+{
   return std::shared_ptr<void>((__bridge_retained void *)object, CFRelease);
 }
 
-inline id unwrapManagedObject(std::shared_ptr<void> const &object) {
+inline id unwrapManagedObject(std::shared_ptr<void> const &object)
+{
   return (__bridge id)object.get();
 }
 
diff --git a/ReactCommon/utils/RuntimeExecutor.h b/ReactCommon/utils/RuntimeExecutor.h
index e06caaa65ec795..bdde3603e610f9 100644
--- a/ReactCommon/utils/RuntimeExecutor.h
+++ b/ReactCommon/utils/RuntimeExecutor.h
@@ -7,6 +7,9 @@
 
 #pragma once
 
+#include <mutex>
+#include <thread>
+
 #include <jsi/jsi.h>
 
 namespace facebook {
@@ -23,5 +26,84 @@ namespace react {
 using RuntimeExecutor =
     std::function<void(std::function<void(jsi::Runtime &runtime)> &&callback)>;
 
+/*
+ * The caller can expect that the callback will be executed sometime later on an
+ * unspecified thread.
+ * Use this method when the caller prefers to not be blocked by executing the
+ * `callback`.
+ * Note that this method does not provide any guarantees
+ * about when the `callback` will be executed (before returning to the caller,
+ * after that, or in parallel), the only thing that is guaranteed is that there
+ * is no synchronization.
+ */
+inline static void executeAsynchronously(
+    RuntimeExecutor const &runtimeExecutor,
+    std::function<void(jsi::Runtime &runtime)> &&callback) noexcept {
+  std::thread{[callback = std::move(callback), runtimeExecutor]() mutable {
+    runtimeExecutor(std::move(callback));
+  }};
+}
+
+/*
+ * Executes a `callback` in a *synchronous* manner using given
+ * `RuntimeExecutor`.
+ * Use this method when the caller needs to *be blocked* by executing the
+ * callback but does not concerted about the particular thread on which the
+ * `callback` will be executed.
+ */
+inline static void executeSynchronously_CAN_DEADLOCK(
+    RuntimeExecutor const &runtimeExecutor,
+    std::function<void(jsi::Runtime &runtime)> &&callback) noexcept {
+  std::mutex mutex;
+  mutex.lock();
+
+  runtimeExecutor(
+      [callback = std::move(callback), &mutex](jsi::Runtime &runtime) {
+        callback(runtime);
+        mutex.unlock();
+      });
+
+  mutex.lock();
+}
+
+/*
+ * Executes a `callback` in a *synchronous* manner on the same thread using
+ * given `RuntimeExecutor`.
+ * Use this method when the caller needs to *be blocked* by executing the
+ * `callback` and requires that the callback will be executed on the same
+ * thread.
+ */
+inline static void executeSynchronouslyOnSameThread_CAN_DEADLOCK(
+    RuntimeExecutor const &runtimeExecutor,
+    std::function<void(jsi::Runtime &runtime)> &&callback) noexcept {
+  // Note: We need the third mutex to get back to the main thread before
+  // the lambda is finished (because all mutexes are allocated on the stack).
+  // We use `recursive_mutex` here to not deadlock in case if a
+  // `RuntimeExecutor` executes the callback synchronously.
+
+  std::recursive_mutex mutex1;
+  std::recursive_mutex mutex2;
+  std::recursive_mutex mutex3;
+
+  mutex1.lock();
+  mutex2.lock();
+  mutex3.lock();
+
+  jsi::Runtime *runtimePtr;
+
+  runtimeExecutor([&](jsi::Runtime &runtime) {
+    runtimePtr = &runtime;
+    mutex1.unlock();
+    // `callback` is called somewhere here.
+    mutex2.lock();
+    mutex3.unlock();
+  });
+
+  mutex1.lock();
+  callback(*runtimePtr);
+  mutex2.unlock();
+  mutex3.lock();
+}
+
 } // namespace react
 } // namespace facebook
diff --git a/ReactCommon/utils/SimpleThreadSafeCache.h b/ReactCommon/utils/SimpleThreadSafeCache.h
index 8492709462e448..b500535bb7fa4b 100644
--- a/ReactCommon/utils/SimpleThreadSafeCache.h
+++ b/ReactCommon/utils/SimpleThreadSafeCache.h
@@ -18,9 +18,9 @@ namespace react {
 /*
  * Simple thread-safe LRU cache.
  */
-template<typename KeyT, typename ValueT, int maxSize>
+template <typename KeyT, typename ValueT, int maxSize>
 class SimpleThreadSafeCache {
-public:
+ public:
   SimpleThreadSafeCache() : map_{maxSize} {}
 
   /*
@@ -29,7 +29,8 @@ class SimpleThreadSafeCache {
    * generator function, stores it inside a cache and returns it.
    * Can be called from any thread.
    */
-  ValueT get(const KeyT &key, std::function<ValueT(const KeyT &key)> generator) const {
+  ValueT get(const KeyT &key, std::function<ValueT(const KeyT &key)> generator)
+      const {
     std::lock_guard<std::mutex> lock(mutex_);
     auto iterator = map_.find(key);
     if (iterator == map_.end()) {
@@ -65,7 +66,7 @@ class SimpleThreadSafeCache {
     map_.set(std::move(key), std::move(value));
   }
 
-private:
+ private:
   mutable folly::EvictingCacheMap<KeyT, ValueT> map_;
   mutable std::mutex mutex_;
 };
diff --git a/ReactCommon/utils/Telemetry.h b/ReactCommon/utils/Telemetry.h
new file mode 100644
index 00000000000000..4fbe7f912cab95
--- /dev/null
+++ b/ReactCommon/utils/Telemetry.h
@@ -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.
+ */
+
+#pragma once
+
+#include <chrono>
+
+namespace facebook {
+namespace react {
+
+/*
+ * Represents a monotonic clock suitable for measuring intervals.
+ */
+using TelemetryClock = std::chrono::steady_clock;
+
+/*
+ * Represents a point in time satisfied the requirements of TelemetryClock.
+ */
+using TelemetryTimePoint = TelemetryClock::time_point;
+
+/*
+ * Represents a time interval satisfied the requirements of TelemetryClock.
+ */
+using TelemetryDuration = std::chrono::nanoseconds;
+
+/*
+ * Represents a time point which never happens.
+ */
+static TelemetryTimePoint const kTelemetryUndefinedTimePoint =
+    TelemetryTimePoint::max();
+
+/*
+ * Returns a time point representing the current point in time.
+ */
+static inline TelemetryTimePoint telemetryTimePointNow() {
+  return TelemetryClock::now();
+}
+
+/*
+ * Returns a number of milliseconds that passed from some epoch starting time
+ * point to a given time point. The epoch starting time point is not specified
+ * but stays the same for an application run.
+ */
+static inline int64_t telemetryTimePointToMilliseconds(
+    TelemetryTimePoint timePoint) {
+  return std::chrono::duration_cast<std::chrono::milliseconds>(
+             timePoint - TelemetryTimePoint{})
+      .count();
+}
+
+/*
+ * Returns a number of milliseconds that represents the given duration object.
+ */
+static inline int64_t telemetryDurationToMilliseconds(
+    TelemetryDuration duration) {
+  return std::chrono::duration_cast<std::chrono::milliseconds>(duration)
+      .count();
+}
+
+} // namespace react
+} // namespace facebook
diff --git a/ReactCommon/utils/TimeUtils.h b/ReactCommon/utils/TimeUtils.h
deleted file mode 100644
index 91e6e5ae151583..00000000000000
--- a/ReactCommon/utils/TimeUtils.h
+++ /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.
- */
-
-#pragma once
-
-#if defined(__unix__) || (defined(__APPLE__) && defined(__MACH__))
-
-// It's Unix
-#include <time.h>
-#include <unistd.h>
-
-#endif
-
-#if defined(__APPLE__) && defined(__MACH__)
-
-// It's iOS or macOS or one of derivatives.
-#include <dispatch/dispatch.h>
-#include <mach/mach.h>
-#include <mach/mach_time.h>
-
-#endif
-
-namespace facebook {
-namespace react {
-
-inline static int64_t monotonicTimeInMilliseconds() {
-#if defined(__APPLE__) && defined(__MACH__)
-
-  static struct mach_timebase_info tb_info = {0};
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    __unused int ret = mach_timebase_info(&tb_info);
-    assert(0 == ret);
-  });
-
-  return (mach_absolute_time() * tb_info.numer) / tb_info.denom / 1000000;
-
-#elif defined(_POSIX_MONOTONIC_CLOCK)
-
-  // It's Unix with MONOTONIC_CLOCK support (e.g. Android)
-
-  constexpr static int64_t NANOSECONDS_IN_SECOND = 1000000000LL;
-  constexpr static int64_t NANOSECONDS_IN_MILLISECOND = 1000000LL;
-
-  // Since SystemClock.uptimeMillis() is commonly used for performance
-  // measurement in Java and uptimeMillis() internally uses
-  // clock_gettime(CLOCK_MONOTONIC), we use the same API here. We need that to
-  // make sure we use the same time system on both JS and Java sides. Links to
-  // the source code:
-  // https://android.googlesource.com/platform/frameworks/native/+/jb-mr1-release/libs/utils/SystemClock.cpp
-  // https://android.googlesource.com/platform/system/core/+/master/libutils/Timers.cpp
-  struct timespec now;
-
-  clock_gettime(CLOCK_MONOTONIC, &now);
-
-  return (now.tv_sec * NANOSECONDS_IN_SECOND + now.tv_nsec) /
-      NANOSECONDS_IN_MILLISECOND;
-
-#else
-
-  It's Unix *without* MONOTONIC_CLOCK support or Microsoft Windows.
-  If you run this on Microsoft Windows, could you please implement the
-  function using some Windows-specific APIs, and submit a PR?
-  https://stackoverflow.com/questions/5404277/porting-clock-gettime-to-windows
-
-#endif
-}
-
-} // namespace react
-} // namespace facebook
diff --git a/ReactCommon/yoga/.clang-tidy b/ReactCommon/yoga/.clang-tidy
new file mode 100644
index 00000000000000..c98fd78ff64baa
--- /dev/null
+++ b/ReactCommon/yoga/.clang-tidy
@@ -0,0 +1,5 @@
+---
+Checks: '>
+clang-diagnostic-*,
+'
+...
diff --git a/ReactCommon/yoga/Yoga.podspec b/ReactCommon/yoga/Yoga.podspec
index c4f4325b9feb6d..d2943e6138f4e6 100644
--- a/ReactCommon/yoga/Yoga.podspec
+++ b/ReactCommon/yoga/Yoga.podspec
@@ -43,7 +43,7 @@ Pod::Spec.new do |spec|
   ]
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" }
+  spec.platforms = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" }
 
   # Set this environment variable when *not* using the `:path` option to install the pod.
   # E.g. when publishing this spec to a spec repo.
diff --git a/ReactCommon/yoga/yoga/YGNode.h b/ReactCommon/yoga/yoga/YGNode.h
index 95962e68afad17..9aef1ec6833000 100644
--- a/ReactCommon/yoga/yoga/YGNode.h
+++ b/ReactCommon/yoga/yoga/YGNode.h
@@ -73,7 +73,7 @@ struct YOGA_EXPORT YGNode {
   }
 
   // DANGER DANGER DANGER!
-  // If the the node assigned to has children, we'd either have to deallocate
+  // If the node assigned to has children, we'd either have to deallocate
   // them (potentially incorrect) or ignore them (danger of leaks). Only ever
   // use this after checking that there are no children.
   // DO NOT CHANGE THE VISIBILITY OF THIS METHOD!
diff --git a/ReactCommon/yoga/yoga/YGValue.h b/ReactCommon/yoga/yoga/YGValue.h
index aaa10c3f5f4add..a20009784ea8ed 100644
--- a/ReactCommon/yoga/yoga/YGValue.h
+++ b/ReactCommon/yoga/yoga/YGValue.h
@@ -11,6 +11,13 @@
 #include "YGEnums.h"
 #include "YGMacros.h"
 
+#if defined(_MSC_VER) && defined(__clang__)
+#define COMPILING_WITH_CLANG_ON_WINDOWS
+#endif
+#if defined(COMPILING_WITH_CLANG_ON_WINDOWS)
+#include <limits>
+constexpr float YGUndefined = std::numeric_limits<float>::quiet_NaN();
+#else
 YG_EXTERN_C_BEGIN
 
 // Not defined in MSVC++
@@ -20,6 +27,7 @@ static const uint32_t __nan = 0x7fc00000;
 #endif
 
 #define YGUndefined NAN
+#endif
 
 typedef struct YGValue {
   float value;
@@ -30,7 +38,10 @@ YOGA_EXPORT extern const YGValue YGValueAuto;
 YOGA_EXPORT extern const YGValue YGValueUndefined;
 YOGA_EXPORT extern const YGValue YGValueZero;
 
+#if !defined(COMPILING_WITH_CLANG_ON_WINDOWS)
 YG_EXTERN_C_END
+#endif
+#undef COMPILING_WITH_CLANG_ON_WINDOWS
 
 #ifdef __cplusplus
 
diff --git a/ReactCommon/yoga/yoga/Yoga.cpp b/ReactCommon/yoga/yoga/Yoga.cpp
index 41de51197e747e..d916a45f64814b 100644
--- a/ReactCommon/yoga/yoga/Yoga.cpp
+++ b/ReactCommon/yoga/yoga/Yoga.cpp
@@ -386,6 +386,14 @@ YOGA_EXPORT void YGNodeInsertChild(
   owner->markDirtyAndPropogate();
 }
 
+YOGA_EXPORT void YGNodeSwapChild(
+    const YGNodeRef owner,
+    const YGNodeRef child,
+    const uint32_t index) {
+  owner->replaceChild(child, index);
+  child->setOwner(owner);
+}
+
 YOGA_EXPORT void YGNodeRemoveChild(
     const YGNodeRef owner,
     const YGNodeRef excludedChild) {
@@ -2330,7 +2338,8 @@ static void YGDistributeFreeSpaceFirstPass(
           // first and second passes.
           deltaFreeSpace += boundMainSize - childFlexBasis;
           collectedFlexItemsValues.totalFlexShrinkScaledFactors -=
-              flexShrinkScaledFactor;
+              (-currentRelativeChild->resolveFlexShrink() *
+               currentRelativeChild->getLayout().computedFlexBasis.unwrap());
         }
       }
     } else if (
diff --git a/ReactCommon/yoga/yoga/Yoga.h b/ReactCommon/yoga/yoga/Yoga.h
index 68ed0a62ace490..2fe60a4170da3e 100644
--- a/ReactCommon/yoga/yoga/Yoga.h
+++ b/ReactCommon/yoga/yoga/Yoga.h
@@ -69,6 +69,11 @@ WIN_EXPORT void YGNodeInsertChild(
     YGNodeRef child,
     uint32_t index);
 
+WIN_EXPORT void YGNodeSwapChild(
+    YGNodeRef node,
+    YGNodeRef child,
+    uint32_t index);
+
 WIN_EXPORT void YGNodeRemoveChild(YGNodeRef node, YGNodeRef child);
 WIN_EXPORT void YGNodeRemoveAllChildren(YGNodeRef node);
 WIN_EXPORT YGNodeRef YGNodeGetChild(YGNodeRef node, uint32_t index);
diff --git a/bots/code-analysis-bot.js b/bots/code-analysis-bot.js
index a44cec89ea69c2..55a80a9edecc30 100644
--- a/bots/code-analysis-bot.js
+++ b/bots/code-analysis-bot.js
@@ -18,9 +18,6 @@ if (!process.env.GITHUB_REPO) {
   process.exit(1);
 }
 
-// https://octokit.github.io/rest.js/
-const octokit = require('@octokit/rest')();
-
 const path = require('path');
 
 function push(arr, key, value) {
@@ -116,7 +113,7 @@ const converters = {
   },
 };
 
-function getShaFromPullRequest(owner, repo, number, callback) {
+function getShaFromPullRequest(octokit, owner, repo, number, callback) {
   octokit.pullRequests.get({owner, repo, number}, (error, res) => {
     if (error) {
       console.error(error);
@@ -127,7 +124,7 @@ function getShaFromPullRequest(owner, repo, number, callback) {
   });
 }
 
-function getFilesFromPullRequest(owner, repo, number, callback) {
+function getFilesFromPullRequest(octokit, owner, repo, number, callback) {
   octokit.pullRequests.listFiles(
     {owner, repo, number, per_page: 100},
     (error, res) => {
@@ -169,7 +166,7 @@ function getLineMapFromPatch(patchString) {
   return lineMap;
 }
 
-function sendReview(owner, repo, number, commit_id, body, comments) {
+function sendReview(octokit, owner, repo, number, commit_id, body, comments) {
   if (process.env.GITHUB_TOKEN) {
     if (comments.length === 0) {
       // Do not leave an empty review.
@@ -225,19 +222,20 @@ function main(messages, owner, repo, number) {
     return;
   }
 
-  if (process.env.GITHUB_TOKEN) {
-    octokit.authenticate({
-      type: 'oauth',
-      token: process.env.GITHUB_TOKEN,
-    });
-  } else {
+  if (!process.env.GITHUB_TOKEN) {
     console.log(
       'Missing GITHUB_TOKEN. Example: 5fd88b964fa214c4be2b144dc5af5d486a2f8c1e. Review feedback with code analysis results will not be provided on GitHub without a valid token.',
     );
   }
 
-  getShaFromPullRequest(owner, repo, number, sha => {
-    getFilesFromPullRequest(owner, repo, number, files => {
+  // https://octokit.github.io/rest.js/
+  const {Octokit} = require('@octokit/rest');
+  const octokit = new Octokit({
+    auth: process.env.GITHUB_TOKEN,
+  });
+
+  getShaFromPullRequest(octokit, owner, repo, number, sha => {
+    getFilesFromPullRequest(octokit, owner, repo, number, files => {
       let comments = [];
       let convertersUsed = [];
       files
@@ -267,7 +265,7 @@ function main(messages, owner, repo, number) {
         body += '* ' + converterSummary[converter] + '\n';
       });
 
-      sendReview(owner, repo, number, sha, body, comments);
+      sendReview(octokit, owner, repo, number, sha, body, comments);
     }); // getFilesFromPullRequest
   }); // getShaFromPullRequest
 }
diff --git a/bots/dangerfile.js b/bots/dangerfile.js
index 7ad1d779736c5e..4e954ea270fc83 100644
--- a/bots/dangerfile.js
+++ b/bots/dangerfile.js
@@ -51,12 +51,16 @@ if (!includesTestPlan) {
 }
 
 // Regex looks for given categories, types, a file/framework/component, and a message - broken into 4 capture groups
-const changelogRegex = /\[\s?(ANDROID|GENERAL|MACOS|IOS|JS|JAVASCRIPT|INTERNAL)\s?\]\s*?\[\s?(ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY)\s?\]\s*?\-?\s*?(.*)/gi;
+const changelogRegex = /\[\s?(ANDROID|GENERAL|MACOS|IOS|JS|JAVASCRIPT|INTERNAL)\s?\]\s?\[\s?(ADDED|CHANGED|DEPRECATED|REMOVED|FIXED|SECURITY)\s?\]\s*?-?\s*?(.*)/gi;
+const internalChangelogRegex = /\[\s?(INTERNAL)\s?\].*/gi;
 const includesChangelog =
   danger.github.pr.body &&
   (danger.github.pr.body.toLowerCase().includes('## changelog') ||
     danger.github.pr.body.toLowerCase().includes('release notes'));
 const correctlyFormattedChangelog = changelogRegex.test(danger.github.pr.body);
+const containsInternalChangelog = internalChangelogRegex.test(
+  danger.github.pr.body,
+);
 
 // Provides advice if a changelog is missing
 const changelogInstructions =
@@ -68,7 +72,7 @@ if (!includesChangelog) {
     'To do so, add a "## Changelog" section to your PR description. ' +
     changelogInstructions;
   message(`${title} - <i>${idea}</i>`);
-} else if (!correctlyFormattedChangelog) {
+} else if (!correctlyFormattedChangelog && !containsInternalChangelog) {
   const title = ':clipboard: Verify Changelog Format';
   const idea = changelogInstructions;
   message(`${title} - <i>${idea}</i>`);
@@ -86,6 +90,6 @@ if (!isMergeRefMaster && isMergeRefStable) {
 } else if (!isMergeRefMaster && !isMergeRefStable) {
   const title = ':exclamation: Base Branch';
   const idea =
-    'The base branch for this PR is something other than `master`. [Are you sure you want to target something other than the `master` branch?](http://facebook.github.io/react-native/docs/contributing.html#pull-requests)';
+    'The base branch for this PR is something other than `master`. [Are you sure you want to target something other than the `master` branch?](https://reactnative.dev/docs/contributing.html#pull-requests)';
   fail(`${title} - <i>${idea}</i>`);
 }
diff --git a/bots/datastore.js b/bots/datastore.js
new file mode 100644
index 00000000000000..a6e2c927466d70
--- /dev/null
+++ b/bots/datastore.js
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 firebase = require('firebase/app');
+require('firebase/auth');
+require('firebase/firestore');
+
+/**
+ * Initializes store, and optionally authenticates current user.
+ * @param {string?} email
+ * @param {string?} password
+ * @returns {Promise<firebase.firestore.Firestore>} Reference to store instance
+ */
+async function initializeStore(email, password) {
+  const PROJECT_ID = 'react-native-1583841384889';
+  const apiKey = [
+    'AIzaSyCm',
+    '5hN3nVNY',
+    'tF9zkSHa',
+    'oFpeVe3g',
+    'LceuC0Q',
+  ].join('');
+  const app = firebase.initializeApp({
+    apiKey,
+    authDomain: `${PROJECT_ID}.firebaseapp.com`,
+    databaseURL: `https://${PROJECT_ID}.firebaseio.com`,
+    projectId: PROJECT_ID,
+    storageBucket: `${PROJECT_ID}.appspot.com`,
+    messagingSenderId: '329254200967',
+    appId: '1:329254200967:web:c465681d024115bc303a22',
+    measurementId: 'G-ZKSZ7SCLHK',
+  });
+
+  if (email && password) {
+    await app
+      .auth()
+      .signInWithEmailAndPassword(email, password)
+      .catch(error => console.log(error));
+  }
+
+  return app.firestore();
+}
+
+/**
+ * Initializes 'binary-sizes' collection using the initial commit's data.
+ * @param {firebase.firestore.Firestore} firestore Reference to store instance
+ */
+function initializeBinarySizesCollection(firestore) {
+  return getBinarySizesCollection(firestore)
+    .doc('a15603d8f1ecdd673d80be318293cee53eb4475d')
+    .set({
+      'android-hermes-arm64-v8a': 0,
+      'android-hermes-armeabi-v7a': 0,
+      'android-hermes-x86': 0,
+      'android-hermes-x86_64': 0,
+      'android-jsc-arm64-v8a': 0,
+      'android-jsc-armeabi-v7a': 0,
+      'android-jsc-x86': 0,
+      'android-jsc-x86_64': 0,
+      'ios-universal': 0,
+      timestamp: new Date('Thu Jan 29 17:10:49 2015 -0800'),
+    });
+}
+
+/**
+ * Returns 'binary-sizes' collection.
+ * @param {firebase.firestore.Firestore} firestore Reference to store instance
+ */
+function getBinarySizesCollection(firestore) {
+  const BINARY_SIZES_COLLECTION = 'binary-sizes';
+  return firestore.collection(BINARY_SIZES_COLLECTION);
+}
+
+/**
+ * Creates or updates the specified entry.
+ * @param {firebase.firestore.CollectionReference<firebase.firestore.DocumentData>} collection
+ * @param {string} sha The Git SHA used to identify the entry
+ * @param {firebase.firestore.UpdateData} data The data to be inserted/updated
+ * @returns {Promise<void>}
+ */
+function createOrUpdateDocument(collection, sha, data) {
+  const stampedData = {
+    ...data,
+    timestamp: firebase.firestore.Timestamp.now(),
+  };
+  const docRef = collection.doc(sha);
+  return docRef.update(stampedData).catch(async error => {
+    if (error.code === 'not-found') {
+      await docRef.set(stampedData).catch(setError => console.log(setError));
+    } else {
+      console.log(error);
+    }
+  });
+}
+
+/**
+ * Returns the latest document in collection.
+ * @param {firebase.firestore.CollectionReference<firebase.firestore.DocumentData>} collection
+ * @returns {Promise<firebase.firestore.DocumentData | undefined>}
+ */
+function getLatestDocument(collection) {
+  return collection
+    .orderBy('timestamp', 'desc')
+    .limit(1)
+    .get()
+    .then(snapshot => {
+      if (snapshot.empty) {
+        return undefined;
+      }
+
+      const doc = snapshot.docs[0];
+      return {
+        ...doc.data(),
+        commit: doc.id,
+      };
+    })
+    .catch(error => {
+      console.log(error);
+      return undefined;
+    });
+}
+
+/**
+ * Example usage:
+ *
+ *     const datastore = require('./datastore');
+ *     const store = datastore.initializeStore();
+ *     const binarySizes = datastore.getBinarySizesCollection(store);
+ *     console.log(await getLatestDocument(binarySizes));
+ *     console.log(await createOrUpdateDocument(binarySizes, 'some-id', {data: 0}));
+ *
+ *     // Documentation says that we don't need to call `terminate()` but the script
+ *     // will just hang around until the connection times out if we don't.
+ *     firestore.terminate();
+ */
+module.exports = {
+  initializeStore,
+  initializeBinarySizesCollection,
+  getBinarySizesCollection,
+  createOrUpdateDocument,
+  getLatestDocument,
+};
diff --git a/bots/make-comment.js b/bots/make-comment.js
new file mode 100644
index 00000000000000..0ab9b4f2b59158
--- /dev/null
+++ b/bots/make-comment.js
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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';
+
+/**
+ * Updates the comment matching specified pattern.
+ * @param {import('@octokit/rest').Octokit} octokit Octokit instance
+ * @param {{ owner: string; repo: string; issue_number: string; }} issueParams
+ * @param {string} body Comment body
+ * @param {string} replacePattern Pattern for finding the comment to update
+ */
+async function updateComment(octokit, issueParams, body, replacePattern) {
+  if (!replacePattern) {
+    return false;
+  }
+
+  const authenticatedUser = await octokit.users.getAuthenticated();
+  if (authenticatedUser.status !== 200 || !authenticatedUser.data) {
+    console.warn(authenticatedUser);
+    return false;
+  }
+
+  const comments = await octokit.issues.listComments(issueParams);
+  if (comments.status !== 200 || !comments.data) {
+    console.warn(comments);
+    return false;
+  }
+
+  const authedUserId = authenticatedUser.data.id;
+  const pattern = new RegExp(replacePattern, 'g');
+  const comment = comments.data.find(
+    ({user, body}) => user.id === authedUserId && pattern.test(body),
+  );
+  if (!comment) {
+    return false;
+  }
+
+  octokit.issues.updateComment({
+    ...issueParams,
+    comment_id: comment.id,
+    body,
+  });
+  return true;
+}
+
+/**
+ * Creates or updates a comment with specified pattern.
+ * @param {string} body Comment body
+ * @param {string} replacePattern Pattern for finding the comment to update
+ */
+async function createOrUpdateComment(body, replacePattern) {
+  const {
+    GITHUB_TOKEN,
+    GITHUB_OWNER,
+    GITHUB_REPO,
+    GITHUB_PR_NUMBER,
+  } = process.env;
+  if (!GITHUB_TOKEN || !GITHUB_OWNER || !GITHUB_REPO || !GITHUB_PR_NUMBER) {
+    if (!GITHUB_TOKEN) {
+      console.error(
+        'Missing GITHUB_TOKEN. Example: 5fd88b964fa214c4be2b144dc5af5d486a2f8c1e. PR feedback cannot be provided on GitHub without a valid token.',
+      );
+    }
+    if (!GITHUB_OWNER) {
+      console.error('Missing GITHUB_OWNER. Example: facebook');
+    }
+    if (!GITHUB_REPO) {
+      console.error('Missing GITHUB_REPO. Example: react-native');
+    }
+    if (!GITHUB_PR_NUMBER) {
+      console.error(
+        'Missing GITHUB_PR_NUMBER. Example: 4687. PR feedback cannot be provided on GitHub without a valid pull request number.',
+      );
+    }
+    process.exit(1);
+  }
+
+  if (!body) {
+    return;
+  }
+
+  const {Octokit} = require('@octokit/rest');
+  const octokit = new Octokit({auth: GITHUB_TOKEN});
+
+  const issueParams = {
+    owner: GITHUB_OWNER,
+    repo: GITHUB_REPO,
+    issue_number: GITHUB_PR_NUMBER,
+  };
+
+  if (await updateComment(octokit, issueParams, body, replacePattern)) {
+    return;
+  }
+
+  // We found no comments to replace, so we'll create a new one.
+
+  octokit.issues.createComment({
+    ...issueParams,
+    body,
+  });
+}
+
+module.exports = {
+  createOrUpdateComment,
+};
diff --git a/bots/package.json b/bots/package.json
index 51cfe34eadeac1..fdfcfd5d9e218a 100644
--- a/bots/package.json
+++ b/bots/package.json
@@ -9,6 +9,7 @@
     "minimatch": "^3.0.4"
   },
   "dependencies": {
-    "@octokit/rest": "15.18.0"
+    "@octokit/rest": "^16.43.0",
+    "firebase": "^7.10.0"
   }
 }
diff --git a/bots/report-bundle-size.js b/bots/report-bundle-size.js
new file mode 100644
index 00000000000000..a17c303d17c089
--- /dev/null
+++ b/bots/report-bundle-size.js
@@ -0,0 +1,190 @@
+/**
+ * Copyright (c) Facebook, Inc. and 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 {GITHUB_REF, GITHUB_SHA} = process.env;
+if (!GITHUB_REF || !GITHUB_SHA) {
+  if (!GITHUB_REF) {
+    console.error("Missing GITHUB_REF. This should've been set by the CI.");
+  }
+  if (!GITHUB_SHA) {
+    console.error("Missing GITHUB_SHA. This should've been set by the CI.");
+  }
+  process.exit(1);
+}
+
+const fs = require('fs');
+const datastore = require('./datastore');
+const {createOrUpdateComment} = require('./make-comment');
+
+/**
+ * Generates and submits a comment. If this is run on master branch, data is
+ * committed to the store instead.
+ * @param {{
+      'android-hermes-arm64-v8a'?: number;
+      'android-hermes-armeabi-v7a'?: number;
+      'android-hermes-x86'?: number;
+      'android-hermes-x86_64'?: number;
+      'android-jsc-arm64-v8a'?: number;
+      'android-jsc-armeabi-v7a'?: number;
+      'android-jsc-x86'?: number;
+      'android-jsc-x86_64'?: number;
+      'ios-universal'?: number;
+    }} stats
+ */
+async function reportSizeStats(stats, replacePattern) {
+  const {FIREBASE_APP_EMAIL, FIREBASE_APP_PASS} = process.env;
+  const store = await datastore.initializeStore(
+    FIREBASE_APP_EMAIL,
+    FIREBASE_APP_PASS,
+  );
+  const collection = datastore.getBinarySizesCollection(store);
+
+  if (GITHUB_REF === 'master') {
+    // Ensure we only store numbers greater than zero.
+    const validatedStats = Object.keys(stats).reduce((validated, key) => {
+      const value = stats[key];
+      if (typeof value !== 'number' || value <= 0) {
+        return validated;
+      }
+
+      validated[key] = value;
+      return validated;
+    }, {});
+    if (Object.keys(validatedStats).length > 0) {
+      await datastore.createOrUpdateDocument(
+        collection,
+        GITHUB_SHA,
+        validatedStats,
+      );
+    }
+  } else {
+    const document = await datastore.getLatestDocument(collection);
+
+    const diffFormatter = new Intl.NumberFormat('en', {signDisplay: 'always'});
+    const sizeFormatter = new Intl.NumberFormat('en', {});
+
+    // | Platform | Engine | Arch        | Size (bytes) | Diff |
+    // |:---------|:-------|:------------|-------------:|-----:|
+    // | android  | hermes | arm64-v8a   |      9437184 |   ±0 |
+    // | android  | hermes | armeabi-v7a |      9015296 |   ±0 |
+    // | android  | hermes | x86         |      9498624 |   ±0 |
+    // | android  | hermes | x86_64      |      9965568 |   ±0 |
+    // | android  | jsc    | arm64-v8a   |      9236480 |   ±0 |
+    // | android  | jsc    | armeabi-v7a |      8814592 |   ±0 |
+    // | android  | jsc    | x86         |      9297920 |   ±0 |
+    // | android  | jsc    | x86_64      |      9764864 |   ±0 |
+    // | android  | jsc    | x86_64      |      9764864 |   ±0 |
+    // | ios      | -      | universal   |     10715136 |   ±0 |
+    const comment = [
+      '| Platform | Engine | Arch | Size (bytes) | Diff |',
+      '|:---------|:-------|:-----|-------------:|-----:|',
+      ...Object.keys(stats).map(identifier => {
+        const [size, diff] = (() => {
+          const statSize = stats[identifier];
+          if (!statSize) {
+            return ['n/a', '--'];
+          } else if (!(identifier in document)) {
+            return [statSize, 'n/a'];
+          } else {
+            return [
+              sizeFormatter.format(statSize),
+              diffFormatter.format(statSize - document[identifier]),
+            ];
+          }
+        })();
+
+        const [platform, engineOrArch, ...archParts] = identifier.split('-');
+        const arch = archParts.join('-') || engineOrArch;
+        const engine = arch === engineOrArch ? '-' : engineOrArch; // e.g. 'ios-universal'
+        return `| ${platform} | ${engine} | ${arch} | ${size} | ${diff} |`;
+      }),
+      '',
+      `Base commit: ${document.commit}`,
+    ].join('\n');
+    createOrUpdateComment(comment, replacePattern);
+  }
+
+  // Documentation says that we don't need to call `terminate()` but the script
+  // will just hang around until the connection times out if we don't.
+  store.terminate();
+}
+
+/**
+ * Returns the size of the file at specified path in bytes.
+ * @param {fs.PathLike} path
+ * @returns {number}
+ */
+function getFileSize(path) {
+  try {
+    const stats = fs.statSync(path);
+    return stats.size;
+  } catch {
+    return 0;
+  }
+}
+
+/**
+ * Returns the size of the APK for specified JS engine and architecture.
+ * @param {'hermes' | 'jsc'} engine
+ * @param {'arm64-v8a' | 'armeabi-v7a' | 'x86' | 'x86_64'} arch
+ */
+function android_getApkSize(engine, arch) {
+  return getFileSize(
+    `RNTester/android/app/build/outputs/apk/${engine}/release/app-${engine}-${arch}-release.apk`,
+  );
+}
+
+/**
+ * Reports app bundle size.
+ * @param {string} target
+ */
+function report(target) {
+  switch (target) {
+    case 'android':
+      reportSizeStats(
+        {
+          'android-hermes-arm64-v8a': android_getApkSize('hermes', 'arm64-v8a'),
+          'android-hermes-armeabi-v7a': android_getApkSize(
+            'hermes',
+            'armeabi-v7a',
+          ),
+          'android-hermes-x86': android_getApkSize('hermes', 'x86'),
+          'android-hermes-x86_64': android_getApkSize('hermes', 'x86_64'),
+          'android-jsc-arm64-v8a': android_getApkSize('jsc', 'arm64-v8a'),
+          'android-jsc-armeabi-v7a': android_getApkSize('jsc', 'armeabi-v7a'),
+          'android-jsc-x86': android_getApkSize('jsc', 'x86'),
+          'android-jsc-x86_64': android_getApkSize('jsc', 'x86_64'),
+        },
+        '\\| android \\| hermes \\| arm',
+      );
+      break;
+
+    case 'ios':
+      reportSizeStats(
+        {
+          'ios-universal': getFileSize(
+            'RNTester/build/Build/Products/Release-iphonesimulator/RNTester.app/RNTester',
+          ),
+        },
+        '\\| ios \\| - \\| universal \\|',
+      );
+      break;
+
+    default: {
+      const path = require('path');
+      console.log(`Syntax: ${path.basename(process.argv[1])} [android | ios]`);
+      break;
+    }
+  }
+}
+
+const {[2]: target} = process.argv;
+report(target);
diff --git a/bots/yarn.lock b/bots/yarn.lock
index f7b51e9cfcce2b..055544c8580295 100644
--- a/bots/yarn.lock
+++ b/bots/yarn.lock
@@ -10,6 +10,243 @@
     core-js "^2.5.7"
     regenerator-runtime "^0.12.0"
 
+"@firebase/analytics-types@0.2.7":
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/@firebase/analytics-types/-/analytics-types-0.2.7.tgz#70c3c3c9c8941e73c516cd38fabd02b18f912c6a"
+  integrity sha512-2596a1v62BkVXuobbQerC1gDavoxFOmgVutFFQcm24v6/2Iv8nlx2k8Wjy9eLAZWmAZHU/RkTX11K9gHy+w5Bg==
+
+"@firebase/analytics@0.2.16":
+  version "0.2.16"
+  resolved "https://registry.yarnpkg.com/@firebase/analytics/-/analytics-0.2.16.tgz#641f1a8f5207dce93b452d89527356a2ac97d194"
+  integrity sha512-t4lwd8SxigKULvt8a+VA1cVj7Aml/tUNECV9vzz3G9wusxDE76d7rTw+HexKTNPRbD2E9+JtRKUVPKlJpox9bw==
+  dependencies:
+    "@firebase/analytics-types" "0.2.7"
+    "@firebase/component" "0.1.6"
+    "@firebase/installations" "0.4.4"
+    "@firebase/util" "0.2.41"
+    tslib "1.10.0"
+
+"@firebase/app-types@0.5.2":
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/@firebase/app-types/-/app-types-0.5.2.tgz#3d9e86283b6b37d9384e42eecd04df9fae384466"
+  integrity sha512-k3zRi9gXyWrymu8OL6DA1Pz7eo+sKVBopX5ouOjQwozAZ55WhelifPC99WHmLWo8sAokNM0XDyzM7loOA5yliQ==
+
+"@firebase/app@0.5.5":
+  version "0.5.5"
+  resolved "https://registry.yarnpkg.com/@firebase/app/-/app-0.5.5.tgz#61785da263e7af0c2be0941a26251131b2ec7a23"
+  integrity sha512-CCqX/ZuNkPnyE2jQapVAHpp3Y0cSJZVBQRl+YjcmtfeiCl8WcUb7pyVJZYLPEw5xZZZVJWOrZXO393teiFtsIg==
+  dependencies:
+    "@firebase/app-types" "0.5.2"
+    "@firebase/component" "0.1.6"
+    "@firebase/logger" "0.1.36"
+    "@firebase/util" "0.2.41"
+    dom-storage "2.1.0"
+    tslib "1.10.0"
+    xmlhttprequest "1.8.0"
+
+"@firebase/auth-interop-types@0.1.3":
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/@firebase/auth-interop-types/-/auth-interop-types-0.1.3.tgz#ee28e96c795bde1d92670af2c26d6c32d468ffdc"
+  integrity sha512-Fd0MJ8hHw/MasNTJz7vl5jnMMs71X6pY/VqN0V6lqdP5HKTuyPVnffJ1d2Vb6uCLZ1D7nXAer4YWj9cOrNLPAQ==
+
+"@firebase/auth-types@0.9.6":
+  version "0.9.6"
+  resolved "https://registry.yarnpkg.com/@firebase/auth-types/-/auth-types-0.9.6.tgz#93f88455b0f55c21eafaa07d09f0ebbead8125ac"
+  integrity sha512-HB1yXe5hgiwPMukLBEfC3TQX22U9qKczj8kEclKhL7rnds3FKZWMM0+EpKbcJREbU9Sj/rgwgaio7ovSN4ZQFA==
+
+"@firebase/auth@0.13.6":
+  version "0.13.6"
+  resolved "https://registry.yarnpkg.com/@firebase/auth/-/auth-0.13.6.tgz#5305512b74fa8bc94ed40a6f2a4683c43d704b39"
+  integrity sha512-ERlda/t5RimNw5Err+5HJATC/qFkC64zR40G+4nK5b9eFJEm0MB+/DaismCwp6J6GoVL3NmejoVbuWU7sV4G1w==
+  dependencies:
+    "@firebase/auth-types" "0.9.6"
+
+"@firebase/component@0.1.6":
+  version "0.1.6"
+  resolved "https://registry.yarnpkg.com/@firebase/component/-/component-0.1.6.tgz#e983f0630ae3f01003ead85330c1fe3cd2623c1f"
+  integrity sha512-dm5pVhm+sU8ag1M3hY6vleA/H7Ed8sKRxbm4TAKhtjGHDejPXxnK0meTNydJ3MwisHWlwzGuzIEhb223K7FFxA==
+  dependencies:
+    "@firebase/util" "0.2.41"
+    tslib "1.10.0"
+
+"@firebase/database-types@0.4.12":
+  version "0.4.12"
+  resolved "https://registry.yarnpkg.com/@firebase/database-types/-/database-types-0.4.12.tgz#f6946e8605260f1c38a7db1b858d3d42e30bcbf4"
+  integrity sha512-PVCTQRG9fnN1cam3Qr91+WzsCf9tO+lmUcPEb0uvafSFVhvx2U9OZOlYDdM5hS0MMHTNXI7Ywmc33EheIlLmMw==
+  dependencies:
+    "@firebase/app-types" "0.5.2"
+
+"@firebase/database@0.5.22":
+  version "0.5.22"
+  resolved "https://registry.yarnpkg.com/@firebase/database/-/database-0.5.22.tgz#347e8f5d0fae2b7d50dbc2a39ee6fb35dfa37fc9"
+  integrity sha512-3CVsmLFscFIAFOjjVhlT6HzFOhS0TKVbjhixp64oVZMOshp9qPHtHIytf6QXRAypbtZMPFAMGnhNu0pmPW/vtg==
+  dependencies:
+    "@firebase/auth-interop-types" "0.1.3"
+    "@firebase/component" "0.1.6"
+    "@firebase/database-types" "0.4.12"
+    "@firebase/logger" "0.1.36"
+    "@firebase/util" "0.2.41"
+    faye-websocket "0.11.3"
+    tslib "1.10.0"
+
+"@firebase/firestore-types@1.10.0":
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/@firebase/firestore-types/-/firestore-types-1.10.0.tgz#3818138f53782ff8a654341af6671b96496a150b"
+  integrity sha512-/Pvmu5hpc0pceB96X2mEOAdEB0Xyn6+IQliBl7dUhu23AztnjBq+9uKcsgMB+k34RCApFQfNm1m24E4e+fUSVg==
+
+"@firebase/firestore@1.12.0":
+  version "1.12.0"
+  resolved "https://registry.yarnpkg.com/@firebase/firestore/-/firestore-1.12.0.tgz#98fe0adfa94d79ebf9489f118789cff68ac2790f"
+  integrity sha512-GWFU3pPs0xyp2ynFQIyvlmTtg4goGvOkT/lhVCu/Bq6/78xbl395nCPBMjF7IpUl+aVqQVUCwtF/cxrtNXgjMA==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/firestore-types" "1.10.0"
+    "@firebase/logger" "0.1.36"
+    "@firebase/util" "0.2.41"
+    "@firebase/webchannel-wrapper" "0.2.36"
+    "@grpc/proto-loader" "^0.5.0"
+    grpc "1.24.2"
+    tslib "1.10.0"
+
+"@firebase/functions-types@0.3.15":
+  version "0.3.15"
+  resolved "https://registry.yarnpkg.com/@firebase/functions-types/-/functions-types-0.3.15.tgz#32d3fd61447793c277b1f86a11ff97236bf856df"
+  integrity sha512-VM0v7fJM+mzvL9tJgNtQWc3UZLUOl2GJYi0TdfiuqTbfEdPDQCXtYVTN3roAO5LJTIgNw0imZyOCgsHDy9MtXg==
+
+"@firebase/functions@0.4.36":
+  version "0.4.36"
+  resolved "https://registry.yarnpkg.com/@firebase/functions/-/functions-0.4.36.tgz#1fd2f4fc67cfa055840e9e32aea07d0949ee6b4d"
+  integrity sha512-GheZOwxUbMHhM1xidkOJlfTGk4FuC2sJBA9/yYA23St5qgudcT0Bu3r+3XcC4DhJv6G/mu2IoM9dn1LBgBclXw==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/functions-types" "0.3.15"
+    "@firebase/messaging-types" "0.4.3"
+    isomorphic-fetch "2.2.1"
+    tslib "1.10.0"
+
+"@firebase/installations-types@0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@firebase/installations-types/-/installations-types-0.3.2.tgz#3ec255ea3abdca5eababd8cd7a5849795ede16ce"
+  integrity sha512-E5Jp1QlwYSypRiOJSkKtEC2RS8GnubUYqTAqjiJAtBsa0guZZunBcXvdn3kqWOyn3R4HaM2tDZ/bGdWpulVUkg==
+
+"@firebase/installations@0.4.4":
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/@firebase/installations/-/installations-0.4.4.tgz#dac3376bba732c18f5bf5ce8e910de32ad3dabd1"
+  integrity sha512-gbfK5dOKe1SyveF7Ko7Bg/LtTPoX3cByoGUv7LMR0Q7Dn8Qw9JsIz2n7q21tr2YzAxv1q7RqIzRJchoFicqISA==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/installations-types" "0.3.2"
+    "@firebase/util" "0.2.41"
+    idb "3.0.2"
+    tslib "1.10.0"
+
+"@firebase/logger@0.1.36":
+  version "0.1.36"
+  resolved "https://registry.yarnpkg.com/@firebase/logger/-/logger-0.1.36.tgz#e8c634008d382169e30e944a9bf0ee02cdd88490"
+  integrity sha512-5Z0ryTtzRk7kjUb0/18r10oXYu8mSPAjgdbLowRBP6HdSJB7BDiUIRS7iATSmUBZLTArdroSiFJ29m7YDfm/cw==
+
+"@firebase/messaging-types@0.4.3":
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/@firebase/messaging-types/-/messaging-types-0.4.3.tgz#945a32cd06f23cf234ce637b5e192821b149e8f5"
+  integrity sha512-FxUQXjy5p/5r6E/pGS3Bnp3+3wshh3vkCo7ISU7ggOM6GBhq9FnyBLZKGix7bsjn079sNTOr5PH0KT8wGI+CPQ==
+
+"@firebase/messaging@0.6.8":
+  version "0.6.8"
+  resolved "https://registry.yarnpkg.com/@firebase/messaging/-/messaging-0.6.8.tgz#231a5a03c431a4c8e41427e275f61f67c0caac93"
+  integrity sha512-APMuLpx2XnYCQMvKI9W17CfNOi+YhecoU5gZLwUuuspZvgasr28daSNNU+QcjdMPsJsIbU9UDJa4do8x2uAEig==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/installations" "0.4.4"
+    "@firebase/messaging-types" "0.4.3"
+    "@firebase/util" "0.2.41"
+    idb "3.0.2"
+    tslib "1.10.0"
+
+"@firebase/performance-types@0.0.11":
+  version "0.0.11"
+  resolved "https://registry.yarnpkg.com/@firebase/performance-types/-/performance-types-0.0.11.tgz#76485463123ebe697ce71942dfa71bca3c5d553e"
+  integrity sha512-w6dD4ZcWT1NsGsPcgX1lAVZyxEVEWgTSBu768YABCQH7zVcvPo9PE3xWcPWPujlAPf9QXdessiX9cC5m4Khabw==
+
+"@firebase/performance@0.2.34":
+  version "0.2.34"
+  resolved "https://registry.yarnpkg.com/@firebase/performance/-/performance-0.2.34.tgz#76e870bf6b2cd164aba0097808a416bdd316f3aa"
+  integrity sha512-Ek038Acq0mbVqsw7TGqomFDBxvoTIu1rdRdqRKSdFiBRZcLLW9X1Ad6aSATMu6lki2gcUE/XCbMJtSQfVsl5Bw==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/installations" "0.4.4"
+    "@firebase/logger" "0.1.36"
+    "@firebase/performance-types" "0.0.11"
+    "@firebase/util" "0.2.41"
+    tslib "1.10.0"
+
+"@firebase/polyfill@0.3.31":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@firebase/polyfill/-/polyfill-0.3.31.tgz#e22c51b6e48195ad7886ebef25a900deb08660e4"
+  integrity sha512-7XItMz50tdba57tCOTCSH8REvHYbrTU7MBOksnNZ3td/J9W/RkCPcLVSSnFWNmn0Jv1aufpUevryX1J4DZ/oiw==
+  dependencies:
+    core-js "3.6.2"
+    promise-polyfill "8.1.3"
+    whatwg-fetch "2.0.4"
+
+"@firebase/remote-config-types@0.1.7":
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/@firebase/remote-config-types/-/remote-config-types-0.1.7.tgz#03a0cf4e7658593212d5a20780eca823b29bba36"
+  integrity sha512-oWyw1KNx/2+vaNBe1zYSppe5eSmjLxIphi49VAwYWO3SqhxpF3BsJ0uo4f9pU4bjYINuRFMYsCkbhZuKAR7o+w==
+
+"@firebase/remote-config@0.1.15":
+  version "0.1.15"
+  resolved "https://registry.yarnpkg.com/@firebase/remote-config/-/remote-config-0.1.15.tgz#fc7fe44aadbcd90dfcfd825d31ad0a4fc8b0c56a"
+  integrity sha512-avBM6w6oLV3fEBVGTXdIBKuj62p4Zcu0/01Xm4YEsdrMRfyLX1Q9C5XYIsGiGb6xM+R8EWzd5F4AsAMtc/ofQw==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/installations" "0.4.4"
+    "@firebase/logger" "0.1.36"
+    "@firebase/remote-config-types" "0.1.7"
+    "@firebase/util" "0.2.41"
+    tslib "1.10.0"
+
+"@firebase/storage-types@0.3.10":
+  version "0.3.10"
+  resolved "https://registry.yarnpkg.com/@firebase/storage-types/-/storage-types-0.3.10.tgz#2456608a193d1939d399c58d4c8350d62a91d47e"
+  integrity sha512-c76gnTUFTDDumV4GenkuVY34EwAXjN7ZWLR6NSvuAnMvBlROdGKshTCsmyi8GTMd/dDoFB/MLJ+YOnk5tMbU4Q==
+
+"@firebase/storage@0.3.28":
+  version "0.3.28"
+  resolved "https://registry.yarnpkg.com/@firebase/storage/-/storage-0.3.28.tgz#6809672b13d112c082bd8096897cdd3806368567"
+  integrity sha512-70GFutKqYBkqN3TCXgd8asGc/i3NYuCpaBvCHk7QpwN+7/9Cukba4GOfiN1QIINc7nOj/nrsWKvo49NzhxGy4w==
+  dependencies:
+    "@firebase/component" "0.1.6"
+    "@firebase/storage-types" "0.3.10"
+    "@firebase/util" "0.2.41"
+    tslib "1.10.0"
+
+"@firebase/util@0.2.41":
+  version "0.2.41"
+  resolved "https://registry.yarnpkg.com/@firebase/util/-/util-0.2.41.tgz#36a0e0deb05a67b8ca79ec559d7a9859a46da519"
+  integrity sha512-QRu3wjU5I0ZBWrf4wgrEBYu5K5tkHjETMDPMY8WYCeekKB13k2MuJzHBjQVuStEOU7j6ygTAA0B8vXI/6B5D0g==
+  dependencies:
+    tslib "1.10.0"
+
+"@firebase/webchannel-wrapper@0.2.36":
+  version "0.2.36"
+  resolved "https://registry.yarnpkg.com/@firebase/webchannel-wrapper/-/webchannel-wrapper-0.2.36.tgz#80b63148f08e50e64afb50ad1f2bf61847476142"
+  integrity sha512-Vy7N8674HVHLZtRfZurvxThYeIi4sK1AeiV6DKFfndhGDfC/+iKHidoC/pgFoIIJR8E8tH5QD22Wndb0iW6cxw==
+
+"@grpc/proto-loader@^0.5.0":
+  version "0.5.3"
+  resolved "https://registry.yarnpkg.com/@grpc/proto-loader/-/proto-loader-0.5.3.tgz#a233070720bf7560c4d70e29e7950c72549a132c"
+  integrity sha512-8qvUtGg77G2ZT2HqdqYoM/OY97gQd/0crSG34xNmZ4ZOsv3aQT/FQV9QfZPazTGna6MIoyUd+u6AxsoZjJ/VMQ==
+  dependencies:
+    lodash.camelcase "^4.3.0"
+    protobufjs "^6.8.6"
+
+"@octokit/auth-token@^2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@octokit/auth-token/-/auth-token-2.4.0.tgz#b64178975218b99e4dfe948253f0673cbbb59d9f"
+  integrity sha512-eoOVMjILna7FVQf96iWc3+ZtE/ZT6y8ob8ZzcqKY1ibSQCnu4O/B7pJvzMx5cyZ/RjAff6DAdEb0O0Cjcxidkg==
+  dependencies:
+    "@octokit/types" "^2.0.0"
+
 "@octokit/endpoint@^3.1.1":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-3.1.2.tgz#22b5aa8596482fbefc3f1ce22c24ad217aed60fa"
@@ -20,6 +257,44 @@
     universal-user-agent "^2.0.1"
     url-template "^2.0.8"
 
+"@octokit/endpoint@^5.5.0":
+  version "5.5.2"
+  resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-5.5.2.tgz#ed19d01fe85ac58bc2b774661658f9e5429b8164"
+  integrity sha512-ICDcRA0C2vtTZZGud1nXRrBLXZqFayodXAKZfo3dkdcLNqcHsgaz3YSTupbURusYeucSVRjjG+RTcQhx6HPPcg==
+  dependencies:
+    "@octokit/types" "^2.0.0"
+    is-plain-object "^3.0.0"
+    universal-user-agent "^4.0.0"
+
+"@octokit/plugin-paginate-rest@^1.1.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-1.1.2.tgz#004170acf8c2be535aba26727867d692f7b488fc"
+  integrity sha512-jbsSoi5Q1pj63sC16XIUboklNw+8tL9VOnJsWycWYR78TKss5PVpIPb1TUUcMQ+bBh7cY579cVAWmf5qG+dw+Q==
+  dependencies:
+    "@octokit/types" "^2.0.1"
+
+"@octokit/plugin-request-log@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-request-log/-/plugin-request-log-1.0.0.tgz#eef87a431300f6148c39a7f75f8cfeb218b2547e"
+  integrity sha512-ywoxP68aOT3zHCLgWZgwUJatiENeHE7xJzYjfz8WI0goynp96wETBF+d95b8g/uL4QmS6owPVlaxiz3wyMAzcw==
+
+"@octokit/plugin-rest-endpoint-methods@2.4.0":
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-2.4.0.tgz#3288ecf5481f68c494dd0602fc15407a59faf61e"
+  integrity sha512-EZi/AWhtkdfAYi01obpX0DF7U6b1VRr30QNQ5xSFPITMdLSfhcBqjamE3F+sKcxPbD7eZuMHu3Qkk2V+JGxBDQ==
+  dependencies:
+    "@octokit/types" "^2.0.1"
+    deprecation "^2.3.1"
+
+"@octokit/request-error@^1.0.1", "@octokit/request-error@^1.0.2":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@octokit/request-error/-/request-error-1.2.1.tgz#ede0714c773f32347576c25649dc013ae6b31801"
+  integrity sha512-+6yDyk1EES6WK+l3viRDElw96MvwfJxCt45GvmjDUKWjYIb3PJZQkq3i46TwGwoPD4h8NmTrENmtyA1FwbmhRA==
+  dependencies:
+    "@octokit/types" "^2.0.0"
+    deprecation "^2.0.0"
+    once "^1.4.0"
+
 "@octokit/request@2.3.0":
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/@octokit/request/-/request-2.3.0.tgz#da2672308bcf0b9376ef66f51bddbe5eb87cc00a"
@@ -30,20 +305,19 @@
     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==
+"@octokit/request@^5.2.0":
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/@octokit/request/-/request-5.3.1.tgz#3a1ace45e6f88b1be4749c5da963b3a3b4a2f120"
+  integrity sha512-5/X0AL1ZgoU32fAepTfEoggFinO3rxsMLtzhlUX+RctLrusn/CApJuGFCd0v7GMFhF+8UiCsTTfsu7Fh1HnEJg==
   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/endpoint" "^5.5.0"
+    "@octokit/request-error" "^1.0.1"
+    "@octokit/types" "^2.0.0"
+    deprecation "^2.0.0"
+    is-plain-object "^3.0.0"
+    node-fetch "^2.3.0"
+    once "^1.4.0"
+    universal-user-agent "^4.0.0"
 
 "@octokit/rest@^16.14.1":
   version "16.15.0"
@@ -60,6 +334,121 @@
     universal-user-agent "^2.0.0"
     url-template "^2.0.8"
 
+"@octokit/rest@^16.43.0":
+  version "16.43.1"
+  resolved "https://registry.yarnpkg.com/@octokit/rest/-/rest-16.43.1.tgz#3b11e7d1b1ac2bbeeb23b08a17df0b20947eda6b"
+  integrity sha512-gfFKwRT/wFxq5qlNjnW2dh+qh74XgTQ2B179UX5K1HYCluioWj8Ndbgqw2PVqa1NnVJkGHp2ovMpVn/DImlmkw==
+  dependencies:
+    "@octokit/auth-token" "^2.4.0"
+    "@octokit/plugin-paginate-rest" "^1.1.1"
+    "@octokit/plugin-request-log" "^1.0.0"
+    "@octokit/plugin-rest-endpoint-methods" "2.4.0"
+    "@octokit/request" "^5.2.0"
+    "@octokit/request-error" "^1.0.2"
+    atob-lite "^2.0.0"
+    before-after-hook "^2.0.0"
+    btoa-lite "^1.0.0"
+    deprecation "^2.0.0"
+    lodash.get "^4.4.2"
+    lodash.set "^4.3.2"
+    lodash.uniq "^4.5.0"
+    octokit-pagination-methods "^1.1.0"
+    once "^1.4.0"
+    universal-user-agent "^4.0.0"
+
+"@octokit/types@^2.0.0", "@octokit/types@^2.0.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@octokit/types/-/types-2.1.1.tgz#77e80d1b663c5f1f829e5377b728fa3c4fe5a97d"
+  integrity sha512-89LOYH+d/vsbDX785NOfLxTW88GjNd0lWRz1DVPVsZgg9Yett5O+3MOvwo7iHgvUwbFz0mf/yPIjBkUbs4kxoQ==
+  dependencies:
+    "@types/node" ">= 8"
+
+"@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
+  integrity sha1-m4sMxmPWaafY9vXQiToU00jzD78=
+
+"@protobufjs/base64@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/base64/-/base64-1.1.2.tgz#4c85730e59b9a1f1f349047dbf24296034bb2735"
+  integrity sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg==
+
+"@protobufjs/codegen@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@protobufjs/codegen/-/codegen-2.0.4.tgz#7ef37f0d010fb028ad1ad59722e506d9262815cb"
+  integrity sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg==
+
+"@protobufjs/eventemitter@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz#355cbc98bafad5978f9ed095f397621f1d066b70"
+  integrity sha1-NVy8mLr61ZePntCV85diHx0Ga3A=
+
+"@protobufjs/fetch@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/fetch/-/fetch-1.1.0.tgz#ba99fb598614af65700c1619ff06d454b0d84c45"
+  integrity sha1-upn7WYYUr2VwDBYZ/wbUVLDYTEU=
+  dependencies:
+    "@protobufjs/aspromise" "^1.1.1"
+    "@protobufjs/inquire" "^1.1.0"
+
+"@protobufjs/float@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/float/-/float-1.0.2.tgz#5e9e1abdcb73fc0a7cb8b291df78c8cbd97b87d1"
+  integrity sha1-Xp4avctz/Ap8uLKR33jIy9l7h9E=
+
+"@protobufjs/inquire@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/inquire/-/inquire-1.1.0.tgz#ff200e3e7cf2429e2dcafc1140828e8cc638f089"
+  integrity sha1-/yAOPnzyQp4tyvwRQIKOjMY48Ik=
+
+"@protobufjs/path@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@protobufjs/path/-/path-1.1.2.tgz#6cc2b20c5c9ad6ad0dccfd21ca7673d8d7fbf68d"
+  integrity sha1-bMKyDFya1q0NzP0hynZz2Nf79o0=
+
+"@protobufjs/pool@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/pool/-/pool-1.1.0.tgz#09fd15f2d6d3abfa9b65bc366506d6ad7846ff54"
+  integrity sha1-Cf0V8tbTq/qbZbw2ZQbWrXhG/1Q=
+
+"@protobufjs/utf8@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@protobufjs/utf8/-/utf8-1.1.0.tgz#a777360b5b39a1a2e5106f8e858f2fd2d060c570"
+  integrity sha1-p3c2C1s5oaLlEG+OhY8v0tBgxXA=
+
+"@types/bytebuffer@^5.0.40":
+  version "5.0.40"
+  resolved "https://registry.yarnpkg.com/@types/bytebuffer/-/bytebuffer-5.0.40.tgz#d6faac40dcfb09cd856cdc4c01d3690ba536d3ee"
+  integrity sha512-h48dyzZrPMz25K6Q4+NCwWaxwXany2FhQg/ErOcdZS1ZpsaDnDMZg8JYLMTGz7uvXKrcKGJUZJlZObyfgdaN9g==
+  dependencies:
+    "@types/long" "*"
+    "@types/node" "*"
+
+"@types/long@*", "@types/long@^4.0.0":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@types/long/-/long-4.0.1.tgz#459c65fa1867dafe6a8f322c4c51695663cc55e9"
+  integrity sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w==
+
+"@types/node@*":
+  version "13.9.0"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.9.0.tgz#5b6ee7a77faacddd7de719017d0bc12f52f81589"
+  integrity sha512-0ARSQootUG1RljH2HncpsY2TJBfGQIKOOi7kxzUY6z54ePu/ZD+wJA8zI2Q6v8rol2qpG/rvqsReco8zNMPvhQ==
+
+"@types/node@>= 8":
+  version "13.7.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-13.7.1.tgz#238eb34a66431b71d2aaddeaa7db166f25971a0d"
+  integrity sha512-Zq8gcQGmn4txQEJeiXo/KiLpon8TzAl0kmKH4zdWctPj05nWwp1ClMdAVEloqrQKfaC48PNLdgN/aVaLqUrluA==
+
+"@types/node@^10.1.0":
+  version "10.17.17"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.17.tgz#7a183163a9e6ff720d86502db23ba4aade5999b8"
+  integrity sha512-gpNnRnZP3VWzzj5k3qrpRC6Rk3H/uclhAVo1aIvwzK5p5cOrs9yEyQ8H/HBsBY0u5rrWxXEiVPQ0dEB6pkjE8Q==
+
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
 agent-base@4, agent-base@^4.1.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.2.1.tgz#d89e5999f797875674c07d87f260fc41e83e8ca9"
@@ -84,6 +473,19 @@ ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+aproba@^1.0.3:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
+  integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
+
+are-we-there-yet@~1.1.2:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
+  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
 arr-diff@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@@ -104,11 +506,24 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
+ascli@~1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/ascli/-/ascli-1.0.1.tgz#bcfa5974a62f18e81cabaeb49732ab4a88f906bc"
+  integrity sha1-vPpZdKYvGOgcq660lzKrSoj5Brw=
+  dependencies:
+    colour "~0.7.1"
+    optjs "~3.2.2"
+
 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-lite@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/atob-lite/-/atob-lite-2.0.0.tgz#0fef5ad46f1bd7a8502c65727f0367d5ee43d696"
+  integrity sha1-D+9a1G8b16hQLGVyfwNn1e5D1pY=
+
 atob@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
@@ -132,16 +547,16 @@ base@^0.11.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"
   integrity sha512-zyPgY5dgbf99c0uGUjhY4w+mxqEGxPKg9RQDl34VvrVh2bM31lFN+mwR1ZHepq/KA3VCPk1gwJZL6IIJqjLy2w==
 
+before-after-hook@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.1.0.tgz#b6c03487f44e24200dd30ca5e6a1979c5d2fb635"
+  integrity sha512-IWIbu7pMqyw3EAJHzzHbWa85b6oud/yfKYg5rqB5hNE8CeMi3nX+2C2sj0HswfblST86hpVEOAb9x34NZd6P7A==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -176,6 +591,13 @@ 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=
 
+bytebuffer@~5:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/bytebuffer/-/bytebuffer-5.0.1.tgz#582eea4b1a873b6d020a48d58df85f0bba6cfddd"
+  integrity sha1-WC7qSxqHO20CCkjVjfhfC7ps/d0=
+  dependencies:
+    long "~3"
+
 cache-base@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
@@ -191,6 +613,11 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
+camelcase@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
+  integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
+
 camelcase@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
@@ -205,6 +632,11 @@ chalk@^2.3.0:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
+chownr@^1.1.1:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
+  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+
 class-utils@^0.3.5:
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
@@ -215,6 +647,15 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
+cliui@^3.0.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
+  integrity sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=
+  dependencies:
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wrap-ansi "^2.0.0"
+
 cliui@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-4.1.0.tgz#348422dbe82d800b3022eef4f6ac10bf2e4d1b49"
@@ -249,6 +690,11 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
+colour@~0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/colour/-/colour-0.7.1.tgz#9cb169917ec5d12c0736d3e8685746df1cadf778"
+  integrity sha1-nLFpkX7F0SwHNtPoaFdG3xyt93g=
+
 commander@^2.18.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
@@ -264,16 +710,31 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
+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"
+  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
+
 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@3.6.2:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.2.tgz#2799ea1a59050f0acf50dfe89b916d6503b16caa"
+  integrity sha512-hIE5dXkRzRvnZ5vhkRfQxUvDxQZmD9oueA08jDYRBKJHx+VIl/Pne/e0A4x9LObEEthC/TqiZybUoNM4tRgnKg==
+
 core-js@^2.5.7:
   version "2.6.4"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.4.tgz#b8897c062c4d769dd30a0ac5c73976c47f92ea0d"
   integrity sha512-05qQ5hXShcqGkPZpXEFLIpxayZscVD2kuMBZewxiIPPEagukO4mqgPA9CWhUvFBJfy3ODdK2p9xyHh7FTU9/7A==
 
+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"
+  integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=
+
 cross-spawn@^5.0.1:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
@@ -348,7 +809,7 @@ debug@^2.2.0, debug@^2.3.3:
   dependencies:
     ms "2.0.0"
 
-debug@^3.1.0:
+debug@^3.1.0, debug@^3.2.6:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
   integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
@@ -372,6 +833,11 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
   integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 
+deep-extend@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
+  integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==
+
 deepmerge@3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-3.1.0.tgz#a612626ce4803da410d77554bfd80361599c034d"
@@ -399,6 +865,26 @@ define-property@^2.0.2:
     is-descriptor "^1.0.2"
     isobject "^3.0.1"
 
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
+
+deprecation@^2.0.0, deprecation@^2.3.1:
+  version "2.3.1"
+  resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
+  integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
+
+detect-libc@^1.0.2:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
+  integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
+
+dom-storage@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/dom-storage/-/dom-storage-2.1.0.tgz#00fb868bc9201357ea243c7bcfd3304c1e34ea39"
+  integrity sha512-g6RpyWXzl0RR6OTElHKBl7nwnK87GUyZMYC7JWsB/IA73vpqK2K6LT39x4VepLxlSsWBFrPVLnsSR5Jyty0+2Q==
+
 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"
@@ -406,6 +892,13 @@ ecdsa-sig-formatter@1.0.10:
   dependencies:
     safe-buffer "^5.0.1"
 
+encoding@^0.1.11:
+  version "0.1.12"
+  resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.12.tgz#538b66f3ee62cd1ab51ec323829d1f9480c74beb"
+  integrity sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=
+  dependencies:
+    iconv-lite "~0.4.13"
+
 es6-promise@^4.0.3:
   version "4.2.5"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.5.tgz#da6d0d5692efb461e082c14817fe2427d8f5d054"
@@ -498,6 +991,13 @@ extglob@^2.0.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+faye-websocket@0.11.3:
+  version "0.11.3"
+  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
+  integrity sha512-D2y4bovYpzziGgbHYtGCMjlJM36vAl/y+xUyn1C+FVx8szd1E+86KwVw6XvYSzOP8iMpm1X0I4xJD+QtUb36OA==
+  dependencies:
+    websocket-driver ">=0.5.1"
+
 fill-range@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
@@ -515,6 +1015,26 @@ find-up@^2.1.0:
   dependencies:
     locate-path "^2.0.0"
 
+firebase@^7.10.0:
+  version "7.10.0"
+  resolved "https://registry.yarnpkg.com/firebase/-/firebase-7.10.0.tgz#1df4d42f30ce6de97d7327f468911f51416e4fdd"
+  integrity sha512-j80k8wsgg0N/t8uOkpGK6OT1MHHZ3Y/98nyZJJ+6lNodA6O79mXgyvI4AwXlPYd8qfmYeXwHz1f19sC+EqnZZg==
+  dependencies:
+    "@firebase/analytics" "0.2.16"
+    "@firebase/app" "0.5.5"
+    "@firebase/app-types" "0.5.2"
+    "@firebase/auth" "0.13.6"
+    "@firebase/database" "0.5.22"
+    "@firebase/firestore" "1.12.0"
+    "@firebase/functions" "0.4.36"
+    "@firebase/installations" "0.4.4"
+    "@firebase/messaging" "0.6.8"
+    "@firebase/performance" "0.2.34"
+    "@firebase/polyfill" "0.3.31"
+    "@firebase/remote-config" "0.1.15"
+    "@firebase/storage" "0.3.28"
+    "@firebase/util" "0.2.41"
+
 for-in@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
@@ -532,6 +1052,32 @@ fs-exists-sync@^0.1.0:
   resolved "https://registry.yarnpkg.com/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz#982d6893af918e72d08dec9e8673ff2b5a8d6add"
   integrity sha1-mC1ok6+RjnLQjeyehnP/K1qNat0=
 
+fs-minipass@^1.2.5:
+  version "1.2.7"
+  resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-1.2.7.tgz#ccff8570841e7fe4265693da88936c55aed7f7c7"
+  integrity sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==
+  dependencies:
+    minipass "^2.6.0"
+
+fs.realpath@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+  integrity sha1-FQStJSMVjKpA20onh8sBQRmU6k8=
+
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
+  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.3"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
@@ -561,6 +1107,30 @@ git-config-path@^1.0.1:
     fs-exists-sync "^0.1.0"
     homedir-polyfill "^1.0.0"
 
+glob@^7.0.5, glob@^7.1.3:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  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"
+
+grpc@1.24.2:
+  version "1.24.2"
+  resolved "https://registry.yarnpkg.com/grpc/-/grpc-1.24.2.tgz#76d047bfa7b05b607cbbe3abb99065dcefe0c099"
+  integrity sha512-EG3WH6AWMVvAiV15d+lr+K77HJ/KV/3FvMpjKjulXHbTwgDZkhkcWbwhxFAoTdxTkQvy0WFcO3Nog50QBbHZWw==
+  dependencies:
+    "@types/bytebuffer" "^5.0.40"
+    lodash.camelcase "^4.3.0"
+    lodash.clone "^4.5.0"
+    nan "^2.13.2"
+    node-pre-gyp "^0.14.0"
+    protobufjs "^5.0.3"
+
 has-flag@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-2.0.0.tgz#e8207af1cc7b30d446cc70b734b5e8be18f88d51"
@@ -571,6 +1141,11 @@ has-flag@^3.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
+
 has-value@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
@@ -609,6 +1184,11 @@ homedir-polyfill@^1.0.0, homedir-polyfill@^1.0.1:
   dependencies:
     parse-passwd "^1.0.0"
 
+"http-parser-js@>=0.4.0 <0.4.11":
+  version "0.4.10"
+  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.4.10.tgz#92c9c1374c35085f75db359ec56cc257cbb93fa4"
+  integrity sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=
+
 http-proxy-agent@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-2.1.0.tgz#e4821beef5b2142a2026bd73926fe537631c5405"
@@ -617,7 +1197,7 @@ http-proxy-agent@^2.1.0:
     agent-base "4"
     debug "3.1.0"
 
-https-proxy-agent@^2.2.0, https-proxy-agent@^2.2.1:
+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==
@@ -630,7 +1210,39 @@ hyperlinker@^1.0.0:
   resolved "https://registry.yarnpkg.com/hyperlinker/-/hyperlinker-1.0.0.tgz#23dc9e38a206b208ee49bc2d6c8ef47027df0c0e"
   integrity sha512-Ty8UblRWFEcfSuIaajM34LdPXIhbs1ajEX/BBPv24J+enSVaEVY63xQ6lTO9VRYS5LAoghIG0IDJ+p+IPzKUQQ==
 
-ini@^1.3.5:
+iconv-lite@^0.4.4, iconv-lite@~0.4.13:
+  version "0.4.24"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
+idb@3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/idb/-/idb-3.0.2.tgz#c8e9122d5ddd40f13b60ae665e4862f8b13fa384"
+  integrity sha512-+FLa/0sTXqyux0o6C+i2lOR0VoS60LU/jzUo5xjfY6+7sEEgy4Gz1O7yFBXvjd7N0NyIGWIRg8DcQSLEG+VSPw==
+
+ignore-walk@^3.0.1:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.3.tgz#017e2447184bfeade7c238e4aefdd1e8f95b1e37"
+  integrity sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==
+  dependencies:
+    minimatch "^3.0.4"
+
+inflight@^1.0.4:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+  integrity sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=
+  dependencies:
+    once "^1.3.0"
+    wrappy "1"
+
+inherits@2, inherits@~2.0.3:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+  integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+ini@^1.3.5, ini@~1.3.0:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.5.tgz#eee25f56db1c9ec6085e0c22778083f596abf927"
   integrity sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==
@@ -729,7 +1341,14 @@ is-plain-object@^2.0.1, is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
-is-stream@^1.1.0:
+is-plain-object@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-3.0.0.tgz#47bfc5da1b5d50d64110806c199359482e75a928"
+  integrity sha512-tZIpofR+P05k8Aocp7UI/2UTa9lTJSebCXpFFoR9aibpokDj/uXBsJ8luUu0tTVYKkMU6URDUuOfJZ7koewXvg==
+  dependencies:
+    isobject "^4.0.0"
+
+is-stream@^1.0.1, is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
@@ -739,7 +1358,7 @@ is-windows@^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:
+isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
   integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
@@ -761,6 +1380,19 @@ isobject@^3.0.0, isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha1-TkMekrEalzFjaqH5yNHMvP2reN8=
 
+isobject@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-4.0.0.tgz#3f1c9155e73b192022a80819bacd0343711697b0"
+  integrity sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==
+
+isomorphic-fetch@2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz#611ae1acf14f5e81f729507472819fe9733558a9"
+  integrity sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=
+  dependencies:
+    node-fetch "^1.0.1"
+    whatwg-fetch ">=0.10.0"
+
 jsome@^2.3.25:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/jsome/-/jsome-2.5.0.tgz#5e417eef4341ffeb83ee8bfa9265b36d56fe49ed"
@@ -858,6 +1490,16 @@ locate-path@^2.0.0:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
 
+lodash.camelcase@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
+  integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY=
+
+lodash.clone@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.clone/-/lodash.clone-4.5.0.tgz#195870450f5a13192478df4bc3d23d2dea1907b6"
+  integrity sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y=
+
 lodash.find@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/lodash.find/-/lodash.find-4.6.0.tgz#cb0704d47ab71789ffa0de8b97dd926fb88b13b1"
@@ -933,10 +1575,15 @@ 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==
+long@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/long/-/long-4.0.0.tgz#9a7b71cfb7d361a194ea555241c92f7468d5bf28"
+  integrity sha512-XsP+KhQif4bjX1kbuSiySJFNAehNxgLb6hPRGJ9QsUr8ajHkuXGdrHmFUTUUXhDwVX2R5bY4JNZEwbUiMhV+MA==
+
+long@~3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/long/-/long-3.2.0.tgz#d821b7138ca1cb581c172990ef14db200b5c474b"
+  integrity sha1-2CG3E4yhy1gcFymQ7xTbIAtcR0s=
 
 lru-cache@^4.0.1:
   version "4.1.5"
@@ -951,6 +1598,11 @@ 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==
 
+macos-release@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/macos-release/-/macos-release-2.3.0.tgz#eb1930b036c0800adebccd5f17bc4c12de8bb71f"
+  integrity sha512-OHhSbtcviqMPt7yfw5ef5aghS2jzFVKEFyCJndQt2YpSQ9qRVSEv2axSJI1paVThEu+FFGs584h/1YhxjVqajA==
+
 map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
@@ -1006,11 +1658,31 @@ minimatch@^3.0.4:
   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"
+  integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
+
 minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
+minipass@^2.6.0, minipass@^2.8.6, minipass@^2.9.0:
+  version "2.9.0"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
+  integrity sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==
+  dependencies:
+    safe-buffer "^5.1.2"
+    yallist "^3.0.0"
+
+minizlib@^1.2.1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
+  integrity sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==
+  dependencies:
+    minipass "^2.9.0"
+
 mixin-deep@^1.2.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.1.tgz#a49e7268dce1a0d9698e45326c5626df3543d0fe"
@@ -1019,6 +1691,13 @@ mixin-deep@^1.2.0:
     for-in "^1.0.2"
     is-extendable "^1.0.1"
 
+mkdirp@^0.5.0, mkdirp@^0.5.1:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
+  integrity sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=
+  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"
@@ -1029,6 +1708,11 @@ 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==
 
+nan@^2.13.2:
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
+  integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -1046,6 +1730,15 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+needle@^2.2.1:
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/needle/-/needle-2.3.3.tgz#a041ad1d04a871b0ebb666f40baaf1fb47867117"
+  integrity sha512-EkY0GeSq87rWp1hoq/sH/wnTWgFVhYlnIkbJ0YJFfRgEFlz2RraCjBpFQ+vrEgEdp0ThfyHADmkChEhcb7PKyw==
+  dependencies:
+    debug "^3.2.6"
+    iconv-lite "^0.4.4"
+    sax "^1.2.4"
+
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -1056,16 +1749,64 @@ 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@^1.0.1:
+  version "1.7.3"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
+  integrity sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==
+  dependencies:
+    encoding "^0.1.11"
+    is-stream "^1.0.1"
 
 node-fetch@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.3.0.tgz#1a1d940bbfb916a1d3e0219f037e89e71f8c5fa5"
   integrity sha512-MOd8pV3fxENbryESLgVIeaGKrdl+uaYhCSSVkjeOb/31/njTpcis5aWfdqgNlHIrKOLRbMnfPINPOML2CIFeXA==
 
+node-pre-gyp@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz#9a0596533b877289bcad4e143982ca3d904ddc83"
+  integrity sha512-+CvDC7ZttU/sSt9rFjix/P05iS43qHCOOGzcr3Ry99bXG7VX953+vFyEuph/tfqoYu8dttBkE86JSKBO2OzcxA==
+  dependencies:
+    detect-libc "^1.0.2"
+    mkdirp "^0.5.1"
+    needle "^2.2.1"
+    nopt "^4.0.1"
+    npm-packlist "^1.1.6"
+    npmlog "^4.0.2"
+    rc "^1.2.7"
+    rimraf "^2.6.1"
+    semver "^5.3.0"
+    tar "^4.4.2"
+
+nopt@^4.0.1:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.3.tgz#a375cad9d02fd921278d954c2254d5aa57e15e48"
+  integrity sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==
+  dependencies:
+    abbrev "1"
+    osenv "^0.1.4"
+
+npm-bundled@^1.0.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.1.tgz#1edd570865a94cdb1bc8220775e29466c9fb234b"
+  integrity sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==
+  dependencies:
+    npm-normalize-package-bin "^1.0.1"
+
+npm-normalize-package-bin@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz#6e79a41f23fd235c0623218228da7d9c23b8f6e2"
+  integrity sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==
+
+npm-packlist@^1.1.6:
+  version "1.4.8"
+  resolved "https://registry.yarnpkg.com/npm-packlist/-/npm-packlist-1.4.8.tgz#56ee6cc135b9f98ad3d51c1c95da22bbb9b2ef3e"
+  integrity sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==
+  dependencies:
+    ignore-walk "^3.0.1"
+    npm-bundled "^1.0.1"
+    npm-normalize-package-bin "^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"
@@ -1073,11 +1814,26 @@ npm-run-path@^2.0.0:
   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"
+  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
+  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"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
+object-assign@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
+
 object-copy@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
@@ -1106,6 +1862,30 @@ octokit-pagination-methods@^1.1.0:
   resolved "https://registry.yarnpkg.com/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz#cf472edc9d551055f9ef73f6e42b4dbb4c80bea4"
   integrity sha512-fZ4qZdQ2nxJvtcasX7Ghl+WlWS/d9IgnBIwFZXVNNZUmzpno91SX5bc5vuxiuKoCtK78XxGGNuSCrDC7xYB3OQ==
 
+once@^1.3.0, once@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+  integrity sha1-WDsap3WWHUsROsF9nFC6753Xa9E=
+  dependencies:
+    wrappy "1"
+
+optjs@~3.2.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/optjs/-/optjs-3.2.2.tgz#69a6ce89c442a44403141ad2f9b370bd5bb6f4ee"
+  integrity sha1-aabOicRCpEQDFBrS+bNwvVu29O4=
+
+os-homedir@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
+
+os-locale@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-1.4.0.tgz#20f9f17ae29ed345e8bde583b13d2009803c14d9"
+  integrity sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=
+  dependencies:
+    lcid "^1.0.0"
+
 os-locale@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-2.1.0.tgz#42bc2900a6b5b8bd17376c8e882b65afccf24bf2"
@@ -1123,6 +1903,27 @@ os-name@^3.0.0:
     macos-release "^2.0.0"
     windows-release "^3.1.0"
 
+os-name@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/os-name/-/os-name-3.1.0.tgz#dec19d966296e1cd62d701a5a66ee1ddeae70801"
+  integrity sha512-h8L+8aNjNcMpo/mAIBPn5PXCM16iyPGjHNWo6U1YO8sJTMHtEtyczI6QJnLoplswm6goopQkqc7OAnjhWcugVg==
+  dependencies:
+    macos-release "^2.2.0"
+    windows-release "^3.1.0"
+
+os-tmpdir@^1.0.0:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+
+osenv@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
+  integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.0"
+
 override-require@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/override-require/-/override-require-1.1.1.tgz#6ae22fadeb1f850ffb0cf4c20ff7b87e5eb650df"
@@ -1205,6 +2006,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-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"
+  integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
+
 path-key@^2.0.0, path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
@@ -1220,11 +2026,73 @@ posix-character-classes@^0.1.0:
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
   integrity sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=
 
+process-nextick-args@~2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
+  integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
+
+promise-polyfill@8.1.3:
+  version "8.1.3"
+  resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-8.1.3.tgz#8c99b3cf53f3a91c68226ffde7bde81d7f904116"
+  integrity sha512-MG5r82wBzh7pSKDRa9y+vllNHz3e3d4CNj1PQE4BQYxLme0gKYYBm9YENq+UkEikyZ0XbiGWxYlVw3Rl9O/U8g==
+
+protobufjs@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-5.0.3.tgz#e4dfe9fb67c90b2630d15868249bcc4961467a17"
+  integrity sha512-55Kcx1MhPZX0zTbVosMQEO5R6/rikNXd9b6RQK4KSPcrSIIwoXTtebIczUrXlwaSrbz4x8XUVThGPob1n8I4QA==
+  dependencies:
+    ascli "~1"
+    bytebuffer "~5"
+    glob "^7.0.5"
+    yargs "^3.10.0"
+
+protobufjs@^6.8.6:
+  version "6.8.8"
+  resolved "https://registry.yarnpkg.com/protobufjs/-/protobufjs-6.8.8.tgz#c8b4f1282fd7a90e6f5b109ed11c84af82908e7c"
+  integrity sha512-AAmHtD5pXgZfi7GMpllpO3q1Xw1OYldr+dMUlAnffGTAhqkg72WdmSY71uKBF/JuyiKs8psYbtKrhi0ASCD8qw==
+  dependencies:
+    "@protobufjs/aspromise" "^1.1.2"
+    "@protobufjs/base64" "^1.1.2"
+    "@protobufjs/codegen" "^2.0.4"
+    "@protobufjs/eventemitter" "^1.1.0"
+    "@protobufjs/fetch" "^1.1.0"
+    "@protobufjs/float" "^1.0.2"
+    "@protobufjs/inquire" "^1.1.0"
+    "@protobufjs/path" "^1.1.2"
+    "@protobufjs/pool" "^1.1.0"
+    "@protobufjs/utf8" "^1.1.0"
+    "@types/long" "^4.0.0"
+    "@types/node" "^10.1.0"
+    long "^4.0.0"
+
 pseudomap@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
   integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
 
+rc@^1.2.7:
+  version "1.2.8"
+  resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
+  integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
+  dependencies:
+    deep-extend "^0.6.0"
+    ini "~1.3.0"
+    minimist "^1.2.0"
+    strip-json-comments "~2.0.1"
+
+readable-stream@^2.0.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"
+
 readline-sync@^1.4.9:
   version "1.4.9"
   resolved "https://registry.yarnpkg.com/readline-sync/-/readline-sync-1.4.9.tgz#3eda8e65f23cd2a17e61301b1f0003396af5ecda"
@@ -1283,7 +2151,19 @@ rfc6902@^3.0.1:
   resolved "https://registry.yarnpkg.com/rfc6902/-/rfc6902-3.0.1.tgz#03a3d38329dbc266fbc92aa7fc14546d7839e89f"
   integrity sha512-a4t5OlaOgAejBg48/lkyQMcV6EWpljjSjmXAtSXLhw83x1OhlcVGLMLf//GoUSpHsWt8x/7oxaf5FEGM9QH/iQ==
 
-safe-buffer@^5.0.1:
+rimraf@^2.6.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+  dependencies:
+    glob "^7.1.3"
+
+safe-buffer@>=5.1.0, safe-buffer@^5.1.2:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
+  integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
+
+safe-buffer@^5.0.1, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
@@ -1295,12 +2175,27 @@ safe-regex@^1.1.0:
   dependencies:
     ret "~0.1.10"
 
+"safer-buffer@>= 2.1.2 < 3":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+sax@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
+  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
+
+semver@^5.3.0:
+  version "5.7.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
+  integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
+
 semver@^5.5.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
   integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
 
-set-blocking@^2.0.0:
+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"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
@@ -1417,7 +2312,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-string-width@^2.0.0, string-width@^2.1.1:
+"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -1425,6 +2320,13 @@ string-width@^2.0.0, string-width@^2.1.1:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
+string_decoder@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
+  integrity sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==
+  dependencies:
+    safe-buffer "~5.1.0"
+
 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"
@@ -1444,6 +2346,11 @@ strip-eof@^1.0.0:
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
   integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
 
+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"
+  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+
 supports-color@^5.0.0, supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -1459,6 +2366,19 @@ supports-hyperlinks@^1.0.1:
     has-flag "^2.0.0"
     supports-color "^5.0.0"
 
+tar@^4.4.2:
+  version "4.4.13"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-4.4.13.tgz#43b364bc52888d555298637b10d60790254ab525"
+  integrity sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==
+  dependencies:
+    chownr "^1.1.1"
+    fs-minipass "^1.2.5"
+    minipass "^2.8.6"
+    minizlib "^1.2.1"
+    mkdirp "^0.5.0"
+    safe-buffer "^5.1.2"
+    yallist "^3.0.3"
+
 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"
@@ -1484,6 +2404,11 @@ to-regex@^3.0.1, to-regex@^3.0.2:
     regex-not "^1.0.2"
     safe-regex "^1.1.0"
 
+tslib@1.10.0:
+  version "1.10.0"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
+  integrity sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==
+
 union-value@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.0.tgz#5c71c34cb5bad5dcebe3ea0cd08207ba5aa1aea4"
@@ -1501,6 +2426,13 @@ universal-user-agent@^2.0.0, universal-user-agent@^2.0.1:
   dependencies:
     os-name "^3.0.0"
 
+universal-user-agent@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-4.0.0.tgz#27da2ec87e32769619f68a14996465ea1cb9df16"
+  integrity sha512-eM8knLpev67iBDizr/YtqkJsF3GK8gzDc6st/WKzrTuPtcsOKW/0IdL4cnMBsU69pOx0otavLWBDGTwg+dB0aA==
+  dependencies:
+    os-name "^3.1.0"
+
 unset-value@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-1.0.0.tgz#8376873f7d2335179ffb1e6fc3a8ed0dfc8ab559"
@@ -1524,6 +2456,35 @@ use@^3.1.0:
   resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
   integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
 
+util-deprecate@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
+  integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
+
+websocket-driver@>=0.5.1:
+  version "0.7.3"
+  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.3.tgz#a2d4e0d4f4f116f1e6297eba58b05d430100e9f9"
+  integrity sha512-bpxWlvbbB459Mlipc5GBzzZwhoZgGEZLuqPaR0INBGnPAY1vdBX6hPnoFXiw+3yWxDuHyQjO2oXTMyS8A5haFg==
+  dependencies:
+    http-parser-js ">=0.4.0 <0.4.11"
+    safe-buffer ">=5.1.0"
+    websocket-extensions ">=0.1.1"
+
+websocket-extensions@>=0.1.1:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.3.tgz#5d2ff22977003ec687a4b87073dfbbac146ccf29"
+  integrity sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==
+
+whatwg-fetch@2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f"
+  integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==
+
+whatwg-fetch@>=0.10.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.0.0.tgz#fc804e458cc460009b1a2b966bc8817d2578aefb"
+  integrity sha512-9GSJUgz1D4MfyKU7KRqwOjXCXTqWdFNvEr7eUBYchQiVc744mqK/MzXPNR2WsPkmkOa4ywfg8C2n8h+13Bey1Q==
+
 which-module@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
@@ -1536,6 +2497,18 @@ which@^1.2.9:
   dependencies:
     isexe "^2.0.0"
 
+wide-align@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
+  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
+  dependencies:
+    string-width "^1.0.2 || 2"
+
+window-size@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.4.tgz#f8e1aa1ee5a53ec5bf151ffa09742a6ad7697876"
+  integrity sha1-+OGqHuWlPsW/FR/6CXQqatdpeHY=
+
 windows-release@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/windows-release/-/windows-release-3.1.0.tgz#8d4a7e266cbf5a233f6c717dac19ce00af36e12e"
@@ -1551,12 +2524,22 @@ wrap-ansi@^2.0.0:
     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"
+  integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
+
+xmlhttprequest@1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz#67fe075c5c24fef39f9d65f5f7b7fe75171968fc"
+  integrity sha1-Z/4HXFwk/vOfnWX197f+dRcZaPw=
+
 xtend@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
   integrity sha1-pcbVMr5lbiPbgg77lDofBJmNY68=
 
-y18n@^3.2.1:
+y18n@^3.2.0, y18n@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
   integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
@@ -1566,6 +2549,11 @@ yallist@^2.1.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
   integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
 
+yallist@^3.0.0, yallist@^3.0.3:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
+  integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==
+
 yargs-parser@^9.0.2:
   version "9.0.2"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-9.0.2.tgz#9ccf6a43460fe4ed40a9bb68f48d43b8a68cc077"
@@ -1590,3 +2578,16 @@ yargs@^11.0.0:
     which-module "^2.0.0"
     y18n "^3.2.1"
     yargs-parser "^9.0.2"
+
+yargs@^3.10.0:
+  version "3.32.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
+  integrity sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=
+  dependencies:
+    camelcase "^2.0.1"
+    cliui "^3.0.3"
+    decamelize "^1.1.1"
+    os-locale "^1.4.0"
+    string-width "^1.0.1"
+    window-size "^0.1.4"
+    y18n "^3.2.0"
diff --git a/build.gradle.kts b/build.gradle.kts
index 80e2faf50012c2..b96f36ddd4280f 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -12,7 +12,7 @@ buildscript {
         jcenter()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:3.5.2")
+        classpath("com.android.tools.build:gradle:3.5.3")
         classpath("de.undercouch:gradle-download-task:4.0.2")
 
         // NOTE: Do not place your application dependencies here; they belong
@@ -25,6 +25,11 @@ allprojects {
         maven {
             url = uri("$rootDir/node_modules/jsc-android/dist")
         }
+        maven {
+            // https://github.com/wix/Detox/blob/master/docs/Introduction.Android.md
+            // All of Detox's artifacts are provided via the npm module
+            url = uri("$rootDir/node_modules/detox/Detox-android")
+        }
         mavenLocal()
         google()
         jcenter()
diff --git a/flow-typed/npm/create-react-class_v15.x.x.js b/flow-typed/npm/create-react-class_v15.x.x.js
deleted file mode 100644
index 5aca9f5f9df467..00000000000000
--- a/flow-typed/npm/create-react-class_v15.x.x.js
+++ /dev/null
@@ -1,17 +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
- * @nolint
- */
-
-// flow-typed signature: 892fd8dcd3f17e76da4fb1334b0fd49e
-// flow-typed version: da30fe6876/create-react-class_v15.x.x/flow_>=v0.41.x
-
-declare module 'create-react-class' {
-  declare module.exports: React$CreateClass;
-}
diff --git a/flow-typed/npm/react-dom_v16.x.x.js b/flow-typed/npm/react-dom_v16.x.x.js
new file mode 100644
index 00000000000000..b99617dd74d89a
--- /dev/null
+++ b/flow-typed/npm/react-dom_v16.x.x.js
@@ -0,0 +1,115 @@
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * react-dom v16.x.x libdefs from flow-typed
+ *
+ * @noformat
+ */
+declare module 'react-dom' {
+  declare function findDOMNode(
+    componentOrElement: Element | ?React$Component<any, any>,
+  ): null | Element | Text;
+
+  declare function render<ElementType: React$ElementType>(
+    element: React$Element<ElementType>,
+    container: Element,
+    callback?: () => void,
+  ): React$ElementRef<ElementType>;
+
+  declare function hydrate<ElementType: React$ElementType>(
+    element: React$Element<ElementType>,
+    container: Element,
+    callback?: () => void,
+  ): React$ElementRef<ElementType>;
+
+  declare function createPortal(
+    node: React$Node,
+    container: Element,
+  ): React$Portal;
+
+  declare function unmountComponentAtNode(container: any): boolean;
+  declare var version: string;
+
+  declare function unstable_batchedUpdates<A, B, C, D, E>(
+    callback: (a: A, b: B, c: C, d: D, e: E) => mixed,
+    a: A,
+    b: B,
+    c: C,
+    d: D,
+    e: E,
+  ): void;
+  declare function unstable_renderSubtreeIntoContainer<
+    ElementType: React$ElementType,
+  >(
+    parentComponent: React$Component<any, any>,
+    nextElement: React$Element<ElementType>,
+    container: any,
+    callback?: () => void,
+  ): React$ElementRef<ElementType>;
+}
+
+declare module 'react-dom/server' {
+  declare function renderToString(element: React$Node): string;
+  declare function renderToStaticMarkup(element: React$Node): string;
+  declare function renderToNodeStream(element: React$Node): stream$Readable;
+  declare function renderToStaticNodeStream(
+    element: React$Node,
+  ): stream$Readable;
+  declare var version: string;
+}
+
+type Thenable = { then(resolve: () => mixed, reject?: () => mixed): mixed, ... };
+
+declare module 'react-dom/test-utils' {
+  declare var Simulate: { [eventName: string]: (element: Element, eventData?: Object) => void, ... };
+  declare function renderIntoDocument(
+    instance: React$Element<any>,
+  ): React$Component<any, any>;
+  declare function mockComponent(
+    componentClass: React$ElementType,
+    mockTagName?: string,
+  ): Object;
+  declare function isElement(element: React$Element<any>): boolean;
+  declare function isElementOfType(
+    element: React$Element<any>,
+    componentClass: React$ElementType,
+  ): boolean;
+  declare function isDOMComponent(instance: any): boolean;
+  declare function isCompositeComponent(
+    instance: React$Component<any, any>,
+  ): boolean;
+  declare function isCompositeComponentWithType(
+    instance: React$Component<any, any>,
+    componentClass: React$ElementType,
+  ): boolean;
+  declare function findAllInRenderedTree(
+    tree: React$Component<any, any>,
+    test: (child: React$Component<any, any>) => boolean,
+  ): Array<React$Component<any, any>>;
+  declare function scryRenderedDOMComponentsWithClass(
+    tree: React$Component<any, any>,
+    className: string,
+  ): Array<Element>;
+  declare function findRenderedDOMComponentWithClass(
+    tree: React$Component<any, any>,
+    className: string,
+  ): ?Element;
+  declare function scryRenderedDOMComponentsWithTag(
+    tree: React$Component<any, any>,
+    tagName: string,
+  ): Array<Element>;
+  declare function findRenderedDOMComponentWithTag(
+    tree: React$Component<any, any>,
+    tagName: string,
+  ): ?Element;
+  declare function scryRenderedComponentsWithType(
+    tree: React$Component<any, any>,
+    componentClass: React$ElementType,
+  ): Array<React$Component<any, any>>;
+  declare function findRenderedComponentWithType(
+    tree: React$Component<any, any>,
+    componentClass: React$ElementType,
+  ): ?React$Component<any, any>;
+  declare function act(callback: () => void | Thenable): Thenable;
+}
diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar
index 5c2d1cf016b388..f3d88b1c2faf2f 100644
Binary files a/gradle/wrapper/gradle-wrapper.jar and b/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index 1ba7206f882daf..84226702066b81 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-6.0.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/gradlew b/gradlew
index 83f2acfdc319a2..2fe81a7d95e4f9 100755
--- a/gradlew
+++ b/gradlew
@@ -154,19 +154,19 @@ if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
         else
             eval `echo args$i`="\"$arg\""
         fi
-        i=$((i+1))
+        i=`expr $i + 1`
     done
     case $i in
-        (0) set -- ;;
-        (1) set -- "$args0" ;;
-        (2) set -- "$args0" "$args1" ;;
-        (3) set -- "$args0" "$args1" "$args2" ;;
-        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
     esac
 fi
 
@@ -175,14 +175,9 @@ save () {
     for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
     echo " "
 }
-APP_ARGS=$(save "$@")
+APP_ARGS=`save "$@"`
 
 # Collect all arguments for the java command, following the shell quoting and substitution rules
 eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
 
-# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
-if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
-  cd "$(dirname "$0")"
-fi
-
 exec "$JAVACMD" "$@"
diff --git a/gradlew.bat b/gradlew.bat
index 24467a141f7916..62bd9b9ccefea2 100644
--- a/gradlew.bat
+++ b/gradlew.bat
@@ -1,100 +1,103 @@
-@rem
-@rem Copyright 2015 the original author or authors.
-@rem
-@rem Licensed under the Apache License, Version 2.0 (the "License");
-@rem you may not use this file except in compliance with the License.
-@rem You may obtain a copy of the License at
-@rem
-@rem      https://www.apache.org/licenses/LICENSE-2.0
-@rem
-@rem Unless required by applicable law or agreed to in writing, software
-@rem distributed under the License is distributed on an "AS IS" BASIS,
-@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-@rem See the License for the specific language governing permissions and
-@rem limitations under the License.
-@rem
-
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windows variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/index.js b/index.js
index 41a92f6d81fd06..b3372d0946c32c 100644
--- a/index.js
+++ b/index.js
@@ -26,6 +26,7 @@ import typeof MaskedViewIOS from './Libraries/Components/MaskedView/MaskedViewIO
 import typeof Modal from './Libraries/Modal/Modal';
 import typeof Picker from './Libraries/Components/Picker/Picker';
 import typeof PickerIOS from './Libraries/Components/Picker/PickerIOS';
+import typeof Pressable from './Libraries/Components/Pressable/Pressable';
 import typeof ProgressBarAndroid from './Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 import typeof ProgressViewIOS from './Libraries/Components/ProgressViewIOS/ProgressViewIOS';
 import typeof SafeAreaView from './Libraries/Components/SafeAreaView/SafeAreaView';
@@ -88,12 +89,16 @@ import typeof useColorScheme from './Libraries/Utilities/useColorScheme';
 import typeof useWindowDimensions from './Libraries/Utilities/useWindowDimensions';
 import typeof UTFSequence from './Libraries/UTFSequence';
 import typeof Vibration from './Libraries/Vibration/Vibration';
-import typeof YellowBox from './Libraries/YellowBox/YellowBox';
+import typeof YellowBox from './Libraries/YellowBox/YellowBoxDeprecated';
+import typeof LogBox from './Libraries/LogBox/LogBox';
 import typeof RCTDeviceEventEmitter from './Libraries/EventEmitter/RCTDeviceEventEmitter';
 import typeof RCTNativeAppEventEmitter from './Libraries/EventEmitter/RCTNativeAppEventEmitter';
 import typeof NativeModules from './Libraries/BatchedBridge/NativeModules';
 import typeof Platform from './Libraries/Utilities/Platform';
 import typeof processColor from './Libraries/StyleSheet/processColor';
+import typeof {PlatformColor} from './Libraries/StyleSheet/PlatformColorValueTypes';
+import typeof {DynamicColorIOS} from './Libraries/StyleSheet/PlatformColorValueTypesIOS';
+import typeof {ColorAndroid} from './Libraries/StyleSheet/PlatformColorValueTypesAndroid';
 import typeof RootTagContext from './Libraries/ReactNative/RootTagContext';
 import typeof DeprecatedColorPropType from './Libraries/DeprecatedPropTypes/DeprecatedColorPropType';
 import typeof DeprecatedEdgeInsetsPropType from './Libraries/DeprecatedPropTypes/DeprecatedEdgeInsetsPropType';
@@ -194,6 +199,9 @@ module.exports = {
     );
     return require('./Libraries/Components/Picker/PickerIOS');
   },
+  get Pressable(): Pressable {
+    return require('./Libraries/Components/Pressable/Pressable').default;
+  },
   get ProgressBarAndroid(): ProgressBarAndroid {
     warnOnce(
       'progress-bar-android-moved',
@@ -378,6 +386,9 @@ module.exports = {
   get Linking(): Linking {
     return require('./Libraries/Linking/Linking');
   },
+  get LogBox(): LogBox {
+    return require('./Libraries/LogBox/LogBox');
+  },
   get NativeDialogManagerAndroid(): NativeDialogManagerAndroid {
     return require('./Libraries/NativeModules/specs/NativeDialogManagerAndroid')
       .default;
@@ -457,7 +468,7 @@ module.exports = {
     return require('./Libraries/Vibration/Vibration');
   },
   get YellowBox(): YellowBox {
-    return require('./Libraries/YellowBox/YellowBox');
+    return require('./Libraries/YellowBox/YellowBoxDeprecated');
   },
 
   // Plugins
@@ -476,6 +487,18 @@ module.exports = {
   get processColor(): processColor {
     return require('./Libraries/StyleSheet/processColor');
   },
+  get PlatformColor(): PlatformColor {
+    return require('./Libraries/StyleSheet/PlatformColorValueTypes')
+      .PlatformColor;
+  },
+  get DynamicColorIOS(): DynamicColorIOS {
+    return require('./Libraries/StyleSheet/PlatformColorValueTypesIOS')
+      .DynamicColorIOS;
+  },
+  get ColorAndroid(): ColorAndroid {
+    return require('./Libraries/StyleSheet/PlatformColorValueTypesAndroid')
+      .ColorAndroid;
+  },
   get requireNativeComponent(): <T>(
     uiViewClassName: string,
   ) => HostComponent<T> {
@@ -485,9 +508,11 @@ module.exports = {
     return require('./Libraries/ReactNative/RootTagContext');
   },
   get unstable_enableLogBox(): () => void {
-    return require('./Libraries/YellowBox/YellowBox').__unstable_enableLogBox;
+    return () =>
+      console.warn(
+        'LogBox is enabled by default so there is no need to call unstable_enableLogBox() anymore. This is a no op and will be removed in the next version.',
+      );
   },
-
   // Prop Types
   get ColorPropType(): DeprecatedColorPropType {
     return require('./Libraries/DeprecatedPropTypes/DeprecatedColorPropType');
@@ -622,6 +647,19 @@ if (__DEV__) {
     },
   });
 
+  // $FlowFixMe This is intentional: Flow will error when attempting to access ToolbarAndroid.
+  Object.defineProperty(module.exports, 'ToolbarAndroid', {
+    configurable: true,
+    get() {
+      invariant(
+        false,
+        'ToolbarAndroid has been removed from React Native. ' +
+          "It can now be installed and imported from '@react-native-community/toolbar-android' instead of 'react-native'. " +
+          'See https://github.com/react-native-community/toolbar-android',
+      );
+    },
+  });
+
   // $FlowFixMe This is intentional: Flow will error when attempting to access ViewPagerAndroid.
   Object.defineProperty(module.exports, 'ViewPagerAndroid', {
     configurable: true,
diff --git a/jest/mockScrollView.js b/jest/mockScrollView.js
new file mode 100644
index 00000000000000..4155be9661cef3
--- /dev/null
+++ b/jest/mockScrollView.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
+ */
+
+/* eslint-env jest */
+
+'use strict';
+
+const React = require('react');
+const View = require('../Libraries/Components/View/View');
+
+const requireNativeComponent = require('../Libraries/ReactNative/requireNativeComponent');
+const RCTScrollView: $FlowFixMe = requireNativeComponent('RCTScrollView');
+
+function mockScrollView(BaseComponent: $FlowFixMe) {
+  class ScrollViewMock extends BaseComponent {
+    render(): React.Element<typeof RCTScrollView> {
+      return (
+        <RCTScrollView {...this.props}>
+          {this.props.refreshControl}
+          <View>{this.props.children}</View>
+        </RCTScrollView>
+      );
+    }
+  }
+  return ScrollViewMock;
+}
+
+module.exports = (mockScrollView: $FlowFixMe);
diff --git a/jest/preprocessor.js b/jest/preprocessor.js
index 8db42e55d607c7..5920c0a6f23c05 100644
--- a/jest/preprocessor.js
+++ b/jest/preprocessor.js
@@ -40,8 +40,6 @@ module.exports = {
       }).code;
     }
 
-    /* $FlowFixMe(>=0.99.0 site=react_native_fb) This fixme can be removed after metro releases
-     * 0.58 and RN upgrades its dependency */
     const {ast} = transformer.transform({
       filename: file,
       options: {
diff --git a/jest/renderer.js b/jest/renderer.js
index af6f59a36cb897..e9f0cde6c4ad10 100644
--- a/jest/renderer.js
+++ b/jest/renderer.js
@@ -15,6 +15,9 @@ const React = require('react');
 const ShallowRenderer = require('react-test-renderer/shallow');
 const TestRenderer = require('react-test-renderer');
 
+/* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an error
+ * found when Flow v0.122.0 was deployed. To see the error, delete this comment
+ * and run Flow. */
 const renderer = new ShallowRenderer();
 
 export const shallow = (Component: React.Element<any>): any => {
diff --git a/jest/setup.js b/jest/setup.js
index d580959f8dcee1..5f85d8602f5a91 100644
--- a/jest/setup.js
+++ b/jest/setup.js
@@ -35,6 +35,12 @@ jest.setMock(
 
 jest
   .mock('../Libraries/Core/InitializeCore', () => {})
+  .mock('../Libraries/Core/NativeExceptionsManager', () => ({
+    __esModule: true,
+    default: {
+      reportException: jest.fn(),
+    },
+  }))
   .mock('../Libraries/ReactNative/UIManager', () => ({
     AndroidViewPager: {
       Commands: {
@@ -111,7 +117,7 @@ jest
     isInvertColorsEnabled: jest.fn(),
     isReduceMotionEnabled: jest.fn(),
     isReduceTransparencyEnabled: jest.fn(),
-    isScreenReaderEnabled: jest.fn(),
+    isScreenReaderEnabled: jest.fn(() => Promise.resolve(false)),
     removeEventListener: jest.fn(),
     setAccessibilityFocus: jest.fn(),
   }))
@@ -120,11 +126,26 @@ jest
       '../Libraries/Components/RefreshControl/__mocks__/RefreshControlMock',
     ),
   )
-  .mock('../Libraries/Components/ScrollView/ScrollView', () =>
-    jest.requireActual(
-      '../Libraries/Components/ScrollView/__mocks__/ScrollViewMock',
-    ),
-  )
+  .mock('../Libraries/Components/ScrollView/ScrollView', () => {
+    const baseComponent = mockComponent(
+      '../Libraries/Components/ScrollView/ScrollView',
+      {
+        ...MockNativeMethods,
+        getScrollResponder: jest.fn(),
+        getScrollableNode: jest.fn(),
+        getInnerViewNode: jest.fn(),
+        getInnerViewRef: jest.fn(),
+        getNativeScrollRef: jest.fn(),
+        scrollTo: jest.fn(),
+        scrollToEnd: jest.fn(),
+        flashScrollIndicators: jest.fn(),
+        scrollResponderZoomTo: jest.fn(),
+        scrollResponderScrollNativeHandleToKeyboard: jest.fn(),
+      },
+    );
+    const mockScrollView = jest.requireActual('./mockScrollView');
+    return mockScrollView(baseComponent);
+  })
   .mock('../Libraries/Components/ActivityIndicator/ActivityIndicator', () =>
     mockComponent(
       '../Libraries/Components/ActivityIndicator/ActivityIndicator',
@@ -143,19 +164,6 @@ jest
     removeEventListener: jest.fn(),
     sendIntent: jest.fn(),
   }))
-  .mock('../Libraries/Renderer/shims/ReactNative', () => {
-    const ReactNative = jest.requireActual(
-      '../Libraries/Renderer/shims/ReactNative',
-    );
-    const NativeMethodsMixin =
-      ReactNative.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-        .NativeMethodsMixin;
-
-    Object.assign(NativeMethodsMixin, MockNativeMethods);
-    Object.assign(ReactNative.NativeComponent.prototype, MockNativeMethods);
-
-    return ReactNative;
-  })
   // Mock modules defined by the native layer (ex: Objective-C, Java)
   .mock('../Libraries/BatchedBridge/NativeModules', () => ({
     AlertManager: {
diff --git a/local-cli/generator-macos/templates/macos/Podfile b/local-cli/generator-macos/templates/macos/Podfile
index dccfb9b2cd4ae2..722a32da5a8a59 100644
--- a/local-cli/generator-macos/templates/macos/Podfile
+++ b/local-cli/generator-macos/templates/macos/Podfile
@@ -68,7 +68,7 @@ abstract_target 'Shared' do
   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/callinvoker', :path => '../node_modules/react-native-macos/ReactCommon'
+  pod 'React-callinvoker', :path => '../node_modules/react-native-macos/ReactCommon/callinvoker'
   pod 'ReactCommon/turbomodule/core', :path => '../node_modules/react-native-macos/ReactCommon'
   pod 'Yoga', :path => '../node_modules/react-native-macos/ReactCommon/yoga', :modular_headers => true
 
@@ -95,7 +95,7 @@ abstract_target 'Shared' do
   end
 
   target 'HelloWorld-iOS' do
-    platform :ios, '9'
+    platform :ios, '10'
     use_native_modules!
 
     # Enables Flipper.
diff --git a/metro.config.js b/metro.config.js
index 87ff4ad1b3a966..fb98b42489855c 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -9,57 +9,33 @@
  */
 
 'use strict';
-const path = require('path');
+
 const getPolyfills = require('./rn-get-polyfills');
 
-const fs = require('fs');
 /**
  * This cli config is needed for development purposes, e.g. for running
  * integration tests during local development or on CI services.
  */
-
-// In sdx repo we need to use metro-resources to handle all the rush symlinking
-if (
-  fs.existsSync(path.resolve(__dirname, '../../scripts/metro-resources.js'))
-) {
-  const sdxHelpers = require('../../scripts/metro-resources');
-
-  module.exports = sdxHelpers.createConfig({
+const config = {
+  serializer: {
+    getPolyfills,
+  },
+  resolver: {
+    platforms: ['ios', 'macos', 'android'],
     extraNodeModules: {
       'react-native': __dirname,
     },
-    roots: [path.resolve(__dirname)],
-    projectRoot: path.resolve(__dirname, '../../'),
+  },
+  transformer: {},
+};
 
-    serializer: {
-      getModulesRunBeforeMainModule: () => [
-        require.resolve('./Libraries/Core/InitializeCore'),
-      ],
-      getPolyfills,
-    },
-    resolver: {
-      platforms: ['ios', 'macos', 'android'],
-    },
-    transformer: {
-      assetRegistryPath: require.resolve('./Libraries/Image/AssetRegistry'),
-    },
-  });
-} else {
-  module.exports = {
-    serializer: {
-      getModulesRunBeforeMainModule: () => [
-        require.resolve('./Libraries/Core/InitializeCore'),
-      ],
-      getPolyfills,
-    },
-    resolver: {
-      platforms: ['ios', 'macos', 'android'],
-      extraNodeModules: {
-        'react-native': __dirname,
-      },
-    },
-    transformer: {
-      assetRegistryPath: require.resolve('./Libraries/Image/AssetRegistry'),
-    },
-  };
+// In scripts/run-ci-e2e-tests.js this file gets copied to a new app, in which
+// case these settings do not apply.
+if (!process.env.REACT_NATIVE_RUNNING_E2E_TESTS) {
+  const InitializeCore = require.resolve('./Libraries/Core/InitializeCore');
+  const AssetRegistry = require.resolve('./Libraries/Image/AssetRegistry');
+  config.serializer.getModulesRunBeforeMainModule = () => [InitializeCore];
+  config.transformer.assetRegistryPath = AssetRegistry;
 }
+
+module.exports = config;
diff --git a/package.json b/package.json
index 5ef9ba6f9bd06f..fd7a355980b486 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "url": "git@github.com:microsoft/react-native-macos.git"
   },
   "engines": {
-    "node": ">=8.3"
+    "node": ">=10"
   },
   "jest-junit": {
     "outputDirectory": "reports/junit",
@@ -43,10 +43,10 @@
     "ReactCommon",
     "README.md",
     "rn-get-polyfills.js",
+    "scripts/react_native_pods.rb",
     "scripts/compose-source-maps.js",
     "scripts/fixmacscripts.sh",
     "scripts/ios-configure-glog.sh",
-    "scripts/ios-install-third-party.sh",
     "scripts/launchPackager.bat",
     "scripts/launchPackager.command",
     "scripts/node-binary.sh",
@@ -87,37 +87,33 @@
     "postinstall": "node scripts/postInstall.js"
   },
   "peerDependencies": {
-    "react": "16.11.0"
+    "react": "16.13.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@react-native-community/cli": "^4.5.1",
-    "@react-native-community/cli-platform-android": "^4.5.1",
-    "@react-native-community/cli-platform-ios": "^4.5.0",
+    "@react-native-community/cli": "^4.13.0",
+    "@react-native-community/cli-platform-android": "^4.13.0",
+    "@react-native-community/cli-platform-ios": "^4.13.0",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "base64-js": "^1.1.2",
-    "connect": "^3.6.5",
-    "create-react-class": "^15.6.3",
-    "escape-string-regexp": "^1.0.5",
-    "eslint-plugin-relay": "1.4.1",
     "event-target-shim": "^5.0.1",
     "fbjs": "^1.0.0",
     "fbjs-scripts": "^1.1.0",
-    "hermes-engine": "~0.4.0",
+    "hermes-engine": "~0.5.0",
     "invariant": "^2.2.4",
     "jsc-android": "^245459.0.0",
-    "metro-babel-register": "0.58.0",
-    "metro-react-native-babel-transformer": "0.58.0",
-    "metro-source-map": "0.58.0",
+    "metro-babel-register": "0.59.0",
+    "metro-react-native-babel-transformer": "0.59.0",
+    "metro-source-map": "0.59.0",
     "nullthrows": "^1.1.1",
-    "pretty-format": "^24.7.0",
-    "promise": "^7.1.1",
+    "pretty-format": "^24.9.0",
+    "promise": "^8.0.3",
     "prop-types": "^15.7.2",
-    "react-devtools-core": "^4.0.6",
+    "react-devtools-core": "^4.6.0",
     "react-refresh": "^0.4.0",
     "regenerator-runtime": "^0.13.2",
-    "scheduler": "0.17.0",
+    "scheduler": "0.19.1",
     "stacktrace-parser": "^0.1.3",
     "use-subscription": "^1.0.0",
     "whatwg-fetch": "^3.0.0"
@@ -130,10 +126,11 @@
     "async": "^2.4.0",
     "babel-eslint": "10.0.1",
     "clang-format": "^1.2.4",
+    "connect": "^3.6.5",
     "coveralls": "^3.0.2",
-    "detox": "14.5.1",
+    "detox": "15.4.4",
     "eslint": "5.1.0",
-    "eslint-config-fb-strict": "24.3.0",
+    "eslint-config-fb-strict": "^24.9.0",
     "eslint-config-fbjs": "2.1.0",
     "eslint-config-prettier": "^6.0.0",
     "eslint-plugin-babel": "^5.3.0",
@@ -143,19 +140,19 @@
     "eslint-plugin-jsx-a11y": "6.2.1",
     "eslint-plugin-prettier": "2.6.2",
     "eslint-plugin-react": "7.12.4",
-    "eslint-plugin-react-hooks": "^2.0.1",
+    "eslint-plugin-react-hooks": "^3.0.0",
     "eslint-plugin-react-native": "3.8.1",
-    "eslint-plugin-relay": "1.4.1",
-    "flow-bin": "^0.113.0",
+    "eslint-plugin-relay": "1.7.0",
+    "flow-bin": "^0.122.0",
     "flow-remove-types": "1.2.3",
-    "hermes-engine-darwin": "^0.4.3",
-    "jest": "^24.8.0",
+    "hermes-engine-darwin": "~0.5.0",
+    "jest": "^24.9.0",
     "jest-junit": "^6.3.0",
-    "jscodeshift": "^0.6.2",
+    "jscodeshift": "^0.7.0",
     "mkdirp": "^0.5.1",
     "prettier": "1.17.0",
-    "react": "16.11.0",
-    "react-test-renderer": "16.11.0",
+    "react": "16.13.1",
+    "react-test-renderer": "16.13.1",
     "shelljs": "^0.7.8",
     "signedsource": "^1.0.0",
     "ws": "^6.1.4",
@@ -166,17 +163,35 @@
     "runner-config": "RNTester/e2e/config.json",
     "specs": "",
     "configurations": {
+      "android.emu.release": {
+        "binaryPath": "RNTester/android/app/build/outputs/apk/hermes/release/app-hermes-x86-release.apk",
+        "testBinaryPath": "RNTester/android/app/build/outputs/apk/androidTest/hermes/release/app-hermes-release-androidTest.apk",
+        "build": "./gradlew RNTester:android:app:assembleRelease RNTester:android:app:assembleAndroidTest -DtestBuildType=release",
+        "type": "android.emulator",
+        "device": {
+          "avdName": "Nexus_6_API_29"
+        }
+      },
+      "android.emu.debug": {
+        "binaryPath": "RNTester/android/app/build/outputs/apk/hermes/debug/app-hermes-x86-debug.apk",
+        "testBinaryPath": "RNTester/android/app/build/outputs/apk/androidTest/hermes/debug/app-hermes-debug-androidTest.apk",
+        "build": "./gradlew RNTester:android:app:assembleDebug RNTester:android:app:assembleAndroidTest -DtestBuildType=debug",
+        "type": "android.emulator",
+        "device": {
+          "avdName": "Nexus_6_API_29"
+        }
+      },
       "ios.sim.release": {
         "binaryPath": "RNTester/build/Build/Products/Release-iphonesimulator/RNTester.app/",
         "build": "xcodebuild -workspace RNTester/RNTesterPods.xcworkspace -scheme RNTester -configuration Release -sdk iphonesimulator -derivedDataPath RNTester/build -UseModernBuildSystem=NO -quiet",
         "type": "ios.simulator",
-        "name": "iPhone 6s"
+        "name": "iPhone 8"
       },
       "ios.sim.debug": {
         "binaryPath": "RNTester/build/Build/Products/Debug-iphonesimulator/RNTester.app/",
         "build": "xcodebuild -workspace RNTester/RNTesterPods.xcworkspace -scheme RNTester -configuration Debug -sdk iphonesimulator -derivedDataPath RNTester/build -UseModernBuildSystem=NO -quiet",
         "type": "ios.simulator",
-        "name": "iPhone 6s"
+        "name": "iPhone 8"
       }
     }
   },
diff --git a/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js b/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js
index 3a46274d5c7879..6ba62d5a2c6667 100644
--- a/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js
+++ b/packages/babel-plugin-inline-view-configs/__test_fixtures__/failures.js
@@ -16,13 +16,13 @@ const COMMANDS_EXPORTED_WITH_DIFFERENT_NAME = `
 const codegenNativeComponent = require('codegenNativeComponent');
 
 import type {ViewProps} from 'ViewPropTypes';
-import type {NativeComponent} from 'codegenNativeComponent';
+import type {NativeComponentType} from 'codegenNativeComponent';
 
 type ModuleProps = $ReadOnly<{|
   ...ViewProps,
 |}>;
 
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>) => void;
@@ -39,13 +39,13 @@ const OTHER_COMMANDS_EXPORT = `
 const codegenNativeComponent = require('codegenNativeComponent');
 
 import type {ViewProps} from 'ViewPropTypes';
-import type {NativeComponent} from 'codegenNativeComponent';
+import type {NativeComponentType} from 'codegenNativeComponent';
 
 type ModuleProps = $ReadOnly<{|
   ...ViewProps,
 |}>;
 
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>) => void;
@@ -60,7 +60,7 @@ const COMMANDS_EXPORTED_WITH_SHORTHAND = `
 // @flow
 
 const codegenNativeComponent = require('codegenNativeComponent');
-import type {NativeComponent} from 'codegenNativeComponent';
+import type {NativeComponentType} from 'codegenNativeComponent';
 
 import type {ViewProps} from 'ViewPropTypes';
 
@@ -68,7 +68,7 @@ type ModuleProps = $ReadOnly<{|
   ...ViewProps,
 |}>;
 
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>) => void;
diff --git a/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js b/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js
index aa231385778c33..946b622ea87d66 100644
--- a/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js
+++ b/packages/babel-plugin-inline-view-configs/__test_fixtures__/fixtures.js
@@ -27,7 +27,7 @@ import type {
   DirectEventHandler,
   WithDefault,
 } from 'CodegenFlowtypes';
-import type {NativeComponent} from 'codegenNativeComponent';
+import type {NativeComponentType} from 'codegenNativeComponent';
 
 import type {ViewProps} from 'ViewPropTypes';
 
@@ -42,7 +42,7 @@ type ModuleProps = $ReadOnly<{|
   onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
 |}>;
 
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>, x: Int32, y: Int32) => void;
@@ -64,7 +64,7 @@ const FULL_NATIVE_COMPONENT_WITH_TYPE_EXPORT = `
 
 const codegenNativeCommands = require('codegenNativeCommands');
 const codegenNativeComponent = require('codegenNativeComponent');
-import type {NativeComponent} from 'codegenNativeComponent';
+import type {NativeComponentType} from 'codegenNativeComponent';
 
 import type {
   Int32,
@@ -86,7 +86,7 @@ type ModuleProps = $ReadOnly<{|
   onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
 |}>;
 
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>, x: Int32, y: Int32) => void;
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
index 21b1ac3f2ee6e4..af56f2b191b12d 100644
--- 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
@@ -7,7 +7,7 @@ const codegenNativeCommands = require('codegenNativeCommands');
 const codegenNativeComponent = require('codegenNativeComponent');
 
 import type { Int32, BubblingEventHandler, DirectEventHandler, WithDefault } from 'CodegenFlowtypes';
-import type { NativeComponent } from 'codegenNativeComponent';
+import type { NativeComponentType } from 'codegenNativeComponent';
 import type { ViewProps } from 'ViewPropTypes';
 type ModuleProps = $ReadOnly<{| ...ViewProps,
   // Props
@@ -16,7 +16,7 @@ type ModuleProps = $ReadOnly<{| ...ViewProps,
   onDirectEventDefinedInlineNull: DirectEventHandler<null>,
   onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
 |}>;
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>, x: Int32, y: Int32) => void,
   +scrollTo: (viewRef: React.ElementRef<NativeType>, y: Int32, animated: boolean) => void,
@@ -71,7 +71,7 @@ const codegenNativeCommands = require('codegenNativeCommands');
 
 const codegenNativeComponent = require('codegenNativeComponent');
 
-import type { NativeComponent } from 'codegenNativeComponent';
+import type { NativeComponentType } from 'codegenNativeComponent';
 import type { Int32, BubblingEventHandler, DirectEventHandler, WithDefault } from 'CodegenFlowtypes';
 import type { ViewProps } from 'ViewPropTypes';
 type ModuleProps = $ReadOnly<{| ...ViewProps,
@@ -81,7 +81,7 @@ type ModuleProps = $ReadOnly<{| ...ViewProps,
   onDirectEventDefinedInlineNull: DirectEventHandler<null>,
   onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
 |}>;
-type NativeType = NativeComponent<ModuleProps>;
+type NativeType = NativeComponentType<ModuleProps>;
 interface NativeCommands {
   +hotspotUpdate: (viewRef: React.ElementRef<NativeType>, x: Int32, y: Int32) => void,
   +scrollTo: (viewRef: React.ElementRef<NativeType>, y: Int32, animated: boolean) => void,
@@ -136,8 +136,35 @@ exports[`Babel plugin inline view configs can inline config for NotANativeCompon
 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 CommandsExportedWithDifferentNameNativeComponent.js 1`] = `
+"/CommandsExportedWithDifferentNameNativeComponent.js: Native commands must be exported with the name 'Commands'
+  17 | }
+  18 | 
+> 19 | export const Foo = codegenNativeCommands<NativeCommands>();
+     | ^
+  20 | 
+  21 | export default (codegenNativeComponent<ModuleProps>('Module'): NativeType);
+  22 | "
+`;
 
-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 CommandsExportedWithShorthandNativeComponent.js 1`] = `
+"/CommandsExportedWithShorthandNativeComponent.js: 'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.
+  19 | const Commands = 4;
+  20 | 
+> 21 | export {Commands};
+     | ^
+  22 | 
+  23 | export default (codegenNativeComponent<ModuleProps>('Module'): NativeType);
+  24 | "
+`;
 
-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."`;
+exports[`Babel plugin inline view configs fails on inline config for OtherCommandsExportNativeComponent.js 1`] = `
+"/OtherCommandsExportNativeComponent.js: 'Commands' is a reserved export and may only be used to export the result of codegenNativeCommands.
+  17 | }
+  18 | 
+> 19 | export const Commands = 4;
+     | ^
+  20 | 
+  21 | export default (codegenNativeComponent<ModuleProps>('Module'): NativeType);
+  22 | "
+`;
diff --git a/packages/babel-plugin-inline-view-configs/__tests__/index-test.js b/packages/babel-plugin-inline-view-configs/__tests__/index-test.js
index 26c0e09ad06696..a62d5eb0dfa6dd 100644
--- a/packages/babel-plugin-inline-view-configs/__tests__/index-test.js
+++ b/packages/babel-plugin-inline-view-configs/__tests__/index-test.js
@@ -14,13 +14,14 @@ 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')],
+const transform = (fixture, filename) =>
+  babelTransform(fixture, {
     babelrc: false,
-    filename,
+    cwd: '/',
+    filename: filename,
+    highlightCode: false,
+    plugins: [require('@babel/plugin-syntax-flow'), require('../index')],
   }).code;
-}
 
 describe('Babel plugin inline view configs', () => {
   Object.keys(fixtures)
@@ -36,7 +37,12 @@ describe('Babel plugin inline view configs', () => {
     .forEach(fixtureName => {
       it(`fails on inline config for ${fixtureName}`, () => {
         expect(() => {
-          transform(failures[fixtureName], fixtureName);
+          try {
+            transform(failures[fixtureName], fixtureName);
+          } catch (err) {
+            err.message = err.message.replace(/^[A-z]:\\/g, '/'); // Ensure platform consistent snapshots.
+            throw err;
+          }
         }).toThrowErrorMatchingSnapshot();
       });
     });
diff --git a/packages/babel-plugin-inline-view-configs/index.js b/packages/babel-plugin-inline-view-configs/index.js
index ba58d0600fb0fd..1a80f9c60b4580 100644
--- a/packages/babel-plugin-inline-view-configs/index.js
+++ b/packages/babel-plugin-inline-view-configs/index.js
@@ -11,14 +11,12 @@
 
 const {parseString} = require('react-native-codegen/src/parsers/flow');
 const RNCodegen = require('react-native-codegen/src/generators/RNCodegen');
-const path = require('path');
+const {basename} = require('path');
 
 function generateViewConfig(filename, code) {
   const schema = parseString(code);
 
-  const libraryName = path
-    .basename(filename)
-    .replace(/NativeComponent\.js$/, '');
+  const libraryName = basename(filename).replace(/NativeComponent\.js$/, '');
   return RNCodegen.generateViewConfig({
     schema,
     libraryName,
@@ -65,17 +63,17 @@ module.exports = function(context) {
       this.codeInserted = false;
     },
     visitor: {
-      ExportNamedDeclaration(nodePath) {
+      ExportNamedDeclaration(path) {
         if (this.codeInserted) {
           return;
         }
 
         if (
-          nodePath.node.declaration &&
-          nodePath.node.declaration.declarations &&
-          nodePath.node.declaration.declarations[0]
+          path.node.declaration &&
+          path.node.declaration.declarations &&
+          path.node.declaration.declarations[0]
         ) {
-          const firstDeclaration = nodePath.node.declaration.declarations[0];
+          const firstDeclaration = path.node.declaration.declarations[0];
 
           if (firstDeclaration.type === 'VariableDeclarator') {
             if (
@@ -87,40 +85,37 @@ module.exports = function(context) {
                 firstDeclaration.id.type === 'Identifier' &&
                 firstDeclaration.id.name !== 'Commands'
               ) {
-                throw new Error(
+                throw path.buildCodeFrameError(
                   "Native commands must be exported with the name 'Commands'",
                 );
               }
-              this.commandsExport = nodePath;
+              this.commandsExport = path;
               return;
             } else {
               if (firstDeclaration.id.name === 'Commands') {
-                throw new Error(
+                throw path.buildCodeFrameError(
                   "'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 => {
+        } else if (path.node.specifiers && path.node.specifiers.length > 0) {
+          path.node.specifiers.forEach(specifier => {
             if (
               specifier.type === 'ExportSpecifier' &&
               specifier.local.type === 'Identifier' &&
               specifier.local.name === 'Commands'
             ) {
-              throw new Error(
+              throw path.buildCodeFrameError(
                 "'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;
+      ExportDefaultDeclaration(path, state) {
+        if (isCodegenDeclaration(path.node.declaration)) {
+          this.defaultExport = path;
         }
       },
       Program: {
diff --git a/packages/eslint-config-react-native-community/README.md b/packages/eslint-config-react-native-community/README.md
index 20423bd14bc2a0..d0dd6a118d3cf3 100644
--- a/packages/eslint-config-react-native-community/README.md
+++ b/packages/eslint-config-react-native-community/README.md
@@ -1,5 +1,7 @@
 # eslint-config-react-native-community
 
+[![Version][version-badge]][package]
+
 ## Installation
 
 ```
@@ -17,3 +19,7 @@ Add to your eslint config (`.eslintrc`, or `eslintConfig` field in `package.json
     "extends": "@react-native-community"
 }
 ```
+
+[version-badge]: https://img.shields.io/npm/v/@react-native-community/eslint-config.svg?style=flat-square
+[package]: https://www.npmjs.com/package/@react-native-community/eslint-config
+
diff --git a/packages/eslint-config-react-native-community/index.js b/packages/eslint-config-react-native-community/index.js
index a782fd6c7656bb..3302717db60fcb 100644
--- a/packages/eslint-config-react-native-community/index.js
+++ b/packages/eslint-config-react-native-community/index.js
@@ -97,6 +97,7 @@ module.exports = {
     fetch: false,
     FormData: false,
     global: false,
+    Headers: false,
     Intl: false,
     Map: true,
     module: false,
@@ -110,6 +111,8 @@ module.exports = {
     setImmediate: true,
     setInterval: false,
     setTimeout: false,
+    URL: false,
+    URLSearchParams: false,
     WebSocket: true,
     window: false,
     XMLHttpRequest: false,
diff --git a/packages/eslint-config-react-native-community/package.json b/packages/eslint-config-react-native-community/package.json
index c29eeabcb5e9c6..b3886b45a4a786 100644
--- a/packages/eslint-config-react-native-community/package.json
+++ b/packages/eslint-config-react-native-community/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native-community/eslint-config",
-  "version": "0.0.6",
+  "version": "1.1.0",
   "description": "ESLint config for React Native",
   "main": "index.js",
   "license": "MIT",
@@ -8,25 +8,27 @@
     "type": "git",
     "url": "git@github.com:facebook/react-native.git"
   },
+  "homepage": "https://github.com/facebook/react-native/tree/master/packages/eslint-config-react-native-community#readme",
   "dependencies": {
-    "@typescript-eslint/eslint-plugin": "^1.5.0",
-    "@typescript-eslint/parser": "^1.5.0",
-    "babel-eslint": "10.0.3",
-    "eslint-config-prettier": "^6.0.0",
+    "@react-native-community/eslint-plugin": "^1.1.0",
+    "@typescript-eslint/eslint-plugin": "^2.25.0",
+    "@typescript-eslint/parser": "^2.25.0",
+    "babel-eslint": "10.1.0",
+    "eslint-config-prettier": "^6.10.1",
     "eslint-plugin-eslint-comments": "^3.1.2",
     "eslint-plugin-flowtype": "2.50.3",
     "eslint-plugin-jest": "22.4.1",
-    "eslint-plugin-prettier": "2.6.2",
-    "eslint-plugin-react": "7.16.0",
-    "eslint-plugin-react-hooks": "^2.0.1",
+    "eslint-plugin-prettier": "3.1.2",
+    "eslint-plugin-react": "7.19.0",
+    "eslint-plugin-react-hooks": "^3.0.0",
     "eslint-plugin-react-native": "3.8.1",
-    "prettier": "1.17.0"
+    "prettier": "^2.0.2"
   },
   "peerDependencies": {
-    "eslint": ">=5"
+    "eslint": ">=6"
   },
   "devDependencies": {
-    "eslint": "^5.1.0"
+    "eslint": "^6.5.1"
   },
   "beachball": {
     "shouldPublish": false
diff --git a/packages/eslint-config-react-native-community/yarn.lock b/packages/eslint-config-react-native-community/yarn.lock
index b0b9081a77ad0f..f20d678ab34220 100644
--- a/packages/eslint-config-react-native-community/yarn.lock
+++ b/packages/eslint-config-react-native-community/yarn.lock
@@ -9,39 +9,50 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/generator@^7.3.4":
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.3.4.tgz#9aa48c1989257877a9d971296e5b73bfe72e446e"
-  integrity sha512-8EXhHRFqlVVWXPezBW5keTiQi/rJMQTg/Y9uVCEZ0CAF3PKtCCaVRnp64Ii1ujhkoDhhF1fVsImoN4yJ2uz4Wg==
+"@babel/code-frame@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.8.3.tgz#33e25903d7481181534e12ec0a25f16b6fcf419e"
+  integrity sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==
   dependencies:
-    "@babel/types" "^7.3.4"
+    "@babel/highlight" "^7.8.3"
+
+"@babel/generator@^7.9.0":
+  version "7.9.4"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.9.4.tgz#12441e90c3b3c4159cdecf312075bf1a8ce2dbce"
+  integrity sha512-rjP8ahaDy/ouhrvCoU1E5mqaitWrxwuNGU+dy1EpaoK48jZay4MdkskKGIMHLZNewg8sAsqpGSREJwP0zH3YQA==
+  dependencies:
+    "@babel/types" "^7.9.0"
     jsesc "^2.5.1"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
     source-map "^0.5.0"
-    trim-right "^1.0.1"
 
-"@babel/helper-function-name@^7.1.0":
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.1.0.tgz#a0ceb01685f73355d4360c1247f582bfafc8ff53"
-  integrity sha512-A95XEoCpb3TO+KZzJ4S/5uW5fNe26DjBGqf1o9ucyLyCmi1dXq/B3c8iaWTfBk3VvetUxl16e8tIrd5teOCfGw==
+"@babel/helper-function-name@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.8.3.tgz#eeeb665a01b1f11068e9fb86ad56a1cb1a824cca"
+  integrity sha512-BCxgX1BC2hD/oBlIFUgOCQDOPV8nSINxCwM3o93xP4P9Fq6aV5sgv2cOOITDMtCfQ+3PvHp3l689XZvAM9QyOA==
   dependencies:
-    "@babel/helper-get-function-arity" "^7.0.0"
-    "@babel/template" "^7.1.0"
-    "@babel/types" "^7.0.0"
+    "@babel/helper-get-function-arity" "^7.8.3"
+    "@babel/template" "^7.8.3"
+    "@babel/types" "^7.8.3"
 
-"@babel/helper-get-function-arity@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.0.0.tgz#83572d4320e2a4657263734113c42868b64e49c3"
-  integrity sha512-r2DbJeg4svYvt3HOS74U4eWKsUAMRH01Z1ds1zx8KNTPtpTL5JAsdFv8BNyOpVqdFhHkkRDIg5B4AsxmkjAlmQ==
+"@babel/helper-get-function-arity@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.8.3.tgz#b894b947bd004381ce63ea1db9f08547e920abd5"
+  integrity sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==
   dependencies:
-    "@babel/types" "^7.0.0"
+    "@babel/types" "^7.8.3"
 
-"@babel/helper-split-export-declaration@^7.0.0":
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.0.0.tgz#3aae285c0311c2ab095d997b8c9a94cad547d813"
-  integrity sha512-MXkOJqva62dfC0w85mEf/LucPPS/1+04nmmRMPEBUB++hiiThQ2zPtX/mEWQ3mtzCEjIJvPY8nuwxXtQeQwUag==
+"@babel/helper-split-export-declaration@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.8.3.tgz#31a9f30070f91368a7182cf05f831781065fc7a9"
+  integrity sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==
   dependencies:
-    "@babel/types" "^7.0.0"
+    "@babel/types" "^7.8.3"
+
+"@babel/helper-validator-identifier@^7.9.0":
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.0.tgz#ad53562a7fc29b3b9a91bbf7d10397fd146346ed"
+  integrity sha512-6G8bQKjOh+of4PV/ThDm/rRqlU7+IGoJuofpagU5GlEl29Vv0RGqqt86ZGRV8ZuSOY3o+8yXl5y782SMcG7SHw==
 
 "@babel/highlight@^7.0.0":
   version "7.0.0"
@@ -52,80 +63,143 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.2.2", "@babel/parser@^7.3.4":
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.3.4.tgz#a43357e4bbf4b92a437fb9e465c192848287f27c"
-  integrity sha512-tXZCqWtlOOP4wgCp6RjRvLmfuhnqTLy9VHwRochJBCP2nDm27JnnuFEnXFASVyQNHk36jD1tAammsCEEqgscIQ==
-
-"@babel/template@^7.1.0":
-  version "7.2.2"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.2.2.tgz#005b3fdf0ed96e88041330379e0da9a708eb2907"
-  integrity sha512-zRL0IMM02AUDwghf5LMSSDEz7sBCO2YnNmpg3uWTZj/v1rcG2BmQUvaGU8GhU8BvfMh1k2KIAYZ7Ji9KXPUg7g==
+"@babel/highlight@^7.8.3":
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.9.0.tgz#4e9b45ccb82b79607271b2979ad82c7b68163079"
+  integrity sha512-lJZPilxX7Op3Nv/2cvFdnlepPXDxi29wxteT57Q965oc5R9v86ztx0jfxVrTcBk8C2kcPkkDa2Z4T3ZsPPVWsQ==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.2.2"
-    "@babel/types" "^7.2.2"
+    "@babel/helper-validator-identifier" "^7.9.0"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
 
-"@babel/traverse@^7.0.0":
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.3.4.tgz#1330aab72234f8dea091b08c4f8b9d05c7119e06"
-  integrity sha512-TvTHKp6471OYEcE/91uWmhR6PrrYywQntCHSaZ8CM8Vmp+pjAusal4nGB2WCCQd0rvI7nOMKn9GnbcvTUz3/ZQ==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/generator" "^7.3.4"
-    "@babel/helper-function-name" "^7.1.0"
-    "@babel/helper-split-export-declaration" "^7.0.0"
-    "@babel/parser" "^7.3.4"
-    "@babel/types" "^7.3.4"
+"@babel/parser@^7.7.0", "@babel/parser@^7.8.6", "@babel/parser@^7.9.0":
+  version "7.9.4"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.9.4.tgz#68a35e6b0319bbc014465be43828300113f2f2e8"
+  integrity sha512-bC49otXX6N0/VYhgOMh4gnP26E9xnDZK3TmbNpxYzzz9BQLBosQwfyOe9/cXUU3txYhTzLCbcqd5c8y/OmCjHA==
+
+"@babel/runtime-corejs3@^7.8.3":
+  version "7.9.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.9.2.tgz#26fe4aa77e9f1ecef9b776559bbb8e84d34284b7"
+  integrity sha512-HHxmgxbIzOfFlZ+tdeRKtaxWOMUoCG5Mu3wKeUmOxjYrwb3AAHgnmtCUbPPK11/raIWLIBK250t8E2BPO0p7jA==
+  dependencies:
+    core-js-pure "^3.0.0"
+    regenerator-runtime "^0.13.4"
+
+"@babel/template@^7.8.3":
+  version "7.8.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.8.6.tgz#86b22af15f828dfb086474f964dcc3e39c43ce2b"
+  integrity sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/parser" "^7.8.6"
+    "@babel/types" "^7.8.6"
+
+"@babel/traverse@^7.7.0":
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.9.0.tgz#d3882c2830e513f4fe4cec9fe76ea1cc78747892"
+  integrity sha512-jAZQj0+kn4WTHO5dUZkZKhbFrqZE7K5LAQ5JysMnmvGij+wOdr+8lWqPeW0BcF4wFwrEXXtdGO7wcV6YPJcf3w==
+  dependencies:
+    "@babel/code-frame" "^7.8.3"
+    "@babel/generator" "^7.9.0"
+    "@babel/helper-function-name" "^7.8.3"
+    "@babel/helper-split-export-declaration" "^7.8.3"
+    "@babel/parser" "^7.9.0"
+    "@babel/types" "^7.9.0"
     debug "^4.1.0"
     globals "^11.1.0"
-    lodash "^4.17.11"
+    lodash "^4.17.13"
 
-"@babel/types@^7.0.0", "@babel/types@^7.2.2", "@babel/types@^7.3.4":
-  version "7.3.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.3.4.tgz#bf482eaeaffb367a28abbf9357a94963235d90ed"
-  integrity sha512-WEkp8MsLftM7O/ty580wAmZzN1nDmCACc5+jFzUt+GUFNNIi3LdRlueYz0YIlmJhlZx1QYDMZL5vdWCL0fNjFQ==
+"@babel/types@^7.7.0", "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.0":
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.9.0.tgz#00b064c3df83ad32b2dbf5ff07312b15c7f1efb5"
+  integrity sha512-BS9JKfXkzzJl8RluW4JGknzpiUV7ZrvTayM6yfqLTVBEnFtyowVIOu6rqxRd5cVO6yGoWf4T8u8dgK9oB+GCng==
   dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.11"
+    "@babel/helper-validator-identifier" "^7.9.0"
+    lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
-"@typescript-eslint/eslint-plugin@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-1.5.0.tgz#85c509bcfc2eb35f37958fa677379c80b7a8f66f"
-  integrity sha512-TZ5HRDFz6CswqBUviPX8EfS+iOoGbclYroZKT3GWGYiGScX0qo6QjHc5uuM7JN920voP2zgCkHgF5SDEVlCtjQ==
-  dependencies:
-    "@typescript-eslint/parser" "1.5.0"
-    "@typescript-eslint/typescript-estree" "1.5.0"
-    requireindex "^1.2.0"
-    tsutils "^3.7.0"
+"@react-native-community/eslint-plugin@^1.1.0":
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/@react-native-community/eslint-plugin/-/eslint-plugin-1.1.0.tgz#e42b1bef12d2415411519fd528e64b593b1363dc"
+  integrity sha512-W/J0fNYVO01tioHjvYWQ9m6RgndVtbElzYozBq1ZPrHO/iCzlqoySHl4gO/fpCl9QEFjvJfjPgtPMTMlsoq5DQ==
 
-"@typescript-eslint/parser@1.5.0", "@typescript-eslint/parser@^1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-1.5.0.tgz#a96114d195dff2a49534e4c4850fb676f905a072"
-  integrity sha512-pRWTnJrnxuT0ragdY26hZL+bxqDd4liMlftpH2CBlMPryOIOb1J+MdZuw6R4tIu6bWVdwbHKPTs+Q34LuGvfGw==
-  dependencies:
-    "@typescript-eslint/typescript-estree" "1.5.0"
-    eslint-scope "^4.0.0"
-    eslint-visitor-keys "^1.0.0"
+"@types/color-name@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
+  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
 
-"@typescript-eslint/typescript-estree@1.5.0":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-1.5.0.tgz#986b356ecdf5a0c3bc9889d221802149cf5dbd4e"
-  integrity sha512-XqR14d4BcYgxcrpxIwcee7UEjncl9emKc/MgkeUfIk2u85KlsGYyaxC7Zxjmb17JtWERk/NaO+KnBsqgpIXzwA==
-  dependencies:
-    lodash.unescape "4.0.1"
-    semver "5.5.0"
+"@types/eslint-visitor-keys@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@types/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#1ee30d79544ca84d68d4b3cdb0af4f205663dd2d"
+  integrity sha512-OCutwjDZ4aFS6PB1UZ988C4YgwlBHJd6wCeQqaLdmadZ/7e+w79+hbMUFC1QXDNCmdyoRfAFdm0RypzwR+Qpag==
 
-acorn-jsx@^5.0.0:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.0.1.tgz#32a064fd925429216a09b141102bfdd185fae40e"
-  integrity sha512-HJ7CfNHrfJLlNTzIEUTj43LNWGkqpRLxm3YjAlcD0ACydk9XynzYsCBHxut+iqt+1aBXkx9UP/w/ZqMr13XIzg==
+"@types/json-schema@^7.0.3":
+  version "7.0.4"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
+  integrity sha512-8+KAKzEvSUdeo+kmqnKrqgeE+LcA0tjYWFY7RPProVYwnqDjukzO+3b6dLD56rYX5TdWejnEOLJYOIeh4CXKuA==
 
-acorn@^6.0.7:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.1.1.tgz#7d25ae05bb8ad1f9b699108e1094ecd7884adc1f"
-  integrity sha512-jPTiwtOxaHNaAPg/dmrJ/beuzLRnXtB0kQPQ8JpotKJgTB6rX6c8mlf315941pyjBSaPg8NHXS9fhP4u17DpGA==
+"@typescript-eslint/eslint-plugin@^2.25.0":
+  version "2.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-2.25.0.tgz#0b60917332f20dcff54d0eb9be2a9e9f4c9fbd02"
+  integrity sha512-W2YyMtjmlrOjtXc+FtTelVs9OhuR6OlYc4XKIslJ8PUJOqgYYAPRJhAqkYRQo3G4sjvG8jSodsNycEn4W2gHUw==
+  dependencies:
+    "@typescript-eslint/experimental-utils" "2.25.0"
+    functional-red-black-tree "^1.0.1"
+    regexpp "^3.0.0"
+    tsutils "^3.17.1"
+
+"@typescript-eslint/experimental-utils@2.25.0":
+  version "2.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-2.25.0.tgz#13691c4fe368bd377b1e5b1e4ad660b220bf7714"
+  integrity sha512-0IZ4ZR5QkFYbaJk+8eJ2kYeA+1tzOE1sBjbwwtSV85oNWYUBep+EyhlZ7DLUCyhMUGuJpcCCFL0fDtYAP1zMZw==
+  dependencies:
+    "@types/json-schema" "^7.0.3"
+    "@typescript-eslint/typescript-estree" "2.25.0"
+    eslint-scope "^5.0.0"
+    eslint-utils "^2.0.0"
+
+"@typescript-eslint/parser@^2.25.0":
+  version "2.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-2.25.0.tgz#abfb3d999084824d9a756d9b9c0f36fba03adb76"
+  integrity sha512-mccBLaBSpNVgp191CP5W+8U1crTyXsRziWliCqzj02kpxdjKMvFHGJbK33NroquH3zB/gZ8H511HEsJBa2fNEg==
+  dependencies:
+    "@types/eslint-visitor-keys" "^1.0.0"
+    "@typescript-eslint/experimental-utils" "2.25.0"
+    "@typescript-eslint/typescript-estree" "2.25.0"
+    eslint-visitor-keys "^1.1.0"
+
+"@typescript-eslint/typescript-estree@2.25.0":
+  version "2.25.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-2.25.0.tgz#b790497556734b7476fa7dd3fa539955a5c79e2c"
+  integrity sha512-VUksmx5lDxSi6GfmwSK7SSoIKSw9anukWWNitQPqt58LuYrKalzsgeuignbqnB+rK/xxGlSsCy8lYnwFfB6YJg==
+  dependencies:
+    debug "^4.1.1"
+    eslint-visitor-keys "^1.1.0"
+    glob "^7.1.6"
+    is-glob "^4.0.1"
+    lodash "^4.17.15"
+    semver "^6.3.0"
+    tsutils "^3.17.1"
+
+acorn-jsx@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.2.0.tgz#4c66069173d6fdd68ed85239fc256226182b2ebe"
+  integrity sha512-HiUX/+K2YpkpJ+SzBffkM/AQ2YE03S0U1kjTLVpoJdhZMOWy8qvXVN9JdLqv2QsaQ6MPYQIuNmwD8zOiYUofLQ==
+
+acorn@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.1.1.tgz#e35668de0b402f359de515c5482a1ab9f89a69bf"
+  integrity sha512-add7dgA5ppRPxCFJoAGfMDi7PIBXq1RtGo7BhbLaxwrXPOmw8gq48Y9ozT01hUKy9byMjlR20EJhu5zlkErEkg==
+
+ajv@^6.10.0:
+  version "6.12.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.0.tgz#06d60b96d87b8454a5adaba86e7854da629db4b7"
+  integrity sha512-D6gFiFA0RRLyUbvijN74DWAjXSFxWKaWP7mldxkVhyhAV3+SWA9HEJPHQ2c9soIeTFJqcSdFDGFgdqs1iUU2Hw==
+  dependencies:
+    fast-deep-equal "^3.1.1"
+    fast-json-stable-stringify "^2.0.0"
+    json-schema-traverse "^0.4.1"
+    uri-js "^4.2.2"
 
 ajv@^6.9.1:
   version "6.10.0"
@@ -137,21 +211,23 @@ ajv@^6.9.1:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-ansi-escapes@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
-  integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
-
-ansi-regex@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
-  integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
+ansi-escapes@^4.2.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.1.tgz#a5c47cc43181f1f38ffd7076837700d395522a61"
+  integrity sha512-JWF7ocqNrp8u9oqpgV+wH5ftbt+cfvv+PTjOvKLT3AdYly/LmORARfEVT1iyjwN+4MqE5UmVKoAdIBqeoCHgLA==
+  dependencies:
+    type-fest "^0.11.0"
 
 ansi-regex@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
   integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
 
+ansi-regex@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
+  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
+
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -159,6 +235,14 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
+ansi-styles@^4.1.0:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.2.1.tgz#90ae75c424d008d2624c5bf29ead3177ebfcf359"
+  integrity sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==
+  dependencies:
+    "@types/color-name" "^1.1.1"
+    color-convert "^2.0.1"
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -174,20 +258,29 @@ array-includes@^3.0.3:
     define-properties "^1.1.2"
     es-abstract "^1.7.0"
 
+array-includes@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/array-includes/-/array-includes-3.1.1.tgz#cdd67e6852bdf9c1215460786732255ed2459348"
+  integrity sha512-c2VXaCHl7zPsvpkFsw4nxvFie4fh1ur9bpcgsVkIjqn0H/Xwdg+7fv3n2r/isyS8EBj5b06M9kHyZuIr4El6WQ==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0"
+    is-string "^1.0.5"
+
 astral-regex@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
   integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
 
-babel-eslint@10.0.3:
-  version "10.0.3"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.0.3.tgz#81a2c669be0f205e19462fed2482d33e4687a88a"
-  integrity sha512-z3U7eMY6r/3f3/JB9mTsLjyxrv0Yb1zb8PCWCLpguxfCzBIZUwy23R1t/XKewP+8mEN2Ck8Dtr4q20z6ce6SoA==
+babel-eslint@10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
+  integrity sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    "@babel/traverse" "^7.0.0"
-    "@babel/types" "^7.0.0"
+    "@babel/parser" "^7.7.0"
+    "@babel/traverse" "^7.7.0"
+    "@babel/types" "^7.7.0"
     eslint-visitor-keys "^1.0.0"
     resolve "^1.12.0"
 
@@ -209,7 +302,7 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.0.0.tgz#fb7eb569b72ad7a45812f93fd9430a3e410b3dd3"
   integrity sha512-tWnkwu9YEq2uzlBDI4RcLn8jrFvF9AOi8PxDNU3hZZjJcjkcRAq3vCI+vZcg1SuxISDYe86k9VZFwAxDiJGoAw==
 
-chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2:
+chalk@^2.0.0, chalk@^2.1.0:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -218,17 +311,25 @@ chalk@^2.0.0, chalk@^2.1.0, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
+chalk@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
+  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
+  dependencies:
+    ansi-styles "^4.1.0"
+    supports-color "^7.1.0"
+
 chardet@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-cli-cursor@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
-  integrity sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=
+cli-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
+  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
   dependencies:
-    restore-cursor "^2.0.0"
+    restore-cursor "^3.1.0"
 
 cli-width@^2.0.0:
   version "2.2.0"
@@ -242,16 +343,33 @@ color-convert@^1.9.0:
   dependencies:
     color-name "1.1.3"
 
+color-convert@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
+  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
+  dependencies:
+    color-name "~1.1.4"
+
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
+color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
 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=
 
+core-js-pure@^3.0.0:
+  version "3.6.4"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.6.4.tgz#4bf1ba866e25814f149d4e9aaa08c36173506e3a"
+  integrity sha512-epIhRLkXdgv32xIUFaaAry2wdxZYBi6bgM7cB136dzzXXa+dFyRLTZeLUJxnd8ShrmyVXBub63n2NHo2JAt8Cw==
+
 cross-spawn@^6.0.5:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -263,7 +381,7 @@ cross-spawn@^6.0.5:
     shebang-command "^1.2.0"
     which "^1.2.9"
 
-debug@^4.0.1, debug@^4.1.0:
+debug@^4.0.1, debug@^4.1.0, 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==
@@ -301,33 +419,39 @@ emoji-regex@^7.0.1:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
   integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
 
-es-abstract@^1.11.0, es-abstract@^1.7.0:
-  version "1.13.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
-  integrity sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==
+emoji-regex@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
+  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
+
+es-abstract@^1.17.0, es-abstract@^1.17.0-next.1:
+  version "1.17.5"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.5.tgz#d8c9d1d66c8981fb9200e2251d799eee92774ae9"
+  integrity sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==
   dependencies:
-    es-to-primitive "^1.2.0"
+    es-to-primitive "^1.2.1"
     function-bind "^1.1.1"
     has "^1.0.3"
-    is-callable "^1.1.4"
-    is-regex "^1.0.4"
-    object-keys "^1.0.12"
+    has-symbols "^1.0.1"
+    is-callable "^1.1.5"
+    is-regex "^1.0.5"
+    object-inspect "^1.7.0"
+    object-keys "^1.1.1"
+    object.assign "^4.1.0"
+    string.prototype.trimleft "^2.1.1"
+    string.prototype.trimright "^2.1.1"
 
-es-abstract@^1.12.0:
-  version "1.16.0"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.16.0.tgz#d3a26dc9c3283ac9750dca569586e976d9dcc06d"
-  integrity sha512-xdQnfykZ9JMEiasTAJZJdMWCQ1Vm00NBw79/AWi7ELfZuuPCSOMDZbT9mkOfSctVtfhb+sAAzrm+j//GjjLHLg==
+es-abstract@^1.7.0:
+  version "1.13.0"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.13.0.tgz#ac86145fdd5099d8dd49558ccba2eaf9b88e24e9"
+  integrity sha512-vDZfg/ykNxQVwup/8E1BZhVzFfBxs9NqMzGcvIJrqg5k2/5Za2bWo40dK2J1pgLngZ7c+Shh8lwYtLGyrwPutg==
   dependencies:
     es-to-primitive "^1.2.0"
     function-bind "^1.1.1"
     has "^1.0.3"
-    has-symbols "^1.0.0"
     is-callable "^1.1.4"
     is-regex "^1.0.4"
-    object-inspect "^1.6.0"
-    object-keys "^1.1.1"
-    string.prototype.trimleft "^2.1.0"
-    string.prototype.trimright "^2.1.0"
+    object-keys "^1.0.12"
 
 es-to-primitive@^1.2.0:
   version "1.2.0"
@@ -338,15 +462,24 @@ es-to-primitive@^1.2.0:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
+es-to-primitive@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a"
+  integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==
+  dependencies:
+    is-callable "^1.1.4"
+    is-date-object "^1.0.1"
+    is-symbol "^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"
   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==
+eslint-config-prettier@^6.10.1:
+  version "6.10.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.10.1.tgz#129ef9ec575d5ddc0e269667bf09defcd898642a"
+  integrity sha512-svTy6zh1ecQojvpbJSgH3aei/Rt7C6i090l5f2WQ4aB05lYHeZIR1qL4wZyyILTbtmnbHP5Yn8MrsOJMGa8RkQ==
   dependencies:
     get-stdin "^6.0.0"
 
@@ -370,18 +503,17 @@ eslint-plugin-jest@22.4.1:
   resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-22.4.1.tgz#a5fd6f7a2a41388d16f527073b778013c5189a9c"
   integrity sha512-gcLfn6P2PrFAVx3AobaOzlIEevpAEf9chTpFZz7bYfc7pz8XRv7vuKTIE4hxPKZSha6XWKKplDQ0x9Pq8xX2mg==
 
-eslint-plugin-prettier@2.6.2:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-2.6.2.tgz#71998c60aedfa2141f7bfcbf9d1c459bf98b4fad"
-  integrity sha512-tGek5clmW5swrAx1mdPYM8oThrBE83ePh7LeseZHBWfHVGrHPhKn7Y5zgRMbU/9D5Td9K4CEmUPjGxA7iw98Og==
+eslint-plugin-prettier@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.2.tgz#432e5a667666ab84ce72f945c72f77d996a5c9ba"
+  integrity sha512-GlolCC9y3XZfv3RQfwGew7NnuFDKsfI4lbvRK+PIIo23SFH+LemGs4cKwzAaRa+Mdb+lQO/STaIayno8T5sJJA==
   dependencies:
-    fast-diff "^1.1.1"
-    jest-docblock "^21.0.0"
+    prettier-linter-helpers "^1.0.0"
 
-eslint-plugin-react-hooks@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-2.0.1.tgz#e898ec26a0a335af6f7b0ad1f0bedda7143ed756"
-  integrity sha512-xir+3KHKo86AasxlCV8AHRtIZPHljqCRRUYgASkbatmt0fad4+5GgC7zkT7o/06hdKM6MIwp8giHVXqBPaarHQ==
+eslint-plugin-react-hooks@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-3.0.0.tgz#9e80c71846eb68dd29c3b21d832728aa66e5bd35"
+  integrity sha512-EjxTHxjLKIBWFgDJdhKKzLh5q+vjTFrqNZX36uIxWS4OfyXe5DawqPj3U5qeJ1ngLwatjzQnmR0Lz0J0YH3kxw==
 
 eslint-plugin-react-native-globals@^0.1.1:
   version "0.1.2"
@@ -395,89 +527,107 @@ eslint-plugin-react-native@3.8.1:
   dependencies:
     eslint-plugin-react-native-globals "^0.1.1"
 
-eslint-plugin-react@7.16.0:
-  version "7.16.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.16.0.tgz#9928e4f3e2122ed3ba6a5b56d0303ba3e41d8c09"
-  integrity sha512-GacBAATewhhptbK3/vTP09CbFrgUJmBSaaRcWdbQLFvUZy9yVcQxigBNHGPU/KE2AyHpzj3AWXpxoMTsIDiHug==
+eslint-plugin-react@7.19.0:
+  version "7.19.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.19.0.tgz#6d08f9673628aa69c5559d33489e855d83551666"
+  integrity sha512-SPT8j72CGuAP+JFbT0sJHOB80TX/pu44gQ4vXH/cq+hQTiY2PuZ6IHkqXJV6x1b28GDdo1lbInjKUrrdUf0LOQ==
   dependencies:
-    array-includes "^3.0.3"
+    array-includes "^3.1.1"
     doctrine "^2.1.0"
     has "^1.0.3"
-    jsx-ast-utils "^2.2.1"
-    object.entries "^1.1.0"
-    object.fromentries "^2.0.0"
-    object.values "^1.1.0"
+    jsx-ast-utils "^2.2.3"
+    object.entries "^1.1.1"
+    object.fromentries "^2.0.2"
+    object.values "^1.1.1"
     prop-types "^15.7.2"
-    resolve "^1.12.0"
+    resolve "^1.15.1"
+    semver "^6.3.0"
+    string.prototype.matchall "^4.0.2"
+    xregexp "^4.3.0"
 
-eslint-scope@^4.0.0, eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
+eslint-scope@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.0.0.tgz#e87c8887c73e8d1ec84f1ca591645c358bfc8fb9"
+  integrity sha512-oYrhJW7S0bxAFDvWqzvMPRm6pcgcnWc4QnofCAqRTRfQC0JcwenzGglTtsLyIuuWFfkqDG9vz67cnttSd53djw==
   dependencies:
     esrecurse "^4.1.0"
     estraverse "^4.1.1"
 
-eslint-utils@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.3.1.tgz#9a851ba89ee7c460346f97cf8939c7298827e512"
-  integrity sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q==
+eslint-utils@^1.4.3:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-1.4.3.tgz#74fec7c54d0776b6f67e0251040b5806564e981f"
+  integrity sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
+eslint-utils@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.0.0.tgz#7be1cc70f27a72a76cd14aa698bcabed6890e1cd"
+  integrity sha512-0HCPuJv+7Wv1bACm8y5/ECVfYdfsAm9xmVb7saeFlxjPYALefjhbYoCkBjPdPzGH8wWyTpAez82Fh3VKYEZ8OA==
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
 
 eslint-visitor-keys@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz#3f3180fb2e291017716acb4c9d6d5b5c34a6a81d"
   integrity sha512-qzm/XxIbxm/FHyH341ZrbnMUpe+5Bocte9xkmFMzPMjRaZMcXww+MpBptFvtU+79L362nqiLhekCxCxDPaUMBQ==
 
-eslint@^5.1.0:
-  version "5.15.3"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-5.15.3.tgz#c79c3909dc8a7fa3714fb340c11e30fd2526b8b5"
-  integrity sha512-vMGi0PjCHSokZxE0NLp2VneGw5sio7SSiDNgIUn2tC0XkWJRNOIoHIg3CliLVfXnJsiHxGAYrkw0PieAu8+KYQ==
+eslint-visitor-keys@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.1.0.tgz#e2a82cea84ff246ad6fb57f9bde5b46621459ec2"
+  integrity sha512-8y9YjtM1JBJU/A9Kc+SbaOV4y29sSWckBwMHa+FGtVj5gN/sbnKDf6xJUl+8g7FAij9LVaP8C24DUiH/f/2Z9A==
+
+eslint@^6.5.1:
+  version "6.8.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb"
+  integrity sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==
   dependencies:
     "@babel/code-frame" "^7.0.0"
-    ajv "^6.9.1"
+    ajv "^6.10.0"
     chalk "^2.1.0"
     cross-spawn "^6.0.5"
     debug "^4.0.1"
     doctrine "^3.0.0"
-    eslint-scope "^4.0.3"
-    eslint-utils "^1.3.1"
-    eslint-visitor-keys "^1.0.0"
-    espree "^5.0.1"
+    eslint-scope "^5.0.0"
+    eslint-utils "^1.4.3"
+    eslint-visitor-keys "^1.1.0"
+    espree "^6.1.2"
     esquery "^1.0.1"
     esutils "^2.0.2"
     file-entry-cache "^5.0.1"
     functional-red-black-tree "^1.0.1"
-    glob "^7.1.2"
-    globals "^11.7.0"
+    glob-parent "^5.0.0"
+    globals "^12.1.0"
     ignore "^4.0.6"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
-    inquirer "^6.2.2"
-    js-yaml "^3.12.0"
+    inquirer "^7.0.0"
+    is-glob "^4.0.0"
+    js-yaml "^3.13.1"
     json-stable-stringify-without-jsonify "^1.0.1"
     levn "^0.3.0"
-    lodash "^4.17.11"
+    lodash "^4.17.14"
     minimatch "^3.0.4"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    optionator "^0.8.2"
-    path-is-inside "^1.0.2"
+    optionator "^0.8.3"
     progress "^2.0.0"
     regexpp "^2.0.1"
-    semver "^5.5.1"
-    strip-ansi "^4.0.0"
-    strip-json-comments "^2.0.1"
+    semver "^6.1.2"
+    strip-ansi "^5.2.0"
+    strip-json-comments "^3.0.1"
     table "^5.2.3"
     text-table "^0.2.0"
+    v8-compile-cache "^2.0.3"
 
-espree@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-5.0.1.tgz#5d6526fa4fc7f0788a5cf75b15f30323e2f81f7a"
-  integrity sha512-qWAZcWh4XE/RwzLJejfcofscgMc9CamR6Tn1+XRXNzrvUSSbiAjGOI/fggztjIi7y9VLPqnICMIPiGyr8JaZ0A==
+espree@^6.1.2:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==
   dependencies:
-    acorn "^6.0.7"
-    acorn-jsx "^5.0.0"
-    eslint-visitor-keys "^1.0.0"
+    acorn "^7.1.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.1.0"
 
 esprima@^4.0.0:
   version "4.0.1"
@@ -522,7 +672,12 @@ fast-deep-equal@^2.0.1:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
   integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
-fast-diff@^1.1.1:
+fast-deep-equal@^3.1.1:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.1.tgz#545145077c501491e33b15ec408c294376e94ae4"
+  integrity sha512-8UEa58QDLauDNfpbrX55Q9jrGHThw2ZMdOky5Gl1CDtVeJDPVrG4Jxx1N8jw2gkWaff5UUuX1KJd+9zGe2B+ZA==
+
+fast-diff@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
   integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
@@ -532,15 +687,15 @@ fast-json-stable-stringify@^2.0.0:
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
   integrity sha1-1RQsDK7msRifh9OnYREGT4bIu/I=
 
-fast-levenshtein@~2.0.4:
+fast-levenshtein@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
-figures@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
-  integrity sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=
+figures@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
+  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
   dependencies:
     escape-string-regexp "^1.0.5"
 
@@ -585,7 +740,14 @@ get-stdin@^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:
+glob-parent@^5.0.0:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.1.tgz#b6c1ef417c4e5663ea498f1c45afac6916bbc229"
+  integrity sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==
+  dependencies:
+    is-glob "^4.0.1"
+
+glob@^7.1.3:
   version "7.1.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.3.tgz#3960832d3f1574108342dafd3a67b332c0969df1"
   integrity sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==
@@ -597,21 +759,50 @@ glob@^7.1.2, glob@^7.1.3:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-globals@^11.1.0, globals@^11.7.0:
+glob@^7.1.6:
+  version "7.1.6"
+  resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
+  integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
+  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@^11.1.0:
   version "11.11.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.11.0.tgz#dcf93757fa2de5486fbeed7118538adf789e9c2e"
   integrity sha512-WHq43gS+6ufNOEqlrDBxVEbb8ntfXrfAUU2ZOpCxrBdGKW3gyv8mCxAfIBD0DroPKGrJ2eSsXsLtY9MPntsyTw==
 
+globals@^12.1.0:
+  version "12.4.0"
+  resolved "https://registry.yarnpkg.com/globals/-/globals-12.4.0.tgz#a18813576a41b00a24a97e7f815918c2e19925f8"
+  integrity sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==
+  dependencies:
+    type-fest "^0.8.1"
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
+has-flag@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
+  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
+
 has-symbols@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.0.tgz#ba1a8f1af2a0fc39650f5c850367704122063b44"
   integrity sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=
 
+has-symbols@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
+  integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
+
 has@^1.0.1, has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
@@ -662,40 +853,71 @@ inherits@2:
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-inquirer@^6.2.2:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-6.2.2.tgz#46941176f65c9eb20804627149b743a218f25406"
-  integrity sha512-Z2rREiXA6cHRR9KBOarR3WuLlFzlIfAEIiB45ll5SSadMg7WqOh1MKEjjndfuH5ewXdixWCxqnVfGOQzPeiztA==
+inquirer@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.1.0.tgz#1298a01859883e17c7264b82870ae1034f92dd29"
+  integrity sha512-5fJMWEmikSYu0nv/flMc475MhGbB7TSPd/2IpFV4I4rMklboCH2rQjYY5kKiYGHqUF9gvaambupcJFFG9dvReg==
   dependencies:
-    ansi-escapes "^3.2.0"
-    chalk "^2.4.2"
-    cli-cursor "^2.1.0"
+    ansi-escapes "^4.2.1"
+    chalk "^3.0.0"
+    cli-cursor "^3.1.0"
     cli-width "^2.0.0"
     external-editor "^3.0.3"
-    figures "^2.0.0"
-    lodash "^4.17.11"
-    mute-stream "0.0.7"
-    run-async "^2.2.0"
-    rxjs "^6.4.0"
-    string-width "^2.1.0"
-    strip-ansi "^5.0.0"
+    figures "^3.0.0"
+    lodash "^4.17.15"
+    mute-stream "0.0.8"
+    run-async "^2.4.0"
+    rxjs "^6.5.3"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
     through "^2.3.6"
 
+internal-slot@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.2.tgz#9c2e9fb3cd8e5e4256c6f45fe310067fcfa378a3"
+  integrity sha512-2cQNfwhAfJIkU4KZPkDI+Gj5yNNnbqi40W9Gge6dfnk4TocEVm00B3bdiL+JINrbGJil2TeHvM4rETGzk/f/0g==
+  dependencies:
+    es-abstract "^1.17.0-next.1"
+    has "^1.0.3"
+    side-channel "^1.0.2"
+
 is-callable@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"
   integrity sha512-r5p9sxJjYnArLjObpjA4xu5EKI3CuKHkJXMhT7kwbpUyIFD1n5PMAsoPvWnvtZiNz7LjkYDRZhd7FlI0eMijEA==
 
+is-callable@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.5.tgz#f7e46b596890456db74e7f6e976cb3273d06faab"
+  integrity sha512-ESKv5sMCJB2jnHTWZ3O5itG+O128Hsus4K4Qh1h2/cgn2vbgnLSVqfV46AeJA9D5EeeLa9w81KUXMtn34zhX+Q==
+
 is-date-object@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.1.tgz#9aa20eb6aeebbff77fbd33e74ca01b33581d3a16"
   integrity sha1-mqIOtq7rv/d/vTPnTKAbM1gdOhY=
 
+is-extglob@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+  integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
+
 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"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
+is-fullwidth-code-point@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
+  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+
+is-glob@^4.0.0, is-glob@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.1.tgz#7567dbe9f2f5e2467bc77ab83c4a29482407a5dc"
+  integrity sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==
+  dependencies:
+    is-extglob "^2.1.1"
+
 is-promise@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa"
@@ -708,6 +930,18 @@ is-regex@^1.0.4:
   dependencies:
     has "^1.0.1"
 
+is-regex@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.5.tgz#39d589a358bf18967f726967120b8fc1aed74eae"
+  integrity sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==
+  dependencies:
+    has "^1.0.3"
+
+is-string@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.5.tgz#40493ed198ef3ff477b8c7f92f644ec82a5cd3a6"
+  integrity sha512-buY6VNRjhQMiF1qWDouloZlQbRhDPCebwxSjxMjxgemYT46YMd2NR0/H+fBhEfWX4A/w9TBJ+ol+okqJKFE6vQ==
+
 is-symbol@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.2.tgz#a055f6ae57192caee329e7a860118b497a950f38"
@@ -720,20 +954,15 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
-jest-docblock@^21.0.0:
-  version "21.2.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-21.2.0.tgz#51529c3b30d5fd159da60c27ceedc195faf8d414"
-  integrity sha512-5IZ7sY9dBAYSV+YjQ0Ovb540Ku7AO9Z5o2Cg789xj167iQuZ2cG+z0f3Uct6WeYLbU6aQiM2pCs7sZ+4dotydw==
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.12.0:
-  version "3.12.2"
-  resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.12.2.tgz#ef1d067c5a9d9cb65bd72f285b5d8105c77f14fc"
-  integrity sha512-QHn/Lh/7HhZ/Twc7vJYQTkjuCa0kaCcDcjK5Zlk2rvnUpy7DxMJ23+Jc2dcyvltwQVg1nygAVlB2oRDFHoRS5Q==
+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==
   dependencies:
     argparse "^1.0.7"
     esprima "^4.0.0"
@@ -753,7 +982,7 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
-jsx-ast-utils@^2.2.1:
+jsx-ast-utils@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-2.2.3.tgz#8a9364e402448a3ce7f14d357738310d9248054f"
   integrity sha512-EdIHFMm+1BPynpKOpdPqiOsvnIrInRGJD7bzPZdPkjitQEqpdpUuFpq4T0npZFKTiB3RhWFdGN+oqOJIdhDhQA==
@@ -769,16 +998,16 @@ levn@^0.3.0, levn@~0.3.0:
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
 
-lodash.unescape@4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.unescape/-/lodash.unescape-4.0.1.tgz#bf2249886ce514cda112fae9218cdc065211fc9c"
-  integrity sha1-vyJJiGzlFM2hEvrpIYzcBlIR/Jw=
-
 lodash@^4.17.10, lodash@^4.17.11:
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
   integrity sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==
 
+lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15:
+  version "4.17.15"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
+  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+
 loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
@@ -786,10 +1015,10 @@ loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-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==
+mimic-fn@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
 
 minimatch@^3.0.4:
   version "3.0.4"
@@ -815,10 +1044,10 @@ 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==
 
-mute-stream@0.0.7:
-  version "0.0.7"
-  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
-  integrity sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=
+mute-stream@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
+  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
 natural-compare@^1.4.0:
   version "1.4.0"
@@ -835,10 +1064,10 @@ object-assign@^4.1.1:
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=
 
-object-inspect@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.6.0.tgz#c70b6cbf72f274aab4c34c0c82f5167bf82cf15b"
-  integrity sha512-GJzfBZ6DgDAmnuaM3104jR4s1Myxr3Y3zfIyN4z3UdqN69oSRacNK8UhnobDdC+7J2AHCjGwxQubNJfE70SXXQ==
+object-inspect@^1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
+  integrity sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==
 
 object-keys@^1.0.11, object-keys@^1.1.1:
   version "1.1.1"
@@ -860,33 +1089,33 @@ object.assign@^4.1.0:
     has-symbols "^1.0.0"
     object-keys "^1.0.11"
 
-object.entries@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.0.tgz#2024fc6d6ba246aee38bdb0ffd5cfbcf371b7519"
-  integrity sha512-l+H6EQ8qzGRxbkHOd5I/aHRhHDKoQXQ8g0BYt4uSweQU1/J6dZUOyWh9a2Vky35YCKjzmgxOzta2hH6kf9HuXA==
+object.entries@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.1.tgz#ee1cf04153de02bb093fec33683900f57ce5399b"
+  integrity sha512-ilqR7BgdyZetJutmDPfXCDffGa0/Yzl2ivVNpbx/g4UeWrCdRnFDUBrKJGLhGieRHDATnyZXWBeCb29k9CJysQ==
   dependencies:
     define-properties "^1.1.3"
-    es-abstract "^1.12.0"
+    es-abstract "^1.17.0-next.1"
     function-bind "^1.1.1"
     has "^1.0.3"
 
-object.fromentries@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.0.tgz#49a543d92151f8277b3ac9600f1e930b189d30ab"
-  integrity sha512-9iLiI6H083uiqUuvzyY6qrlmc/Gz8hLQFOcb/Ri/0xXFkSNS3ctV+CbE6yM2+AnkYfOB3dGjdzC0wrMLIhQICA==
+object.fromentries@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.2.tgz#4a09c9b9bb3843dd0f89acdb517a794d4f355ac9"
+  integrity sha512-r3ZiBH7MQppDJVLx6fhD618GKNG40CZYH9wgwdhKxBDDbQgjeWGGd4AtkZad84d291YxvWe7bJGuE65Anh0dxQ==
   dependencies:
-    define-properties "^1.1.2"
-    es-abstract "^1.11.0"
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
     function-bind "^1.1.1"
-    has "^1.0.1"
+    has "^1.0.3"
 
-object.values@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.0.tgz#bf6810ef5da3e5325790eaaa2be213ea84624da9"
-  integrity sha512-8mf0nKLAoFX6VlNVdhGj31SVYpaNFtUnuoOXWyFEstsWRgU837AK+JYM0iAxwkSzGRbwn8cbFmgbyxj1j4VbXg==
+object.values@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.1.tgz#68a99ecde356b7e9295a3c5e0ce31dc8c953de5e"
+  integrity sha512-WTa54g2K8iu0kmS/us18jEmdv1a4Wi//BZ/DTVYEcH0XhLM5NYdpDHja3gt57VrZLcNAO2WGA+KpWsDBaHt6eA==
   dependencies:
     define-properties "^1.1.3"
-    es-abstract "^1.12.0"
+    es-abstract "^1.17.0-next.1"
     function-bind "^1.1.1"
     has "^1.0.3"
 
@@ -897,24 +1126,24 @@ once@^1.3.0:
   dependencies:
     wrappy "1"
 
-onetime@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"
-  integrity sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=
+onetime@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
+  integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
   dependencies:
-    mimic-fn "^1.0.0"
+    mimic-fn "^2.1.0"
 
-optionator@^0.8.2:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
-  integrity sha1-NkxeQJ0/TWMB1sC0wFu6UBgK62Q=
+optionator@^0.8.3:
+  version "0.8.3"
+  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
+  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
   dependencies:
     deep-is "~0.1.3"
-    fast-levenshtein "~2.0.4"
+    fast-levenshtein "~2.0.6"
     levn "~0.3.0"
     prelude-ls "~1.1.2"
     type-check "~0.3.2"
-    wordwrap "~1.0.0"
+    word-wrap "~1.2.3"
 
 os-tmpdir@~1.0.2:
   version "1.0.2"
@@ -933,11 +1162,6 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
-
 path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
@@ -953,10 +1177,17 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
-prettier@1.17.0:
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.17.0.tgz#53b303676eed22cc14a9f0cec09b477b3026c008"
-  integrity sha512-sXe5lSt2WQlCbydGETgfm1YBShgOX4HxQkFPvbxkcwgDvGDeqVau8h+12+lmSVlP3rHPz0oavfddSZg/q+Szjw==
+prettier-linter-helpers@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz#d23d41fe1375646de2d0104d3454a3008802cf7b"
+  integrity sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==
+  dependencies:
+    fast-diff "^1.1.2"
+
+prettier@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.2.tgz#1ba8f3eb92231e769b7fcd7cb73ae1b6b74ade08"
+  integrity sha512-5xJQIPT8BraI7ZnaDwSbu5zLrB6vvi8hVV58yHQ+QK64qrY40dULy0HSRlQ2/2IdzeBpjhDkqdcFBnFeDEMVdg==
 
 progress@^2.0.0:
   version "2.0.3"
@@ -982,15 +1213,28 @@ react-is@^16.8.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.4.tgz#90f336a68c3a29a096a3d648ab80e87ec61482a2"
   integrity sha512-PVadd+WaUDOAciICm/J1waJaSvgq+4rHE/K70j0PFqKhkTBsPv/82UGQJNXAngz1fOQLLxI6z1sEDmJDQhCTAA==
 
+regenerator-runtime@^0.13.4:
+  version "0.13.5"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.5.tgz#d878a1d094b4306d10b9096484b33ebd55e26697"
+  integrity sha512-ZS5w8CpKFinUzOwW3c83oPeVXoNsrLsaCoLtJvAClH135j/R77RuymhiSErhm2lKcwSCIpmvIWSbDkIfAqKQlA==
+
+regexp.prototype.flags@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.3.0.tgz#7aba89b3c13a64509dabcf3ca8d9fbb9bdf5cb75"
+  integrity sha512-2+Q0C5g951OlYlJz6yu5/M33IcsESLlLfsyIaLJaG4FA2r4yP8MvVMJUUP/fVBkSpbbbZlS5gynbEWLipiiXiQ==
+  dependencies:
+    define-properties "^1.1.3"
+    es-abstract "^1.17.0-next.1"
+
 regexpp@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-2.0.1.tgz#8d19d31cf632482b589049f8281f93dbcba4d07f"
   integrity sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==
 
-requireindex@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/requireindex/-/requireindex-1.2.0.tgz#3463cdb22ee151902635aa6c9535d4de9c2ef1ef"
-  integrity sha512-L9jEkOi3ASd9PYit2cwRfyppc9NoABujTP8/5gFcbERmo5jUoAKovIC3fsF17pkTnGsrByysqX+Kxd2OTNI1ww==
+regexpp@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.0.0.tgz#dd63982ee3300e67b41c1956f850aa680d9d330e"
+  integrity sha512-Z+hNr7RAVWxznLPuA7DIh8UNX1j9CDrUQxskw9IrBE1Dxue2lyXT+shqEIeLUjrokxIP8CMy1WkjgG3rTsd5/g==
 
 resolve-from@^4.0.0:
   version "4.0.0"
@@ -1004,12 +1248,19 @@ resolve@^1.12.0:
   dependencies:
     path-parse "^1.0.6"
 
-restore-cursor@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
-  integrity sha1-n37ih/gv0ybU/RYpI9YhKe7g368=
+resolve@^1.15.1:
+  version "1.15.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.15.1.tgz#27bdcdeffeaf2d6244b95bb0f9f4b4653451f3e8"
+  integrity sha512-84oo6ZTtoTUpjgNEr5SJyzQhzL72gaRodsSfyxC/AXRvwu0Yse9H8eF9IpGo7b8YetZhlI6v7ZQ6bKBFV/6S7w==
   dependencies:
-    onetime "^2.0.0"
+    path-parse "^1.0.6"
+
+restore-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
+  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
+  dependencies:
+    onetime "^5.1.0"
     signal-exit "^3.0.2"
 
 rimraf@2.6.3:
@@ -1019,17 +1270,17 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-run-async@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
-  integrity sha1-A3GrSuC91yDUFm19/aZP96RFpsA=
+run-async@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.0.tgz#e59054a5b86876cfae07f431d18cbaddc594f1e8"
+  integrity sha512-xJTbh/d7Lm7SBhc1tNvTpeCHaEzoyxPrqNlvSdMfBTYwaY++UJFyXUOxAtsRUXjlqOfj8luNaR9vjCh4KeV+pg==
   dependencies:
     is-promise "^2.1.0"
 
-rxjs@^6.4.0:
-  version "6.4.0"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.4.0.tgz#f3bb0fe7bda7fb69deac0c16f17b50b0b8790504"
-  integrity sha512-Z9Yfa11F6B9Sg/BK9MnqnQ+aQYicPLtilXBp2yUtDt2JRCE0h26d33EnfO3ZxoNxG0T92OUucP3Ct7cpfkdFfw==
+rxjs@^6.5.3:
+  version "6.5.4"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
+  integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==
   dependencies:
     tslib "^1.9.0"
 
@@ -1038,16 +1289,16 @@ rxjs@^6.4.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-semver@5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-5.5.0.tgz#dc4bbc7a6ca9d916dee5d43516f0092b58f7b8ab"
-  integrity sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==
-
-semver@^5.5.0, semver@^5.5.1:
+semver@^5.5.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
   integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
 
+semver@^6.1.2, 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==
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -1060,6 +1311,14 @@ shebang-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
+side-channel@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.2.tgz#df5d1abadb4e4bf4af1cd8852bf132d2f7876947"
+  integrity sha512-7rL9YlPHg7Ancea1S96Pa8/QWb4BtXL/TZvS6B8XFetGBeuhAsfmUspK6DokBeZ64+Kj9TCNRD/30pVz1BvQNA==
+  dependencies:
+    es-abstract "^1.17.0-next.1"
+    object-inspect "^1.7.0"
+
 signal-exit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
@@ -1084,14 +1343,6 @@ sprintf-js@~1.0.2:
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
   integrity sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=
 
-string-width@^2.1.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
-  integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
-  dependencies:
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^4.0.0"
-
 string-width@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
@@ -1101,40 +1352,68 @@ string-width@^3.0.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
-string.prototype.trimleft@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.0.tgz#6cc47f0d7eb8d62b0f3701611715a3954591d634"
-  integrity sha512-FJ6b7EgdKxxbDxc79cOlok6Afd++TTs5szo+zJTUyow3ycrRfJVE2pq3vcN53XexvKZu/DJMDfeI/qMiZTrjTw==
+string-width@^4.1.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
+  integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.0"
+
+string.prototype.matchall@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.2.tgz#48bb510326fb9fdeb6a33ceaa81a6ea04ef7648e"
+  integrity sha512-N/jp6O5fMf9os0JU3E72Qhf590RSRZU/ungsL/qJUYVTNv7hTG0P/dbPjxINVN9jpscu3nzYwKESU3P3RY5tOg==
   dependencies:
     define-properties "^1.1.3"
-    function-bind "^1.1.1"
+    es-abstract "^1.17.0"
+    has-symbols "^1.0.1"
+    internal-slot "^1.0.2"
+    regexp.prototype.flags "^1.3.0"
+    side-channel "^1.0.2"
 
-string.prototype.trimright@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.0.tgz#669d164be9df9b6f7559fa8e89945b168a5a6c58"
-  integrity sha512-fXZTSV55dNBwv16uw+hh5jkghxSnc5oHq+5K/gXgizHwAvMetdAJlHqqoFC1FSDVPYWLkAKl2cxpUT41sV7nSg==
+string.prototype.trimleft@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.1.tgz#9bdb8ac6abd6d602b17a4ed321870d2f8dcefc74"
+  integrity sha512-iu2AGd3PuP5Rp7x2kEZCrB2Nf41ehzh+goo8TV7z8/XDBbsvc6HQIlUl9RjkZ4oyrW1XM5UwlGl1oVEaDjg6Ag==
   dependencies:
     define-properties "^1.1.3"
     function-bind "^1.1.1"
 
-strip-ansi@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
-  integrity sha1-qEeQIusaw2iocTibY1JixQXuNo8=
+string.prototype.trimright@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/string.prototype.trimright/-/string.prototype.trimright-2.1.1.tgz#440314b15996c866ce8a0341894d45186200c5d9"
+  integrity sha512-qFvWL3/+QIgZXVmJBfpHmxLB7xsUXz6HsUmP8+5dRaC3Q7oKUv9Vo6aMCRZC1smrtyECFsIT30PqBJ1gTjAs+g==
   dependencies:
-    ansi-regex "^3.0.0"
+    define-properties "^1.1.3"
+    function-bind "^1.1.1"
 
-strip-ansi@^5.0.0, strip-ansi@^5.1.0:
+strip-ansi@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.1.0.tgz#55aaa54e33b4c0649a7338a43437b1887d153ec4"
   integrity sha512-TjxrkPONqO2Z8QDCpeE2j6n0M6EwxzyDgzEeGp+FbdvaJAt//ClYi6W5my+3ROlC/hZX2KACUwDfK49Ka5eDvg==
   dependencies:
     ansi-regex "^4.1.0"
 
-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"
-  integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo=
+strip-ansi@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
+  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
+  dependencies:
+    ansi-regex "^4.1.0"
+
+strip-ansi@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
+  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
+  dependencies:
+    ansi-regex "^5.0.0"
+
+strip-json-comments@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.0.1.tgz#85713975a91fb87bf1b305cca77395e40d2a64a7"
+  integrity sha512-VTyMAUfdm047mwKl+u79WIdrZxtFtn+nBxHeb844XBQ9uMNTuTHdx2hc5RiAJYqwTj3wc/xe5HLSdJSkJ+WfZw==
 
 supports-color@^5.3.0:
   version "5.5.0"
@@ -1143,6 +1422,13 @@ supports-color@^5.3.0:
   dependencies:
     has-flag "^3.0.0"
 
+supports-color@^7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
+  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
+  dependencies:
+    has-flag "^4.0.0"
+
 table@^5.2.3:
   version "5.2.3"
   resolved "https://registry.yarnpkg.com/table/-/table-5.2.3.tgz#cde0cc6eb06751c009efab27e8c820ca5b67b7f2"
@@ -1175,20 +1461,15 @@ to-fast-properties@^2.0.0:
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
   integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
 
-trim-right@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
-  integrity sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=
-
 tslib@^1.8.1, tslib@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286"
   integrity sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==
 
-tsutils@^3.7.0:
-  version "3.9.1"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.9.1.tgz#2a40dc742943c71eca6d5c1994fcf999956be387"
-  integrity sha512-hrxVtLtPqQr//p8/msPT1X1UYXUjizqSit5d9AQ5k38TcV38NyecL5xODNxa73cLe/5sdiJ+w1FqzDhRBA/anA==
+tsutils@^3.17.1:
+  version "3.17.1"
+  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759"
+  integrity sha512-kzeQ5B8H3w60nFY2g8cJIuH7JDpsALXySGtwGJ0p2LSjLgay3NdIpqq5SoOBe46bKDW2iq25irHCr8wjomUS2g==
   dependencies:
     tslib "^1.8.1"
 
@@ -1199,6 +1480,16 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
+type-fest@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.11.0.tgz#97abf0872310fed88a5c466b25681576145e33f1"
+  integrity sha512-OdjXJxnCN1AvyLSzeKIgXTXxV+99ZuXl3Hpo9XpJAv9MBcHrrJOQ5kV7ypXOuQie+AmWG25hLbiKdwYTifzcfQ==
+
+type-fest@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
+  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
+
 uri-js@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
@@ -1206,6 +1497,11 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+v8-compile-cache@^2.0.3:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e"
+  integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g==
+
 which@^1.2.9:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
@@ -1213,10 +1509,10 @@ which@^1.2.9:
   dependencies:
     isexe "^2.0.0"
 
-wordwrap@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+word-wrap@~1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
+  integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
 wrappy@1:
   version "1.0.2"
@@ -1229,3 +1525,10 @@ write@1.0.3:
   integrity sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==
   dependencies:
     mkdirp "^0.5.1"
+
+xregexp@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.3.0.tgz#7e92e73d9174a99a59743f67a4ce879a04b5ae50"
+  integrity sha512-7jXDIFXh5yJ/orPn4SXjuVrWWoi4Cr8jfV1eHv9CixKSbU+jY4mxfrBwAuDvupPNKpMUY+FeIqsVw/JLT9+B8g==
+  dependencies:
+    "@babel/runtime-corejs3" "^7.8.3"
diff --git a/packages/eslint-plugin-react-native-community/__tests__/platform-colors-test.js b/packages/eslint-plugin-react-native-community/__tests__/platform-colors-test.js
new file mode 100644
index 00000000000000..9d1168272ecdc6
--- /dev/null
+++ b/packages/eslint-plugin-react-native-community/__tests__/platform-colors-test.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.
+ *
+ * @emails oncall+react_native
+ * @format
+ */
+
+'use strict';
+
+const ESLintTester = require('./eslint-tester.js');
+
+const rule = require('../platform-colors.js');
+
+const eslintTester = new ESLintTester();
+
+eslintTester.run('../platform-colors', rule, {
+  valid: [
+    "const color = PlatformColor('labelColor');",
+    "const color = PlatformColor('controlAccentColor', 'controlColor');",
+    "const color = DynamicColorIOS({light: 'black', dark: 'white'});",
+    "const color = DynamicColorIOS({light: PlatformColor('black'), dark: PlatformColor('white')});",
+    "const color = ColorAndroid('?attr/colorAccent')",
+  ],
+  invalid: [
+    {
+      code: 'const color = PlatformColor();',
+      errors: [{message: rule.meta.messages.platformColorArgsLength}],
+    },
+    {
+      code:
+        "const labelColor = 'labelColor'; const color = PlatformColor(labelColor);",
+      errors: [{message: rule.meta.messages.platformColorArgTypes}],
+    },
+    {
+      code:
+        "const tuple = {light: 'black', dark: 'white'}; const color = DynamicColorIOS(tuple);",
+      errors: [{message: rule.meta.messages.dynamicColorIOSArg}],
+    },
+    {
+      code:
+        "const black = 'black'; const color = DynamicColorIOS({light: black, dark: 'white'});",
+      errors: [{message: rule.meta.messages.dynamicColorIOSLight}],
+    },
+    {
+      code:
+        "const white = 'white'; const color = DynamicColorIOS({light: 'black', dark: white});",
+      errors: [{message: rule.meta.messages.dynamicColorIOSDark}],
+    },
+    {
+      code: 'const color = ColorAndroid();',
+      errors: [{message: rule.meta.messages.colorAndroidArg}],
+    },
+    {
+      code:
+        "const colorAccent = '?attr/colorAccent'; const color = ColorAndroid(colorAccent);",
+      errors: [{message: rule.meta.messages.colorAndroidArg}],
+    },
+  ],
+});
diff --git a/packages/eslint-plugin-react-native-community/index.js b/packages/eslint-plugin-react-native-community/index.js
index aac041d58e1879..22d01cce278dc2 100644
--- a/packages/eslint-plugin-react-native-community/index.js
+++ b/packages/eslint-plugin-react-native-community/index.js
@@ -10,4 +10,5 @@
 exports.rules = {
   'error-subclass-name': require('./error-subclass-name'),
   'no-haste-imports': require('./no-haste-imports'),
+  'platform-colors': require('./platform-colors'),
 };
diff --git a/packages/eslint-plugin-react-native-community/platform-colors.js b/packages/eslint-plugin-react-native-community/platform-colors.js
new file mode 100644
index 00000000000000..4d20496f8772d8
--- /dev/null
+++ b/packages/eslint-plugin-react-native-community/platform-colors.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.
+ *
+ * @format
+ */
+
+module.exports = {
+  meta: {
+    type: 'problem',
+    docs: {
+      description:
+        'Ensure that PlatformColor(), DynamicColorIOS(), and ColorAndroid() are passed literals of the expected shape.',
+    },
+    messages: {
+      platformColorArgsLength:
+        'PlatformColor() must have at least one argument that is a literal.',
+      platformColorArgTypes:
+        'PlatformColor() every argument must be a literal.',
+      dynamicColorIOSArg:
+        'DynamicColorIOS() must take a single argument of type Object containing two keys: light and dark.',
+      dynamicColorIOSLight:
+        'DynamicColorIOS() light value must be either a literal or a PlatformColor() call.',
+      dynamicColorIOSDark:
+        'DynamicColorIOS() dark value must be either a literal or a PlatformColor() call.',
+      colorAndroidArg:
+        'ColorAndroid() must take a single argument that is a literal.',
+    },
+    schema: [],
+  },
+
+  create: function(context) {
+    return {
+      CallExpression: function(node) {
+        if (node.callee.name === 'PlatformColor') {
+          const args = node.arguments;
+          if (args.length === 0) {
+            context.report({
+              node,
+              messageId: 'platformColorArgsLength',
+            });
+            return;
+          }
+          if (!args.every(arg => arg.type === 'Literal')) {
+            context.report({
+              node,
+              messageId: 'platformColorArgTypes',
+            });
+            return;
+          }
+        } else if (node.callee.name === 'DynamicColorIOS') {
+          const args = node.arguments;
+          if (!(args.length === 1 && args[0].type === 'ObjectExpression')) {
+            context.report({
+              node,
+              messageId: 'dynamicColorIOSArg',
+            });
+            return;
+          }
+          const properties = args[0].properties;
+          if (
+            !(
+              properties.length === 2 &&
+              properties[0].type === 'Property' &&
+              properties[0].key.name === 'light' &&
+              properties[1].type === 'Property' &&
+              properties[1].key.name === 'dark'
+            )
+          ) {
+            context.report({
+              node,
+              messageId: 'dynamicColorIOSArg',
+            });
+            return;
+          }
+          const light = properties[0];
+          if (
+            !(
+              light.value.type === 'Literal' ||
+              (light.value.type === 'CallExpression' &&
+                light.value.callee.name === 'PlatformColor')
+            )
+          ) {
+            context.report({
+              node,
+              messageId: 'dynamicColorIOSLight',
+            });
+            return;
+          }
+          const dark = properties[1];
+          if (
+            !(
+              dark.value.type === 'Literal' ||
+              (dark.value.type === 'CallExpression' &&
+                dark.value.callee.name === 'PlatformColor')
+            )
+          ) {
+            context.report({
+              node,
+              messageId: 'dynamicColorIOSDark',
+            });
+            return;
+          }
+        } else if (node.callee.name === 'ColorAndroid') {
+          const args = node.arguments;
+          if (!(args.length === 1 && args[0].type === 'Literal')) {
+            context.report({
+              node,
+              messageId: 'colorAndroidArg',
+            });
+            return;
+          }
+        }
+      },
+    };
+  },
+};
diff --git a/packages/react-native-codegen/BUCK b/packages/react-native-codegen/BUCK
index c51192370e2e6e..eb1521347d7ddd 100644
--- a/packages/react-native-codegen/BUCK
+++ b/packages/react-native-codegen/BUCK
@@ -11,9 +11,9 @@ fb_native.sh_binary(
     main = "src/cli/verify_with_old_codegen.sh",
     visibility = ["PUBLIC"],
     resources = [
-        "fbsource//xplat/js:setup_env",
         "src/cli/verify_with_old_codegen.js",
         "src/cli/verify_with_old_codegen.sh",
+        "//xplat/js:setup_env",
     ],
 )
 
@@ -27,9 +27,9 @@ fb_native.sh_binary(
     name = "write_to_json",
     main = "src/cli/combine/combine_js_to_schema.sh",
     resources = [
-        "fbsource//xplat/js:setup_env",
         "src/cli/combine/combine-js-to-schema.js",
         "src/cli/combine/combine_js_to_schema.sh",
+        "//xplat/js:setup_env",
     ],
     visibility = ["PUBLIC"],
 )
@@ -45,7 +45,7 @@ fb_native.sh_binary(
     ) + [
         "buck_tests/generate-tests.js",
         "package.json",
-        "fbsource//xplat/js:setup_env",
+        "//xplat/js:setup_env",
         "yarn.lock",
     ],
     visibility = ["PUBLIC"],
@@ -59,7 +59,7 @@ fb_native.genrule(
             "**/e2e/__test_fixtures__/modules/Native*.js",
         ],
     ),
-    cmd = "$(exe fbsource//xplat/js/react-native-github/packages/react-native-codegen:write_to_json) $OUT $SRCS",
+    cmd = "$(exe //xplat/js/react-native-github/packages/react-native-codegen:write_to_json) $OUT $SRCS",
     out = "schema-codegen_tests.json",
 )
 
diff --git a/packages/react-native-codegen/DEFS.bzl b/packages/react-native-codegen/DEFS.bzl
index 17146cf26627d5..9099034da04ca9 100644
--- a/packages/react-native-codegen/DEFS.bzl
+++ b/packages/react-native-codegen/DEFS.bzl
@@ -1,6 +1,6 @@
 load("@fbsource//tools/build_defs:fb_native_wrapper.bzl", "fb_native")
 load("@fbsource//tools/build_defs:platform_defs.bzl", "IOS", "MACOSX")
-load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_debug_preprocessor_flags")
+load("@fbsource//tools/build_defs/apple:flag_defs.bzl", "get_preprocessor_flags_for_build_mode")
 load(
     "//tools/build_defs/oss:rn_defs.bzl",
     "ANDROID",
@@ -28,20 +28,23 @@ def rn_codegen_modules(
     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),
+        cmd = "$(exe //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),
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         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),
+        labels = ["codegen_rule"],
     )
 
     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),
+        labels = ["codegen_rule"],
     )
 
     rn_xplat_cxx_library(
@@ -64,7 +67,7 @@ def rn_codegen_modules(
             "-Wall",
         ],
         fbobjc_compiler_flags = get_apple_compiler_flags(),
-        fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+        fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
         platforms = (APPLE),
         apple_sdks = (IOS),
         preprocessor_flags = [
@@ -73,8 +76,9 @@ def rn_codegen_modules(
         ],
         visibility = ["PUBLIC"],
         deps = [
-            "fbsource//xplat/js:React",
+            "//xplat/js:React",
         ],
+        labels = ["codegen_rule"],
     )
 
 def rn_codegen_components(
@@ -96,56 +100,65 @@ def rn_codegen_components(
     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),
+        cmd = "$(exe //xplat/js/react-native-github/packages/react-native-codegen:rn_codegen) $(location {}) {} $OUT {}".format(schema_target, name, name),
         out = "codegenfiles-{}".format(name),
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_component_descriptor_h_name,
         cmd = "cp $(location :{})/ComponentDescriptors.h $OUT".format(generate_fixtures_rule_name),
         out = "ComponentDescriptors.h",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_component_hobjcpp_name,
         cmd = "cp $(location :{})/RCTComponentViewHelpers.h $OUT".format(generate_fixtures_rule_name),
         out = "RCTComponentViewHelpers.h",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_event_emitter_cpp_name,
         cmd = "cp $(location :{})/EventEmitters.cpp $OUT".format(generate_fixtures_rule_name),
         out = "EventEmitters.cpp",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_event_emitter_h_name,
         cmd = "cp $(location :{})/EventEmitters.h $OUT".format(generate_fixtures_rule_name),
         out = "EventEmitters.h",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_props_cpp_name,
         cmd = "cp $(location :{})/Props.cpp $OUT".format(generate_fixtures_rule_name),
         out = "Props.cpp",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_tests_cpp_name,
         cmd = "cp $(location :{})/Tests.cpp $OUT".format(generate_fixtures_rule_name),
         out = "Tests.cpp",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_props_h_name,
         cmd = "cp $(location :{})/Props.h $OUT".format(generate_fixtures_rule_name),
         out = "Props.h",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = copy_generated_java_files,
-        cmd = "mkdir $OUT && find $(location :{}) -name '*.java' -exec cp {{}} $OUT \;".format(generate_fixtures_rule_name),
+        cmd = "mkdir $OUT && find $(location :{}) -name '*.java' -exec cp {{}} $OUT \\;".format(generate_fixtures_rule_name),
         out = "java",
+        labels = ["codegen_rule"],
     )
 
     fb_native.zip_file(
@@ -159,12 +172,14 @@ def rn_codegen_components(
         name = generate_shadow_node_cpp_name,
         cmd = "cp $(location :{})/ShadowNodes.cpp $OUT".format(generate_fixtures_rule_name),
         out = "ShadowNodes.cpp",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_shadow_node_h_name,
         cmd = "cp $(location :{})/ShadowNodes.h $OUT".format(generate_fixtures_rule_name),
         out = "ShadowNodes.h",
+        labels = ["codegen_rule"],
     )
 
     # libs
@@ -203,8 +218,8 @@ def rn_codegen_components(
             "-Wall",
         ],
         fbobjc_compiler_flags = get_apple_compiler_flags(),
-        fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
-        fbobjc_labels = ["supermodule:ios/isolation/infra.react_native"],
+        fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
+        fbobjc_labels = ["supermodule:ios/default/public.react_native.infra"],
         platforms = (ANDROID, APPLE, CXX),
         preprocessor_flags = [
             "-DLOG_TAG=\"ReactNative\"",
@@ -212,11 +227,11 @@ def rn_codegen_components(
         ],
         visibility = ["PUBLIC"],
         deps = [
-            "fbsource//xplat/fbsystrace:fbsystrace",
-            "fbsource//xplat/folly:headers_only",
-            "fbsource//xplat/folly:memory",
-            "fbsource//xplat/folly:molly",
-            "fbsource//xplat/third-party/glog:glog",
+            "//xplat/fbsystrace:fbsystrace",
+            "//xplat/folly:headers_only",
+            "//xplat/folly:memory",
+            "//xplat/folly:molly",
+            "//xplat/third-party/glog:glog",
             YOGA_CXX_TARGET,
             react_native_xplat_target("fabric/debug:debug"),
             react_native_xplat_target("fabric/core:core"),
@@ -225,6 +240,7 @@ def rn_codegen_components(
             react_native_xplat_target("fabric/imagemanager:imagemanager"),
             react_native_xplat_target("fabric/components/view:view"),
         ],
+        labels = ["codegen_rule"],
     )
 
     rn_android_library(
@@ -238,6 +254,7 @@ def rn_codegen_components(
             react_native_target("java/com/facebook/react/bridge:bridge"),
             react_native_target("java/com/facebook/react/uimanager:uimanager"),
         ],
+        labels = ["codegen_rule"],
     )
 
     # Tests
@@ -256,9 +273,10 @@ def rn_codegen_components(
         apple_sdks = (IOS, MACOSX),
         platforms = (ANDROID, APPLE, CXX),
         deps = [
-            "fbsource//xplat/third-party/gmock:gtest",
+            "//xplat/third-party/gmock:gtest",
             ":generated_components-{}".format(name),
         ],
+        labels = ["codegen_rule"],
     )
 
 def rn_codegen_cxx_modules(
@@ -271,20 +289,23 @@ def rn_codegen_cxx_modules(
     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),
+        cmd = "$(exe //xplat/js/react-native-github/packages/react-native-codegen:rn_codegen) $(location {}) {} $OUT {}".format(schema_target, name, name),
         out = "codegenfiles-{}".format(name),
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_module_h_name,
         cmd = "cp $(location :{})/NativeModules.h $OUT".format(generate_fixtures_rule_name),
         out = "NativeModules.h",
+        labels = ["codegen_rule"],
     )
 
     fb_native.genrule(
         name = generate_module_cpp_name,
         cmd = "cp $(location :{})/NativeModules.cpp $OUT".format(generate_fixtures_rule_name),
         out = "NativeModules.cpp",
+        labels = ["codegen_rule"],
     )
 
     rn_xplat_cxx_library(
@@ -307,7 +328,7 @@ def rn_codegen_cxx_modules(
             "-Wall",
         ],
         fbobjc_compiler_flags = get_apple_compiler_flags(),
-        fbobjc_preprocessor_flags = get_debug_preprocessor_flags() + get_apple_inspector_flags(),
+        fbobjc_preprocessor_flags = get_preprocessor_flags_for_build_mode() + get_apple_inspector_flags(),
         platforms = (ANDROID, APPLE),
         preprocessor_flags = [
             "-DLOG_TAG=\"ReactNative\"",
@@ -317,4 +338,5 @@ def rn_codegen_cxx_modules(
         exported_deps = [
             react_native_xplat_target("turbomodule/core:core"),
         ],
+        labels = ["codegen_rule"],
     )
diff --git a/packages/react-native-codegen/README.md b/packages/react-native-codegen/README.md
new file mode 100644
index 00000000000000..fe7238736dbb2a
--- /dev/null
+++ b/packages/react-native-codegen/README.md
@@ -0,0 +1,14 @@
+# react-native-codegen
+
+[![Version][version-badge]][package]
+
+## Installation
+
+```
+yarn add --dev react-native-codegen
+```
+
+*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*
+
+[version-badge]: https://img.shields.io/npm/v/react-native-codegen?style=flat-square
+[package]: https://www.npmjs.com/package/react-native-codegen
diff --git a/packages/react-native-codegen/package.json b/packages/react-native-codegen/package.json
index 32f0d127812253..88d16e5f278f64 100644
--- a/packages/react-native-codegen/package.json
+++ b/packages/react-native-codegen/package.json
@@ -1,17 +1,21 @@
 {
-  "version": "0.0.1",
   "name": "react-native-codegen",
+  "version": "0.0.2",
   "description": "⚛️ Code generation tools for React Native",
+  "homepage": "https://github.com/facebook/react-native/tree/master/packages/react-native-codegen",
   "repository": {
     "type": "git",
     "url": "git@github.com:facebook/react-native.git"
   },
+  "license": "MIT",
+  "files": [
+    "src"
+  ],
   "dependencies": {
-    "flow-parser": "^0.102.0",
-    "jscodeshift": "^0.6.2",
+    "flow-parser": "^0.121.0",
+    "jscodeshift": "^0.7.0",
     "nullthrows": "^1.1.1"
   },
-  "license": "MIT",
   "beachball": {
     "shouldPublish": false
   }  
diff --git a/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
index 292347a5a6c1d1..cf2da06ef64e79 100644
--- a/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
+++ b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
@@ -26,9 +26,6 @@ function combineSchemas(files: Array<string>): SchemaType {
         const schema = FlowParser.parseFile(filename);
 
         if (schema && schema.modules) {
-          /* $FlowFixMe(>=0.111.0 site=react_native_fb) This comment suppresses
-           * an error found when Flow v0.111 was deployed. To see the error,
-           * delete this comment and run Flow. */
           merged.modules = {...merged.modules, ...schema.modules};
         }
       }
diff --git a/packages/react-native-codegen/src/generators/components/CppHelpers.js b/packages/react-native-codegen/src/generators/components/CppHelpers.js
index 6b92c5df968c8a..80854623221241 100644
--- a/packages/react-native-codegen/src/generators/components/CppHelpers.js
+++ b/packages/react-native-codegen/src/generators/components/CppHelpers.js
@@ -98,6 +98,11 @@ function getImports(properties: $ReadOnlyArray<PropTypeShape>): Set<string> {
   return imports;
 }
 
+function generateEventStructName(parts: $ReadOnlyArray<string> = []): string {
+  const additional = parts.map(toSafeCppString).join('');
+  return `${additional}`;
+}
+
 function generateStructName(
   componentName: string,
   parts: $ReadOnlyArray<string> = [],
@@ -206,4 +211,5 @@ module.exports = {
   toSafeCppString,
   toIntEnumValueName,
   generateStructName,
+  generateEventStructName,
 };
diff --git a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
index 76f029bc7bec67..8577df4309ebe6 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-const {generateStructName} = require('./CppHelpers.js');
+const {generateEventStructName} = require('./CppHelpers.js');
 
 import type {
   ComponentShape,
@@ -151,10 +151,7 @@ function generateEvent(componentName: string, event): string {
       .replace(/::_CLASSNAME_::/g, componentName)
       .replace(/::_EVENT_NAME_::/g, event.name)
       .replace(/::_DISPATCH_EVENT_NAME_::/g, dispatchEventName)
-      .replace(
-        '::_STRUCT_NAME_::',
-        generateStructName(componentName, [event.name]),
-      )
+      .replace('::_STRUCT_NAME_::', generateEventStructName([event.name]))
       .replace('::_IMPLEMENTATION_::', implementation);
   }
 
diff --git a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
index 104d4e9726f093..a1d6956f8557cc 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
@@ -15,7 +15,7 @@ const nullthrows = require('nullthrows');
 const {
   getCppTypeForAnnotation,
   toSafeCppString,
-  generateStructName,
+  generateEventStructName,
 } = require('./CppHelpers.js');
 
 import type {
@@ -55,31 +55,45 @@ namespace react {
 `;
 
 const componentTemplate = `
-::_STRUCTS_::
-
 class ::_CLASSNAME_::EventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
 
+  ::_STRUCTS_::
+
   ::_EVENTS_::
 };
 `.trim();
 
 const structTemplate = `
-struct ::_STRUCT_NAME_:: {
-  ::_FIELDS_::
-};
+  struct ::_STRUCT_NAME_:: {
+    ::_FIELDS_::
+  };
 `.trim();
 
 const enumTemplate = `enum class ::_ENUM_NAME_:: {
   ::_VALUES_::
 };
 
-inline char const *toString(const ::_ENUM_NAME_:: value) {
+static char const *toString(const ::_ENUM_NAME_:: value) {
   switch (value) {
     ::_TO_CASES_::
   }
-}`.trim();
+}
+`.trim();
+
+function indent(nice: string, spaces: number) {
+  return nice
+    .split('\n')
+    .map((line, index) => {
+      if (line.length === 0 || index === 0) {
+        return line;
+      }
+      const emptySpaces = new Array(spaces + 1).join(' ');
+      return emptySpaces + line;
+    })
+    .join('\n');
+}
 
 function getNativeTypeFromAnnotation(
   componentName: string,
@@ -96,22 +110,16 @@ function getNativeTypeFromAnnotation(
     case 'FloatTypeAnnotation':
       return getCppTypeForAnnotation(type);
     case 'StringEnumTypeAnnotation':
-      return generateStructName(
-        componentName,
-        nameParts.concat([eventProperty.name]),
-      );
+      return generateEventStructName(nameParts.concat([eventProperty.name]));
     case 'ObjectTypeAnnotation':
-      return generateStructName(
-        componentName,
-        nameParts.concat([eventProperty.name]),
-      );
+      return generateEventStructName(nameParts.concat([eventProperty.name]));
     default:
       (type: empty);
       throw new Error(`Received invalid event property type ${type}`);
   }
 }
-function generateEnum(structs, componentName, options, nameParts) {
-  const structName = generateStructName(componentName, nameParts);
+function generateEnum(structs, options, nameParts) {
+  const structName = generateEventStructName(nameParts);
   const fields = options
     .map((option, index) => `${toSafeCppString(option.name)}`)
     .join(',\n  ');
@@ -141,7 +149,7 @@ function generateStruct(
   properties: $ReadOnlyArray<ObjectPropertyType>,
 ): void {
   const structNameParts = nameParts;
-  const structName = generateStructName(componentName, structNameParts);
+  const structName = generateEventStructName(structNameParts);
 
   const fields = properties
     .map(property => {
@@ -171,12 +179,7 @@ function generateStruct(
         );
         return;
       case 'StringEnumTypeAnnotation':
-        generateEnum(
-          structs,
-          componentName,
-          property.options,
-          nameParts.concat([name]),
-        );
+        generateEnum(structs, property.options, nameParts.concat([name]));
         return;
       default:
         (property: empty);
@@ -213,7 +216,7 @@ function generateStructs(componentName: string, component): string {
 
 function generateEvent(componentName: string, event: EventTypeShape): string {
   if (event.typeAnnotation.argument) {
-    const structName = generateStructName(componentName, [event.name]);
+    const structName = generateEventStructName([event.name]);
 
     return `void ${event.name}(${structName} value) const;`;
   }
@@ -261,7 +264,7 @@ module.exports = {
                 .replace(/::_CLASSNAME_::/g, componentName)
                 .replace(
                   '::_STRUCTS_::',
-                  generateStructs(componentName, component),
+                  indent(generateStructs(componentName, component), 2),
                 )
                 .replace(
                   '::_EVENTS_::',
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsH.js b/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
index 8a9bc13f17748b..557a7e4d27baa3 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
@@ -454,7 +454,7 @@ function generatePropsString(
       const nativeType = getNativeTypeFromAnnotation(componentName, prop, []);
       const defaultValue = convertDefaultTypeToString(componentName, prop);
 
-      return `const ${nativeType} ${prop.name}{${defaultValue}};`;
+      return `${nativeType} ${prop.name}{${defaultValue}};`;
     })
     .join('\n' + '  ');
 }
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
index 8264d85001bce3..239bf887e3ca4b 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
@@ -106,7 +106,7 @@ function getJavaValueForProp(
     case 'NativePrimitiveTypeAnnotation':
       switch (typeAnnotation.name) {
         case 'ColorPrimitive':
-          return 'value == null ? null : ((Double) value).intValue()';
+          return 'ColorPropConverter.getColor(value, view.getContext())';
         case 'ImageSourcePrimitive':
           return '(ReadableMap) value';
         case 'PointPrimitive':
@@ -230,7 +230,7 @@ function getClassExtendString(component): string {
 }
 
 function getDelegateImports(component) {
-  const imports = getImports(component);
+  const imports = getImports(component, 'delegate');
   // The delegate needs ReadableArray for commands always.
   // The interface doesn't always need it
   if (component.commands.length > 0) {
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
index c077532771c5e2..51b008bb54dc94 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
@@ -218,7 +218,7 @@ module.exports = {
           const className = getInterfaceJavaClassName(componentName);
           const fileName = `${className}.java`;
 
-          const imports = getImports(component);
+          const imports = getImports(component, 'interface');
           const propsString = generatePropsString(component, imports);
           const commandsString = generateCommandsString(
             component,
diff --git a/packages/react-native-codegen/src/generators/components/JavaHelpers.js b/packages/react-native-codegen/src/generators/components/JavaHelpers.js
index 4f980ea16894bf..affb28a21406e0 100644
--- a/packages/react-native-codegen/src/generators/components/JavaHelpers.js
+++ b/packages/react-native-codegen/src/generators/components/JavaHelpers.js
@@ -37,7 +37,10 @@ function toSafeJavaString(
   return parts.map(upperCaseFirst).join('');
 }
 
-function getImports(component: ComponentShape): Set<string> {
+function getImports(
+  component: ComponentShape,
+  type: 'interface' | 'delegate',
+): Set<string> {
   const imports: Set<string> = new Set();
 
   component.extendsProps.forEach(extendProps => {
@@ -60,6 +63,9 @@ function getImports(component: ComponentShape): Set<string> {
   function addImportsForNativeName(name) {
     switch (name) {
       case 'ColorPrimitive':
+        if (type === 'delegate') {
+          imports.add('import com.facebook.react.bridge.ColorPropConverter;');
+        }
         return;
       case 'ImageSourcePrimitive':
         imports.add('import com.facebook.react.bridge.ReadableMap;');
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
index 9fa0d8359c31e0..a13aedb1303c47 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
@@ -176,7 +176,7 @@ Map {
 namespace facebook {
 namespace react {
 
-void EventsNestedObjectNativeComponentEventEmitter::onChange(EventsNestedObjectNativeComponentOnChangeStruct event) const {
+void EventsNestedObjectNativeComponentEventEmitter::onChange(OnChange event) const {
   dispatchEvent(\\"change\\", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
     {
@@ -217,7 +217,7 @@ Map {
 namespace facebook {
 namespace react {
 
-void EventsNativeComponentEventEmitter::onChange(EventsNativeComponentOnChangeStruct event) const {
+void EventsNativeComponentEventEmitter::onChange(OnChange event) const {
   dispatchEvent(\\"change\\", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
     payload.setProperty(runtime, \\"value\\", event.value);
@@ -227,14 +227,14 @@ payload.setProperty(runtime, \\"scale\\", event.scale);
     return payload;
   });
 }
-void EventsNativeComponentEventEmitter::onEventDirect(EventsNativeComponentOnEventDirectStruct event) const {
+void EventsNativeComponentEventEmitter::onEventDirect(OnEventDirect event) const {
   dispatchEvent(\\"eventDirect\\", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
     payload.setProperty(runtime, \\"value\\", event.value);
     return payload;
   });
 }
-void EventsNativeComponentEventEmitter::onOrientationChange(EventsNativeComponentOnOrientationChangeStruct event) const {
+void EventsNativeComponentEventEmitter::onOrientationChange(OnOrientationChange event) const {
   dispatchEvent(\\"orientationChange\\", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
     payload.setProperty(runtime, \\"orientation\\", toString(event.orientation));
@@ -266,14 +266,14 @@ Map {
 namespace facebook {
 namespace react {
 
-void InterfaceOnlyComponentEventEmitter::onChange(InterfaceOnlyComponentOnChangeStruct event) const {
+void InterfaceOnlyComponentEventEmitter::onChange(OnChange 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 {
+void InterfaceOnlyComponentEventEmitter::onDire tChange(OnDire tChange event) const {
   dispatchEvent(\\"dire tChange\\", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
     payload.setProperty(runtime, \\"value\\", event.value);
@@ -440,7 +440,7 @@ Map {
 namespace facebook {
 namespace react {
 
-void InterfaceOnlyComponentEventEmitter::onChange(InterfaceOnlyComponentOnChangeStruct event) const {
+void InterfaceOnlyComponentEventEmitter::onChange(OnChange event) const {
   dispatchEvent(\\"change\\", [event=std::move(event)](jsi::Runtime &runtime) {
     auto payload = jsi::Object(runtime);
     payload.setProperty(runtime, \\"value\\", event.value);
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
index 24434f94decdfa..6b0076238052ea 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
@@ -184,25 +184,25 @@ Map {
 namespace facebook {
 namespace react {
 
-struct EventsNestedObjectNativeComponentOnChangeLocationSourceStruct {
-  std::string url;
-};
-
-struct EventsNestedObjectNativeComponentOnChangeLocationStruct {
-  EventsNestedObjectNativeComponentOnChangeLocationSourceStruct source;
-  int x;
-  int y;
-};
-
-struct EventsNestedObjectNativeComponentOnChangeStruct {
-  EventsNestedObjectNativeComponentOnChangeLocationStruct location;
-};
-
 class EventsNestedObjectNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
 
-  void onChange(EventsNestedObjectNativeComponentOnChangeStruct value) const;
+  struct OnChangeLocationSource {
+      std::string url;
+    };
+
+  struct OnChangeLocation {
+      OnChangeLocationSource source;
+    int x;
+    int y;
+    };
+
+  struct OnChange {
+      OnChangeLocation location;
+    };
+
+  void onChange(OnChange value) const;
 };
 
 } // namespace react
@@ -227,42 +227,42 @@ Map {
 namespace facebook {
 namespace react {
 
-struct EventsNativeComponentOnChangeStruct {
-  bool value;
-  std::string source;
-  int progress;
-  Float scale;
-};
-
-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;
 
-  void onChange(EventsNativeComponentOnChangeStruct value) const;
+  struct OnChange {
+      bool value;
+    std::string source;
+    int progress;
+    Float scale;
+    };
+
+  struct OnEventDirect {
+      bool value;
+    };
+
+  enum class OnOrientationChangeOrientation {
+    Landscape,
+    Portrait
+  };
+
+  static char const *toString(const OnOrientationChangeOrientation value) {
+    switch (value) {
+      case OnOrientationChangeOrientation::Landscape: return \\"landscape\\";
+      case OnOrientationChangeOrientation::Portrait: return \\"portrait\\";
+    }
+  }
+
+  struct OnOrientationChange {
+      OnOrientationChangeOrientation orientation;
+    };
 
-  void onEventDirect(EventsNativeComponentOnEventDirectStruct value) const;
+  void onChange(OnChange value) const;
 
-  void onOrientationChange(EventsNativeComponentOnOrientationChangeStruct value) const;
+  void onEventDirect(OnEventDirect value) const;
+
+  void onOrientationChange(OnOrientationChange value) const;
 
   void onEnd() const;
 };
@@ -289,21 +289,21 @@ Map {
 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;
+  struct OnChange {
+      bool value;
+    };
+
+  struct OnDire tChange {
+      bool value;
+    };
 
-  void onDire tChange(InterfaceOnlyComponentOnDire tChangeStruct value) const;
+  void onChange(OnChange value) const;
+
+  void onDire tChange(OnDire tChange value) const;
 };
 
 } // namespace react
@@ -472,15 +472,15 @@ Map {
 namespace facebook {
 namespace react {
 
-struct InterfaceOnlyComponentOnChangeStruct {
-  bool value;
-};
-
 class InterfaceOnlyComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
 
-  void onChange(InterfaceOnlyComponentOnChangeStruct value) const;
+  struct OnChange {
+      bool value;
+    };
+
+  void onChange(OnChange value) const;
 };
 
 } // namespace react
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
index 86b4dd28d228ff..687290a402e574 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
@@ -194,17 +194,17 @@ class ArrayPropsNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const std::vector<std::string> names{};
-  const std::vector<bool> disableds{};
-  const std::vector<int> progress{};
-  const std::vector<Float> radii{};
-  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{};
-  const std::vector<ArrayPropsNativeComponentArrayStruct> array{};
-  const std::vector<std::vector<ArrayPropsNativeComponentArrayOfArrayOfObjectStruct>> arrayOfArrayOfObject{};
+  std::vector<std::string> names{};
+  std::vector<bool> disableds{};
+  std::vector<int> progress{};
+  std::vector<Float> radii{};
+  std::vector<SharedColor> colors{};
+  std::vector<ImageSource> srcs{};
+  std::vector<Point> points{};
+  ArrayPropsNativeComponentSizesMask sizes{static_cast<ArrayPropsNativeComponentSizesMask>(ArrayPropsNativeComponentSizes::Small)};
+  std::vector<ArrayPropsNativeComponentObjectStruct> object{};
+  std::vector<ArrayPropsNativeComponentArrayStruct> array{};
+  std::vector<std::vector<ArrayPropsNativeComponentArrayOfArrayOfObjectStruct>> arrayOfArrayOfObject{};
 };
 
 } // namespace react
@@ -277,7 +277,7 @@ class ArrayPropsNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const std::vector<ArrayPropsNativeComponentNativePrimitivesStruct> nativePrimitives{};
+  std::vector<ArrayPropsNativeComponentNativePrimitivesStruct> nativePrimitives{};
 };
 
 } // namespace react
@@ -309,7 +309,7 @@ class BooleanPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{false};
+  bool disabled{false};
 };
 
 } // namespace react
@@ -342,7 +342,7 @@ class ColorPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const SharedColor tintColor{};
+  SharedColor tintColor{};
 };
 
 } // namespace react
@@ -406,7 +406,7 @@ class CommandNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const std::string accessibilityHint{\\"\\"};
+  std::string accessibilityHint{\\"\\"};
 };
 
 } // namespace react
@@ -438,12 +438,12 @@ class DoublePropNativeComponentProps final : public ViewProps {
 
 #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};
+  double blurRadius{0.0};
+  double blurRadius2{0.001};
+  double blurRadius3{2.1};
+  double blurRadius4{0.0};
+  double blurRadius5{1.0};
+  double blurRadius6{0.0};
 };
 
 } // namespace react
@@ -475,7 +475,7 @@ class EventsNestedObjectNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{false};
+  bool disabled{false};
 };
 
 } // namespace react
@@ -507,7 +507,7 @@ class EventsNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{false};
+  bool disabled{false};
 };
 
 } // namespace react
@@ -603,12 +603,12 @@ class FloatPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const Float blurRadius{0.0};
-  const Float blurRadius2{0.001};
-  const Float blurRadius3{2.1};
-  const Float blurRadius4{0.0};
-  const Float blurRadius5{1.0};
-  const Float blurRadius6{0.0};
+  Float blurRadius{0.0};
+  Float blurRadius2{0.001};
+  Float blurRadius3{2.1};
+  Float blurRadius4{0.0};
+  Float blurRadius5{1.0};
+  Float blurRadius6{0.0};
 };
 
 } // namespace react
@@ -641,7 +641,7 @@ class ImagePropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const ImageSource thumbImage{};
+  ImageSource thumbImage{};
 };
 
 } // namespace react
@@ -674,7 +674,7 @@ class InsetsPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const EdgeInsets contentInset{};
+  EdgeInsets contentInset{};
 };
 
 } // namespace react
@@ -733,7 +733,7 @@ class Int32EnumPropsNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const Int32EnumPropsNativeComponentMaxInterval maxInterval{Int32EnumPropsNativeComponentMaxInterval::MaxInterval0};
+  Int32EnumPropsNativeComponentMaxInterval maxInterval{Int32EnumPropsNativeComponentMaxInterval::MaxInterval0};
 };
 
 } // namespace react
@@ -765,9 +765,9 @@ class IntegerPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const int progress1{0};
-  const int progress2{-1};
-  const int progress3{10};
+  int progress1{0};
+  int progress2{-1};
+  int progress3{10};
 };
 
 } // namespace react
@@ -799,7 +799,7 @@ class InterfaceOnlyComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const std::string accessibilityHint{\\"\\"};
+  std::string accessibilityHint{\\"\\"};
 };
 
 } // namespace react
@@ -834,10 +834,10 @@ class ImageColorPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const ImageSource thumbImage{};
-  const SharedColor color{};
-  const SharedColor thumbTintColor{};
-  const Point point{};
+  ImageSource thumbImage{};
+  SharedColor color{};
+  SharedColor thumbTintColor{};
+  Point point{};
 };
 
 } // namespace react
@@ -1121,7 +1121,7 @@ class ObjectPropsProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const ObjectPropsObjectPropStruct objectProp{};
+  ObjectPropsObjectPropStruct objectProp{};
 };
 
 } // namespace react
@@ -1154,7 +1154,7 @@ class PointPropNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const Point startPoint{};
+  Point startPoint{};
 };
 
 } // namespace react
@@ -1204,7 +1204,7 @@ class StringEnumPropsNativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const StringEnumPropsNativeComponentAlignment alignment{StringEnumPropsNativeComponentAlignment::Center};
+  StringEnumPropsNativeComponentAlignment alignment{StringEnumPropsNativeComponentAlignment::Center};
 };
 
 } // namespace react
@@ -1236,8 +1236,8 @@ class StringPropComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const std::string accessibilityHint{\\"\\"};
-  const std::string accessibilityRole{};
+  std::string accessibilityHint{\\"\\"};
+  std::string accessibilityRole{};
 };
 
 } // namespace react
@@ -1269,7 +1269,7 @@ class MultiFile1NativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{false};
+  bool disabled{false};
 };
 
 class MultiFile2NativeComponentProps final : public ViewProps {
@@ -1279,7 +1279,7 @@ class MultiFile2NativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{true};
+  bool disabled{true};
 };
 
 } // namespace react
@@ -1311,7 +1311,7 @@ class MultiComponent1NativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{false};
+  bool disabled{false};
 };
 
 class MultiComponent2NativeComponentProps final : public ViewProps {
@@ -1321,7 +1321,7 @@ class MultiComponent2NativeComponentProps final : public ViewProps {
 
 #pragma mark - Props
 
-  const bool disabled{true};
+  bool disabled{true};
 };
 
 } // 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
index 17767543e4cb0b..27e4baf9895c93 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap
@@ -161,6 +161,7 @@ package com.facebook.react.viewmanagers;
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -173,7 +174,7 @@ public class ColorPropNativeComponentManagerDelegate<T extends View, U extends B
   public void setProperty(T view, String propName, @Nullable Object value) {
     switch (propName) {
       case \\"tintColor\\":
-        mViewManager.setTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       default:
         super.setProperty(view, propName, value);
@@ -704,6 +705,7 @@ package com.facebook.react.viewmanagers;
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ColorPropConverter;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.BaseViewManagerInterface;
@@ -720,10 +722,10 @@ public class ImageColorPropNativeComponentManagerDelegate<T extends View, U exte
         mViewManager.setThumbImage(view, (ReadableMap) value);
         break;
       case \\"color\\":
-        mViewManager.setColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case \\"thumbTintColor\\":
-        mViewManager.setThumbTintColor(view, value == null ? null : ((Double) value).intValue());
+        mViewManager.setThumbTintColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case \\"point\\":
         mViewManager.setPoint(view, (ReadableMap) value);
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js
index 5cea4def8c75b4..184612663b9bbe 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleHObjCpp.js
@@ -27,7 +27,7 @@ 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<CallInvoker> jsInvoker);
+  Native::_MODULE_NAME_::SpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };`;
 
 const protocolTemplate = `
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js
index bd3949b2fb8873..ab142588de96aa 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleMm.js
@@ -34,8 +34,8 @@ const proprertyDefTemplate =
 const moduleTemplate = `
 ::_TURBOMODULE_METHOD_INVOKERS_::
 
-Native::_MODULE_NAME_::SpecJSI::Native::_MODULE_NAME_::SpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule("::_MODULE_NAME_::", instance, jsInvoker) {
+Native::_MODULE_NAME_::SpecJSI::Native::_MODULE_NAME_::SpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule("::_MODULE_NAME_::", instance, jsInvoker, nativeInvoker, perfLogger) {
 ::_PROPERTIES_MAP_::::_CONVERSION_SELECTORS_::
 }`.trim();
 
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
index 577a0a1c386a36..9fecc865e8aea3 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
@@ -158,7 +158,7 @@ namespace react {
 
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 } // namespace react
@@ -207,7 +207,7 @@ namespace react {
 
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 } // namespace react
@@ -313,7 +313,7 @@ namespace react {
 
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 } // namespace react
@@ -372,12 +372,12 @@ namespace react {
 
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 class JSI_EXPORT NativeSample2TurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 } // namespace react
@@ -435,12 +435,12 @@ namespace react {
 
 class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 class JSI_EXPORT NativeSample2TurboModuleSpecJSI : public ObjCTurboModule {
 public:
-  NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker);
+  NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger);
 };
 
 } // namespace react
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
index 180b326378dbd6..126bc5aa37330e 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
@@ -37,8 +37,8 @@ static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_diffic
          .invokeObjCMethod(rt, ObjectKind, \\"difficult\\", @selector(difficult:), args, count);
 }
 
-NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
   methodMap_[\\"difficult\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_difficult};
   setMethodArgConversionSelector(@\\"difficult\\", 0, @\\"JS_NativeSampleTurboModule_SpecDifficultA:\\");
 }
@@ -67,8 +67,8 @@ namespace react {
 
 
 
-NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
 
 }
 
@@ -135,8 +135,8 @@ static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getVal
          .invokeObjCMethod(rt, PromiseKind, \\"getValueWithPromise\\", @selector(getValueWithPromise:resolve:reject:), args, count);
 }
 
-NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
   methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants};
   methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
   methodMap_[\\"getBool\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_getBool};
@@ -177,8 +177,8 @@ static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFu
          .invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
 }
 
-NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
   methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
 }
 
@@ -187,8 +187,8 @@ static facebook::jsi::Value __hostFunction_NativeSample2TurboModuleSpecJSI_voidF
          .invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
 }
 
-NativeSample2TurboModuleSpecJSI::NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"Sample2TurboModule\\", instance, jsInvoker) {
+NativeSample2TurboModuleSpecJSI::NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"Sample2TurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
 
   methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleSpecJSI_voidFunc};
 }
@@ -221,8 +221,8 @@ static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFu
          .invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
 }
 
-NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker) {
+NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"SampleTurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
   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) {
@@ -230,8 +230,8 @@ static facebook::jsi::Value __hostFunction_NativeSample2TurboModuleSpecJSI_voidF
          .invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
 }
 
-NativeSample2TurboModuleSpecJSI::NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker)
-  : ObjCTurboModule(\\"Sample2TurboModule\\", instance, jsInvoker) {
+NativeSample2TurboModuleSpecJSI::NativeSample2TurboModuleSpecJSI(id<RCTTurboModule> instance, std::shared_ptr<CallInvoker> jsInvoker, std::shared_ptr<CallInvoker> nativeInvoker, id<RCTTurboModulePerformanceLogger> perfLogger)
+  : ObjCTurboModule(\\"Sample2TurboModule\\", instance, jsInvoker, nativeInvoker, perfLogger) {
   methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSample2TurboModuleSpecJSI_voidFunc};
 }
 
diff --git a/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
index d4a9f2efbe7db8..5a6e24d43dc864 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
@@ -275,6 +275,12 @@ type ModuleProps = $ReadOnly<{|
   color_array_optional_value: ?ColorArrayValue,
   color_array_optional_both?: ?ColorArrayValue,
 
+  // ProcessedColorValue props
+  processed_color_required: ProcessedColorValue,
+  processed_color_optional_key?: ProcessedColorValue,
+  processed_color_optional_value: ?ProcessedColorValue,
+  processed_color_optional_both?: ?ProcessedColorValue,
+
   // PointValue props
   point_required: PointValue,
   point_optional_key?: PointValue,
@@ -310,7 +316,7 @@ const codegenNativeComponent = require('codegenNativeComponent');
 
 import type {Int32, Double, Float, WithDefault} from 'CodegenTypes';
 import type {ImageSource} from 'ImageSource';
-import type {ColorValue, PointValue, EdgeInsetsValue} from 'StyleSheetTypes';
+import type {ColorValue, PointValue, ProcessColorValue, EdgeInsetsValue} from 'StyleSheetTypes';
 import type {ViewProps} from 'ViewPropTypes';
 import type {HostComponent} from 'react-native';
 
@@ -508,6 +514,12 @@ type ModuleProps = $ReadOnly<{|
   color_optional_value: $ReadOnly<{|prop: ?ColorValue|}>,
   color_optional_both: $ReadOnly<{|prop?: ?ColorValue|}>,
 
+  // ProcessedColorValue props
+  processed_color_required: $ReadOnly<{|prop: ProcessedColorValue|}>,
+  processed_color_optional_key: $ReadOnly<{|prop?: ProcessedColorValue|}>,
+  processed_color_optional_value: $ReadOnly<{|prop: ?ProcessedColorValue|}>,
+  processed_color_optional_both: $ReadOnly<{|prop?: ?ProcessedColorValue|}>,
+
   // PointValue props
   point_required: $ReadOnly<{|prop: PointValue|}>,
   point_optional_key: $ReadOnly<{|prop?: PointValue|}>,
diff --git a/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap b/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
index 712aca291934ce..5fdbb373abe9a9 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
+++ b/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
@@ -456,6 +456,38 @@ Object {
                 "type": "ArrayTypeAnnotation",
               },
             },
+            Object {
+              "name": "processed_color_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "processed_color_optional_key",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "processed_color_optional_value",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "processed_color_optional_both",
+              "optional": true,
+              "typeAnnotation": Object {
+                "name": "ColorPrimitive",
+                "type": "NativePrimitiveTypeAnnotation",
+              },
+            },
             Object {
               "name": "point_required",
               "optional": false,
@@ -5480,6 +5512,74 @@ Object {
                 "type": "ObjectTypeAnnotation",
               },
             },
+            Object {
+              "name": "processed_color_required",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": false,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "processed_color_optional_key",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "processed_color_optional_value",
+              "optional": false,
+              "typeAnnotation": Object {
+                "properties": Array [
+                  Object {
+                    "name": "prop",
+                    "optional": true,
+                    "typeAnnotation": Object {
+                      "name": "ColorPrimitive",
+                      "type": "NativePrimitiveTypeAnnotation",
+                    },
+                  },
+                ],
+                "type": "ObjectTypeAnnotation",
+              },
+            },
+            Object {
+              "name": "processed_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,
diff --git a/packages/react-native-codegen/src/parsers/flow/components/props.js b/packages/react-native-codegen/src/parsers/flow/components/props.js
index 6531a2c9b433fa..404289cc8a7dc7 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/props.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/props.js
@@ -94,6 +94,7 @@ function getTypeAnnotationForArray(name, typeAnnotation, defaultValue, types) {
         name: 'ImageSourcePrimitive',
       };
     case 'ColorValue':
+    case 'ProcessedColorValue':
       return {
         type: 'NativePrimitiveTypeAnnotation',
         name: 'ColorPrimitive',
@@ -217,6 +218,7 @@ function getTypeAnnotation(
         name: 'ImageSourcePrimitive',
       };
     case 'ColorValue':
+    case 'ProcessedColorValue':
       return {
         type: 'NativePrimitiveTypeAnnotation',
         name: 'ColorPrimitive',
diff --git a/react.gradle b/react.gradle
index d886a9b986b468..6441d93f70ecdd 100644
--- a/react.gradle
+++ b/react.gradle
@@ -21,7 +21,26 @@ def detectEntryFile(config) {
     return "index.js";
 }
 
-def cliPath = config.cliPath ?: "node_modules/react-native/cli.js"
+/**
+ * Detects CLI location in a similar fashion to the React Native CLI
+ */
+def detectCliPath(config) {
+    if (config.cliPath) {
+        return config.cliPath
+    }
+
+    def cliPath = ["node", "-e", "console.log(require('react-native/cli').bin);"].execute([], projectDir).text.trim()
+    
+    if (cliPath) {
+        return cliPath
+    } else if (new File("${projectDir}/../../node_modules/react-native/cli.js").exists()) {
+        return "${projectDir}/../../node_modules/react-native/cli.js"
+    } else {
+        throw new Exception("Couldn't determine CLI location. " +
+            "Please set `project.ext.react.cliPath` to the path of the 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 = detectEntryFile(config)
@@ -30,7 +49,7 @@ 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 hermesCommand = config.hermesCommand ?: "../../node_modules/hermes-engine/%OS-BIN%/hermesc"
 
 def reactNativeDevServerPort() {
     def value = project.getProperties().get("reactNativeDevServerPort")
@@ -98,21 +117,16 @@ afterEvaluate {
 
         // 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 cliPath = detectCliPath(config)
 
         def execCommand = []
 
-        if (config.cliPath || config.nodeExecutableAndArgs) {
-            if (Os.isFamily(Os.FAMILY_WINDOWS)) {
-                execCommand.addAll(["cmd", "/c", *nodeExecutableAndArgs, cliPath])
-            } else {
-                execCommand.addAll([*nodeExecutableAndArgs, cliPath])
-            }
+        if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+            execCommand.addAll(["cmd", "/c", *nodeExecutableAndArgs, cliPath])
         } else {
-            execCommand.addAll([npx, "react-native"])
+            execCommand.addAll([*nodeExecutableAndArgs, cliPath])
         }
-
+        
         def enableHermes = enableHermesForVariant(variant)
 
         def currentBundleTask = tasks.create(
@@ -145,7 +159,7 @@ afterEvaluate {
             def devEnabled = !(config."devDisabledIn${targetName}"
                 || targetName.toLowerCase().contains("release"))
 
-            def extraArgs = extraPackagerArgs;
+            def extraArgs = config.extraPackagerArgs ?: [];
 
             if (bundleConfig) {
                 extraArgs = extraArgs.clone()
diff --git a/scripts/.tests.env b/scripts/.tests.env
index 42e5e86ae44d9a..aefc588000fc7c 100644
--- a/scripts/.tests.env
+++ b/scripts/.tests.env
@@ -1,10 +1,10 @@
 # These should match the recommended versions listed in
-# https://facebook.github.io/react-native/docs/getting-started.html
+# https://reactnative.dev/docs/environment-setup
 
 
 ## ANDROID ##
 # Android SDK Build Tools revision
-export ANDROID_SDK_BUILD_TOOLS_REVISION=28.0.3
+export ANDROID_SDK_BUILD_TOOLS_REVISION=29.0.2
 # Android API Level we build with
 export ANDROID_SDK_BUILD_API_LEVEL="28"
 # Google APIs for Android level
@@ -17,9 +17,10 @@ export AVD_NAME="testAVD"
 export AVD_ABI=x86
 
 ## IOS ##
-export IOS_TARGET_OS="12.4"
-export IOS_DEVICE="iPhone 6s"
+export IOS_TARGET_OS="13.3"
+export IOS_DEVICE="iPhone 8"
 export TVOS_DEVICE="Apple TV"
+export SDK_IOS="iphonesimulator"
 
 ## CI OVERRIDES ##
 # Values to override when running in CI
diff --git a/scripts/circleci/report-bundle-size.sh b/scripts/circleci/report-bundle-size.sh
new file mode 100755
index 00000000000000..4f8c49535f7e32
--- /dev/null
+++ b/scripts/circleci/report-bundle-size.sh
@@ -0,0 +1,19 @@
+#!/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.
+
+case $1 in
+  "android" | "ios")
+    GITHUB_OWNER=${CIRCLE_PROJECT_USERNAME:-facebook} \
+    GITHUB_REPO=${CIRCLE_PROJECT_REPONAME:-react-native} \
+    GITHUB_PR_NUMBER="$CIRCLE_PR_NUMBER" \
+    GITHUB_REF=${CIRCLE_BRANCH} \
+    GITHUB_SHA=${CIRCLE_SHA1} \
+    node bots/report-bundle-size.js "$1"
+    ;;
+  *)
+    echo "Syntax: $0 [android | ios]"
+    exit 1
+esac
diff --git a/scripts/ios-install-third-party.sh b/scripts/ios-install-third-party.sh
deleted file mode 100755
index 26b49e19d93a36..00000000000000
--- a/scripts/ios-install-third-party.sh
+++ /dev/null
@@ -1,89 +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.
-
-if [ -n "$RN_CACHE_DIR" ] && [ -d "$RN_CACHE_DIR" ]; then
-  cachedir="$RN_CACHE_DIR"
-elif [ -d "$HOME/.rncache" ]; then
-  cachedir="$HOME/.rncache" # react-native 0.57.8 and older
-else
-  cachedir="$HOME/Library/Caches/com.facebook.ReactNativeBuild"
-fi
-mkdir -p "$cachedir"
-
-function file_fail () {
-    cachefile=$1
-    msg=$2
-
-    echo "$msg. Debug info:" 2>&1
-    ls -l "$cachefile" 2>&1
-    shasum "$cachefile" 2>&1
-    exit 1
-}
-
-function fetch_and_unpack () {
-    file=$1
-    url=$2
-    hash=$3
-    cmd=$4
-
-    retries=4
-    fetched=no
-
-    while true; do
-        if [ -f "$cachedir/$file" ]; then
-           if shasum "$cachedir/$file" |
-               awk -v hash="$hash" '{exit $1 != hash}'; then
-               break
-           else
-               echo "Incorrect hash:" 2>&1
-               shasum "$cachedir/$file" 2>&1
-               echo "Retrying..." 2>&1
-           fi
-        fi
-
-        (( retries = retries - 1 ))
-        if (( retries < 0 )); then
-            file_fail "$cachedir/$file" "Failed to successfully download '$file'"
-        fi
-
-        rm -f "$cachedir/$file"
-        (cd "$cachedir"; curl -J -L -O "$url")
-        fetched=yes
-    done
-
-    dir=$(basename "$file" .tar.gz)
-    if [ "$fetched" = "yes" ] || [ ! -f "third-party/$dir/.installed" ]; then
-        (cd third-party;
-         rm -rf "$dir"
-         echo Unpacking "$cachedir/$file"...
-         if ! tar zxf "$cachedir/$file"; then
-             file_fail "$cachedir/$file" "Unpacking '$cachedir/$file' failed"
-         fi
-         cd "$dir"
-         eval "${cmd:-true}" && touch .installed)
-    fi
-}
-
-mkdir -p third-party
-
-SCRIPTDIR=$(dirname "$0")
-
-# TODO: temporarily use our stubbed version of glog/logging.h until glog is updated to not use the Binscope banned APIs sscanf() and strncpy().
-# Fb changed to copy into exported instead of src
-glogdir=third-party/glog-0.3.5/exported/glog
-glogdir2=third-party/glog-0.3.5/src/glog
-
-if [ ! -d "$glogdir" ]; then
-    mkdir -p $glogdir
-    cp stubs/glog/logging.h $glogdir
-	mkdir -p $glogdir2
-    cp stubs/glog/logging.h $glogdir2
-fi
-# fetch_and_unpack glog-0.3.5.tar.gz https://github.com/google/glog/archive/v0.3.5.tar.gz 61067502c5f9769d111ea1ee3f74e6ddf0a5f9cc "\"$SCRIPTDIR/ios-configure-glog.sh\""
-
-fetch_and_unpack double-conversion-1.1.6.tar.gz https://github.com/google/double-conversion/archive/v1.1.6.tar.gz 1c7d88afde3aaeb97bb652776c627b49e132e8e0
-fetch_and_unpack boost_1_63_0.tar.gz https://github.com/react-native-community/boost-for-react-native/releases/download/v1.63.0-0/boost_1_63_0.tar.gz c3f57e1d22a995e608983effbb752b54b6eab741
-fetch_and_unpack folly-2018.10.22.00.tar.gz https://github.com/facebook/folly/archive/v2018.10.22.00.tar.gz f70a75bfeb394363d2049a846bba118ffb3b368a
diff --git a/scripts/objc-test.sh b/scripts/objc-test.sh
index 58ff43808b0e0a..bf35fea4bd59cb 100755
--- a/scripts/objc-test.sh
+++ b/scripts/objc-test.sh
@@ -13,6 +13,12 @@
 SCRIPTS=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
 ROOT=$(dirname "$SCRIPTS")
 
+SKIPPED_TESTS=()
+SKIPPED_TESTS+=("-skip-testing:RNTesterIntegrationTests/RNTesterSnapshotTests")
+# TODO: T60408036 This test crashes iOS 13 for bad access, please investigate
+# and re-enable. See https://gist.github.com/0xced/56035d2f57254cf518b5.
+SKIPPED_TESTS+=("-skip-testing:RNTesterUnitTests/RCTJSONTests/testNotUTF8Convertible")
+
 # Create cleanup handler
 cleanup() {
   EXIT=$?
@@ -55,7 +61,8 @@ runTests() {
     -workspace RNTester/RNTesterPods.xcworkspace \
     -scheme RNTester \
     -sdk iphonesimulator \
-    -destination "platform=iOS Simulator,name=$IOS_DEVICE,OS=$IOS_TARGET_OS"
+    -destination "platform=iOS Simulator,name=$IOS_DEVICE,OS=$IOS_TARGET_OS" \
+      "${SKIPPED_TESTS[@]}"
 }
 
 buildProject() {
@@ -68,7 +75,7 @@ buildProject() {
 xcprettyFormat() {
   if [ "$CI" ]; then
     # Circle CI expects JUnit reports to be available here
-    REPORTS_DIR="$HOME/react-native/reports"
+    REPORTS_DIR="$HOME/react-native/reports/junit"
   else
     THIS_DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
 
@@ -76,7 +83,7 @@ xcprettyFormat() {
     REPORTS_DIR="$THIS_DIR/../build/reports"
   fi
 
-  xcpretty --report junit --output "$REPORTS_DIR/junit/$TEST_NAME/results.xml"
+  xcpretty --report junit --output "$REPORTS_DIR/ios/results.xml"
 }
 
 preloadBundles() {
diff --git a/scripts/publish-npm.js b/scripts/publish-npm.js
index 55f35e6b905ebb..6107a9efd2a1a6 100644
--- a/scripts/publish-npm.js
+++ b/scripts/publish-npm.js
@@ -51,22 +51,35 @@
 
 /*eslint-disable no-undef */
 require('shelljs/global');
+const yargs = require('yargs');
 
+let argv = yargs.option('n', {
+  alias: 'nightly',
+  type: 'boolean',
+  default: false,
+}).argv;
+
+const nightlyBuild = argv.nightly;
 const buildTag = process.env.CIRCLE_TAG;
 const otp = process.env.NPM_CONFIG_OTP;
 
-if (!buildTag) {
-  echo('Error: We publish only from git tags');
-  exit(1);
-}
+let branchVersion = 0;
+if (nightlyBuild) {
+  branchVersion = 0;
+} else {
+  if (!buildTag) {
+    echo('Error: We publish only from git tags');
+    exit(1);
+  }
 
-let match = buildTag.match(/^v(\d+\.\d+)\.\d+(?:-.+)?$/);
-if (!match) {
-  echo('Error: We publish only from release version git tags');
-  exit(1);
+  let match = buildTag.match(/^v(\d+\.\d+)\.\d+(?:-.+)?$/);
+  if (!match) {
+    echo('Error: We publish only from release version git tags');
+    exit(1);
+  }
+  [, branchVersion] = match;
 }
 // 0.33
-let [, branchVersion] = match;
 
 // 34c034298dc9cad5a4553964a5a324450fda0385
 const currentCommit = exec('git rev-parse HEAD', {silent: true}).stdout.trim();
@@ -85,14 +98,25 @@ const tagsWithVersion = exec(`git ls-remote origin | grep ${currentCommit}`, {
   // ['v0.33.0', 'v0.33.0-rc', 'v0.33.0-rc1', 'v0.33.0-rc2']
   .map(version => version.slice('refs/tags/'.length));
 
-if (tagsWithVersion.length === 0) {
+if (!nightlyBuild && tagsWithVersion.length === 0) {
   echo(
     'Error: Cannot find version tag in current commit. To deploy to NPM you must add tag v0.XY.Z[-rc] to your commit',
   );
   exit(1);
 }
 let releaseVersion;
-if (tagsWithVersion[0].indexOf('-rc') === -1) {
+
+if (nightlyBuild) {
+  releaseVersion = `0.0.0-${currentCommit.slice(0, 9)}`;
+
+  // Bump version number in various files (package.json, gradle.properties etc)
+  if (
+    exec(`node scripts/bump-oss-version.js --nightly ${releaseVersion}`).code
+  ) {
+    echo('Failed to bump version number');
+    exit(1);
+  }
+} else if (tagsWithVersion[0].indexOf('-rc') === -1) {
   // if first tag on this commit is non -rc then we are making a stable release
   // '0.33.0'
   releaseVersion = tagsWithVersion[0].slice(1);
@@ -130,7 +154,11 @@ artifacts.forEach(name => {
 });
 
 // if version contains -rc, tag as prerelease
-const tagFlag = releaseVersion.indexOf('-rc') === -1 ? '' : '--tag next';
+const tagFlag = nightlyBuild
+  ? '--tag nightly'
+  : releaseVersion.indexOf('-rc') === -1
+  ? ''
+  : '--tag next';
 
 // use otp from envvars if available
 const otpFlag = otp ? `--otp ${otp}` : '';
diff --git a/scripts/react-native-xcode.sh b/scripts/react-native-xcode.sh
index 36c40b4258606e..11daff43a1aefb 100755
--- a/scripts/react-native-xcode.sh
+++ b/scripts/react-native-xcode.sh
@@ -15,7 +15,7 @@ DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATH
 # Enables iOS devices to get the IP address of the machine running Metro
 if [[ "$CONFIGURATION" = *Debug* && ! "$PLATFORM_NAME" == *simulator ]]; then
   IP=$(ipconfig getifaddr en0)
-  if [ -z "$IP" ]; then
+  if [[ -z "$IP" || -n "`ifconfig $value | grep 'baseT'`" ]]; then
     IP=$(ipconfig getifaddr en1)
   fi
   if [ -z "$IP" ]; then
@@ -54,11 +54,17 @@ case "$CONFIGURATION" in
     ;;
 esac
 
-# Path to react-native folder inside node_modules
-REACT_NATIVE_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
-# The project should be located next to where react-native is installed
-# in node_modules.
-PROJECT_ROOT=${PROJECT_ROOT:-"$REACT_NATIVE_DIR/../.."}
+# Setting up a project root was a workaround to enable support for non-standard
+# structures, including monorepos. Today, CLI supports that out of the box
+# and setting custom `PROJECT_ROOT` only makes it confusing. 
+#
+# As a backwards-compatible change, I am leaving "PROJECT_ROOT" support for those
+# who already use it - it is likely a non-breaking removal.
+#
+# For new users, we default to $PWD - not changing things all.
+#
+# For context: https://github.com/facebook/react-native/commit/9ccde378b6e6379df61f9d968be6346ca6be7ead#commitcomment-37914902
+PROJECT_ROOT=${PROJECT_ROOT:-$PWD}
 
 cd "$PROJECT_ROOT" || exit
 
@@ -98,6 +104,9 @@ if [[ ! -x node && -d ${HOME}/.anyenv/bin ]]; then
   fi
 fi
 
+# Path to react-native folder inside node_modules
+REACT_NATIVE_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
+
 # check and assign NODE_BINARY env
 # shellcheck source=/dev/null
 source "$REACT_NATIVE_DIR/scripts/node-binary.sh"
diff --git a/scripts/autolink-ios.rb b/scripts/react_native_pods.rb
similarity index 88%
rename from scripts/autolink-ios.rb
rename to scripts/react_native_pods.rb
index ca655de583d1d8..1fe019abc16d26 100644
--- a/scripts/autolink-ios.rb
+++ b/scripts/react_native_pods.rb
@@ -6,6 +6,7 @@
 def use_react_native! (options={})
   # The prefix to the react-native
   prefix = options[:path] ||= "../node_modules/react-native"
+  hermes_engine_prefix = options[:hermes_path] ||= "../node_modules/hermes-engine-darwin"
 
   # Include Fabric dependencies
   fabric_enabled = options[:fabric_enabled] ||= false
@@ -13,6 +14,7 @@ def use_react_native! (options={})
   # Include DevSupport dependency
   production = options[:production] ||= false
 
+  # Include Hermes dependencies
   hermes_enabled = options[:hermes_enabled] ||= false
 
   # The Pods which should be included in all projects
@@ -42,9 +44,9 @@ def use_react_native! (options={})
   pod 'React-jsi', :path => "#{prefix}/ReactCommon/jsi"
   pod 'React-jsiexecutor', :path => "#{prefix}/ReactCommon/jsiexecutor"
   pod 'React-jsinspector', :path => "#{prefix}/ReactCommon/jsinspector"
-  pod 'ReactCommon/callinvoker', :path => "#{prefix}/ReactCommon"
+  pod 'React-callinvoker', :path => "#{prefix}/ReactCommon/callinvoker"
   pod 'ReactCommon/turbomodule/core', :path => "#{prefix}/ReactCommon"
-  pod 'Yoga', :path => "#{prefix}/ReactCommon/yoga"
+  pod 'Yoga', :path => "#{prefix}/ReactCommon/yoga", :modular_headers => true
 
   pod 'DoubleConversion', :podspec => "#{prefix}/third-party-podspecs/DoubleConversion.podspec"
   pod 'glog', :podspec => "#{prefix}/third-party-podspecs/glog.podspec"
@@ -63,29 +65,27 @@ def use_react_native! (options={})
 
   if hermes_enabled
     pod 'React-Core/Hermes', :path => "#{prefix}/"
-    pod 'hermes', :path => "../node_modules/hermes-engine-darwin"
+    pod 'hermes', :path => hermes_engine_prefix
     pod 'libevent', :podspec => "#{prefix}/third-party-podspecs/libevent.podspec"
   end
 end
 
-def add_flipper_pods!(versions = {})
-  versions['Flipper'] ||= '~> 0.33.1'
-  versions['DoubleConversion'] ||= '1.1.7'
-  versions['Flipper-Folly'] ||= '~> 2.1'
+def use_flipper!(versions = {})
+  versions['Flipper'] ||= '~> 0.41.1'
+  versions['Flipper-DoubleConversion'] ||= '1.1.7'
+  versions['Flipper-Folly'] ||= '~> 2.2'
   versions['Flipper-Glog'] ||= '0.3.6'
   versions['Flipper-PeerTalk'] ||= '~> 0.0.4'
-  versions['Flipper-RSocket'] ||= '~> 1.0'
-
+  versions['Flipper-RSocket'] ||= '~> 1.1'
   pod 'FlipperKit', versions['Flipper'], :configuration => 'Debug'
   pod 'FlipperKit/FlipperKitLayoutPlugin', versions['Flipper'], :configuration => 'Debug'
   pod 'FlipperKit/SKIOSNetworkPlugin', versions['Flipper'], :configuration => 'Debug'
   pod 'FlipperKit/FlipperKitUserDefaultsPlugin', versions['Flipper'], :configuration => 'Debug'
   pod 'FlipperKit/FlipperKitReactPlugin', versions['Flipper'], :configuration => 'Debug'
-
   # List all transitive dependencies for FlipperKit pods
   # to avoid them being linked in Release builds
   pod 'Flipper', versions['Flipper'], :configuration => 'Debug'
-  pod 'Flipper-DoubleConversion', versions['DoubleConversion'], :configuration => 'Debug'
+  pod 'Flipper-DoubleConversion', versions['Flipper-DoubleConversion'], :configuration => 'Debug'
   pod 'Flipper-Folly', versions['Flipper-Folly'], :configuration => 'Debug'
   pod 'Flipper-Glog', versions['Flipper-Glog'], :configuration => 'Debug'
   pod 'Flipper-PeerTalk', versions['Flipper-PeerTalk'], :configuration => 'Debug'
diff --git a/scripts/run-android-local-integration-tests.sh b/scripts/run-android-local-integration-tests.sh
index 3b8e9026df85eb..252a1879b6a610 100755
--- a/scripts/run-android-local-integration-tests.sh
+++ b/scripts/run-android-local-integration-tests.sh
@@ -5,7 +5,7 @@
 # LICENSE file in the root directory of this source tree.
 
 # Runs all Android integration tests locally.
-# See http://facebook.github.io/react-native/docs/testing.html
+# See https://reactnative.dev/docs/testing.html
 
 source $(dirname $0)/validate-android-sdk.sh
 source $(dirname $0)/validate-android-test-env.sh
diff --git a/scripts/run-android-local-unit-tests.sh b/scripts/run-android-local-unit-tests.sh
index eafa3ecf93ba72..a339cf2bfeb9f9 100755
--- a/scripts/run-android-local-unit-tests.sh
+++ b/scripts/run-android-local-unit-tests.sh
@@ -5,7 +5,7 @@
 # LICENSE file in the root directory of this source tree.
 
 # Runs all Android unit tests locally.
-# See http://facebook.github.io/react-native/docs/testing.html
+# See https://reactnative.dev/docs/testing.html
 
 source $(dirname $0)/validate-android-sdk.sh
 source $(dirname $0)/validate-android-test-env.sh
diff --git a/scripts/run-ci-e2e-tests.js b/scripts/run-ci-e2e-tests.js
index 30baa24ad0233c..31417bd72828b5 100644
--- a/scripts/run-ci-e2e-tests.js
+++ b/scripts/run-ci-e2e-tests.js
@@ -89,12 +89,22 @@ try {
   cd(REACT_NATIVE_APP_DIR);
 
   const METRO_CONFIG = path.join(ROOT, 'metro.config.js');
-  const RN_POLYFILLS = path.join(ROOT, 'rn-get-polyfills.js');
+  const RN_GET_POLYFILLS = path.join(ROOT, 'rn-get-polyfills.js');
+  const RN_POLYFILLS_PATH = 'Libraries/polyfills/';
+  exec(`mkdir -p ${RN_POLYFILLS_PATH}`);
+
   cp(METRO_CONFIG, '.');
-  cp(RN_POLYFILLS, '.');
+  cp(RN_GET_POLYFILLS, '.');
+  exec(
+    `rsync -a ${ROOT}/${RN_POLYFILLS_PATH} ${REACT_NATIVE_APP_DIR}/${RN_POLYFILLS_PATH}`,
+  );
   mv('_flowconfig', '.flowconfig');
   mv('_watchmanconfig', '.watchmanconfig');
 
+  // [TODO(macOS ISS#2323203)
+  process.env.REACT_NATIVE_RUNNING_E2E_TESTS = 'true';
+  // ]TODO(macOS ISS#2323203)
+
   describe('Install React Native package');
   exec(`npm install ${REACT_NATIVE_PACKAGE}`);
 
@@ -210,14 +220,15 @@ try {
 
     describe('Test: ' + iosTestType + ' end-to-end test');
     if (
+      // TODO: Get target OS and simulator from .tests.env
       tryExecNTimes(
         () => {
-          let destination = 'platform=iOS Simulator,name=iPhone 6s,OS=12.4';
+          let destination = 'platform=iOS Simulator,name=iPhone 8,OS=13.3';
           let sdk = 'iphonesimulator';
           let scheme = 'HelloWorld';
 
           if (argv.tvos) {
-            destination = 'platform=tvOS Simulator,name=Apple TV,OS=12.4';
+            destination = 'platform=tvOS Simulator,name=Apple TV,OS=13.3';
             sdk = 'appletvsimulator';
             scheme = 'HelloWorld-tvOS';
           }
@@ -242,7 +253,7 @@ try {
                 '--report',
                 'junit',
                 '--output',
-                `"~/reports/junit/${iosTestType}-e2e/results.xml"`,
+                `"~/react-native/reports/junit/${iosTestType}-e2e/results.xml"`,
               ].join(' ') +
               ' && exit ${PIPESTATUS[0]}',
           ).code;
@@ -264,7 +275,7 @@ try {
     describe('Test: Verify packager can generate an Android bundle');
     if (
       exec(
-        'yarn react-native bundle --entry-file index.js --platform android --dev true --bundle-output android-bundle.js --max-workers 1',
+        'yarn react-native bundle --verbose --entry-file index.js --platform android --dev true --bundle-output android-bundle.js --max-workers 1',
       ).code
     ) {
       echo('Could not build Android bundle');
diff --git a/scripts/test-manual-e2e.sh b/scripts/test-manual-e2e.sh
index bd6cc66548a75e..b38cbb3753575a 100755
--- a/scripts/test-manual-e2e.sh
+++ b/scripts/test-manual-e2e.sh
@@ -58,9 +58,15 @@ info ""
 read -n 1
 adb shell am start -n com.facebook.react.uiapp/.RNTesterActivity
 
+
+success "Installing CocoaPods dependencies"
+rm -rf RNTester/Pods
+(cd RNTester && pod install)
+
 info "Press any key to open the workspace in Xcode, then build and test manually."
 info ""
 read -n 1
+
 open "RNTester/RNTesterPods.xcworkspace"
 
 info "When done testing RNTester app on iOS and Android press any key to continue."
@@ -100,7 +106,7 @@ info ""
 info "Press any key to run the sample in Android emulator/device"
 info ""
 read -n 1
-yarn react-native run-android
+cd "/tmp/${project_name}" && npx react-native run-android
 
 info "Test the following on iOS:"
 info "   - Disable Fast Refresh. It might be enabled from last time (the setting is stored on the device)"
@@ -113,7 +119,7 @@ info ""
 info "Press any key to open the project in Xcode"
 info ""
 read -n 1
-yarn react-native run-ios
+open "/tmp/${project_name}/ios/${project_name}.xcworkspace"
 
 cd "$repo_root"
 
diff --git a/scripts/validate-android-sdk.sh b/scripts/validate-android-sdk.sh
index 18c950677c3a46..eddf3a2f8520c7 100755
--- a/scripts/validate-android-sdk.sh
+++ b/scripts/validate-android-sdk.sh
@@ -13,7 +13,7 @@ if [ -z "$ANDROID_HOME" ]; then
   echo "Error: \$ANDROID_HOME is not configured."
   echo "You must first install the Android SDK and then set \$ANDROID_HOME."
   echo "If you already installed the Android SDK, the problem is that you need to export ANDROID_HOME from your .bashrc or equivalent."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
 
@@ -21,7 +21,7 @@ if [ ! -d "$ANDROID_HOME" ]; then
   echo "Error: \$ANDROID_HOME = $ANDROID_HOME but that directory does not exist."
   echo "It is possible that you installed then uninstalled the Android SDK."
   echo "In that case, you should reinstall it."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
 
@@ -31,7 +31,7 @@ if [ ! -e "$ANDROID_HOME/tools/emulator" ]; then
   echo "This indicates something is borked with your Android SDK install."
   echo "One possibility is that you have \$ANDROID_HOME set to the wrong value."
   echo "If that seems correct, you might want to try reinstalling the Android SDK."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
 
@@ -49,7 +49,6 @@ if [ -z `which adb` ]; then
   echo "This indicates something is borked with your Android SDK install."
   echo "The most likely problem is that you are not adding \$ANDROID_HOME/platform-tools to your \$PATH."
   echo "If all else fails, try reinstalling the Android SDK."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
-
diff --git a/scripts/validate-android-test-env.sh b/scripts/validate-android-test-env.sh
index 2630a490e28cd9..5f6be9956cba97 100755
--- a/scripts/validate-android-test-env.sh
+++ b/scripts/validate-android-test-env.sh
@@ -61,7 +61,7 @@ if [ ! -e "$PLATFORM_DIR" ]; then
   echo "Error: could not find version $ANDROID_VERSION of the Android SDK."
   echo "Specifically, the directory $PLATFORM_DIR does not exist."
   echo "You probably need to specify the right version using the SDK Manager from within Android Studio."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for details."
+  echo "See https://reactnative.dev/docs/getting-started.html for details."
   echo "If you are using Android SDK Tools from the command line, you may need to run:"
   echo
   echo "  sdkmanager \"platform-tools\" \"platform-tools;android-$MAJOR\""
@@ -76,7 +76,7 @@ if [ ! -e "$BT_DIR" ]; then
   echo "Error: could not find version $ANDROID_SDK_BUILD_TOOLS_REVISION of the Android build tools."
   echo "Specifically, the directory $BT_DIR does not exist."
   echo "You probably need to explicitly install the correct version of the Android SDK Build Tools from within Android Studio."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for details."
+  echo "See https://reactnative.dev/docs/getting-started.html for details."
   echo "If you are using Android SDK Tools from the command line, you may need to run:"
   echo
   echo "  sdkmanager \"platform-tools\" \"build-tools;android-$ANDROID_SDK_BUILD_TOOLS_REVISION\""
@@ -115,5 +115,3 @@ if [ -z "$JAVA_HOME" ]; then
   echo "You will also want to add \$JAVA_HOME/bin to your path."
   exit 1
 fi
-
-
diff --git a/scripts/validate-ios-test-env.sh b/scripts/validate-ios-test-env.sh
index de125efb696729..7aa3fb618af8b4 100755
--- a/scripts/validate-ios-test-env.sh
+++ b/scripts/validate-ios-test-env.sh
@@ -17,7 +17,7 @@ function version_gt() { test "$(printf '%s\n' "$@" | sort -V | head -n 1)" != "$
 # Check that node is installed.
 if [ -z "$(which node)" ]; then
   echo "Could not find Node binary. Please check your nodejs install."
-  echo "See http://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
 
@@ -26,14 +26,14 @@ NODE_VERSION="$(command node --version | sed 's/[-/a-zA-Z]//g' |sed 's/.\{2\}$//
 
 if (( $(echo "${NODE_VERSION} <= 6.0" | bc -l) )); then
   echo "Node ${NODE_VERSION} detected. This version of Node is not supported."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
 
 # Check that Xcode is installed.
 if [ -z "$(which xcodebuild)" ]; then
   echo "Could not find Xcode build tools. Please check your Xcode install."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
 
@@ -43,6 +43,6 @@ XCODE_VERSION="$(command xcodebuild -version | sed '$ d' | sed 's/[-/a-zA-Z]//g'
 if (version_gt $MIN_XCODE_VERSION $XCODE_VERSION) && [ "$XCODE_VERSION" != "$MIN_XCODE_VERSION" ]; then
   echo "Xcode ${XCODE_VERSION} detected. React Native requires ${MIN_XCODE_VERSION} or newer."
   echo "Older versions of Xcode may cause cryptic build errors."
-  echo "See https://facebook.github.io/react-native/docs/getting-started.html for instructions."
+  echo "See https://reactnative.dev/docs/getting-started.html for instructions."
   exit 1
 fi
diff --git a/scripts/versiontemplates/ReactNativeVersion.h.template b/scripts/versiontemplates/ReactNativeVersion.h.template
new file mode 100644
index 00000000000000..ed9d242c72a43d
--- /dev/null
+++ b/scripts/versiontemplates/ReactNativeVersion.h.template
@@ -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.
+ *
+ * @generated by scripts/bump-oss-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = ${major};
+  int32_t Minor = ${minor};
+  int32_t Patch = ${patch};
+  std::string_view Prerelease = ${prerelease};
+} ReactNativeVersion;
+
+} // namespace facebook::react
diff --git a/template/_flowconfig b/template/_flowconfig
index 786366c4f37199..76650db160b267 100644
--- a/template/_flowconfig
+++ b/template/_flowconfig
@@ -15,6 +15,9 @@ node_modules/warning/.*
 ; Flow doesn't support platforms
 .*/Libraries/Utilities/LoadingView.js
 
+; TODO(macOS ISS#2323203): Ignore metro.config.js
+<PROJECT_ROOT>/metro.config.js
+
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
 
@@ -56,7 +59,6 @@ untyped-type-import=warn
 nonstrict-import=warn
 deprecated-type=warn
 unsafe-getters-setters=warn
-inexact-spread=warn
 unnecessary-invariant=warn
 signature-verification-failure=warn
 deprecated-utility=error
@@ -71,4 +73,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.113.0
+^0.122.0
diff --git a/template/android/app/build.gradle b/template/android/app/build.gradle
index d9cd74a4467dcb..1215ed78d324f2 100644
--- a/template/android/app/build.gradle
+++ b/template/android/app/build.gradle
@@ -20,7 +20,7 @@ import com.android.build.OutputFile
  *   // default. Can be overridden with ENTRY_FILE environment variable.
  *   entryFile: "index.android.js",
  *
- *   // https://facebook.github.io/react-native/docs/performance#enable-the-ram-format
+ *   // https://reactnative.dev/docs/performance#enable-the-ram-format
  *   bundleCommand: "ram-bundle",
  *
  *   // whether to bundle JS and assets in debug mode
@@ -157,20 +157,13 @@ android {
         }
         release {
             // Caution! In production, you need to generate your own keystore file.
-            // see https://facebook.github.io/react-native/docs/signed-apk-android.
+            // see https://reactnative.dev/docs/signed-apk-android.
             signingConfig signingConfigs.debug
             minifyEnabled enableProguardInReleaseBuilds
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
         }
     }
 
-    packagingOptions {
-        pickFirst "lib/armeabi-v7a/libc++_shared.so"
-        pickFirst "lib/arm64-v8a/libc++_shared.so"
-        pickFirst "lib/x86/libc++_shared.so"
-        pickFirst "lib/x86_64/libc++_shared.so"
-    }
-
     // applicationVariants are e.g. debug, release
     applicationVariants.all { variant ->
         variant.outputs.each { output ->
@@ -200,6 +193,7 @@ dependencies {
 
     debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
         exclude group:'com.facebook.flipper'
+        exclude group:'com.squareup.okhttp3', module:'okhttp'
     }
 
     debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
diff --git a/template/android/build.gradle b/template/android/build.gradle
index 5d5d188b35bb15..ed5a5684245790 100644
--- a/template/android/build.gradle
+++ b/template/android/build.gradle
@@ -2,18 +2,17 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "28.0.3"
+        buildToolsVersion = "29.0.2"
         minSdkVersion = 16
-        compileSdkVersion = 28
-        targetSdkVersion = 28
+        compileSdkVersion = 29
+        targetSdkVersion = 29
     }
     repositories {
         google()
         jcenter()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:3.5.2")
-
+        classpath("com.android.tools.build:gradle:3.5.3")
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files
     }
diff --git a/template/android/gradle.properties b/template/android/gradle.properties
index 1bbc8cc20f27f5..04ca0ef29e7d10 100644
--- a/template/android/gradle.properties
+++ b/template/android/gradle.properties
@@ -25,4 +25,4 @@ android.useAndroidX=true
 android.enableJetifier=true
 
 # Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.33.1
+FLIPPER_VERSION=0.37.0
diff --git a/template/android/gradle/wrapper/gradle-wrapper.jar b/template/android/gradle/wrapper/gradle-wrapper.jar
index 5c2d1cf016b388..f3d88b1c2faf2f 100644
Binary files a/template/android/gradle/wrapper/gradle-wrapper.jar and b/template/android/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/template/android/gradle/wrapper/gradle-wrapper.properties b/template/android/gradle/wrapper/gradle-wrapper.properties
index 1ba7206f882daf..84226702066b81 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-6.0.1-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.2-all.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
diff --git a/template/android/gradlew b/template/android/gradlew
index 83f2acfdc319a2..2fe81a7d95e4f9 100755
--- a/template/android/gradlew
+++ b/template/android/gradlew
@@ -154,19 +154,19 @@ if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
         else
             eval `echo args$i`="\"$arg\""
         fi
-        i=$((i+1))
+        i=`expr $i + 1`
     done
     case $i in
-        (0) set -- ;;
-        (1) set -- "$args0" ;;
-        (2) set -- "$args0" "$args1" ;;
-        (3) set -- "$args0" "$args1" "$args2" ;;
-        (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
-        (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
-        (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
-        (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
-        (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
-        (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
     esac
 fi
 
@@ -175,14 +175,9 @@ save () {
     for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
     echo " "
 }
-APP_ARGS=$(save "$@")
+APP_ARGS=`save "$@"`
 
 # Collect all arguments for the java command, following the shell quoting and substitution rules
 eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
 
-# by default we should be in the correct project dir, but when run from Finder on Mac, the cwd is wrong
-if [ "$(uname)" = "Darwin" ] && [ "$HOME" = "$PWD" ]; then
-  cd "$(dirname "$0")"
-fi
-
 exec "$JAVACMD" "$@"
diff --git a/template/android/gradlew.bat b/template/android/gradlew.bat
index 24467a141f7916..62bd9b9ccefea2 100644
--- a/template/android/gradlew.bat
+++ b/template/android/gradlew.bat
@@ -1,100 +1,103 @@
-@rem
-@rem Copyright 2015 the original author or authors.
-@rem
-@rem Licensed under the Apache License, Version 2.0 (the "License");
-@rem you may not use this file except in compliance with the License.
-@rem You may obtain a copy of the License at
-@rem
-@rem      https://www.apache.org/licenses/LICENSE-2.0
-@rem
-@rem Unless required by applicable law or agreed to in writing, software
-@rem distributed under the License is distributed on an "AS IS" BASIS,
-@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-@rem See the License for the specific language governing permissions and
-@rem limitations under the License.
-@rem
-
-@if "%DEBUG%" == "" @echo off
-@rem ##########################################################################
-@rem
-@rem  Gradle startup script for Windows
-@rem
-@rem ##########################################################################
-
-@rem Set local scope for the variables with windows NT shell
-if "%OS%"=="Windows_NT" setlocal
-
-set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
-set APP_BASE_NAME=%~n0
-set APP_HOME=%DIRNAME%
-
-@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
-
-@rem Find java.exe
-if defined JAVA_HOME goto findJavaFromJavaHome
-
-set JAVA_EXE=java.exe
-%JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto init
-
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:findJavaFromJavaHome
-set JAVA_HOME=%JAVA_HOME:"=%
-set JAVA_EXE=%JAVA_HOME%/bin/java.exe
-
-if exist "%JAVA_EXE%" goto init
-
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
-
-goto fail
-
-:init
-@rem Get command-line arguments, handling Windows variants
-
-if not "%OS%" == "Windows_NT" goto win9xME_args
-
-:win9xME_args
-@rem Slurp the command line arguments.
-set CMD_LINE_ARGS=
-set _SKIP=2
-
-:win9xME_args_slurp
-if "x%~1" == "x" goto execute
-
-set CMD_LINE_ARGS=%*
-
-:execute
-@rem Setup the command line
-
-set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
-
-@rem Execute Gradle
-"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
-
-:end
-@rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
-
-:fail
-rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
-rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
-
-:mainEnd
-if "%OS%"=="Windows_NT" endlocal
-
-:omega
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto init
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto init
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:init
+@rem Get command-line arguments, handling Windows variants
+
+if not "%OS%" == "Windows_NT" goto win9xME_args
+
+:win9xME_args
+@rem Slurp the command line arguments.
+set CMD_LINE_ARGS=
+set _SKIP=2
+
+:win9xME_args_slurp
+if "x%~1" == "x" goto execute
+
+set CMD_LINE_ARGS=%*
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS%
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/template/ios/HelloWorld-tvOSTests/Info.plist b/template/ios/HelloWorld-tvOSTests/Info.plist
index 886825ccc9bf0d..ba72822e8728ef 100644
--- a/template/ios/HelloWorld-tvOSTests/Info.plist
+++ b/template/ios/HelloWorld-tvOSTests/Info.plist
@@ -7,7 +7,7 @@
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
-	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
 	<key>CFBundleInfoDictionaryVersion</key>
 	<string>6.0</string>
 	<key>CFBundleName</key>
diff --git a/template/ios/HelloWorld.xcodeproj/project.pbxproj b/template/ios/HelloWorld.xcodeproj/project.pbxproj
index cdf504371d2bd6..9c5cc952f5bca1 100644
--- a/template/ios/HelloWorld.xcodeproj/project.pbxproj
+++ b/template/ios/HelloWorld.xcodeproj/project.pbxproj
@@ -9,13 +9,13 @@
 /* Begin PBXBuildFile section */
 		00E356F31AD99517003FC87E /* HelloWorldTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* HelloWorldTests.m */; };
 		13B07FBC1A68108700A75B9A /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
-		13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB11A68108700A75B9A /* LaunchScreen.xib */; };
 		13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
 		2D02E4BC1E0B4A80006451C7 /* AppDelegate.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.m */; };
 		2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
 		2D02E4BF1E0B4AB3006451C7 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
 		2DCD954D1E0B4F2C00145EB5 /* HelloWorldTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* HelloWorldTests.m */; };
+		81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -43,12 +43,12 @@
 		13B07F961A680F5B00A75B9A /* HelloWorld.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = HelloWorld.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = HelloWorld/AppDelegate.h; sourceTree = "<group>"; };
 		13B07FB01A68108700A75B9A /* AppDelegate.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = AppDelegate.m; path = HelloWorld/AppDelegate.m; sourceTree = "<group>"; };
-		13B07FB21A68108700A75B9A /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.xib; name = Base; path = Base.lproj/LaunchScreen.xib; sourceTree = "<group>"; };
 		13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = HelloWorld/Images.xcassets; sourceTree = "<group>"; };
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = HelloWorld/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = HelloWorld/main.m; sourceTree = "<group>"; };
 		2D02E47B1E0B4A5D006451C7 /* HelloWorld-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "HelloWorld-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
 		2D02E4901E0B4A5D006451C7 /* HelloWorld-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "HelloWorld-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
+		81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = HelloWorld/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
 		ED2971642150620600B7C4FE /* 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; };
 /* End PBXFileReference section */
@@ -110,7 +110,7 @@
 				13B07FB01A68108700A75B9A /* AppDelegate.m */,
 				13B07FB51A68108700A75B9A /* Images.xcassets */,
 				13B07FB61A68108700A75B9A /* Info.plist */,
-				13B07FB11A68108700A75B9A /* LaunchScreen.xib */,
+				81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
 				13B07FB71A68108700A75B9A /* main.m */,
 			);
 			name = HelloWorld;
@@ -293,8 +293,8 @@
 			isa = PBXResourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
 				13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
-				13B07FBD1A68108700A75B9A /* LaunchScreen.xib in Resources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -434,18 +434,6 @@
 		};
 /* End PBXTargetDependency section */
 
-/* Begin PBXVariantGroup section */
-		13B07FB11A68108700A75B9A /* LaunchScreen.xib */ = {
-			isa = PBXVariantGroup;
-			children = (
-				13B07FB21A68108700A75B9A /* Base */,
-			);
-			name = LaunchScreen.xib;
-			path = HelloWorld;
-			sourceTree = "<group>";
-		};
-/* End PBXVariantGroup section */
-
 /* Begin XCBuildConfiguration section */
 		00E356F61AD99517003FC87E /* Debug */ = {
 			isa = XCBuildConfiguration;
@@ -456,7 +444,7 @@
 					"$(inherited)",
 				);
 				INFOPLIST_FILE = HelloWorldTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -475,7 +463,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				COPY_PHASE_STRIP = NO;
 				INFOPLIST_FILE = HelloWorldTests/Info.plist;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
 				OTHER_LDFLAGS = (
 					"-ObjC",
@@ -495,10 +483,6 @@
 				CLANG_ENABLE_MODULES = YES;
 				CURRENT_PROJECT_VERSION = 1;
 				ENABLE_BITCODE = NO;
-				GCC_PREPROCESSOR_DEFINITIONS = (
-					"$(inherited)",
-					"FB_SONARKIT_ENABLED=1",
-				);
 				INFOPLIST_FILE = HelloWorld/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
 				OTHER_LDFLAGS = (
@@ -557,7 +541,7 @@
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = appletvos;
 				TARGETED_DEVICE_FAMILY = 3;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
+				TVOS_DEPLOYMENT_TARGET = 10.0;
 			};
 			name = Debug;
 		};
@@ -584,7 +568,7 @@
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SDKROOT = appletvos;
 				TARGETED_DEVICE_FAMILY = 3;
-				TVOS_DEPLOYMENT_TARGET = 9.2;
+				TVOS_DEPLOYMENT_TARGET = 10.0;
 			};
 			name = Release;
 		};
@@ -687,7 +671,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
 				LIBRARY_SEARCH_PATHS = (
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
@@ -740,7 +724,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 10.0;
 				LD_RUNPATH_SEARCH_PATHS = "/usr/lib/swift $(inherited)";
 				LIBRARY_SEARCH_PATHS = (
 					"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
diff --git a/template/ios/HelloWorld/AppDelegate.m b/template/ios/HelloWorld/AppDelegate.m
index c680572d44cce3..91737c5d5bed69 100644
--- a/template/ios/HelloWorld/AppDelegate.m
+++ b/template/ios/HelloWorld/AppDelegate.m
@@ -4,7 +4,7 @@
 #import <React/RCTBundleURLProvider.h>
 #import <React/RCTRootView.h>
 
-#if DEBUG
+#ifdef FB_SONARKIT_ENABLED
 #import <FlipperKit/FlipperClient.h>
 #import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
 #import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
@@ -27,7 +27,7 @@ @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
-#if DEBUG
+#ifdef FB_SONARKIT_ENABLED
   InitializeFlipper(application);
 #endif
 
diff --git a/template/ios/HelloWorld/Base.lproj/LaunchScreen.xib b/template/ios/HelloWorld/Base.lproj/LaunchScreen.xib
deleted file mode 100644
index 0b83e7b2ddb38b..00000000000000
--- a/template/ios/HelloWorld/Base.lproj/LaunchScreen.xib
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.XIB" version="3.0" toolsVersion="7702" systemVersion="14D136" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES">
-    <dependencies>
-        <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="7701"/>
-        <capability name="Constraints with non-1.0 multipliers" minToolsVersion="5.1"/>
-    </dependencies>
-    <objects>
-        <placeholder placeholderIdentifier="IBFilesOwner" id="-1" userLabel="File's Owner"/>
-        <placeholder placeholderIdentifier="IBFirstResponder" id="-2" customClass="UIResponder"/>
-        <view contentMode="scaleToFill" id="iN0-l3-epB">
-            <rect key="frame" x="0.0" y="0.0" width="480" height="480"/>
-            <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-            <subviews>
-                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="8ie-xW-0ye">
-                    <rect key="frame" x="20" y="439" width="441" height="21"/>
-                    <fontDescription key="fontDescription" type="system" pointSize="17"/>
-                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
-                    <nil key="highlightedColor"/>
-                </label>
-                <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="HelloWorld" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="kId-c2-rCX">
-                    <rect key="frame" x="20" y="140" width="441" height="43"/>
-                    <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
-                    <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
-                    <nil key="highlightedColor"/>
-                </label>
-            </subviews>
-            <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
-            <constraints>
-                <constraint firstItem="kId-c2-rCX" firstAttribute="centerY" secondItem="iN0-l3-epB" secondAttribute="bottom" multiplier="1/3" constant="1" id="5cJ-9S-tgC"/>
-                <constraint firstAttribute="centerX" secondItem="kId-c2-rCX" secondAttribute="centerX" id="Koa-jz-hwk"/>
-                <constraint firstAttribute="bottom" secondItem="8ie-xW-0ye" secondAttribute="bottom" constant="20" id="Kzo-t9-V3l"/>
-                <constraint firstItem="8ie-xW-0ye" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="MfP-vx-nX0"/>
-                <constraint firstAttribute="centerX" secondItem="8ie-xW-0ye" secondAttribute="centerX" id="ZEH-qu-HZ9"/>
-                <constraint firstItem="kId-c2-rCX" firstAttribute="leading" secondItem="iN0-l3-epB" secondAttribute="leading" constant="20" symbolic="YES" id="fvb-Df-36g"/>
-            </constraints>
-            <nil key="simulatedStatusBarMetrics"/>
-            <freeformSimulatedSizeMetrics key="simulatedDestinationMetrics"/>
-            <point key="canvasLocation" x="548" y="455"/>
-        </view>
-    </objects>
-</document>
diff --git a/template/ios/HelloWorld/LaunchScreen.storyboard b/template/ios/HelloWorld/LaunchScreen.storyboard
new file mode 100644
index 00000000000000..0d0edbb9640b43
--- /dev/null
+++ b/template/ios/HelloWorld/LaunchScreen.storyboard
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
+    <dependencies>
+        <deployment identifier="iOS"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
+        <capability name="Safe area layout guides" minToolsVersion="9.0"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
+    </dependencies>
+    <scenes>
+        <!--View Controller-->
+        <scene sceneID="EHf-IW-A2E">
+            <objects>
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
+                    <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
+                        <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
+                        <subviews>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="obG-Y5-kRd">
+                                <rect key="frame" x="0.0" y="647" width="375" height="0.0"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="HelloWorld" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
+                                <rect key="frame" x="0.0" y="202" width="375" height="43"/>
+                                <fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
+                                <color key="textColor" red="0.0" green="0.0" blue="0.0" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                            <label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
+                                <rect key="frame" x="0.0" y="626" width="375" height="21"/>
+                                <fontDescription key="fontDescription" type="system" pointSize="17"/>
+                                <color key="textColor" cocoaTouchSystemColor="darkTextColor"/>
+                                <nil key="highlightedColor"/>
+                            </label>
+                        </subviews>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
+                        <constraints>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="obG-Y5-kRd" secondAttribute="centerX" id="5cz-MP-9tL"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
+                            <constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
+                            <constraint firstItem="obG-Y5-kRd" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="SfN-ll-jLj"/>
+                            <constraint firstAttribute="bottom" secondItem="obG-Y5-kRd" secondAttribute="bottom" constant="20" id="Y44-ml-fuU"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
+                            <constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
+                            <constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
+                        </constraints>
+                        <viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
+                    </view>
+                </viewController>
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
+            </objects>
+            <point key="canvasLocation" x="52.173913043478265" y="375"/>
+        </scene>
+    </scenes>
+</document>
diff --git a/template/ios/Podfile b/template/ios/Podfile
index 65f9bfdefa9e3f..6e1ebd6181167f 100644
--- a/template/ios/Podfile
+++ b/template/ios/Podfile
@@ -1,94 +1,23 @@
-platform :ios, '9.0'
+require_relative '../node_modules/react-native/scripts/react_native_pods'
 require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
 
-def add_flipper_pods!(versions = {})
-  versions['Flipper'] ||= '~> 0.33.1'
-  versions['DoubleConversion'] ||= '1.1.7'
-  versions['Flipper-Folly'] ||= '~> 2.1'
-  versions['Flipper-Glog'] ||= '0.3.6'
-  versions['Flipper-PeerTalk'] ||= '~> 0.0.4'
-  versions['Flipper-RSocket'] ||= '~> 1.0'
-
-  pod 'FlipperKit', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FlipperKitLayoutPlugin', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/SKIOSNetworkPlugin', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FlipperKitUserDefaultsPlugin', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FlipperKitReactPlugin', versions['Flipper'], :configuration => 'Debug'
-
-  # List all transitive dependencies for FlipperKit pods
-  # to avoid them being linked in Release builds
-  pod 'Flipper', versions['Flipper'], :configuration => 'Debug'
-  pod 'Flipper-DoubleConversion', versions['DoubleConversion'], :configuration => 'Debug'
-  pod 'Flipper-Folly', versions['Flipper-Folly'], :configuration => 'Debug'
-  pod 'Flipper-Glog', versions['Flipper-Glog'], :configuration => 'Debug'
-  pod 'Flipper-PeerTalk', versions['Flipper-PeerTalk'], :configuration => 'Debug'
-  pod 'Flipper-RSocket', versions['Flipper-RSocket'], :configuration => 'Debug'
-  pod 'FlipperKit/Core', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/CppBridge', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FBCxxFollyDynamicConvert', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FBDefines', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FKPortForwarding', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FlipperKitHighlightOverlay', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FlipperKitLayoutTextSearchable', versions['Flipper'], :configuration => 'Debug'
-  pod 'FlipperKit/FlipperKitNetworkPlugin', versions['Flipper'], :configuration => 'Debug'
-end
-
-# Post Install processing for Flipper
-def flipper_post_install(installer)
-  installer.pods_project.targets.each do |target|
-    if target.name == 'YogaKit'
-      target.build_configurations.each do |config|
-        config.build_settings['SWIFT_VERSION'] = '4.1'
-      end
-    end
-  end
-end
+platform :ios, '10.0'
 
 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/'
-  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'
-  pod 'React-RCTImage', :path => '../node_modules/react-native/Libraries/Image'
-  pod 'React-RCTLinking', :path => '../node_modules/react-native/Libraries/LinkingIOS'
-  pod 'React-RCTNetwork', :path => '../node_modules/react-native/Libraries/Network'
-  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-Core/RCTWebSocket', :path => '../node_modules/react-native/'
+  config = use_native_modules!
 
-  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 'ReactCommon/callinvoker', :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', :modular_headers => true
-
-  pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
-  pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
-  pod 'RCT-Folly', :podspec => '../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec'
+  use_react_native!(:path => config["reactNativePath"])
 
   target 'HelloWorldTests' do
     inherit! :complete
     # Pods for testing
   end
 
-  use_native_modules!
-
   # Enables Flipper.
   #
   # Note that if you have use_frameworks! enabled, Flipper will not work and
   # you should disable these next few lines.
-  add_flipper_pods!
+  use_flipper!
   post_install do |installer|
     flipper_post_install(installer)
   end
diff --git a/template/package.json b/template/package.json
index 69147b50c08887..e68613bf41fed1 100644
--- a/template/package.json
+++ b/template/package.json
@@ -10,18 +10,18 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "react": "16.11.0",
-    "react-native": "0.62.2"
+    "react": "16.13.1",
+    "react-native": "0.63.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.6.2",
-    "@babel/runtime": "^7.6.2",
-    "@react-native-community/eslint-config": "^0.0.5",
-    "babel-jest": "^24.9.0",
+    "@babel/core": "^7.8.4",
+    "@babel/runtime": "^7.8.4",
+    "@react-native-community/eslint-config": "^1.1.0",
+    "babel-jest": "^25.1.0",
     "eslint": "^6.5.1",
-    "jest": "^24.9.0",
-    "metro-react-native-babel-preset": "^0.58.0",
-    "react-test-renderer": "16.11.0"
+    "jest": "^25.1.0",
+    "metro-react-native-babel-preset": "^0.59.0",
+    "react-test-renderer": "16.13.1"
   },
   "jest": {
     "preset": "react-native"
diff --git a/third-party-podspecs/DoubleConversion.podspec b/third-party-podspecs/DoubleConversion.podspec
index 38c844ef9901a0..3a0d0051319d02 100644
--- a/third-party-podspecs/DoubleConversion.podspec
+++ b/third-party-podspecs/DoubleConversion.podspec
@@ -19,6 +19,6 @@ Pod::Spec.new do |spec|
   spec.compiler_flags = '-Wno-unreachable-code'
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  spec.platforms = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
 
 end
diff --git a/third-party-podspecs/RCT-Folly.podspec b/third-party-podspecs/RCT-Folly.podspec
index 3f45ab942bd3e9..1c4643ac89c9cf 100644
--- a/third-party-podspecs/RCT-Folly.podspec
+++ b/third-party-podspecs/RCT-Folly.podspec
@@ -5,7 +5,7 @@
 
 Pod::Spec.new do |spec|
   spec.name = 'RCT-Folly'
-  spec.version = '2018.10.22.00'
+  spec.version = '2020.01.13.00'
   spec.license = { :type => 'Apache License, Version 2.0' }
   spec.homepage = 'https://github.com/facebook/folly'
   spec.summary = 'An open-source C++ library developed and used at Facebook.'
@@ -21,7 +21,9 @@ Pod::Spec.new do |spec|
   spec.source_files = 'folly/String.cpp',
                       'folly/Conv.cpp',
                       'folly/Demangle.cpp',
+                      'folly/FileUtil.cpp',
                       'folly/Format.cpp',
+                      'folly/lang/SafeAssert.cpp',
                       'folly/ScopeGuard.cpp',
                       'folly/Unicode.cpp',
                       'folly/dynamic.cpp',
@@ -29,10 +31,13 @@ Pod::Spec.new do |spec|
                       'folly/json_pointer.cpp',
                       'folly/container/detail/F14Table.cpp',
                       'folly/detail/Demangle.cpp',
+                      'folly/detail/UniqueInstance.cpp',
                       'folly/hash/SpookyHashV2.cpp',
                       'folly/lang/Assume.cpp',
-                      'folly/lang/ColdClass.cpp',
+                      'folly/lang/CString.cpp',
                       'folly/memory/detail/MallocImpl.cpp',
+                      'folly/net/NetOps.cpp',
+                      'folly/portability/SysUio.cpp',
                       'folly/*.h',
                       'folly/container/*.h',
                       'folly/container/detail/*.h',
@@ -42,6 +47,8 @@ Pod::Spec.new do |spec|
                       'folly/lang/*.h',
                       'folly/memory/*.h',
                       'folly/memory/detail/*.h',
+                      'folly/net/*.h',
+                      'folly/net/detail/*.h',
                       'folly/portability/*.h'
 
   # workaround for https://github.com/facebook/react-native/issues/14326
@@ -54,6 +61,8 @@ Pod::Spec.new do |spec|
                         'folly/lang/*.h',
                         'folly/memory/*.h',
                         'folly/memory/detail/*.h',
+                        'folly/net/*.h',
+                        'folly/net/detail/*.h',
                         'folly/portability/*.h'
   spec.libraries           = "stdc++"
   spec.pod_target_xcconfig = { "USE_HEADERMAP" => "NO",
@@ -70,12 +79,9 @@ Pod::Spec.new do |spec|
   end
 
   spec.subspec 'Fabric' do |fabric|
-    fabric.source_files = 'folly/portability/SysUio.cpp',
-                          'folly/FileUtil.cpp',
-                          'folly/SharedMutex.cpp',
+    fabric.source_files = 'folly/SharedMutex.cpp',
                           'folly/concurrency/CacheLocality.cpp',
                           'folly/detail/Futex.cpp',
-                          'folly/lang/SafeAssert.cpp',
                           'folly/synchronization/ParkingLot.cpp',
                           'folly/portability/Malloc.cpp'
     fabric.preserve_paths = 'folly/concurrency/CacheLocality.h',
@@ -84,7 +90,6 @@ Pod::Spec.new do |spec|
                             'folly/system/ThreadId.h'
   end
 
-  # [TODO(macOS GH#214)
   spec.subspec 'Futures' do |futures|
     futures.dependency 'libevent'
     futures.pod_target_xcconfig = { "HEADER_SEARCH_PATHS" => ["$(inherited)", "$(PODS_ROOT)/Headers/Public/libevent/event"] }
@@ -92,20 +97,21 @@ Pod::Spec.new do |spec|
                            'folly/futures/detail/*.{h,cpp}',
                            'folly/executors/*.{h,cpp}',
                            'folly/executors/thread_factory/{NamedThreadFactory,ThreadFactory}.{h,cpp}',
-                           'folly/executors/task_queue/{BlockingQueue,LifoSemMPMCQueue,PriorityLifoSemMPMCQueue}.{h,cpp}',
+                           'folly/executors/task_queue/{BlockingQueue,UnboundedBlockingQueue,LifoSemMPMCQueue,PriorityUnboundedBlockingQueue,PriorityLifoSemMPMCQueue}.{h,cpp}',
                            'folly/concurrency/*.{h,cpp}',
-                           'folly/system/{ThreadId,ThreadName}.{h,cpp}',
+                           'folly/system/{ThreadId,ThreadName,HardwareConcurrency}.{h,cpp}',
                            'folly/synchronization/*.{h,cpp}',
                            'folly/synchronization/detail/*.{h,cpp}',
-                           'folly/experimental/{ExecutionObserver,ReadMostlySharedPtr,TLRefCount}.{h,cpp}',
-                           'folly/io/async/{AsyncTimeout,DelayedDestruction,DelayedDestructionBase,EventBase,EventBaseManager,EventHandler,EventUtil,HHWheelTimer,NotificationQueue,Request,TimeoutManager,VirtualEventBase}.{h,cpp}',
+                           'folly/experimental/{ExecutionObserver,ReadMostlySharedPtr,SingleWriterFixedHashMap,TLRefCount}.{h,cpp}',
+                           'folly/io/async/{AsyncTimeout,DelayedDestruction,DelayedDestructionBase,EventBase,EventBaseManager,EventBaseBackendBase,EventHandler,EventUtil,HHWheelTimer,HHWheelTimer-fwd,NotificationQueue,Request,TimeoutManager,VirtualEventBase}.{h,cpp}',
                            'folly/io/{Cursor,Cursor-inl,IOBuf,IOBufQueue}.{h,cpp}',
                            'folly/tracing/StaticTracepoint.{h,cpp}',
                            'folly/{Executor,ExceptionWrapper,ExceptionWrapper-inl,FileUtil,Singleton,SharedMutex}.{h,cpp}',
-                           'folly/detail/{AtFork,Futex,Futex-inl,MemoryIdler,StaticSingletonManager,ThreadLocalDetail}.{h,cpp}',
+                           'folly/detail/{AsyncTrace,AtFork,Futex,Futex-inl,MemoryIdler,StaticSingletonManager,ThreadLocalDetail}.{h,cpp}',
                            'folly/lang/SafeAssert.{h,cpp}',
                            'folly/memory/MallctlHelper.{h,cpp}',
-                           'folly/portability/SysUio.{h,cpp}'
+                           'folly/portability/{GFlags,SysUio}.{h,cpp}',
+                           'folly/chrono/Hardware.{h,cpp}'
                           # TODO: Perhaps some of the wildcards above can be further trimmed down with some of these:
                           #
                           #  'folly/executors/{DrivableExecutor,InlineExecutor,QueuedImmediateExecutor,TimedDrivableExecutor}.{h,cpp}',
@@ -116,8 +122,7 @@ Pod::Spec.new do |spec|
                           #  'folly/synchronization/detail/{AtomicUtils,Sleeper,Spin}.{h,cpp}',
                           #  'folly/experimental/{ReadMostlySharedPtr,TLRefCount}.h',
   end
-  # ]TODO(macOS GH#214)
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  spec.platforms = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
 end
diff --git a/third-party-podspecs/glog.podspec b/third-party-podspecs/glog.podspec
index 1f6c71640cd2c3..6ecaa142bc34fc 100644
--- a/third-party-podspecs/glog.podspec
+++ b/third-party-podspecs/glog.podspec
@@ -34,6 +34,6 @@ Pod::Spec.new do |spec|
                                "HEADER_SEARCH_PATHS" => "$(PODS_TARGET_SRCROOT)/src" }
 
   # Pinning to the same version as React.podspec.
-  spec.platforms = { :ios => "9.0", :tvos => "9.2", :osx => "10.13" } # TODO(macOS GH#214)
+  spec.platforms = { :ios => "10.0", :tvos => "10.0", :osx => "10.13" } # TODO(macOS GH#214)
 
 end
diff --git a/tools/build_defs/oss/rn_defs.bzl b/tools/build_defs/oss/rn_defs.bzl
index 7f661fc6c24ec0..698ce671363feb 100644
--- a/tools/build_defs/oss/rn_defs.bzl
+++ b/tools/build_defs/oss/rn_defs.bzl
@@ -15,7 +15,7 @@ _DEBUG_PREPROCESSOR_FLAGS = []
 
 _APPLE_COMPILER_FLAGS = []
 
-def get_debug_preprocessor_flags():
+def get_preprocessor_flags_for_build_mode():
     return _DEBUG_PREPROCESSOR_FLAGS
 
 def get_apple_compiler_flags():
@@ -27,15 +27,6 @@ GLOG_DEP = "//ReactAndroid/build/third-party-ndk/glog:glog"
 
 INSPECTOR_FLAGS = []
 
-APPLE_JSC_DEPS = []
-
-ANDROID_JSC_INTERNAL_DEPS = [
-    "//native/third-party/jsc:jsc",
-    "//native/third-party/jsc:jsc_legacy_profiler",
-]
-
-ANDROID_JSC_DEPS = ANDROID_JSC_INTERNAL_DEPS
-
 ANDROID = "Android"
 
 APPLE = ""
@@ -167,16 +158,12 @@ def rn_android_prebuilt_aar(*args, **kwargs):
 def rn_apple_library(*args, **kwargs):
     kwargs.setdefault("link_whole", True)
     kwargs.setdefault("enable_exceptions", True)
+    kwargs.setdefault("target_sdk_version", "10.0")
+    _ = kwargs.pop("plugins_only", False)
     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)
+    _ = kwargs.pop("is_androidx", False)
     native.java_library(*args, **kwargs)
 
 def rn_java_annotation_processor(*args, **kwargs):
diff --git a/yarn.lock b/yarn.lock
index 1ecbf808f530fe..a9810f02019971 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -598,6 +598,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-jsx@^7.8.3":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.8.3.tgz#521b06c83c40480f1e58b4fd33b92eceb1d6ea94"
+  integrity sha512-WxdW9xyLgBdefoo0Ynn3MRSkhe5tFVxxKNVdnZSh318WrG2e2jH+E9wd/++JsqcLJZPfz87njQJ8j2Upjm0M0A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+
 "@babel/plugin-syntax-nullish-coalescing-operator@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.0.0.tgz#b60931d5a15da82625fff6657c39419969598743"
@@ -838,6 +845,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-react-jsx-self@^7.0.0":
+  version "7.8.3"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.8.3.tgz#c4f178b2aa588ecfa8d077ea80d4194ee77ed702"
+  integrity sha512-01OT7s5oa0XTLf2I8XGsL8+KqV9lx3EZV+jxn/L2LQ97CGKila2YMroTkCEIE0HV/FF7CMSRsIAybopdN9NTdg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.8.3"
+    "@babel/plugin-syntax-jsx" "^7.8.3"
+
 "@babel/plugin-transform-react-jsx-source@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.0.0.tgz#28e00584f9598c0dd279f6280eee213fa0121c3c"
@@ -1180,48 +1195,58 @@
     chalk "^2.0.1"
     slash "^2.0.0"
 
-"@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==
+"@jest/console@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0"
+  integrity sha512-Zuj6b8TnKXi3q4ymac8EQfc3ea/uhLeCGThFqXeC8H9/raaH8ARPUTdId+XyGd03Z4In0/VjD2OYFcBF09fNLQ==
+  dependencies:
+    "@jest/source-map" "^24.9.0"
+    chalk "^2.0.1"
+    slash "^2.0.0"
+
+"@jest/core@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.9.0.tgz#2ceccd0b93181f9c4850e74f2a9ad43d351369c4"
+  integrity sha512-Fogg3s4wlAr1VX7q+rhV9RVnUv5tD7VuWfYy1+whMiWUrvl7U3QJSJyWcDio9Lq2prqYsZaeTv2Rz24pWGkJ2A==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/reporters" "^24.8.0"
-    "@jest/test-result" "^24.8.0"
-    "@jest/transform" "^24.8.0"
-    "@jest/types" "^24.8.0"
+    "@jest/reporters" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     graceful-fs "^4.1.15"
-    jest-changed-files "^24.8.0"
-    jest-config "^24.8.0"
-    jest-haste-map "^24.8.0"
-    jest-message-util "^24.8.0"
+    jest-changed-files "^24.9.0"
+    jest-config "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-message-util "^24.9.0"
     jest-regex-util "^24.3.0"
-    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"
+    jest-resolve "^24.9.0"
+    jest-resolve-dependencies "^24.9.0"
+    jest-runner "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    jest-watcher "^24.9.0"
     micromatch "^3.1.10"
     p-each-series "^1.0.0"
-    pirates "^4.0.1"
     realpath-native "^1.1.0"
     rimraf "^2.5.4"
+    slash "^2.0.0"
     strip-ansi "^5.0.0"
 
-"@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==
+"@jest/environment@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.9.0.tgz#21e3afa2d65c0586cbd6cbefe208bafade44ab18"
+  integrity sha512-5A1QluTPhvdIPFYnO3sZC3smkNeXPVELz7ikPbhUj0bQjB07EoE9qtLrem14ZUYWdVayYbsjVwIiL4WBIMV4aQ==
   dependencies:
-    "@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.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
 
 "@jest/fake-timers@^24.8.0":
   version "24.8.0"
@@ -1232,15 +1257,24 @@
     jest-message-util "^24.8.0"
     jest-mock "^24.8.0"
 
-"@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==
+"@jest/fake-timers@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.9.0.tgz#ba3e6bf0eecd09a636049896434d306636540c93"
+  integrity sha512-eWQcNa2YSwzXWIMC5KufBh3oWRIijrQFROsIqt6v/NS9Io/gknw1jsAC9c+ih/RQX4A3O7SeWAhQeN0goKhT9A==
   dependencies:
-    "@jest/environment" "^24.8.0"
-    "@jest/test-result" "^24.8.0"
-    "@jest/transform" "^24.8.0"
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-mock "^24.9.0"
+
+"@jest/reporters@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.9.0.tgz#86660eff8e2b9661d042a8e98a028b8d631a5b43"
+  integrity sha512-mu4X0yjaHrffOsWmVLzitKmmmWSQ3GGuefgNscUSWNiUNcEOSEQk9k3pERKEQVBb0Cnn88+UESIsZEMH3o88Gw==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     glob "^7.1.2"
@@ -1248,13 +1282,13 @@
     istanbul-lib-instrument "^3.0.1"
     istanbul-lib-report "^2.0.4"
     istanbul-lib-source-maps "^3.0.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"
+    istanbul-reports "^2.2.6"
+    jest-haste-map "^24.9.0"
+    jest-resolve "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-util "^24.9.0"
     jest-worker "^24.6.0"
-    node-notifier "^5.2.1"
+    node-notifier "^5.4.2"
     slash "^2.0.0"
     source-map "^0.6.0"
     string-length "^2.0.0"
@@ -1268,6 +1302,15 @@
     graceful-fs "^4.1.15"
     source-map "^0.6.0"
 
+"@jest/source-map@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-24.9.0.tgz#0e263a94430be4b41da683ccc1e6bffe2a191714"
+  integrity sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.1.15"
+    source-map "^0.6.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"
@@ -1277,38 +1320,48 @@
     "@jest/types" "^24.8.0"
     "@types/istanbul-lib-coverage" "^2.0.0"
 
-"@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==
+"@jest/test-result@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.9.0.tgz#11796e8aa9dbf88ea025757b3152595ad06ba0ca"
+  integrity sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==
   dependencies:
-    "@jest/test-result" "^24.8.0"
-    jest-haste-map "^24.8.0"
-    jest-runner "^24.8.0"
-    jest-runtime "^24.8.0"
+    "@jest/console" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/istanbul-lib-coverage" "^2.0.0"
 
-"@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==
+"@jest/test-sequencer@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz#f8f334f35b625a4f2f355f2fe7e6036dad2e6b31"
+  integrity sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==
+  dependencies:
+    "@jest/test-result" "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-runner "^24.9.0"
+    jest-runtime "^24.9.0"
+
+"@jest/transform@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.9.0.tgz#4ae2768b296553fadab09e9ec119543c90b16c56"
+  integrity sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.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.8.0"
-    jest-regex-util "^24.3.0"
-    jest-util "^24.8.0"
+    jest-haste-map "^24.9.0"
+    jest-regex-util "^24.9.0"
+    jest-util "^24.9.0"
     micromatch "^3.1.10"
+    pirates "^4.0.1"
     realpath-native "^1.1.0"
     slash "^2.0.0"
     source-map "^0.6.1"
     write-file-atomic "2.4.1"
 
-"@jest/types@^24.7.0", "@jest/types@^24.8.0":
+"@jest/types@^24.7.0", "@jest/types@^24.8.0", "@jest/types@^24.9.0":
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.9.0.tgz#63cb26cb7500d069e5a389441a7c6ab5e909fc59"
   integrity sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==
@@ -1317,7 +1370,17 @@
     "@types/istanbul-reports" "^1.1.1"
     "@types/yargs" "^13.0.0"
 
-"@jest/types@^25.2.6", "@jest/types@^25.5.0":
+"@jest/types@^25.3.0":
+  version "25.3.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.3.0.tgz#88f94b277a1d028fd7117bc1f74451e0fc2131e7"
+  integrity sha512-UkaDNewdqXAmCDbN2GlUM6amDKS78eCqiw/UmF5nE0mmLTd6moJkiZJML/X52Ke3LH7Swhw883IRXq8o9nWjVw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^1.1.1"
+    "@types/yargs" "^15.0.0"
+    chalk "^3.0.0"
+
+"@jest/types@^25.5.0":
   version "25.5.0"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-25.5.0.tgz#4d6a4793f7b9599fc3680877b856a97dbccf2a9d"
   integrity sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==
@@ -1345,7 +1408,7 @@
     hermes-profile-transformer "^0.0.6"
     ip "^1.1.5"
 
-"@react-native-community/cli-platform-android@^4.13.0", "@react-native-community/cli-platform-android@^4.5.1":
+"@react-native-community/cli-platform-android@^4.13.0":
   version "4.13.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-android/-/cli-platform-android-4.13.0.tgz#922681ec82ee1aadd993598b814df1152118be02"
   integrity sha512-3i8sX8GklEytUZwPnojuoFbCjIRzMugCdzDIdZ9UNmi/OhD4/8mLGO0dgXfT4sMWjZwu3qjy45sFfk2zOAgHbA==
@@ -1361,7 +1424,7 @@
     slash "^3.0.0"
     xmldoc "^1.1.2"
 
-"@react-native-community/cli-platform-ios@^4.5.0":
+"@react-native-community/cli-platform-ios@^4.13.0":
   version "4.13.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-platform-ios/-/cli-platform-ios-4.13.0.tgz#a738915c68cac86df54e578b59a1311ea62b1aef"
   integrity sha512-6THlTu8zp62efkzimfGr3VIuQJ2514o+vScZERJCV1xgEi8XtV7mb/ZKt9o6Y9WGxKKkc0E0b/aVAtgy+L27CA==
@@ -1405,7 +1468,7 @@
   resolved "https://registry.yarnpkg.com/@react-native-community/cli-types/-/cli-types-4.10.1.tgz#d68a2dcd1649d3b3774823c64e5e9ce55bfbe1c9"
   integrity sha512-ael2f1onoPF3vF7YqHGWy7NnafzGu+yp88BbFbP0ydoCP2xGSUzmZVw0zakPTC040Id+JQ9WeFczujMkDy6jYQ==
 
-"@react-native-community/cli@^4.5.1":
+"@react-native-community/cli@^4.13.0":
   version "4.13.0"
   resolved "https://registry.yarnpkg.com/@react-native-community/cli/-/cli-4.13.0.tgz#04d5032f9b2b423c61ceef6be83b1bcc8a37db75"
   integrity sha512-R+1VehIQ6VTLf+e7YOwzJk0F9tstfeSC4xy7oT6GSgB3FnXbTJGHFUp4siyO68Ae/gzGqt8SiUO145teWkP+ZA==
@@ -1526,11 +1589,6 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-15.0.0.tgz#cb3f9f741869e20cce330ffbeb9271590483882d"
   integrity sha512-FA/BWv8t8ZWJ+gEOnLLd8ygxH/2UFbAvgEonyfN6yWGLKc7zVjbpl2Y4CTjid9h2RfgPP6SEt6uHwEOply00yw==
 
-"@types/yargs@^12.0.2", "@types/yargs@^12.0.9":
-  version "12.0.9"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-12.0.9.tgz#693e76a52f61a2f1e7fb48c0eef167b95ea4ffd0"
-  integrity sha512-sCZy4SxP9rN2w30Hlmg5dtdRwgYQfYRiLo9usw8X9cxlf+H4FqM1xX7+sNH7NNKVdbXMJWqva7iyy+fxh/V7fA==
-
 "@types/yargs@^13.0.0":
   version "13.0.10"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.10.tgz#e77bf3fc73c781d48c2eb541f87c453e321e5f4b"
@@ -1567,13 +1625,13 @@ absolute-path@^0.0.0:
   resolved "https://registry.yarnpkg.com/absolute-path/-/absolute-path-0.0.0.tgz#a78762fbdadfb5297be99b15d35a785b2f095bf7"
   integrity sha1-p4di+9rftSl76ZsV01p4Wy8JW/c=
 
-accepts@~1.3.3, accepts@~1.3.5:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.5.tgz#eb777df6011723a3b14e8a72c0805c8e86746bd2"
-  integrity sha1-63d99gEXI6OxTopywIBcjoZ0a9I=
+accepts@~1.3.5, accepts@~1.3.7:
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
+  integrity sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==
   dependencies:
-    mime-types "~2.1.18"
-    negotiator "0.6.1"
+    mime-types "~2.1.24"
+    negotiator "0.6.2"
 
 acorn-globals@^4.1.0:
   version "4.3.0"
@@ -1837,7 +1895,7 @@ arrify@^1.0.1:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
   integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
 
-asap@~2.0.3:
+asap@~2.0.3, asap@~2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=
@@ -1864,10 +1922,10 @@ ast-types-flow@0.0.7, ast-types-flow@^0.0.7:
   resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz#f70b735c6bca1a5c9c22d982c3e39e7feba3bdad"
   integrity sha1-9wtzXGvKGlycItmCw+Oef+ujva0=
 
-ast-types@0.11.6:
-  version "0.11.6"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.11.6.tgz#4e2266c2658829aef3b40cc33ad599c4e9eb89ef"
-  integrity sha512-nHiuV14upVGl7MWwFUYbzJ6YlfwWS084CU9EA8HajfYQjMSli5TQi3UTRygGF58LFWVkXxS1rbgRhROEqlQkXg==
+ast-types@0.13.2:
+  version "0.13.2"
+  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.13.2.tgz#df39b677a911a83f3a049644fb74fdded23cea48"
+  integrity sha512-uWMHxJxtfj/1oZClOxDEV1sQ1HCDkA4MG8Gr69KKeBjEVH0R84WlejZ0y2DcwyBlpAEMltmVYkVgqfLFb2oyiA==
 
 astral-regex@^1.0.0:
   version "1.0.0"
@@ -1884,7 +1942,7 @@ async@^1.5.2:
   resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
   integrity sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=
 
-async@^2.4.0, async@^2.5.0:
+async@^2.4.0:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/async/-/async-2.6.1.tgz#b245a23ca71930044ec53fa46aa00a3e87c6a610"
   integrity sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==
@@ -1944,16 +2002,16 @@ babel-eslint@10.0.1:
     eslint-scope "3.7.1"
     eslint-visitor-keys "^1.0.0"
 
-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==
+babel-jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.9.0.tgz#3fc327cb8467b89d14d7bc70e315104a783ccd54"
+  integrity sha512-ntuddfyiN+EhMw58PTNL1ph4C9rECiQXjI4nMMBKBaNjXvqLdkXpPRcMSr4iyBrJg/+wz9brFUD6RhOAT6r4Iw==
   dependencies:
-    "@jest/transform" "^24.8.0"
-    "@jest/types" "^24.8.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
     "@types/babel__core" "^7.1.0"
     babel-plugin-istanbul "^5.1.0"
-    babel-preset-jest "^24.6.0"
+    babel-preset-jest "^24.9.0"
     chalk "^2.4.2"
     slash "^2.0.0"
 
@@ -1966,10 +2024,10 @@ babel-plugin-istanbul@^5.1.0:
     istanbul-lib-instrument "^3.0.0"
     test-exclude "^5.0.0"
 
-babel-plugin-jest-hoist@^24.6.0:
-  version "24.6.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.6.0.tgz#f7f7f7ad150ee96d7a5e8e2c5da8319579e78019"
-  integrity sha512-3pKNH6hMt9SbOv0F3WVmy5CWQ4uogS3k0GY5XLyQHJ9EGpAT9XWkFd2ZiXXtkwFHdAHa5j7w7kfxSP5lAIwu7w==
+babel-plugin-jest-hoist@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.9.0.tgz#4f837091eb407e01447c8843cbec546d0002d756"
+  integrity sha512-2EMA2P8Vp7lG0RAzr4HXqtYwacfMErOuv1U3wrvxHX6rD1sV6xS3WXG3r8TRQ2r6w8OhvSdWt+z41hQNwNm3Xw==
   dependencies:
     "@types/babel__traverse" "^7.0.6"
 
@@ -2045,13 +2103,13 @@ babel-preset-fbjs@^3.3.0:
     "@babel/plugin-transform-template-literals" "^7.0.0"
     babel-plugin-syntax-trailing-function-commas "^7.0.0-beta.0"
 
-babel-preset-jest@^24.6.0:
-  version "24.6.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.6.0.tgz#66f06136eefce87797539c0d63f1769cc3915984"
-  integrity sha512-pdZqLEdmy1ZK5kyRUfvBb2IfTPb2BUvIJczlPspS8fWmBQslNNDBqVfh7BW5leOVJMDZKzjD8XEyABTk6gQ5yw==
+babel-preset-jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
+  integrity sha512-izTUuhE4TMfTRPF92fFwD2QfdXaZW08qvWTFCI51V8rW5x00UuPgc3ajRoWofXOuxjfcOM5zzSYsQS3H8KGCAg==
   dependencies:
     "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
-    babel-plugin-jest-hoist "^24.6.0"
+    babel-plugin-jest-hoist "^24.9.0"
 
 babylon@^6.15.0:
   version "6.18.0"
@@ -2253,16 +2311,16 @@ callsites@^3.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.0.0.tgz#fb7eb569b72ad7a45812f93fd9430a3e410b3dd3"
   integrity sha512-tWnkwu9YEq2uzlBDI4RcLn8jrFvF9AOi8PxDNU3hZZjJcjkcRAq3vCI+vZcg1SuxISDYe86k9VZFwAxDiJGoAw==
 
-camelcase@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
-  integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
-
 camelcase@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.0.0.tgz#03295527d58bd3cd4aa75363f35b2e8d97be2f42"
   integrity sha512-faqwZqnWxbxn+F1d399ygeamQNy3lPp/H9H6rNrqYh4FSVCtcY+3cub1MxA8o9mDd55mM8Aghuu/kuyYA6VTsA==
 
+camelcase@^5.3.1:
+  version "5.3.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
+  integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
+
 caniuse-lite@^1.0.30000921:
   version "1.0.30000923"
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000923.tgz#148f9bda508024b5ce957b463ae2e8302b451bb2"
@@ -2493,11 +2551,6 @@ commander@~2.13.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.13.0.tgz#6964bca67685df7c1f1430c584f07d7597885b9c"
   integrity sha512-MVuS359B+YzaWqjCL/c+22gfryv+mCBPHAv3zyVI2GN8EY6IRP8VwtasXn8jyyhvvq84R4ImN1OKRtcbIasjYA==
 
-commander@~2.17.1:
-  version "2.17.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.17.1.tgz#bd77ab7de6de94205ceacc72f1716d29f20a77bf"
-  integrity sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==
-
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -2508,23 +2561,23 @@ component-emitter@^1.2.1:
   resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.2.1.tgz#137918d6d78283f7df7a6b7c5a63e140e69425e6"
   integrity sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=
 
-compressible@~2.0.14:
-  version "2.0.15"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.15.tgz#857a9ab0a7e5a07d8d837ed43fe2defff64fe212"
-  integrity sha512-4aE67DL33dSW9gw4CI2H/yTxqHLNcxp0yS6jB+4h+wr3e43+1z7vm0HU9qXOH8j+qjKuL8+UtkOxYQSMq60Ylw==
+compressible@~2.0.16:
+  version "2.0.18"
+  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
+  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
   dependencies:
-    mime-db ">= 1.36.0 < 2"
+    mime-db ">= 1.43.0 < 2"
 
 compression@^1.7.1:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.3.tgz#27e0e176aaf260f7f2c2813c3e440adb9f1993db"
-  integrity sha512-HSjyBG5N1Nnz7tF2+O7A9XUhyjru71/fwgNb7oIsEVHR0WShfs2tIS/EySLgiTe98aOK18YDlMXpzjCXY/n9mg==
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
+  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
   dependencies:
     accepts "~1.3.5"
     bytes "3.0.0"
-    compressible "~2.0.14"
+    compressible "~2.0.16"
     debug "2.6.9"
-    on-headers "~1.0.1"
+    on-headers "~1.0.2"
     safe-buffer "5.1.2"
     vary "~1.1.2"
 
@@ -2577,11 +2630,6 @@ copy-descriptor@^0.1.0:
   resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
   integrity sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=
 
-core-js@^1.0.0:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-1.2.7.tgz#652294c14651db28fa93bd2d5ff2983a4f08c636"
-  integrity sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=
-
 core-js@^2.2.2, core-js@^2.4.1, core-js@^2.5.7:
   version "2.5.7"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.7.tgz#f972608ff0cead68b841a16a932d0b183791814e"
@@ -2623,15 +2671,6 @@ coveralls@^3.0.2:
     minimist "^1.2.0"
     request "^2.85.0"
 
-create-react-class@^15.6.3:
-  version "15.6.3"
-  resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036"
-  integrity sha512-M+/3Q6E6DLO6Yx3OwrWjwHBnvfXXYA7W+dFjt/ZDBemHO1DDZhsalX/NUtnTYclN6GfnBDRh4qRHjcDHmlJBJg==
-  dependencies:
-    fbjs "^0.8.9"
-    loose-envify "^1.3.1"
-    object-assign "^4.1.1"
-
 cross-spawn@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-4.0.2.tgz#7b9247621c23adfdd3856004a823cbe397424d41"
@@ -2672,14 +2711,6 @@ cssstyle@^1.0.0:
   dependencies:
     cssom "0.3.x"
 
-d@1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
-  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
-  dependencies:
-    es5-ext "^0.10.50"
-    type "^1.0.1"
-
 damerau-levenshtein@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz#03191c432cb6eea168bb77f3a55ffdccb8978514"
@@ -2739,13 +2770,6 @@ decamelize@^1.2.0:
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
 
-decamelize@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-2.0.0.tgz#656d7bbc8094c4c788ea53c5840908c9c7d063c7"
-  integrity sha512-Ikpp5scV3MSYxY39ymh45ZLEecsTdv/Xj2CaQfI8RLMuwi7XvjX9H/fhraiSuU+C5w5NTDu4ZU72xNiZnurBPg==
-  dependencies:
-    xregexp "4.0.0"
-
 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"
@@ -2837,10 +2861,10 @@ detect-newline@^2.1.0:
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
   integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
 
-detox@14.5.1:
-  version "14.5.1"
-  resolved "https://registry.yarnpkg.com/detox/-/detox-14.5.1.tgz#dd3cbdb4f26aaf461774303eb825f2f0fc8e8260"
-  integrity sha512-ZFt9LOHRXTxX1HVefysCnF5tLQQRQvr+w4KSXxkdJUa+9afr9/avZyz5kR0elasC2aU6/pnuzUiOJmCCyy7f6w==
+detox@15.4.4:
+  version "15.4.4"
+  resolved "https://registry.yarnpkg.com/detox/-/detox-15.4.4.tgz#0f56b0eb9dd81b65e9bd6b3a8730f323dd6cd897"
+  integrity sha512-mbsw/REE3yDuq+0fbPZSktfV5OVO/80LMHsistgKUcBEEM3BrwLkZsji8a7syJj9tiDo+SsUjEzXGhQwDLlitA==
   dependencies:
     "@babel/core" "^7.4.5"
     bunyan "^1.8.12"
@@ -2864,10 +2888,10 @@ detox@14.5.1:
     yargs "^13.0.0"
     yargs-parser "^13.0.0"
 
-diff-sequences@^24.3.0:
-  version "24.3.0"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.3.0.tgz#0f20e8a1df1abddaf4d9c226680952e64118b975"
-  integrity sha512-xLqpez+Zj9GKSnPWS0WZw1igGocZ+uua8+y+5dDNTT934N3QuY1sp2LkHzwiaYQGz60hMq0pjAshdeXm5VUOEw==
+diff-sequences@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
+  integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
 
 doctrine@^2.1.0:
   version "2.1.0"
@@ -2950,11 +2974,11 @@ error-ex@^1.3.1:
     is-arrayish "^0.2.1"
 
 errorhandler@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/errorhandler/-/errorhandler-1.5.0.tgz#eaba64ca5d542a311ac945f582defc336165d9f4"
-  integrity sha1-6rpkyl1UKjEayUX1gt78M2Fl2fQ=
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/errorhandler/-/errorhandler-1.5.1.tgz#b9ba5d17cf90744cd1e851357a6e75bf806a9a91"
+  integrity sha512-rcOwbfvP1WTViVoUjcfZicVzjhjTuhSMntHh6mW3IrEiyE6mJyXvsToJUJGlGlw/2xU9P5whlWNGlIDVeCiT4A==
   dependencies:
-    accepts "~1.3.3"
+    accepts "~1.3.7"
     escape-html "~1.0.3"
 
 es-abstract@^1.10.0, es-abstract@^1.11.0:
@@ -2989,32 +3013,6 @@ es-to-primitive@^1.1.1, es-to-primitive@^1.2.0:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.50, es5-ext@~0.10.14:
-  version "0.10.50"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.50.tgz#6d0e23a0abdb27018e5ac4fd09b412bc5517a778"
-  integrity sha512-KMzZTPBkeQV/JcSQhI5/z6d9VWJ3EnQ194USTUwIYZ2ZbpN8+SGXQKt1h68EX44+qt+Fzr8DO17vnxrw7c3agw==
-  dependencies:
-    es6-iterator "~2.0.3"
-    es6-symbol "~3.1.1"
-    next-tick "^1.0.0"
-
-es6-iterator@~2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c=
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-symbol@^3, 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"
-  integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=
-  dependencies:
-    d "1"
-    es5-ext "~0.10.14"
-
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
@@ -3037,18 +3035,23 @@ escodegen@^1.9.1:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-fb-strict@24.3.0:
-  version "24.3.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-fb-strict/-/eslint-config-fb-strict-24.3.0.tgz#01b8773c6e11de259d3e037ab382099758651270"
-  integrity sha512-Fs9DXJ7gsrQ9DoYyMD2TkVdK0NmiJpLycD9suiMj1LvvyDFXTwUKKKnjDZXsLQk96KHmBdaseZXUIJV6vvlC2Q==
+eslint-config-fb-strict@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-fb-strict/-/eslint-config-fb-strict-24.9.0.tgz#5d5ed7c20774fa55b878d75cf8ac1af96dcdb334"
+  integrity sha512-W9fqzHDChDuxivrMgZqd9J7r6kGt3F7lfJtuyMTByT/rnHOJ81BIf1X0rUYA9MvEDrq3fwOr71TjwgAhohlMXA==
   dependencies:
-    eslint-config-fbjs "^2.1.0"
+    eslint-config-fbjs "^3.1.0"
 
-eslint-config-fbjs@2.1.0, eslint-config-fbjs@^2.1.0:
+eslint-config-fbjs@2.1.0:
   version "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-fbjs@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/eslint-config-fbjs/-/eslint-config-fbjs-3.1.1.tgz#f5b4c1df888693672116f000527a8df25d61b888"
+  integrity sha512-Vpyqz+ZcyLyiUGUdUfiQmZnxiQ4Nj/KDRKed/Y5qSm+xHbQJ5zcZUQwLUMWHQicpDHewsdXwlpUAblvy1DtGvg==
+
 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"
@@ -3105,10 +3108,10 @@ eslint-plugin-prettier@2.6.2:
     fast-diff "^1.1.1"
     jest-docblock "^21.0.0"
 
-eslint-plugin-react-hooks@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-2.0.1.tgz#e898ec26a0a335af6f7b0ad1f0bedda7143ed756"
-  integrity sha512-xir+3KHKo86AasxlCV8AHRtIZPHljqCRRUYgASkbatmt0fad4+5GgC7zkT7o/06hdKM6MIwp8giHVXqBPaarHQ==
+eslint-plugin-react-hooks@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-3.0.0.tgz#9e80c71846eb68dd29c3b21d832728aa66e5bd35"
+  integrity sha512-EjxTHxjLKIBWFgDJdhKKzLh5q+vjTFrqNZX36uIxWS4OfyXe5DawqPj3U5qeJ1ngLwatjzQnmR0Lz0J0YH3kxw==
 
 eslint-plugin-react-native-globals@^0.1.1:
   version "0.1.2"
@@ -3135,12 +3138,12 @@ eslint-plugin-react@7.12.4:
     prop-types "^15.6.2"
     resolve "^1.9.0"
 
-eslint-plugin-relay@1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-relay/-/eslint-plugin-relay-1.4.1.tgz#5af2ac13e24bd01ad17b6a4014204918d65021cd"
-  integrity sha512-yb+p+4AxZTi2gXN7cZRfXMBFlRa5j6TtiVeq3yHXyy+tlgYNpxi/dDrP1+tcUTNP9vdaJovnfGZ5jp6kMiH9eg==
+eslint-plugin-relay@1.7.0:
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-relay/-/eslint-plugin-relay-1.7.0.tgz#f6cfae681381dc96db9bd700d8c33fbe9783143e"
+  integrity sha512-JmAMQFr9CxXFLo5BppdN/sleofrE1J/cERIgkFqnYdTq0KAeUNGnz3jO41cqcp1y92/D+KJdmEKFsPfnqnDByQ==
   dependencies:
-    graphql "^14.0.0"
+    graphql "^14.0.0 | ^15.0.0-rc.1"
 
 eslint-rule-composer@^0.3.0:
   version "0.3.0"
@@ -3288,19 +3291,6 @@ exec-sh@^0.3.2:
   resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.2.tgz#6738de2eb7c8e671d0366aea0b0db8c6f7d7391b"
   integrity sha512-9sLAvzhI5nc8TpuQUh4ahMdCrWT00wPWz7j47/emR5+2qEfoZP5zzUXvx+vdx+H6ohhnsYC31iX04QLYJK8zTg==
 
-execa@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.10.0.tgz#ff456a8f53f90f8eccc71a96d11bdfc7f082cb50"
-  integrity sha512-7XOMnz8Ynx1gGo/3hyV9loYNPWM94jG3+3T3Y8tsfSstFmETmENCMU/A/zj8Lyaj1lkgEepKepvd6240tBRvlw==
-  dependencies:
-    cross-spawn "^6.0.0"
-    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"
-
 execa@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
@@ -3332,17 +3322,17 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-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==
+expect@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-24.9.0.tgz#b75165b4817074fa4a157794f46fe9f1ba15b6ca"
+  integrity sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==
   dependencies:
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     ansi-styles "^3.2.0"
-    jest-get-type "^24.8.0"
-    jest-matcher-utils "^24.8.0"
-    jest-message-util "^24.8.0"
-    jest-regex-util "^24.3.0"
+    jest-get-type "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-regex-util "^24.9.0"
 
 extend-shallow@^1.1.2:
   version "1.1.4"
@@ -3461,19 +3451,6 @@ fbjs-scripts@^1.1.0:
     semver "^5.1.0"
     through2 "^2.0.0"
 
-fbjs@^0.8.9:
-  version "0.8.17"
-  resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
-  integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
-  dependencies:
-    core-js "^1.0.0"
-    isomorphic-fetch "^2.1.1"
-    loose-envify "^1.0.0"
-    object-assign "^4.1.0"
-    promise "^7.1.1"
-    setimmediate "^1.0.5"
-    ua-parser-js "^0.7.18"
-
 fbjs@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-1.0.0.tgz#52c215e0883a3c86af2a7a776ed51525ae8e0a5a"
@@ -3567,10 +3544,10 @@ flat-cache@^1.2.1:
     rimraf "~2.6.2"
     write "^0.2.1"
 
-flow-bin@^0.113.0:
-  version "0.113.0"
-  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.113.0.tgz#6457d250dbc6f71ca51e75f00a96d23cde5d987a"
-  integrity sha512-76uE2LGNe50wm+Jup8Np4FBcMbyy5V2iE+K25PPIYLaEMGHrL1jnQfP9L0hTzA5oh2ZJlexRLMlaPqIYIKH9nw==
+flow-bin@^0.122.0:
+  version "0.122.0"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.122.0.tgz#c723a2b33b1a70bd10204704ae1dc776d5d89d79"
+  integrity sha512-my8N5jgl/A+UVby9E7NDppHdhLgRbWgKbmFZSx2MSYMRh3d9YGnM2MM+wexpUpl0ftY1IM6ZcUwaAhrypLyvlA==
 
 flow-parser@0.*:
   version "0.89.0"
@@ -3692,11 +3669,6 @@ gauge@~2.7.3:
     strip-ansi "^3.0.1"
     wide-align "^1.1.0"
 
-get-caller-file@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
-  integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
-
 get-caller-file@^2.0.1:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
@@ -3714,11 +3686,6 @@ get-stdin@^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"
-  integrity sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=
-
 get-stream@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
@@ -3781,12 +3748,10 @@ graceful-fs@^4.2.0:
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.3.tgz#4a12ff1b60376ef09862c2093edd908328be8423"
   integrity sha512-a30VEBm4PEdx1dRB7MFK7BejejvCvBronbLjht+sHuGYj8PHs7M/5Z+rt5lw551vZ7yfTCj4Vuyy3mSJytDWRQ==
 
-graphql@^14.0.0:
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/graphql/-/graphql-14.1.1.tgz#d5d77df4b19ef41538d7215d1e7a28834619fac0"
-  integrity sha512-C5zDzLqvfPAgTtP8AUPIt9keDabrdRAqSWjj2OPRKrKxI9Fb65I36s1uCs1UUBFnSWTdO7hyHi7z1ZbwKMKF6Q==
-  dependencies:
-    iterall "^1.2.2"
+"graphql@^14.0.0 | ^15.0.0-rc.1":
+  version "15.0.0-rc.2"
+  resolved "https://registry.yarnpkg.com/graphql/-/graphql-15.0.0-rc.2.tgz#6549e52e5415ac08900c432b22d34500c0c3635f"
+  integrity sha512-X9ZybETBiZ5zndyXm/Yn3dd0nJqiCNZ7w06lnd0zMiCtBR/KQGgxJmnf47Y/P/Fy7JXM4QDF+MeeoH724yc3DQ==
 
 "growl@~> 1.10.0":
   version "1.10.5"
@@ -3798,17 +3763,6 @@ growly@^1.3.0:
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
-handlebars@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.1.0.tgz#0d6a6f34ff1f63cecec8423aa4169827bf787c3a"
-  integrity sha512-l2jRuU1NAWK6AW5qqcTATWQJvNPEwkM7NEKSiv/gqOsoSQbVoWyqVEY5GS+XPQ88zLNmqASRpzfdm8d79hJS+w==
-  dependencies:
-    async "^2.5.0"
-    optimist "^0.6.1"
-    source-map "^0.6.1"
-  optionalDependencies:
-    uglify-js "^3.1.4"
-
 har-schema@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92"
@@ -3887,15 +3841,15 @@ has@^1.0.1, has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
-hermes-engine-darwin@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/hermes-engine-darwin/-/hermes-engine-darwin-0.4.3.tgz#8596850ad23044557db20ccc78132a9de256f8a4"
-  integrity sha512-3Gl0j9AY00Gnfkcyh33Y0c5PqcJuHWYuTqy7gFiLXBI9SslrsDAwaAG7RVVQe40gDEqBLa5qmpOdmeXcZW3TjA==
+hermes-engine-darwin@~0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/hermes-engine-darwin/-/hermes-engine-darwin-0.5.1.tgz#697ac45c3aa2ea17a18494c9f8898d984c34c060"
+  integrity sha512-+IHmncqIrZfOhUYgmInujJVnTQ5qxjijdKC5ohlHalVj088/H6hnAIGr4nX84HAs1JjLCGLA0xujRfd0WY50wA==
 
-hermes-engine@~0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/hermes-engine/-/hermes-engine-0.4.0.tgz#ea3113d472871ca4791f2d75d9f68b25d82ef92c"
-  integrity sha512-7AO/K64GuVtcpUwUKDxyQXFN45RlqWrMIPMte6AeegMQMBh+MWuMU6ZOw8Jc7FGtsgiRqJRp+UX4+4UrFQXJ/A==
+hermes-engine@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/hermes-engine/-/hermes-engine-0.5.0.tgz#d914acce72e9657b3c98875ad3f9094d8643f327"
+  integrity sha512-jSuHiOhdh2+IF3bH2gLpQ37eMkdUrEb9GK6PoG3rLRaUDK3Zn2Y9fXM+wyDfoUTA3gz9EET0/IIWk5k21qp4kw==
 
 hermes-profile-transformer@^0.0.6:
   version "0.0.6"
@@ -3921,6 +3875,11 @@ html-encoding-sniffer@^1.0.2:
   dependencies:
     whatwg-encoding "^1.0.1"
 
+html-escaper@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.0.tgz#71e87f931de3fe09e56661ab9a29aadec707b491"
+  integrity sha512-a4u9BeERWGu/S8JiWEAQcdrg9v4QArtP9keViQjGMdff20fBdd8waotXaNmODqBe6uZ3Nafi7K/ho4gCQHV3Ig==
+
 http-errors@~1.6.2:
   version "1.6.3"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
@@ -4319,78 +4278,73 @@ istanbul-lib-source-maps@^3.0.1:
     rimraf "^2.6.2"
     source-map "^0.6.1"
 
-istanbul-reports@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.1.1.tgz#72ef16b4ecb9a4a7bd0e2001e00f95d1eec8afa9"
-  integrity sha512-FzNahnidyEPBCI0HcufJoSEoKykesRlFcSzQqjH9x0+LC8tnnE/p/90PBLu8iZTxr8yYZNyTtiAujUqyN+CIxw==
+istanbul-reports@^2.2.6:
+  version "2.2.7"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.7.tgz#5d939f6237d7b48393cc0959eab40cd4fd056931"
+  integrity sha512-uu1F/L1o5Y6LzPVSVZXNOoD/KXpJue9aeLRd0sM9uMXfZvzomB0WxVamWb5ue8kA2vVWEmW7EG+A5n3f1kqHKg==
   dependencies:
-    handlebars "^4.1.0"
-
-iterall@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/iterall/-/iterall-1.2.2.tgz#92d70deb8028e0c39ff3164fdbf4d8b088130cd7"
-  integrity sha512-yynBb1g+RFUPY64fTrFv7nsjRrENBQJaX2UL+2Szc9REFrSNm1rpSXHGzhmAy7a9uv3vlvgBlXnf9RqmPH1/DA==
+    html-escaper "^2.0.0"
 
-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==
+jest-changed-files@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
+  integrity sha512-6aTWpe2mHF0DhL28WjdkO8LyGjs3zItPET4bMSeXU6T3ub4FPMw+mcOcbdGXQOAfmLcxofD23/5Bl9Z4AkFwqg==
   dependencies:
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     execa "^1.0.0"
     throat "^4.0.0"
 
-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==
+jest-cli@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.9.0.tgz#ad2de62d07472d419c6abc301fc432b98b10d2af"
+  integrity sha512-+VLRKyitT3BWoMeSUIHRxV/2g8y9gw91Jh5z2UmXZzkZKpbC08CSehVxgHUwTpy+HwGcns/tqafQDJW7imYvGg==
   dependencies:
-    "@jest/core" "^24.8.0"
-    "@jest/test-result" "^24.8.0"
-    "@jest/types" "^24.8.0"
+    "@jest/core" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     import-local "^2.0.0"
     is-ci "^2.0.0"
-    jest-config "^24.8.0"
-    jest-util "^24.8.0"
-    jest-validate "^24.8.0"
+    jest-config "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
     prompts "^2.0.1"
     realpath-native "^1.1.0"
-    yargs "^12.0.2"
+    yargs "^13.3.0"
 
-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==
+jest-config@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.9.0.tgz#fb1bbc60c73a46af03590719efa4825e6e4dd1b5"
+  integrity sha512-RATtQJtVYQrp7fvWg6f5y3pEFj9I+H8sWw4aKxnDZ96mob5i5SD6ZEGWgMLXQ4LE8UurrjbdlLWdUeo+28QpfQ==
   dependencies:
     "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^24.8.0"
-    "@jest/types" "^24.8.0"
-    babel-jest "^24.8.0"
+    "@jest/test-sequencer" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    babel-jest "^24.9.0"
     chalk "^2.0.1"
     glob "^7.1.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-environment-jsdom "^24.9.0"
+    jest-environment-node "^24.9.0"
+    jest-get-type "^24.9.0"
+    jest-jasmine2 "^24.9.0"
     jest-regex-util "^24.3.0"
-    jest-resolve "^24.8.0"
-    jest-util "^24.8.0"
-    jest-validate "^24.8.0"
+    jest-resolve "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
     micromatch "^3.1.10"
-    pretty-format "^24.8.0"
+    pretty-format "^24.9.0"
     realpath-native "^1.1.0"
 
-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==
+jest-diff@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.9.0.tgz#931b7d0d5778a1baf7452cb816e325e3724055da"
+  integrity sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==
   dependencies:
     chalk "^2.0.1"
-    diff-sequences "^24.3.0"
-    jest-get-type "^24.8.0"
-    pretty-format "^24.8.0"
+    diff-sequences "^24.9.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
 
 jest-docblock@^21.0.0:
   version "21.2.0"
@@ -4404,39 +4358,39 @@ jest-docblock@^24.3.0:
   dependencies:
     detect-newline "^2.1.0"
 
-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==
+jest-each@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.9.0.tgz#eb2da602e2a610898dbc5f1f6df3ba86b55f8b05"
+  integrity sha512-ONi0R4BvW45cw8s2Lrx8YgbeXL1oCQ/wIDwmsM3CqM/nlblNCPmnC3IPQlMbRFZu3wKdQ2U8BqM6lh3LJ5Bsog==
   dependencies:
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.0.1"
-    jest-get-type "^24.8.0"
-    jest-util "^24.8.0"
-    pretty-format "^24.8.0"
+    jest-get-type "^24.9.0"
+    jest-util "^24.9.0"
+    pretty-format "^24.9.0"
 
-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.8.0"
-    "@jest/fake-timers" "^24.8.0"
-    "@jest/types" "^24.8.0"
-    jest-mock "^24.8.0"
-    jest-util "^24.8.0"
+jest-environment-jsdom@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.9.0.tgz#4b0806c7fc94f95edb369a69cc2778eec2b7375b"
+  integrity sha512-Zv9FV9NBRzLuALXjvRijO2351DRQeLYXtpD4xNvfoVFw21IOKNhZAEUKcbiEtjTkm2GsJ3boMVgkaR7rN8qetA==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-util "^24.9.0"
     jsdom "^11.5.1"
 
-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==
+jest-environment-node@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.9.0.tgz#333d2d2796f9687f2aeebf0742b519f33c1cbfd3"
+  integrity sha512-6d4V2f4nxzIzwendo27Tr0aFm+IXWa0XEUnaH6nU0FMaozxovt+sfRvh4J47wL1OvF83I3SSTu0XK+i4Bqe7uA==
   dependencies:
-    "@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/environment" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-util "^24.9.0"
 
 jest-get-type@^24.0.0:
   version "24.0.0"
@@ -4448,12 +4402,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-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-get-type@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
+  integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
 
-jest-haste-map@^24.7.1, jest-haste-map@^24.8.0:
+jest-haste-map@^24.7.1:
   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==
@@ -4472,26 +4426,45 @@ jest-haste-map@^24.7.1, jest-haste-map@^24.8.0:
   optionalDependencies:
     fsevents "^1.2.7"
 
-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==
+jest-haste-map@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.9.0.tgz#b38a5d64274934e21fa417ae9a9fbeb77ceaac7d"
+  integrity sha512-kfVFmsuWui2Sj1Rp1AJ4D9HqJwE4uwTlS/vO+eRUaMmd54BFpli2XhMQnPC2k4cHFVbB2Q2C+jtI1AGLgEnCjQ==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    anymatch "^2.0.0"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.1.15"
+    invariant "^2.2.4"
+    jest-serializer "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.9.0"
+    micromatch "^3.1.10"
+    sane "^4.0.3"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^1.2.7"
+
+jest-jasmine2@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.9.0.tgz#1f7b1bd3242c1774e62acabb3646d96afc3be6a0"
+  integrity sha512-Cq7vkAgaYKp+PsX+2/JbTarrk0DmNhsEtqBXNwUHkdlbrTBLtMJINADf2mf5FkowNsq8evbPc07/qFO0AdKTzw==
   dependencies:
     "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^24.8.0"
-    "@jest/test-result" "^24.8.0"
-    "@jest/types" "^24.8.0"
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.0.1"
     co "^4.6.0"
-    expect "^24.8.0"
+    expect "^24.9.0"
     is-generator-fn "^2.0.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"
+    jest-each "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    pretty-format "^24.9.0"
     throat "^4.0.0"
 
 jest-junit@^6.3.0:
@@ -4504,22 +4477,23 @@ jest-junit@^6.3.0:
     strip-ansi "^4.0.0"
     xml "^1.0.1"
 
-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==
+jest-leak-detector@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.9.0.tgz#b665dea7c77100c5c4f7dfcb153b65cf07dcf96a"
+  integrity sha512-tYkFIDsiKTGwb2FG1w8hX9V0aUb2ot8zY/2nFg087dUageonw1zrLMP4W6zsRO59dPkTSKie+D4rhMuP9nRmrA==
   dependencies:
-    pretty-format "^24.8.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
 
-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==
+jest-matcher-utils@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz#f5b3661d5e628dffe6dd65251dfdae0e87c3a073"
+  integrity sha512-OZz2IXsu6eaiMAwe67c1T+5tUAtQyQx27/EMEkbFAGiw52tB9em+uGbzpcgYVpA8wl0hlxKPZxrly4CXU/GjHA==
   dependencies:
     chalk "^2.0.1"
-    jest-diff "^24.8.0"
-    jest-get-type "^24.8.0"
-    pretty-format "^24.8.0"
+    jest-diff "^24.9.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
 
 jest-message-util@^24.8.0:
   version "24.8.0"
@@ -4535,6 +4509,20 @@ jest-message-util@^24.8.0:
     slash "^2.0.0"
     stack-utils "^1.0.1"
 
+jest-message-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.9.0.tgz#527f54a1e380f5e202a8d1149b0ec872f43119e3"
+  integrity sha512-oCj8FiZ3U0hTP4aSui87P4L4jC37BtQwUMqk+zk/b11FR19BJDeZsZAvIHutWnmtw7r85UmR3CEWZ0HWU2mAlw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.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-mock@^24.8.0:
   version "24.8.0"
   resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.8.0.tgz#2f9d14d37699e863f1febf4e4d5a33b7fdbbde56"
@@ -4542,6 +4530,13 @@ jest-mock@^24.8.0:
   dependencies:
     "@jest/types" "^24.8.0"
 
+jest-mock@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.9.0.tgz#c22835541ee379b908673ad51087a2185c13f1c6"
+  integrity sha512-3BEYN5WbSq9wd+SyLDES7AHnjH9A/ROBwmz7l2y+ol+NtSFO8DYiEBzoO1CeFc9a8DYy10EO4dDFVv/wN3zl1w==
+  dependencies:
+    "@jest/types" "^24.9.0"
+
 jest-pnp-resolver@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
@@ -4552,102 +4547,113 @@ 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.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==
+jest-regex-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.9.0.tgz#c13fb3380bde22bf6575432c493ea8fe37965636"
+  integrity sha512-05Cmb6CuxaA+Ys6fjr3PhvV3bGQmO+2p2La4hFbU+W5uOc479f7FdLXUWXw4pYMAhhSZIuKHwSXSu6CsSBAXQA==
+
+jest-resolve-dependencies@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.9.0.tgz#ad055198959c4cfba8a4f066c673a3f0786507ab"
+  integrity sha512-Fm7b6AlWnYhT0BXy4hXpactHIqER7erNgIsIozDXWl5dVm+k8XdGVe1oTg1JyaFnOxarMEbax3wyRJqGP2Pq+g==
   dependencies:
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     jest-regex-util "^24.3.0"
-    jest-snapshot "^24.8.0"
+    jest-snapshot "^24.9.0"
 
-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==
+jest-resolve@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.9.0.tgz#dff04c7687af34c4dd7e524892d9cf77e5d17321"
+  integrity sha512-TaLeLVL1l08YFZAt3zaPtjiVvyy4oSA6CRe+0AFPPVX3Q/VI0giIWWoAvoS5L96vj9Dqxj4fB5p2qrHCmTU/MQ==
   dependencies:
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     browser-resolve "^1.11.3"
     chalk "^2.0.1"
     jest-pnp-resolver "^1.2.1"
     realpath-native "^1.1.0"
 
-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==
+jest-runner@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.9.0.tgz#574fafdbd54455c2b34b4bdf4365a23857fcdf42"
+  integrity sha512-KksJQyI3/0mhcfspnxxEOBueGrd5E4vV7ADQLT9ESaCzz02WnbdbKWIf5Mkaucoaj7obQckYPVX6JJhgUcoWWg==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.8.0"
-    "@jest/test-result" "^24.8.0"
-    "@jest/types" "^24.8.0"
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.4.2"
     exit "^0.1.2"
     graceful-fs "^4.1.15"
-    jest-config "^24.8.0"
+    jest-config "^24.9.0"
     jest-docblock "^24.3.0"
-    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-haste-map "^24.9.0"
+    jest-jasmine2 "^24.9.0"
+    jest-leak-detector "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-resolve "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-util "^24.9.0"
     jest-worker "^24.6.0"
     source-map-support "^0.5.6"
     throat "^4.0.0"
 
-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==
+jest-runtime@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.9.0.tgz#9f14583af6a4f7314a6a9d9f0226e1a781c8e4ac"
+  integrity sha512-8oNqgnmF3v2J6PVRM2Jfuj8oX3syKmaynlDMMKQ4iyzbQzIG6th5ub/lM2bCMTmoTKM3ykcUYI2Pw9xwNtjMnw==
   dependencies:
     "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.8.0"
+    "@jest/environment" "^24.9.0"
     "@jest/source-map" "^24.3.0"
-    "@jest/transform" "^24.8.0"
-    "@jest/types" "^24.8.0"
-    "@types/yargs" "^12.0.2"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/yargs" "^13.0.0"
     chalk "^2.0.1"
     exit "^0.1.2"
     glob "^7.1.3"
     graceful-fs "^4.1.15"
-    jest-config "^24.8.0"
-    jest-haste-map "^24.8.0"
-    jest-message-util "^24.8.0"
-    jest-mock "^24.8.0"
+    jest-config "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-mock "^24.9.0"
     jest-regex-util "^24.3.0"
-    jest-resolve "^24.8.0"
-    jest-snapshot "^24.8.0"
-    jest-util "^24.8.0"
-    jest-validate "^24.8.0"
+    jest-resolve "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
     realpath-native "^1.1.0"
     slash "^2.0.0"
     strip-bom "^3.0.0"
-    yargs "^12.0.2"
+    yargs "^13.3.0"
 
 jest-serializer@^24.4.0:
   version "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.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==
+jest-serializer@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
+  integrity sha512-DxYipDr8OvfrKH3Kel6NdED3OXxjvxXZ1uIY2I9OFbGg+vUkkg7AGvi65qbhbWNPvDckXmzMPbK3u3HaDO49bQ==
+
+jest-snapshot@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.9.0.tgz#ec8e9ca4f2ec0c5c87ae8f925cf97497b0e951ba"
+  integrity sha512-uI/rszGSs73xCM0l+up7O7a40o90cnrk429LOiK3aeTvfC0HHmldbd81/B7Ix81KSFe1lwkbl7GnBGG4UfuDew==
   dependencies:
     "@babel/types" "^7.0.0"
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     chalk "^2.0.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"
+    expect "^24.9.0"
+    jest-diff "^24.9.0"
+    jest-get-type "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-resolve "^24.9.0"
     mkdirp "^0.5.1"
     natural-compare "^1.4.0"
-    pretty-format "^24.8.0"
-    semver "^5.5.0"
+    pretty-format "^24.9.0"
+    semver "^6.2.0"
 
 jest-util@^24.8.0:
   version "24.8.0"
@@ -4667,6 +4673,24 @@ jest-util@^24.8.0:
     slash "^2.0.0"
     source-map "^0.6.0"
 
+jest-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.9.0.tgz#7396814e48536d2e85a37de3e4c431d7cb140162"
+  integrity sha512-x+cZU8VRmOJxbA1K5oDBdxQmdq0OIdADarLxk0Mq+3XS4jgvhG/oKGWcIDCtPG0HgjxOYvF+ilPJQsAyXfbNOg==
+  dependencies:
+    "@jest/console" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/source-map" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.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-validate@^24.0.0:
   version "24.0.0"
   resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.0.0.tgz#aa8571a46983a6538328fef20406b4a496b6c020"
@@ -4690,29 +4714,29 @@ jest-validate@^24.7.0:
     leven "^2.1.0"
     pretty-format "^24.7.0"
 
-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==
+jest-validate@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.9.0.tgz#0775c55360d173cd854e40180756d4ff52def8ab"
+  integrity sha512-HPIt6C5ACwiqSiwi+OfSSHbK8sG7akG8eATl+IPKaeIjtPOeBUd/g3J7DghugzxrGjI93qS/+RPKe1H6PqvhRQ==
   dependencies:
-    "@jest/types" "^24.8.0"
-    camelcase "^5.0.0"
+    "@jest/types" "^24.9.0"
+    camelcase "^5.3.1"
     chalk "^2.0.1"
-    jest-get-type "^24.8.0"
-    leven "^2.1.0"
-    pretty-format "^24.8.0"
+    jest-get-type "^24.9.0"
+    leven "^3.1.0"
+    pretty-format "^24.9.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==
+jest-watcher@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.9.0.tgz#4b56e5d1ceff005f5b88e528dc9afc8dd4ed2b3b"
+  integrity sha512-+/fLOfKPXXYJDYlks62/4R4GoT+GU1tYZed99JSCOsmzkkF7727RqKrjNAxtfO4YpGv11wybgRvCjR73lK2GZw==
   dependencies:
-    "@jest/test-result" "^24.8.0"
-    "@jest/types" "^24.8.0"
-    "@types/yargs" "^12.0.9"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/yargs" "^13.0.0"
     ansi-escapes "^3.0.0"
     chalk "^2.0.1"
-    jest-util "^24.8.0"
+    jest-util "^24.9.0"
     string-length "^2.0.0"
 
 jest-worker@^24.6.0:
@@ -4723,13 +4747,21 @@ jest-worker@^24.6.0:
     merge-stream "^1.0.1"
     supports-color "^6.1.0"
 
-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==
+jest-worker@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
+  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
+  dependencies:
+    merge-stream "^2.0.0"
+    supports-color "^6.1.0"
+
+jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-24.9.0.tgz#987d290c05a08b52c56188c1002e368edb007171"
+  integrity sha512-YvkBL1Zm7d2B1+h5fHEOdyjCG+sGMz4f8D86/0HiqJ6MB4MnDc8FgP5vdWsGnemOQro7lnYo8UakZ3+5A0jxGw==
   dependencies:
     import-local "^2.0.0"
-    jest-cli "^24.8.0"
+    jest-cli "^24.9.0"
 
 jetifier@^1.6.2:
   version "1.6.4"
@@ -4777,10 +4809,10 @@ jsc-android@^245459.0.0:
   resolved "https://registry.yarnpkg.com/jsc-android/-/jsc-android-245459.0.0.tgz#e584258dd0b04c9159a27fb104cd5d491fd202c9"
   integrity sha512-wkjURqwaB1daNkDi2OYYbsLnIdC/lUM2nPXQKRs5pqEU9chDg435bjvo+LSaHotDENygHQDHe+ntUkkw2gwMtg==
 
-jscodeshift@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/jscodeshift/-/jscodeshift-0.6.2.tgz#bb648e6bce717a597d165781158b0d73b7fa99c3"
-  integrity sha512-AXboSyuFiCS+vLym7fyBexc3JlmZjrwl+fupBA/bxMGONmyXE51BrF5nxePZwv2YUze/1PfOTBTVvKiZhKnHLg==
+jscodeshift@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/jscodeshift/-/jscodeshift-0.7.0.tgz#4eee7506fd4fdacbd80340287d61575af991fdab"
+  integrity sha512-Kt6rpTa1HVhAWagD6J0y6qxxqRmDgkFvczerLgOsDNSGoUZSmq2CO1vFRcda9OV1BaZKSHCIh+VREPts5tB/Ig==
   dependencies:
     "@babel/core" "^7.1.6"
     "@babel/parser" "^7.1.6"
@@ -4797,7 +4829,7 @@ jscodeshift@^0.6.2:
     micromatch "^3.1.10"
     neo-async "^2.5.0"
     node-dir "^0.1.17"
-    recast "^0.16.1"
+    recast "^0.18.1"
     temp "^0.8.1"
     write-file-atomic "^2.3.0"
 
@@ -5142,6 +5174,11 @@ merge-stream@^1.0.1:
   dependencies:
     readable-stream "^2.0.1"
 
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
 metro-babel-register@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.58.0.tgz#5c44786d49a044048df56cf476a2263491d4f53a"
@@ -5160,6 +5197,20 @@ metro-babel-register@0.58.0:
     core-js "^2.2.2"
     escape-string-regexp "^1.0.5"
 
+metro-babel-register@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-register/-/metro-babel-register-0.59.0.tgz#2bcff65641b36794cf083ba732fbc46cf870fb43"
+  integrity sha512-JtWc29erdsXO/V3loenXKw+aHUXgj7lt0QPaZKPpctLLy8kcEpI/8pfXXgVK9weXICCpCnYtYncIosAyzh0xjg==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/register" "^7.0.0"
+    escape-string-regexp "^1.0.5"
+
 metro-babel-transformer@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.58.0.tgz#317c83b863cceb0573943815f1711fbcbe69b106"
@@ -5168,6 +5219,14 @@ metro-babel-transformer@0.58.0:
     "@babel/core" "^7.0.0"
     metro-source-map "0.58.0"
 
+metro-babel-transformer@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-babel-transformer/-/metro-babel-transformer-0.59.0.tgz#dda99c75d831b00142c42c020c51c103b29f199d"
+  integrity sha512-fdZJl8rs54GVFXokxRdD7ZrQ1TJjxWzOi/xSP25VR3E8tbm3nBZqS+/ylu643qSr/IueABR+jrlqAyACwGEf6w==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    metro-source-map "0.59.0"
+
 metro-cache@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-cache/-/metro-cache-0.58.0.tgz#630ea0a4626dfb9591c71fdb85dce14b5e9a04ec"
@@ -5259,7 +5318,62 @@ metro-react-native-babel-preset@0.58.0:
     "@babel/template" "^7.0.0"
     react-refresh "^0.4.0"
 
-metro-react-native-babel-transformer@0.58.0, metro-react-native-babel-transformer@^0.58.0:
+metro-react-native-babel-preset@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-preset/-/metro-react-native-babel-preset-0.59.0.tgz#20e020bc6ac9849e1477de1333d303ed42aba225"
+  integrity sha512-BoO6ncPfceIDReIH8pQ5tQptcGo5yRWQXJGVXfANbiKLq4tfgdZB1C1e2rMUJ6iypmeJU9dzl+EhPmIFKtgREg==
+  dependencies:
+    "@babel/plugin-proposal-class-properties" "^7.0.0"
+    "@babel/plugin-proposal-export-default-from" "^7.0.0"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-proposal-object-rest-spread" "^7.0.0"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.0.0"
+    "@babel/plugin-proposal-optional-chaining" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.0.0"
+    "@babel/plugin-syntax-export-default-from" "^7.0.0"
+    "@babel/plugin-syntax-flow" "^7.2.0"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.0.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.0.0"
+    "@babel/plugin-transform-arrow-functions" "^7.0.0"
+    "@babel/plugin-transform-block-scoping" "^7.0.0"
+    "@babel/plugin-transform-classes" "^7.0.0"
+    "@babel/plugin-transform-computed-properties" "^7.0.0"
+    "@babel/plugin-transform-destructuring" "^7.0.0"
+    "@babel/plugin-transform-exponentiation-operator" "^7.0.0"
+    "@babel/plugin-transform-flow-strip-types" "^7.0.0"
+    "@babel/plugin-transform-for-of" "^7.0.0"
+    "@babel/plugin-transform-function-name" "^7.0.0"
+    "@babel/plugin-transform-literals" "^7.0.0"
+    "@babel/plugin-transform-modules-commonjs" "^7.0.0"
+    "@babel/plugin-transform-object-assign" "^7.0.0"
+    "@babel/plugin-transform-parameters" "^7.0.0"
+    "@babel/plugin-transform-react-display-name" "^7.0.0"
+    "@babel/plugin-transform-react-jsx" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.0.0"
+    "@babel/plugin-transform-react-jsx-source" "^7.0.0"
+    "@babel/plugin-transform-regenerator" "^7.0.0"
+    "@babel/plugin-transform-runtime" "^7.0.0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0"
+    "@babel/plugin-transform-spread" "^7.0.0"
+    "@babel/plugin-transform-sticky-regex" "^7.0.0"
+    "@babel/plugin-transform-template-literals" "^7.0.0"
+    "@babel/plugin-transform-typescript" "^7.5.0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0"
+    "@babel/template" "^7.0.0"
+    react-refresh "^0.4.0"
+
+metro-react-native-babel-transformer@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.59.0.tgz#9b3dfd6ad35c6ef37fc4ce4d20a2eb67fabbb4be"
+  integrity sha512-1O3wrnMq4NcPQ1asEcl9lRDn/t+F1Oef6S9WaYVIKEhg9m/EQRGVrrTVP+R6B5Eeaj3+zNKbzM8Dx/NWy1hUbQ==
+  dependencies:
+    "@babel/core" "^7.0.0"
+    babel-preset-fbjs "^3.3.0"
+    metro-babel-transformer "0.59.0"
+    metro-react-native-babel-preset "0.59.0"
+    metro-source-map "0.59.0"
+
+metro-react-native-babel-transformer@^0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-react-native-babel-transformer/-/metro-react-native-babel-transformer-0.58.0.tgz#5da0e5a1b83c01d11626905fa59f34fda53a21a5"
   integrity sha512-3A73+cRq1eUPQ8g+hPNGgMUMCGmtQjwqHfoG1DwinAoJ/kr4WOXWWbGZo0xHJNBe/zdHGl0uHcDCp2knPglTdQ==
@@ -5290,6 +5404,19 @@ metro-source-map@0.58.0:
     source-map "^0.5.6"
     vlq "^1.0.0"
 
+metro-source-map@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-source-map/-/metro-source-map-0.59.0.tgz#e9beb9fc51bfb4e060f95820cf1508fc122d23f7"
+  integrity sha512-0w5CmCM+ybSqXIjqU4RiK40t4bvANL6lafabQ2GP2XD3vSwkLY+StWzCtsb4mPuyi9R/SgoLBel+ZOXHXAH0eQ==
+  dependencies:
+    "@babel/traverse" "^7.0.0"
+    "@babel/types" "^7.0.0"
+    invariant "^2.2.4"
+    metro-symbolicate "0.59.0"
+    ob1 "0.59.0"
+    source-map "^0.5.6"
+    vlq "^1.0.0"
+
 metro-symbolicate@0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.58.0.tgz#ba9fd52549c41fc1b656adaad7c8875726dd5abe"
@@ -5301,6 +5428,17 @@ metro-symbolicate@0.58.0:
     through2 "^2.0.1"
     vlq "^1.0.0"
 
+metro-symbolicate@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/metro-symbolicate/-/metro-symbolicate-0.59.0.tgz#fc7f93957a42b02c2bfc57ed1e8f393f5f636a54"
+  integrity sha512-asLaF2A7rndrToGFIknL13aiohwPJ95RKHf0NM3hP/nipiLDoMzXT6ZnQvBqDxkUKyP+51AI75DMtb+Wcyw4Bw==
+  dependencies:
+    invariant "^2.2.4"
+    metro-source-map "0.59.0"
+    source-map "^0.5.6"
+    through2 "^2.0.1"
+    vlq "^1.0.0"
+
 metro@0.58.0, metro@^0.58.0:
   version "0.58.0"
   resolved "https://registry.yarnpkg.com/metro/-/metro-0.58.0.tgz#c037318c112f80dc96199780c8b401ab72cfd142"
@@ -5382,16 +5520,21 @@ micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-"mime-db@>= 1.36.0 < 2", mime-db@~1.36.0:
-  version "1.36.0"
-  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.36.0.tgz#5020478db3c7fe93aad7bbcc4dcf869c43363397"
-  integrity sha512-L+xvyD9MkoYMXb1jAmzI/lWYAxAMCPvIBSWur0PZ5nOf5euahRLVqH//FKW9mWp2lkqUgYiXPgkzfMUFi4zVDw==
+mime-db@1.44.0, "mime-db@>= 1.43.0 < 2":
+  version "1.44.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.44.0.tgz#fa11c5eb0aca1334b4233cb4d52f10c5a6272f92"
+  integrity sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==
 
 mime-db@~1.23.0:
   version "1.23.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.23.0.tgz#a31b4070adaea27d732ea333740a64d0ec9a6659"
   integrity sha1-oxtAcK2uon1zLqMzdApk0OyaZlk=
 
+mime-db@~1.36.0:
+  version "1.36.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.36.0.tgz#5020478db3c7fe93aad7bbcc4dcf869c43363397"
+  integrity sha512-L+xvyD9MkoYMXb1jAmzI/lWYAxAMCPvIBSWur0PZ5nOf5euahRLVqH//FKW9mWp2lkqUgYiXPgkzfMUFi4zVDw==
+
 mime-types@2.1.11:
   version "2.1.11"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.11.tgz#c259c471bda808a85d6cd193b430a5fae4473b3c"
@@ -5399,13 +5542,20 @@ mime-types@2.1.11:
   dependencies:
     mime-db "~1.23.0"
 
-mime-types@^2.1.12, mime-types@~2.1.18, mime-types@~2.1.19:
+mime-types@^2.1.12, mime-types@~2.1.19:
   version "2.1.20"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.20.tgz#930cb719d571e903738520f8470911548ca2cc19"
   integrity sha512-HrkrPaP9vGuWbLK1B1FfgAkbqNjIuy4eHlIYnFi7kamZyLLrGlo2mpcx0bBmNpKqBtYtAfGbodDddIgddSJC2A==
   dependencies:
     mime-db "~1.36.0"
 
+mime-types@~2.1.24:
+  version "2.1.27"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.27.tgz#47949f98e279ea53119f5722e0f34e529bec009f"
+  integrity sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==
+  dependencies:
+    mime-db "1.44.0"
+
 mime@1.4.1:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/mime/-/mime-1.4.1.tgz#121f9ebc49e3766f311a76e1fa1c8003c4b03aa6"
@@ -5438,11 +5588,6 @@ minimist@^1.1.1, minimist@^1.2.0:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
 
-minimist@~0.0.1:
-  version "0.0.10"
-  resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
-  integrity sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=
-
 minipass@^2.2.1, minipass@^2.3.3:
   version "2.3.4"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.3.4.tgz#4768d7605ed6194d6d576169b9e12ef71e9d9957"
@@ -5543,21 +5688,16 @@ needle@^2.2.1:
     iconv-lite "^0.4.4"
     sax "^1.2.4"
 
-negotiator@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
-  integrity sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk=
+negotiator@0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
+  integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
 
 neo-async@^2.5.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.0.tgz#b9d15e4d71c6762908654b5183ed38b753340835"
   integrity sha512-MFh0d/Wa7vkKO3Y3LlacqAEeHK0mckVqzDieUKTT+KGxi+zIpeVsFxymkIiRpbpDziHc290Xr9A1O4Om7otoRA==
 
-next-tick@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c"
-  integrity sha1-yobR/ogoFpsBICCOPchCS524NCw=
-
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -5598,13 +5738,14 @@ node-modules-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
   integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
 
-node-notifier@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.2.1.tgz#fa313dd08f5517db0e2502e5758d664ac69f9dea"
-  integrity sha512-MIBs+AAd6dJ2SklbbE8RUDRlIVhU8MaNLh1A9SUZDUHPiZkWLFde6UNwG41yQHZEToHgJMXqyVZ9UcS/ReOVTg==
+node-notifier@^5.4.2:
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
+  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
   dependencies:
     growly "^1.3.0"
-    semver "^5.4.1"
+    is-wsl "^1.1.0"
+    semver "^5.5.0"
     shellwords "^0.1.1"
     which "^1.3.0"
 
@@ -5721,6 +5862,11 @@ ob1@0.58.0:
   resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.58.0.tgz#484a1e9a63a8b79d9ea6f3a83b2a42110faac973"
   integrity sha512-uZP44cbowAfHafP1k4skpWItk5iHCoRevMfrnUvYCfyNNPPJd3rfDCyj0exklWi2gDXvjlj2ObsfiqP/bs/J7Q==
 
+ob1@0.59.0:
+  version "0.59.0"
+  resolved "https://registry.yarnpkg.com/ob1/-/ob1-0.59.0.tgz#ee103619ef5cb697f2866e3577da6f0ecd565a36"
+  integrity sha512-opXMTxyWJ9m68ZglCxwo0OPRESIC/iGmKFPXEXzMZqsVIrgoRXOHmoMDkQzz4y3irVjbyPJRAh5pI9fd0MJTFQ==
+
 object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -5779,10 +5925,10 @@ on-finished@~2.3.0:
   dependencies:
     ee-first "1.1.1"
 
-on-headers@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.1.tgz#928f5d0f470d49342651ea6794b0857c100693f7"
-  integrity sha1-ko9dD0cNSTQmUepnlLCFfBAGk/c=
+on-headers@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
+  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
 
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
@@ -5805,14 +5951,6 @@ open@^6.2.0:
   dependencies:
     is-wsl "^1.1.0"
 
-optimist@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
-  integrity sha1-2j6nRob6IaGaERwybpDrFaAZZoY=
-  dependencies:
-    minimist "~0.0.1"
-    wordwrap "~0.0.2"
-
 optionator@^0.8.1, optionator@^0.8.2:
   version "0.8.2"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.2.tgz#364c5e409d3f4d6301d6c0b4c05bba50180aeb64"
@@ -5847,15 +5985,6 @@ os-homedir@^1.0.0:
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
 
-os-locale@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.0.1.tgz#3b014fbf01d87f60a1e5348d80fe870dc82c4620"
-  integrity sha512-7g5e7dmXPtzcP4bgsZ8ixDVqA7oWYuEz4lOSujeWyliPai4gfVDiFIcwBg3aGCPnmSGfzOKTK3ccPn0CKv3DBw==
-  dependencies:
-    execa "^0.10.0"
-    lcid "^2.0.0"
-    mem "^4.0.0"
-
 os-locale@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.1.0.tgz#a802a6ee17f24c10483ab9935719cef4ed16bf1a"
@@ -6130,12 +6259,12 @@ 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==
+pretty-format@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
+  integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
   dependencies:
-    "@jest/types" "^24.8.0"
+    "@jest/types" "^24.9.0"
     ansi-regex "^4.0.0"
     ansi-styles "^3.2.0"
     react-is "^16.8.4"
@@ -6151,16 +6280,16 @@ pretty-format@^25.1.0:
     react-is "^16.12.0"
 
 pretty-format@^25.2.0:
-  version "25.2.6"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-25.2.6.tgz#542a1c418d019bbf1cca2e3620443bc1323cb8d7"
-  integrity sha512-DEiWxLBaCHneffrIT4B+TpMvkV9RNvvJrd3lY9ew1CEQobDzEXmYT1mg0hJhljZty7kCc10z13ohOFAE8jrUDg==
+  version "25.3.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-25.3.0.tgz#d0a4f988ff4a6cd350342fdabbb809aeb4d49ad5"
+  integrity sha512-wToHwF8bkQknIcFkBqNfKu4+UZqnrLn/Vr+wwKQwwvPzkBfDDKp/qIabFqdgtoi5PEnM8LFByVsOrHoa3SpTVA==
   dependencies:
-    "@jest/types" "^25.2.6"
+    "@jest/types" "^25.3.0"
     ansi-regex "^5.0.0"
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
 
-private@^0.1.6, private@~0.1.5:
+private@^0.1.6, private@^0.1.8:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
   integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
@@ -6187,6 +6316,13 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
+promise@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/promise/-/promise-8.0.3.tgz#f592e099c6cddc000d538ee7283bb190452b0bf6"
+  integrity sha512-HeRDUL1RJiLhyA0/grn+PTShlBAcLuh/1BJGtrvjwbvRDCTLLMEz9rOGCV+R3vHY4MixIuoMEd9Yq/XvsTPcjw==
+  dependencies:
+    asap "~2.0.6"
+
 prompts@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.0.2.tgz#094119b0b0a553ec652908b583205b9867630154"
@@ -6268,12 +6404,11 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-devtools-core@^4.0.6:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.0.6.tgz#681c7349db618856d6df7d31a6a49edee9d9e428"
-  integrity sha512-IhAndVGmV74Bio1BRrlbsonH6bX3XFHgz2uixJFlNjg/Rm264mBveIMwM6+rV3yObSKVnggXRMtJuyWoPk2Smw==
+react-devtools-core@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/react-devtools-core/-/react-devtools-core-4.6.0.tgz#2443b3c6fac78b801702af188abc6d83d56224e6"
+  integrity sha512-sjR3KC5VvGV7X6vzR3OTutPT5VeBcSKwoIXUwihpl1Nb4dkmweEbzCTPx2PYMVAqc+NZ5tPGhqBzXV+iGg5CNA==
   dependencies:
-    es6-symbol "^3"
     shell-quote "^1.6.1"
     ws "^7"
 
@@ -6297,20 +6432,20 @@ react-refresh@^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.11.0:
-  version "16.11.0"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.11.0.tgz#72574566496462c808ac449b0287a4c0a1a7d8f8"
-  integrity sha512-nh9gDl8R4ut+ZNNb2EeKO5VMvTKxwzurbSMuGBoKtjpjbg8JK/u3eVPVNi1h1Ue+eYK9oSzJjb+K3lzLxyA4ag==
+react-test-renderer@16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.13.1.tgz#de25ea358d9012606de51e012d9742e7f0deabc1"
+  integrity sha512-Sn2VRyOK2YJJldOqoh8Tn/lWQ+ZiKhyZTPtaO0Q6yNj+QDbmRkVFap6pZPy3YQk8DScRDfyqm/KxKYP9gCMRiQ==
   dependencies:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
     react-is "^16.8.6"
-    scheduler "^0.17.0"
+    scheduler "^0.19.1"
 
-react@16.11.0:
-  version "16.11.0"
-  resolved "https://registry.yarnpkg.com/react/-/react-16.11.0.tgz#d294545fe62299ccee83363599bf904e4a07fdbb"
-  integrity sha512-M5Y8yITaLmU0ynd0r1Yvfq98Rmll6q8AxaEe88c8e7LxO8fZ2cNgmFt0aGAS9wzf1Ao32NKXtCl+/tVVtkxq6g==
+react@16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
+  integrity sha512-YMZQQq32xHLX0bz5Mnibv1/LHb3Sqzngu7xstSM+vrkE5Kzr9xE0yMByK5kMoTK30YVJE61WfbxIFFvfeDKT1w==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
@@ -6353,14 +6488,14 @@ realpath-native@^1.1.0:
   dependencies:
     util.promisify "^1.0.0"
 
-recast@^0.16.1:
-  version "0.16.1"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.16.1.tgz#865f1800ef76e42e5d0375763b80f4d6a05f2069"
-  integrity sha512-ZUQm94F3AHozRaTo4Vz6yIgkSEZIL7p+BsWeGZ23rx+ZVRoqX+bvBA8br0xmCOU0DSR4qYGtV7Y5HxTsC4V78A==
+recast@^0.18.1:
+  version "0.18.7"
+  resolved "https://registry.yarnpkg.com/recast/-/recast-0.18.7.tgz#56338a6d803c8c3b9113344440dc70d13c8a1ef7"
+  integrity sha512-qNfoxvMkW4k8jJgNCfmIES7S31MEejXcEQs57eKUcQGiJUuX7cXNOD2h+W9z0rjNun2EkKqf0WvuRtmHw4NPNg==
   dependencies:
-    ast-types "0.11.6"
+    ast-types "0.13.2"
     esprima "~4.0.0"
-    private "~0.1.5"
+    private "^0.1.8"
     source-map "~0.6.1"
 
 rechoir@^0.6.2:
@@ -6688,10 +6823,10 @@ 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.17.0, scheduler@^0.17.0:
-  version "0.17.0"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.17.0.tgz#7c9c673e4ec781fac853927916d1c426b6f3ddfe"
-  integrity sha512-7rro8Io3tnCPuY4la/NuI5F2yfESpnfZyT6TtkXnSWVkcu0BCDJ+8gk5ozUaFaxpIyNuWAPXrH0yFcSi28fnDA==
+scheduler@0.19.1, scheduler@^0.19.1:
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.19.1.tgz#4f3e2ed2c1a7d65681f4c854fa8c5a1ccb40f196"
+  integrity sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==
   dependencies:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
@@ -6701,7 +6836,7 @@ scheduler@0.17.0, scheduler@^0.17.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.6.0.tgz#7e74256fbaa49c75aa7c7a205cc22799cac80004"
   integrity sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==
 
-semver@^6.3.0:
+semver@^6.2.0, 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==
@@ -7055,7 +7190,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
+"string-width@^1.0.2 || 2", string-width@^2.1.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -7382,11 +7517,6 @@ type-check@~0.3.2:
   dependencies:
     prelude-ls "~1.1.2"
 
-type@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/type/-/type-1.0.3.tgz#16f5d39f27a2d28d86e48f8981859e9d3296c179"
-  integrity sha512-51IMtNfVcee8+9GJvj0spSuFcZHe9vSib6Xtgsny1Km9ugyz2mbS08I3rsUIRYgJohFRFU1160sgRodYz378Hg==
-
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -7405,14 +7535,6 @@ uglify-es@^3.1.9:
     commander "~2.13.0"
     source-map "~0.6.1"
 
-uglify-js@^3.1.4:
-  version "3.4.9"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.4.9.tgz#af02f180c1207d76432e473ed24a28f4a782bae3"
-  integrity sha512-8CJsbKOtEbnJsTyv6LE6m6ZKniqMiFWmm9sRbopbkGs3gMPPfd3Fh8iIA4Ykv5MgaTbqHr4BaoGLJLZNhsrW1Q==
-  dependencies:
-    commander "~2.17.1"
-    source-map "~0.6.1"
-
 ultron@1.0.x:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.0.2.tgz#ace116ab557cd197386a4e88f4685378c8b2e4fa"
@@ -7641,11 +7763,6 @@ wordwrap@^1.0.0, wordwrap@~1.0.0:
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
   integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
 
-wordwrap@~0.0.2:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
-  integrity sha1-o9XabNXAvAAI03I0u68b7WMFkQc=
-
 wrap-ansi@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85"
@@ -7789,21 +7906,11 @@ xpipe@^1.0.5:
   resolved "https://registry.yarnpkg.com/xpipe/-/xpipe-1.0.5.tgz#8dd8bf45fc3f7f55f0e054b878f43a62614dafdf"
   integrity sha1-jdi/Rfw/f1Xw4FS4ePQ6YmFNr98=
 
-xregexp@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/xregexp/-/xregexp-4.0.0.tgz#e698189de49dd2a18cc5687b05e17c8e43943020"
-  integrity sha512-PHyM+sQouu7xspQQwELlGwwd05mXUFqwFYfqPO0cC7x4fxyHnnuetmQr6CjJiafIDoH4MogHb9dOoJzR/Y4rFg==
-
 xtend@~4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.1.tgz#a5c6d532be656e23db820efb943a1f04998d63af"
   integrity sha1-pcbVMr5lbiPbgg77lDofBJmNY68=
 
-"y18n@^3.2.1 || ^4.0.0":
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
-  integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
-
 y18n@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
@@ -7819,13 +7926,6 @@ yallist@^3.0.0, yallist@^3.0.2:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.0.2.tgz#8452b4bb7e83c7c188d8041c1a837c773d6d8bb9"
   integrity sha1-hFK0u36Dx8GI2AQcGoN8dz1ti7k=
 
-yargs-parser@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-10.1.0.tgz#7202265b89f7e9e9f2e5765e0fe735a905edbaa8"
-  integrity sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==
-  dependencies:
-    camelcase "^4.1.0"
-
 yargs-parser@^13.0.0:
   version "13.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.0.0.tgz#3fc44f3e76a8bdb1cc3602e860108602e5ccde8b"
@@ -7834,6 +7934,14 @@ yargs-parser@^13.0.0:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
+yargs-parser@^13.1.1:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
+  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^15.0.0:
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.0.tgz#cdd7a97490ec836195f59f3f4dbe5ea9e8f75f08"
@@ -7850,24 +7958,6 @@ yargs-parser@^18.1.2:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs@^12.0.2:
-  version "12.0.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-12.0.2.tgz#fe58234369392af33ecbef53819171eff0f5aadc"
-  integrity sha512-e7SkEx6N6SIZ5c5H22RTZae61qtn3PYUE8JYbBFlK9sYmh3DMQ6E5ygtaG/2BW0JZi4WGgTR2IV5ChqlqrDGVQ==
-  dependencies:
-    cliui "^4.0.0"
-    decamelize "^2.0.0"
-    find-up "^3.0.0"
-    get-caller-file "^1.0.1"
-    os-locale "^3.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 || ^4.0.0"
-    yargs-parser "^10.1.0"
-
 yargs@^13.0.0:
   version "13.2.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.2.2.tgz#0c101f580ae95cea7f39d927e7770e3fdc97f993"
@@ -7885,6 +7975,22 @@ yargs@^13.0.0:
     y18n "^4.0.0"
     yargs-parser "^13.0.0"
 
+yargs@^13.3.0:
+  version "13.3.0"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
+  integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
+  dependencies:
+    cliui "^5.0.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^13.1.1"
+
 yargs@^14.2.0:
   version "14.2.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.0.tgz#f116a9242c4ed8668790b40759b4906c276e76c3"